@font-face{font-family:Orbitron;font-style:normal;font-weight:400 900;font-display:swap;src:url(../media/0acc7fdf55eb3220-s.p.3oprs0vbfre0x.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Orbitron Fallback;src:local(Arial);ascent-override:81.5%;descent-override:19.59%;line-gap-override:0.0%;size-adjust:124.05%}.orbitron_70b97013-module__PKy3SG__className{font-family:Orbitron,Orbitron Fallback;font-style:normal}.orbitron_70b97013-module__PKy3SG__variable{--font-orbitron:"Orbitron", "Orbitron Fallback"}
@font-face{font-family:Share Tech Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/c9bd7381a27f2960-s.p.217_69px1-ccy.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Share Tech Mono Fallback;src:local(Arial);ascent-override:73.06%;descent-override:19.98%;line-gap-override:0.0%;size-adjust:121.13%}.share_tech_mono_4e53b53f-module__MUN3cG__className{font-family:Share Tech Mono,Share Tech Mono Fallback;font-style:normal;font-weight:400}.share_tech_mono_4e53b53f-module__MUN3cG__variable{--font-share-tech-mono:"Share Tech Mono", "Share Tech Mono Fallback"}
*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}:root{--bg-deep:#030308;--bg-card:#0a0a18bf;--neon-cyan:#00f0ff;--neon-pink:#f05;--neon-purple:#7000ff;--neon-green:#39ff14;--neon-yellow:#ffea00;--text-white:#fff;--text-muted:#8b8ba9;--font-title:var(--font-orbitron), sans-serif;--font-mono:var(--font-share-tech-mono), monospace;--glow-cyan:0 0 5px var(--neon-cyan), 0 0 15px #00f0ff66;--glow-pink:0 0 5px var(--neon-pink), 0 0 15px #f056;--glow-purple:0 0 5px var(--neon-purple), 0 0 15px #7000ff66;--glow-green:0 0 5px var(--neon-green), 0 0 15px #39ff1466;--glow-yellow:0 0 5px var(--neon-yellow), 0 0 15px #ffea0066}body{background-color:var(--bg-deep);color:var(--text-white);font-family:var(--font-mono);height:auto;min-height:100vh;position:relative;overflow:hidden auto}html{height:auto;overflow-y:auto}body:before{content:"";pointer-events:none;z-index:999;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 4px,linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f) 0 0/6px 100%;width:100%;height:100%;position:fixed;top:0;left:0}body:after{content:"";background:linear-gradient(var(--bg-deep) 0%, transparent 40%), linear-gradient(90deg, #7000ff12 1px, transparent 1px), linear-gradient(0deg, #7000ff12 1px, transparent 1px);z-index:-1;pointer-events:none;background-size:100% 100%,50px 50px,50px 50px;width:200%;height:200%;animation:20s linear infinite grid-scroll;position:fixed;inset:-50%;transform:perspective(500px)rotateX(60deg)}@keyframes grid-scroll{0%{background-position:0 0,0 0,0 0}to{background-position:0 0,0 1000px,0 1000px}}.container{flex-direction:column;justify-content:flex-start;align-items:center;max-width:1200px;min-height:100vh;margin:0 auto;padding:5vh 1rem 1rem;display:flex}@media (min-height:700px){.container{justify-content:center;padding-top:1rem}}.cyber-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);text-align:center;border:1px solid #7000ff4d;border-radius:12px;width:100%;max-width:600px;padding:1.5rem 1rem;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden;box-shadow:0 8px 32px #0000005e,inset 0 0 15px #7000ff1a}@media (min-width:480px){.cyber-card{padding:2.5rem}}.cyber-card:after{content:"";background:linear-gradient(90deg, transparent, var(--neon-cyan), var(--neon-pink), transparent);width:100%;height:2px;animation:4s linear infinite border-flow;position:absolute;top:0;left:0}@keyframes border-flow{0%{transform:translate(-100%)}to{transform:translate(100%)}}h1.title{font-family:var(--font-title);text-transform:uppercase;letter-spacing:2px;background:linear-gradient(135deg, var(--neon-cyan), var(--neon-pink));-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px #00f0ff4d);text-align:center;-webkit-background-clip:text;margin-bottom:1.5rem;font-size:clamp(2rem,8vw,3.2rem);font-weight:900}.text-neon-cyan{color:var(--neon-cyan);text-shadow:var(--glow-cyan)}.text-neon-pink{color:var(--neon-pink);text-shadow:var(--glow-pink)}.text-neon-green{color:var(--neon-green);text-shadow:var(--glow-green)}.text-neon-yellow{color:var(--neon-yellow);text-shadow:var(--glow-yellow)}.subtitle{color:var(--text-muted);margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.btn-cyber{font-family:var(--font-title);text-transform:uppercase;letter-spacing:2px;color:var(--neon-cyan);border:2px solid var(--neon-cyan);cursor:pointer;box-shadow:var(--glow-cyan);background:0 0;border-radius:6px;outline:none;padding:1rem 2rem;font-size:1.1rem;font-weight:700;transition:all .2s ease-in-out;position:relative;overflow:hidden}.btn-cyber:hover{background:var(--neon-cyan);color:var(--bg-deep);box-shadow:0 0 20px var(--neon-cyan);transform:translateY(-2px)}.btn-cyber:active{transform:translateY(1px)}.btn-cyber.pink{color:var(--neon-pink);border-color:var(--neon-pink);box-shadow:var(--glow-pink)}.btn-cyber.pink:hover{background:var(--neon-pink);color:var(--bg-deep);box-shadow:0 0 20px var(--neon-pink)}.operations-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:2rem;display:grid}.op-checkbox{display:none}.op-label{cursor:pointer;text-align:center;background:#7000ff14;border:1px solid #7000ff4d;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;min-height:80px;padding:1rem .5rem;font-size:clamp(.8rem,3.5vw,1rem);font-weight:700;transition:all .2s;display:flex}.op-label:hover{border-color:var(--neon-cyan);background:#00f0ff14}.op-checkbox:checked+.op-label{border-color:var(--neon-cyan);color:var(--neon-cyan);box-shadow:inset 0 0 10px #00f0ff33, var(--glow-cyan);background:#00f0ff26}.hud-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem;display:grid}.hud-item{background:#0a0a1880;border:1px solid #7000ff33;border-radius:6px;padding:.6rem .4rem}.hud-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem;font-size:.75rem}.hud-value{font-family:var(--font-title);font-size:clamp(1.2rem,5vw,1.8rem);font-weight:700}.timer-container{background:#ffffff0d;border-radius:3px;width:100%;height:6px;margin-bottom:2rem;position:relative;overflow:hidden}.timer-bar{background:linear-gradient(90deg, var(--neon-cyan), var(--neon-pink));height:100%;box-shadow:0 0 10px var(--neon-cyan);width:100%;transition:width .1s linear}.timer-bar.warning{background:linear-gradient(90deg, var(--neon-pink), var(--neon-yellow));box-shadow:0 0 10px var(--neon-pink);animation:.5s infinite alternate timer-pulse}@keyframes timer-pulse{0%{opacity:.6}to{opacity:1}}.question-box{flex-direction:column;justify-content:center;align-items:center;min-height:120px;margin-bottom:1.5rem;display:flex;position:relative}.question-text{font-family:var(--font-title);letter-spacing:2px;text-shadow:0 0 10px #ffffff4d;word-break:break-all;font-size:clamp(2.2rem,10vw,3.5rem);font-weight:900}.answer-preview{font-family:var(--font-title);height:40px;color:var(--neon-cyan);text-shadow:var(--glow-cyan);margin-top:.5rem;font-size:2.2rem;font-weight:700}.answer-preview.empty{color:#ffffff26;text-shadow:none}.numpad{grid-template-columns:repeat(3,1fr);gap:.5rem;width:100%;max-width:320px;margin:0 auto;display:grid}.keypad-btn{color:var(--text-white);font-family:var(--font-title);cursor:pointer;background:#7000ff0d;border:1px solid #7000ff40;border-radius:6px;outline:none;padding:clamp(.7rem,3.5vw,1.1rem);font-size:clamp(1.1rem,5vw,1.4rem);font-weight:700;transition:all .1s}.keypad-btn:hover{border-color:var(--neon-purple);background:#7000ff26;box-shadow:inset 0 0 8px #7000ff33}.keypad-btn:active,.keypad-btn.active{background:var(--neon-purple);border-color:var(--neon-cyan);box-shadow:var(--glow-purple);transform:scale(.95)}.keypad-btn.enter-btn{border-color:var(--neon-green);color:var(--neon-green)}.keypad-btn.enter-btn:hover{border-color:var(--neon-green);background:#39ff141a;box-shadow:inset 0 0 8px #39ff141a}.keypad-btn.enter-btn:active,.keypad-btn.enter-btn.active{background:var(--neon-green);color:var(--bg-deep);box-shadow:var(--glow-green)}.keypad-btn.delete-btn{border-color:var(--neon-pink);color:var(--neon-pink)}.keypad-btn.delete-btn:hover{border-color:var(--neon-pink);background:#ff00551a;box-shadow:inset 0 0 8px #ff00551a}.keypad-btn.delete-btn:active,.keypad-btn.delete-btn.active{background:var(--neon-pink);color:var(--bg-deep);box-shadow:var(--glow-pink)}.correct-flash{animation:.3s ease-out flash-green}.incorrect-shake{animation:.35s ease-in-out shake-red}@keyframes flash-green{0%{box-shadow:0 0 #39ff1400}50%{box-shadow:0 0 40px var(--neon-green);border-color:var(--neon-green)}to{box-shadow:0 8px 32px #0000005e}}@keyframes shake-red{0%,to{border-color:#7000ff4d;transform:translate(0)}15%,45%,75%{border-color:var(--neon-pink);transform:translate(-10px);box-shadow:0 0 20px #f056}30%,60%,90%{border-color:var(--neon-pink);transform:translate(10px);box-shadow:0 0 20px #f056}}.gameover-stats{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem;display:grid}.stat-box{background:#0a0a1866;border:1px solid #7000ff26;border-radius:6px;padding:1rem}.stat-lbl{color:var(--text-muted);margin-bottom:.25rem;font-size:.8rem}.stat-val{font-size:1.6rem;font-weight:700}.nickname-input-group{flex-direction:column;align-items:center;gap:.75rem;margin-bottom:2rem;display:flex}.nickname-input-group label{color:var(--text-muted);text-transform:uppercase;font-size:.9rem}.nickname-input{color:var(--neon-cyan);font-family:var(--font-title);text-align:center;text-transform:uppercase;background:#0a0a18cc;border:2px solid #7000ff66;border-radius:6px;outline:none;width:200px;padding:.5rem;font-size:1.8rem;transition:all .2s;box-shadow:inset 0 0 8px #7000ff1a}.nickname-input:focus{border-color:var(--neon-cyan);box-shadow:var(--glow-cyan), inset 0 0 10px #00f0ff33}.layout-split{flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:1100px;display:flex}@media (min-width:900px){.layout-split{flex-direction:row;justify-content:center;align-items:flex-start}}.leaderboard-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #7000ff33;border-radius:12px;width:100%;max-width:450px;padding:2rem;box-shadow:0 8px 32px #0000005e}.leaderboard-title{font-family:var(--font-title);letter-spacing:2px;text-transform:uppercase;text-align:center;border-bottom:1px solid #7000ff33;margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.5rem}.leaderboard-list{flex-direction:column;gap:.75rem;display:flex}.leaderboard-row{background:#0a0a1866;border:1px solid #7000ff1a;border-radius:6px;grid-template-columns:40px 1fr 100px;align-items:center;padding:.75rem;font-size:1rem;display:grid}.leaderboard-row.podium-0{border-color:var(--neon-yellow);box-shadow:inset 0 0 10px #ffea000d}.leaderboard-row.podium-0 .rank{color:var(--neon-yellow);font-weight:700}.leaderboard-row.podium-1{border-color:var(--neon-cyan);box-shadow:inset 0 0 10px #00f0ff0d}.leaderboard-row.podium-1 .rank{color:var(--neon-cyan);font-weight:700}.leaderboard-row.podium-2{border-color:var(--neon-pink);box-shadow:inset 0 0 10px #ff00550d}.leaderboard-row.podium-2 .rank{color:var(--neon-pink);font-weight:700}.rank{font-family:var(--font-title);font-size:1.1rem}.player-name{letter-spacing:1px;font-weight:700}.player-score-col{text-align:right}.player-score{font-family:var(--font-title);font-size:1.2rem;font-weight:700}.player-meta{color:var(--text-muted);margin-top:.15rem;font-size:.75rem}.no-scores{text-align:center;color:var(--text-muted);padding:2rem 0;font-style:italic}.spinner{border:3px solid #00f0ff33;border-top-color:var(--neon-cyan);border-radius:50%;width:24px;height:24px;animation:1s ease-in-out infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}