:root{--neon-green: #00ff41;--dark-green: #00cc33;--bg-black: #000000;--bg-dark: #0a0a0a;--bg-darker: #1a1a1a;--text-dim: #666666;--danger-red: #ff0040;--warning-yellow: #ffff00}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Source Code Pro,monospace;background:var(--bg-black);color:var(--neon-green);overflow-x:hidden;line-height:1.4}h1,h2,h3{font-weight:600;text-transform:uppercase;letter-spacing:2px}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes neon-pulse{0%,to{text-shadow:0 0 5px var(--neon-green),0 0 10px var(--neon-green)}50%{text-shadow:0 0 20px var(--neon-green),0 0 30px var(--neon-green)}}@keyframes matrix-rain{0%{transform:translateY(-100vh);opacity:1}to{transform:translateY(100vh);opacity:0}}@keyframes typing-dots{0%,20%{opacity:.2}50%{opacity:1}to{opacity:.2}}.neon-text{color:var(--neon-green);text-shadow:0 0 5px var(--neon-green),0 0 10px var(--neon-green)}.neon-pulse{animation:neon-pulse 2s ease-in-out infinite}.glitch-effect{animation:glitch .5s ease-in-out infinite}.matrix-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.cyber-button{background:transparent;border:2px solid var(--neon-green);color:var(--neon-green);padding:12px 24px;font-family:Source Code Pro,monospace;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.cyber-button:hover{background:var(--neon-green);color:var(--bg-black);box-shadow:0 0 20px var(--neon-green)}.cyber-button:active{transform:scale(.98)}.cyber-input{background:var(--bg-darker);border:1px solid var(--text-dim);color:var(--neon-green);padding:12px 16px;font-family:Source Code Pro,monospace;font-size:14px;transition:all .3s ease}.cyber-input:focus{outline:none;border-color:var(--neon-green);box-shadow:0 0 10px var(--neon-green)}.message{margin:10px 0;padding:10px 15px;border-radius:4px;max-width:80%}.message.user{background:var(--bg-darker);border-left:3px solid var(--neon-green);margin-left:auto;text-align:right}.message.other{background:var(--bg-dark);border-left:3px solid var(--text-dim)}.message.system{background:var(--bg-darker);border:1px solid var(--warning-yellow);color:var(--warning-yellow);text-align:center;font-style:italic;margin:20px auto;max-width:90%}.timer{font-size:24px;font-weight:700;color:var(--neon-green);text-align:center;padding:20px}.timer.danger{color:var(--danger-red);animation:neon-pulse 1s ease-in-out infinite}.leaderboard{background:var(--bg-darker);border:1px solid var(--neon-green);padding:20px;margin:20px 0}.leaderboard h3{color:var(--neon-green);margin-bottom:15px;text-align:center}.leaderboard-entry{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--text-dim)}.status-online{width:8px;height:8px;background:var(--neon-green);border-radius:50%;display:inline-block;margin-right:8px;animation:neon-pulse 1s ease-in-out infinite}.status-offline{width:8px;height:8px;background:var(--text-dim);border-radius:50%;display:inline-block;margin-right:8px}.loading-spinner{width:40px;height:40px;border:3px solid var(--bg-darker);border-top:3px solid var(--neon-green);border-radius:50%;animation:spin 1s linear infinite;margin:20px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.cyber-button{padding:10px 20px;font-size:14px}.message{max-width:95%}}@media (max-width: 480px){body{font-size:14px}.cyber-button{padding:10px 16px;font-size:clamp(12px,3vw,14px);letter-spacing:.5px}.cyber-input{padding:10px 12px;font-size:clamp(12px,3vw,14px)}*{max-width:100%}.container,div[style*=width]{max-width:100%!important}}@media (max-width: 768px){h1{font-size:clamp(1.8rem,6vw,3rem)!important}.cyber-button{width:100%;max-width:none}}