:root{--bg-color: #050505;--bg-card: #0d0d0e;--bg-input: #141416;--text-color: #e5e5eb;--text-dim: #888894;--primary-red: #ff003c;--primary-red-glow: rgba(255, 0, 60, .4);--primary-red-dim: #990024;--border-red: #4a000e;--border-red-active: #b30022;--green: #00ff66;--green-glow: rgba(0, 255, 102, .3);--font-header: "Orbitron", sans-serif;--font-mono: "Share Tech Mono", monospace;--font-body: "Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body.cyber-theme{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-body);overflow-x:hidden;height:100vh;display:flex;justify-content:center;align-items:center}.scanlines{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08);background-size:100% 4px,6px 100%;z-index:9999;pointer-events:none}.glitch-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#ff003c05;opacity:0;z-index:9998;pointer-events:none;transition:opacity .15s ease}.terminal-container{width:95%;max-width:1100px;height:90vh;max-height:850px;border:1px solid var(--border-red);background-color:#050505f2;box-shadow:0 0 30px #ff003c0d,inset 0 0 15px #ff003c05;display:flex;flex-direction:column;position:relative}.terminal-container:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:1px solid var(--primary-red);opacity:.15;pointer-events:none}.terminal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 25px;border-bottom:1px solid var(--border-red);font-family:var(--font-header)}.header-logo{display:flex;align-items:center;gap:15px}.glitch-text{font-size:1.5rem;font-weight:900;letter-spacing:2px;color:var(--text-color);text-shadow:0 0 8px var(--primary-red-glow);position:relative}.status-indicator{font-size:.75rem;font-family:var(--font-mono);padding:2px 8px;border:1px solid rgba(255,0,60,.3);color:var(--primary-red);background:#ff003c0d}.status-indicator.online{color:var(--green);border-color:#00ff664d;background:#00ff660d;animation:pulse 2s infinite alternate}.user-status{display:flex;align-items:center;gap:15px;font-family:var(--font-mono)}.terminal-footer{padding:10px 25px;border-top:1px solid var(--border-red);font-family:var(--font-mono);font-size:.85rem;color:var(--text-dim);display:flex;align-items:center;gap:10px}.terminal-prompt{color:var(--primary-red);animation:blink 1s infinite}.terminal-body{flex:1;padding:30px;overflow-y:auto;position:relative}.screen{display:none;animation:fadeIn .4s ease forwards;height:100%}.screen.active{display:block}h2{font-family:var(--font-header);font-size:1.6rem;font-weight:700;letter-spacing:1px;margin-bottom:5px;color:var(--text-color);text-shadow:0 0 5px rgba(255,255,255,.1)}h3{font-family:var(--font-header);font-size:1.1rem;letter-spacing:1px;margin-bottom:20px;color:var(--primary-red)}h4{font-family:var(--font-mono);color:var(--primary-red);margin-bottom:10px;font-size:.95rem;letter-spacing:1px}.subtitle{font-family:var(--font-mono);font-size:.85rem;color:var(--text-dim);margin-bottom:25px}.neon-text{color:var(--primary-red);text-shadow:0 0 8px var(--primary-red-glow)}.green-text{color:var(--green)}.red-text{color:var(--primary-red)}.cyber-card{background-color:var(--bg-card);border:1px solid var(--border-red);padding:25px;position:relative;transition:all .3s ease;box-shadow:0 4px 15px #0009}.cyber-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:4px;background-color:var(--primary-red)}.cyber-card:hover{border-color:var(--border-red-active);box-shadow:0 0 15px #ff003c0d}.cyber-btn{display:block;width:100%;padding:12px;background:transparent;border:1px solid var(--primary-red);color:var(--text-color);font-family:var(--font-header);font-weight:700;font-size:.9rem;letter-spacing:2px;cursor:pointer;position:relative;transition:all .2s ease}.cyber-btn:after{content:"";position:absolute;bottom:0;right:0;width:0;height:0;border-style:solid;border-width:0 0 6px 6px;border-color:transparent transparent var(--primary-red) transparent}.cyber-btn:hover{background:var(--primary-red);color:#000;box-shadow:0 0 10px var(--primary-red-glow)}.cyber-btn-secondary{display:inline-block;padding:10px 20px;background:#ffffff05;border:1px solid rgba(255,255,255,.1);color:var(--text-color);font-family:var(--font-mono);font-size:.85rem;cursor:pointer;transition:all .2s ease}.cyber-btn-secondary:hover{border-color:var(--primary-red);color:var(--primary-red);background:#ff003c05}.cyber-btn-outline-red{display:block;width:100%;padding:12px;background:#ff003c05;border:1px solid var(--border-red-active);color:var(--primary-red);font-family:var(--font-header);font-weight:700;font-size:.85rem;letter-spacing:1px;cursor:pointer;transition:all .2s ease}.cyber-btn-outline-red:hover{background:#ff003c1a;box-shadow:0 0 10px #ff003c1a}.cyber-btn-sm{padding:8px 16px;font-size:.8rem;font-family:var(--font-mono);background:transparent;border:1px solid var(--border-red-active);color:var(--text-color);cursor:pointer}.cyber-btn-sm:hover{background:var(--border-red-active)}.cyber-btn-xs{padding:4px 10px;font-size:.75rem;font-family:var(--font-mono);background:transparent;border:1px solid var(--border-red-active);color:var(--text-color);cursor:pointer}.cyber-btn-xs:hover{background:var(--border-red-active)}.cyber-btn-next{display:block;width:100%;margin-top:10px;padding:12px;background:#00ff660d;border:1px solid var(--green);color:var(--green);font-family:var(--font-header);font-weight:700;font-size:.8rem;letter-spacing:1px;cursor:pointer;transition:all .2s ease;animation:pulse-green 1.5s infinite}.cyber-btn-next:hover{background:#00ff6626;box-shadow:0 0 12px var(--green-glow)}.cyber-btn-next:disabled{opacity:.4;cursor:not-allowed;animation:none}@keyframes pulse-green{0%,to{box-shadow:0 0 4px var(--green-glow)}50%{box-shadow:0 0 14px var(--green-glow)}}.input-group{margin-bottom:20px;display:flex;flex-direction:column;gap:8px}label{font-family:var(--font-mono);font-size:.75rem;color:var(--text-dim);letter-spacing:1px}input[type=text],input[type=password],input[type=email]{width:100%;padding:10px 15px;background-color:var(--bg-input);border:1px solid var(--border-red);color:var(--text-color);font-family:var(--font-body);font-size:.9rem;outline:none;transition:all .2s ease}input[type=text]:focus,input[type=password]:focus{border-color:var(--border-red-active);box-shadow:0 0 8px #ff003c26}.inline-form{display:flex;gap:10px}.inline-form input{flex:1}.inline-form button{width:auto;padding-left:20px;padding-right:20px}.welcome-box{text-align:center;margin-bottom:40px}.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:800px;margin:0 auto}.lobby-grid{display:grid;grid-template-columns:2fr 1fr;gap:30px;height:100%}.lobby-actions{display:flex;flex-direction:column;justify-content:space-between;gap:20px}.action-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.music-card{display:flex;flex-direction:column;justify-content:space-between;height:200px}.audio-controls{margin-top:20px;display:flex;flex-direction:column;gap:15px}.volume-container{display:flex;align-items:center;gap:15px}.volume-container input[type=range]{flex:1;accent-color:var(--primary-red)}.leaderboard-card{height:100%;display:flex;flex-direction:column}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.table-responsive{flex:1;overflow-y:auto}.terminal-table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:.9rem;text-align:left}.terminal-table th{padding:12px 15px;border-bottom:2px solid var(--border-red);color:var(--primary-red);letter-spacing:1px}.terminal-table td{padding:12px 15px;border-bottom:1px solid rgba(255,0,60,.1);color:var(--text-color)}.terminal-table tr:hover td{background:#ff003c05}.loading-td{text-align:center;padding:40px!important;color:var(--text-dim)!important}#screen-quiz-create.active{display:flex;flex-direction:column;height:100%}.quiz-creation-header{margin-bottom:20px}.questions-list{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:25px;overflow-y:auto;max-height:480px;padding-right:5px}.question-builder-card{padding:15px}.question-builder-card .input-group{margin-bottom:15px}.alternatives-grid{display:flex;flex-direction:column;gap:10px}.alternative-input{display:flex;align-items:center;gap:10px}.alternative-input input[type=radio]{accent-color:var(--primary-red);width:18px;height:18px;cursor:pointer}.submit-quiz-btn{max-width:400px;margin:0 auto}.room-wait-card{max-width:600px;margin:40px auto 0;text-align:center}.room-code-display{background:var(--bg-input);border:1px dashed var(--border-red);padding:15px;margin:25px 0;display:flex;flex-direction:column;gap:5px}.room-code-display .label{font-family:var(--font-mono);font-size:.8rem;color:var(--text-dim)}.room-code-display #display-room-code{font-family:var(--font-header);font-size:2.2rem;font-weight:900;letter-spacing:6px}.players-sync{display:flex;align-items:center;justify-content:center;gap:30px;margin:30px 0}.player-node{flex:1;background:#ffffff03;border:1px solid rgba(255,255,255,.05);padding:20px;display:flex;flex-direction:column;align-items:center;gap:8px}.player-node.ready{border-color:var(--green);box-shadow:0 0 10px var(--green-glow)}.player-node .avatar{width:45px;height:45px;border-radius:50%;background:var(--bg-input);border:1px solid var(--border-red);display:flex;align-items:center;justify-content:center;font-family:var(--font-header);font-weight:700}.player-node.ready .avatar{border-color:var(--green);color:var(--green)}.player-node .name{font-family:var(--font-mono);font-weight:700}.player-node .status{font-family:var(--font-mono);font-size:.75rem;color:var(--text-dim)}.player-node.ready .status{color:var(--green)}.vs-divider{font-family:var(--font-header);font-weight:900;font-size:1.2rem;color:var(--primary-red);opacity:.5}.room-status-message{font-family:var(--font-mono);font-size:.85rem;color:var(--text-dim)}.game-header{margin-bottom:25px}.progress-bar-container{height:4px;background:#ffffff0d;width:100%;margin-bottom:10px}.progress-bar-fill{height:100%;background:var(--primary-red);box-shadow:0 0 8px var(--primary-red);width:0%;transition:width .3s ease}.game-meta{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.85rem;color:var(--text-dim)}.game-layout{display:grid;grid-template-columns:3fr 1fr;gap:30px;margin-bottom:30px}.question-container{display:flex;flex-direction:column;gap:20px}.question-text-box{background:var(--bg-card);border:1px solid var(--border-red);padding:30px;min-height:120px;display:flex;align-items:center}#current-question-text{font-size:1.2rem;line-height:1.5}.answers-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.answer-btn{text-align:left;padding:15px 20px;font-size:.95rem;display:flex;align-items:center;gap:15px}.answer-btn:hover{background:#ff003c0d!important}.answer-btn.correct{border-color:var(--green);color:var(--green);background:#00ff660d}.answer-btn.wrong{border-color:var(--primary-red);color:var(--primary-red);background:#ff003c0d}.answer-btn.disabled{pointer-events:none;opacity:.6}.game-sidebar{display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:var(--bg-card);border:1px solid var(--border-red);padding:25px 15px}.timer-widget{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.timer-ring{transform:rotate(-90deg)}.timer-ring-bg{fill:none;stroke:#ffffff08;stroke-width:6}.timer-ring-fill{fill:none;stroke:var(--primary-red);stroke-width:6;stroke-dasharray:314;stroke-dashoffset:0;transition:stroke-dashoffset .1s linear}.timer-text{position:absolute;font-family:var(--font-header);font-size:2rem;font-weight:700}.game-hud{display:flex;gap:20px;border-top:1px solid var(--border-red);padding-top:20px}.hud-player{flex:1;background:var(--bg-card);border:1px solid var(--border-red);padding:10px 20px;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono)}.hud-player.self{border-left:3px solid var(--primary-red)}.hud-player.opponent{opacity:.7}.hud-score{color:var(--primary-red);font-weight:700}.results-card{max-width:750px;margin:0 auto;text-align:center}.winner-announcement{font-family:var(--font-header);font-size:2.2rem;font-weight:900;color:var(--primary-red);text-shadow:0 0 15px var(--primary-red-glow);margin-bottom:30px;letter-spacing:2px}.results-comparison{display:flex;justify-content:space-between;align-items:stretch;gap:20px;margin-bottom:30px}.player-result-box{flex:1;background:#ffffff03;border:1px solid var(--border-red);padding:25px}.player-result-box.self{border-color:var(--border-red-active);background:#ff003c05}.player-result-box h3{font-size:1.2rem;margin-bottom:10px;color:var(--text-color)}.result-score-val{font-family:var(--font-header);font-size:2rem;font-weight:700;color:var(--primary-red);margin-bottom:20px}.stat-list{display:flex;flex-direction:column;gap:10px;font-family:var(--font-mono)}.stat-item{display:flex;justify-content:space-between;border-bottom:1px dashed rgba(255,255,255,.05);padding-bottom:5px}.stat-item .lbl{color:var(--text-dim)}.vs-badge{display:flex;align-items:center;justify-content:center;font-family:var(--font-header);font-weight:700;font-size:1.5rem;color:var(--text-dim);opacity:.5}.actions-footer{max-width:300px;margin:0 auto}.terminal-message{font-family:var(--font-mono);font-size:.85rem;padding:10px 15px;border:1px solid var(--border-red);background:#ff003c0d;color:var(--primary-red);margin-top:15px;text-align:center}.error-msg{border-color:var(--primary-red);background:#ff003c1a}.success-msg{border-color:var(--green);background:#00ff661a;color:var(--green)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-red)}::-webkit-scrollbar-thumb:hover{background:var(--primary-red)}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{50%{opacity:0}}@keyframes pulse{0%{box-shadow:0 0 4px #00ff661a}to{box-shadow:0 0 10px #00ff664d}}.pulse-text{animation:textPulse 1.5s infinite alternate}@keyframes textPulse{0%{opacity:.4}to{opacity:1}}@media (max-width: 768px){.terminal-container{height:98vh}.terminal-body{padding:15px}.auth-grid{grid-template-columns:1fr;gap:20px}.lobby-grid,.action-cards{grid-template-columns:1fr}.questions-list{grid-template-columns:1fr;max-height:380px}.game-layout{grid-template-columns:1fr;gap:15px}.answers-grid{grid-template-columns:1fr}.game-sidebar{flex-direction:row;padding:10px 15px}.timer-widget,.timer-ring{width:60px;height:60px}.timer-ring-bg,.timer-ring-fill{cx:30;cy:30;r:25;stroke-width:4}.timer-ring-fill{stroke-dasharray:157}.timer-text{font-size:1.1rem}.results-comparison{flex-direction:column;gap:15px}}