@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;--bg-row:#0a0a1866;--bg-hud:#0a0a1880;--grid-color:#7000ff12;--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);touch-action:manipulation;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(90deg, var(--grid-color) 1px, transparent 1px), linear-gradient(0deg, var(--grid-color) 1px, transparent 1px);z-index:-2;pointer-events:none;background-size:50px 50px,50px 50px;width:200%;height:200%;animation:10s linear infinite grid-scroll;position:fixed;inset:-50%;transform:perspective(500px)rotateX(60deg)translateY(0)}@keyframes grid-scroll{0%{transform:perspective(500px)rotateX(60deg)translateY(0)}to{transform:perspective(500px)rotateX(60deg)translateY(50px)}}.container{background:linear-gradient(var(--bg-deep) 0%, transparent 40%);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;overflow-y:auto}@media (min-width:900px) and (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-top:0;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)}.btn-cyber.yellow{color:var(--neon-yellow);border-color:var(--neon-yellow);box-shadow:var(--glow-yellow)}.btn-cyber.yellow:hover{background:var(--neon-yellow);color:var(--bg-deep);box-shadow:0 0 20px var(--neon-yellow)}.btn-cyber.green{color:var(--neon-green);border-color:var(--neon-green);box-shadow:var(--glow-green)}.btn-cyber.green:hover{background:var(--neon-green);color:var(--bg-deep);box-shadow:0 0 20px var(--neon-green)}.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:var(--bg-hud);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:var(--bg-row);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{background:var(--bg-deep);color:var(--neon-cyan);font-family:var(--font-title);text-align:center;text-transform:uppercase;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}.cyber-select{background:var(--bg-deep);color:var(--neon-cyan);font-family:var(--font-title);text-align:center;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='%2300f0ff' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");background-position:right 10px center;background-repeat:no-repeat;border:2px solid #7000ff66;border-radius:6px;outline:none;width:220px;padding:.6rem 2.5rem .6rem 1rem;font-size:1.5rem;transition:all .2s;box-shadow:inset 0 0 8px #7000ff1a}.cyber-select:focus{border-color:var(--neon-cyan);box-shadow:var(--glow-cyan), inset 0 0 10px #00f0ff33}.cyber-select option{background:var(--bg-deep);color:var(--text-white);font-family:var(--font-mono);padding:.5rem;font-size:1.1rem}.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:var(--bg-row);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)}}.tab-navigation{z-index:10;gap:.75rem;width:100%;max-width:600px;margin-bottom:1.25rem;display:flex}.tab-btn{color:var(--text-muted);font-family:var(--font-title);letter-spacing:1px;cursor:pointer;background:#0a0a18a6;border:1px solid #7000ff40;border-radius:8px;outline:none;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.8rem;font-size:.9rem;font-weight:700;transition:all .25s;display:flex}.tab-btn.active{color:var(--neon-cyan);border-color:var(--neon-cyan);background:#00f0ff0d;box-shadow:0 0 12px #00f0ff40,inset 0 0 6px #00f0ff26}.tab-btn:hover:not(.active){color:var(--text-white);border-color:var(--neon-purple);background:#7000ff0d;box-shadow:0 0 8px #7000ff33}.settings-panel{text-align:left;flex-direction:column;gap:1.5rem;display:flex}.settings-title{font-family:var(--font-title);letter-spacing:2px;text-transform:uppercase;text-align:center;border-bottom:1px solid #7000ff33;margin-bottom:.5rem;padding-bottom:.75rem;font-size:1.6rem}.settings-section{background:var(--bg-row);border:1px solid #7000ff26;border-radius:8px;padding:1.25rem}.settings-section-title{font-family:var(--font-title);text-transform:uppercase;letter-spacing:1.5px;border-bottom:1px solid #f053;margin-bottom:.5rem;padding-bottom:.4rem;font-size:1.1rem}.settings-subtitle{color:var(--text-muted);margin-bottom:1rem;font-size:.85rem;line-height:1.4}.leaderboard-panel.standalone{width:100%;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;max-width:100%;padding:0}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#030308d9;justify-content:center;align-items:center;width:100%;height:100%;padding:1.5rem;display:flex;position:fixed;top:0;left:0}.modal-card{background:var(--bg-card);border:1px solid var(--neon-cyan);border-radius:12px;flex-direction:column;gap:1.5rem;width:100%;max-width:500px;max-height:85vh;padding:2rem;animation:.3s cubic-bezier(.19,1,.22,1) modal-enter;display:flex;box-shadow:0 0 35px #00f0ff40}@keyframes modal-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-title{font-family:var(--font-title);text-transform:uppercase;letter-spacing:1px;text-align:center;border-bottom:1px solid #00f0ff40;padding-bottom:.75rem;font-size:1.3rem}.modal-content{text-align:left;max-height:45vh;font-family:var(--font-mono);color:var(--text-white);flex-direction:column;gap:1rem;padding-right:.5rem;font-size:.85rem;line-height:1.6;display:flex;overflow-y:auto}.modal-content h4{color:var(--neon-pink);text-transform:uppercase;letter-spacing:1px;margin-top:.5rem}.modal-content p{color:var(--text-white);opacity:.95}.modal-content::-webkit-scrollbar{width:4px}.modal-content::-webkit-scrollbar-track{background:#0000001a}.modal-content::-webkit-scrollbar-thumb{background:var(--neon-cyan);border-radius:2px}.desktop-only-panel,.desktop-only{display:block}@media (min-width:900px){.mobile-tabs-container{display:none!important}.desktop-only-panel{display:block!important}}@media (max-width:899px){.mobile-tabs-container{display:flex!important}.desktop-only-panel{display:none!important}h1.title{margin-bottom:.25rem!important;font-size:1.8rem!important}.cyber-card{padding:.75rem!important}.cyber-tabs{margin-bottom:.75rem!important}.subtitle{margin-bottom:.75rem!important;font-size:.8rem!important;line-height:1.35!important}.operations-grid{gap:.4rem!important;margin-bottom:.75rem!important}.op-label{padding:.45rem .25rem!important;font-size:.85rem!important}.btn-cyber{padding:.65rem 1.25rem!important;font-size:.95rem!important}}.cyber-tabs{border-bottom:1px solid #7000ff33;width:100%;margin-bottom:1.5rem;display:flex}.cyber-tab{font-family:var(--font-title);letter-spacing:1px;cursor:pointer;color:#fff6;text-align:center;background:0 0;border:none;flex:1;padding:.75rem;font-size:1rem;transition:all .2s;position:relative}.cyber-tab:after{content:"";background:0 0;width:100%;height:2px;transition:all .2s;position:absolute;bottom:-1px;left:0}.cyber-tab.active-play{color:var(--neon-cyan);text-shadow:var(--glow-cyan)}.cyber-tab.active-play:after{background:var(--neon-cyan);box-shadow:0 0 8px var(--neon-cyan)}.cyber-tab.active-archives{color:var(--neon-pink);text-shadow:var(--glow-pink)}.cyber-tab.active-archives:after{background:var(--neon-pink);box-shadow:0 0 8px var(--neon-pink)}.cyber-tab.active-settings{color:var(--neon-purple);text-shadow:var(--glow-purple)}.cyber-tab.active-settings:after{background:var(--neon-purple);box-shadow:0 0 8px var(--neon-purple)}body.light-theme{--bg-deep:#f2f4f8;--bg-card:#fffffff2;--bg-row:#0000000a;--bg-hud:#00000008;--grid-color:#7000ff14;--neon-cyan:#078;--neon-pink:#c15;--neon-purple:#51c;--neon-green:#183;--neon-yellow:#c70;--text-white:#121218;--text-muted:#585970;--glow-cyan:0 0 4px #0077884d, 0 0 10px #00778826;--glow-pink:0 0 4px #cc11554d, 0 0 10px #cc115526;--glow-purple:0 0 4px #5511cc4d, 0 0 10px #5511cc26;--glow-green:0 0 4px #1188334d, 0 0 10px #11883326;--glow-yellow:0 0 4px #cc77004d, 0 0 10px #cc770026}body.light-theme .cyber-tab{color:#12121866}body.light-theme:before{opacity:.35}body.light-theme .leaderboard-row.podium-0{box-shadow:inset 0 0 10px #cc770014}body.light-theme .leaderboard-row.podium-1{box-shadow:inset 0 0 10px #00778814}body.light-theme .leaderboard-row.podium-2{box-shadow:inset 0 0 10px #cc115514}.theme-switch{width:52px;height:26px;display:inline-block;position:relative}.theme-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#7000ff26;border:1px solid #7000ff66;transition:all .4s;position:absolute;inset:0;box-shadow:inset 0 0 5px #0003}.slider:before{content:"";background-color:var(--text-muted);width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px;box-shadow:0 0 5px #0000004d}input:checked+.slider{border-color:var(--neon-cyan);background-color:#00f0ff26}input:checked+.slider:before{background-color:var(--neon-cyan);box-shadow:var(--glow-cyan);transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.cyber-textarea{background:var(--bg-deep);color:var(--text-white);font-family:var(--font-mono);resize:vertical;border:2px solid #7000ff66;border-radius:6px;outline:none;width:100%;min-height:120px;padding:.75rem;font-size:1rem;transition:all .2s;box-shadow:inset 0 0 8px #7000ff1a}.cyber-textarea:focus{border-color:var(--neon-cyan);box-shadow:var(--glow-cyan), inset 0 0 10px #00f0ff33}