body {
    background: #050505; color: #00ff41; font-family: 'Courier New', monospace;
    margin: 0; padding: 0; text-align: center;
}

.stats-bar {
    background: #ff0000; color: white; padding: 5px; position: fixed;
    top: 0; width: 100%; z-index: 1000; display: flex; justify-content: space-around;
}

.container { margin-top: 60px; padding: 20px; }

nav button {
    background: transparent; border: 1px solid #00ff41; color: #00ff41;
    padding: 10px 20px; cursor: pointer; margin: 5px;
}

nav button:hover { background: #00ff41; color: black; }

.content-section { display: none; background: rgba(0,255,65,0.05); border: 1px solid #333; padding: 20px; min-height: 300px; }
.active { display: block; }

#chat-box {
    height: 200px; border: 1px solid #333; overflow-y: scroll;
    text-align: left; padding: 10px; background: #000; margin-bottom: 10px;
}

.msg { margin-bottom: 5px; border-bottom: 1px solid #111; }

.chat-input input { background: #000; border: 1px solid #00ff41; color: #0f0; padding: 10px; width: 60%; }

.btn { background: #ff0000; color: white; border: none; padding: 15px; cursor: pointer; margin-top: 10px; }

.blink { animation: blink 1s infinite; }
@keyframes blink { 50% { opacity: 0; } }