@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--blood: #c81818;--blood-dark: #7a0c0c;--hell: #ff4a00;--bone: #e8e0c8;--steel: #6b727d;--bg: #0a0707;--panel: #161010;--panel-light: #241818;--hp-green: #36c84b;--font: "Press Start 2P", "Courier New", monospace}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html,body,#root{height:100%;width:100%}body{font-family:var(--font);background:radial-gradient(circle at 50% 0%,#2a0a0a,#0a0707 60%),#000;color:var(--bone);overflow:hidden;display:flex;align-items:center;justify-content:center}#root{display:flex;align-items:center;justify-content:center}.app-frame{position:relative;width:100%;max-width:430px;height:100%;max-height:932px;background:var(--bg);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 0 4px #000,0 0 40px #c8181866;border-left:4px solid #000;border-right:4px solid #000}@media (min-width: 460px){.app-frame{border:4px solid #2a1010;border-radius:6px}}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:16px;image-rendering:pixelated}.app-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(to bottom,#0000,#0000 2px,#0000002e,#0000 4px);z-index:50;mix-blend-mode:multiply}.app-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,transparent 58%,rgba(0,0,0,.6) 100%);z-index:40}.title{font-size:22px;line-height:1.5;color:var(--blood);text-shadow:3px 3px 0 #000,0 0 18px rgba(255,74,0,.7);text-align:center;letter-spacing:1px}.subtitle{font-size:11px;line-height:1.8;color:var(--bone);text-align:center}.glite-credit{display:inline-block;font-size:8px;letter-spacing:1px;color:#7a9bff;text-decoration:none;text-align:center;border-bottom:1px solid rgba(122,155,255,.5);padding-bottom:2px}.glite-credit:active{color:#aebfff}.legal-link{background:none;border:none;padding:0;margin:0;font:inherit;color:#7a9bff;text-decoration:underline;cursor:pointer}.legal-link:active{color:#aebfff}.flicker{animation:flicker 3s infinite steps(1)}@keyframes flicker{0%,92%,96%,to{opacity:1}94%{opacity:.45}98%{opacity:.7}}.pulse{animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.btn{font-family:var(--font);font-size:13px;color:var(--bone);background:linear-gradient(180deg,var(--panel-light),var(--panel));border:3px solid #000;box-shadow:inset 0 0 0 2px #3a2020,4px 4px #000;padding:14px 12px;cursor:pointer;text-align:center;line-height:1.5;transition:transform .05s,background .1s}.btn:active{transform:translate(2px,2px);box-shadow:inset 0 0 0 2px #3a2020,2px 2px #000}.btn-go{font-size:28px;color:#fff;background:linear-gradient(180deg,#e02020,#7a0c0c);box-shadow:inset 0 0 0 3px #ff6a4a,6px 6px #000,0 0 24px #ff2800cc;padding:22px 60px;letter-spacing:4px}.btn-answer{width:100%;min-height:52px;display:flex;align-items:center;justify-content:center;font-size:11px}.btn-answer.correct{background:linear-gradient(180deg,#2a7a2a,#0d3d0d);box-shadow:inset 0 0 0 2px #5cd65c,4px 4px #000;color:#fff}.btn-answer.wrong{background:linear-gradient(180deg,#b01010,#5a0808);box-shadow:inset 0 0 0 2px #ff5a5a,4px 4px #000;color:#fff}.btn-answer.firing{background:linear-gradient(180deg,#5a4a18,#2a2208);box-shadow:inset 0 0 0 2px #ffd11a,4px 4px #000;color:#fff;animation:firingPulse .4s ease-in-out infinite}@keyframes firingPulse{0%,to{box-shadow:inset 0 0 0 2px #ffd11a,4px 4px #000}50%{box-shadow:inset 0 0 0 2px #ff8a00,4px 4px #000}}.btn-answer:disabled{cursor:default;opacity:.95}.btn-ghost{background:transparent;border:3px solid #3a2020;box-shadow:none;font-size:10px;color:var(--hell)}.center-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px}.spacer{flex:1}.hp-row{display:flex;gap:4px;align-items:center}.hp-pip{width:16px;height:14px;fill:var(--blood);filter:drop-shadow(2px 2px 0 #000);image-rendering:pixelated}.hp-pip.empty{fill:#2a1414;filter:none}.hp-label{font-size:8px;color:var(--bone)}.arena{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:hidden}.hud{width:100%;display:flex;justify-content:space-between;align-items:flex-start;gap:8px;z-index:5}.hud-col{display:flex;flex-direction:column;gap:4px}.hud-col.right{align-items:flex-end}.round-badge{font-size:8px;color:var(--hell);text-align:center;padding:4px 0;display:flex;flex-direction:column;align-items:center;gap:5px}.demon-stage{position:relative;flex:1;width:100%;display:flex;align-items:center;justify-content:center;min-height:150px}.demon-wrap{position:relative}.bob{animation:bob 1.8s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.shake{animation:shake .4s steps(2) 2}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-6px,2px)}50%{transform:translate(5px,-3px)}75%{transform:translate(-4px,3px)}to{transform:translate(0)}}.screen-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;pointer-events:none;z-index:30}.flash-red{background:var(--blood)}.do-flash{animation:doflash .35s ease-out}@keyframes doflash{0%{opacity:.65}to{opacity:0}}.projectile{position:absolute;left:50%;bottom:2%;z-index:24;pointer-events:none;filter:drop-shadow(0 0 8px rgba(255,100,0,.8));will-change:bottom,left,transform,opacity}.proj-hit{animation:projHit .7s cubic-bezier(.4,0,.9,.5) forwards}@keyframes projHit{0%{bottom:2%;left:50%;transform:translate(-50%) scale(.4) rotate(0);opacity:.85}15%{opacity:1}to{bottom:58%;left:50%;transform:translate(-50%) scale(1.05) rotate(220deg);opacity:1}}.proj-missLeft{animation:projMissLeft .72s ease-out forwards}@keyframes projMissLeft{0%{bottom:2%;left:50%;transform:translate(-50%) scale(.4) rotate(0);opacity:.85}15%{opacity:1}65%{bottom:50%;left:28%;transform:translate(-50%) scale(.95) rotate(160deg);opacity:1}to{bottom:70%;left:4%;transform:translate(-50%) scale(.8) rotate(260deg);opacity:0}}.proj-missRight{animation:projMissRight .72s ease-out forwards}@keyframes projMissRight{0%{bottom:2%;left:50%;transform:translate(-50%) scale(.4) rotate(0);opacity:.85}15%{opacity:1}65%{bottom:50%;left:72%;transform:translate(-50%) scale(.95) rotate(-160deg);opacity:1}to{bottom:70%;left:96%;transform:translate(-50%) scale(.8) rotate(-260deg);opacity:0}}.toasty{position:absolute;right:0;bottom:0;z-index:42;pointer-events:none;filter:drop-shadow(-4px 0 6px rgba(0,0,0,.6));animation:toastyPop 2.2s cubic-bezier(.2,.8,.3,1) forwards}@keyframes toastyPop{0%{transform:translate(105%)}16%{transform:translate(0)}80%{transform:translate(0)}to{transform:translate(105%)}}.player-strip{display:flex;align-items:center;gap:12px;padding:8px 4px;border-top:3px solid #2a1010;background:linear-gradient(180deg,#1a0d0d,#0a0707);z-index:6}.player-face-wrap{position:relative;flex-shrink:0}.player-meta{flex:1;display:flex;flex-direction:column;gap:5px}.question-box{background:#0d0808;border:3px solid #2a1010;box-shadow:inset 0 0 0 2px #000;padding:12px 10px;min-height:78px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:10px;line-height:1.7;color:var(--bone)}.rank-tag{font-size:7px;padding:3px 6px;align-self:center;margin-bottom:6px;letter-spacing:1px}.rank-TRICKY{color:#ffd11a}.rank-NASTY{color:#ff8a00}.rank-BRUTAL{color:#ff3a00}.rank-NIGHTMARE{color:#ff1a6a}.answers-grid{display:grid;grid-template-columns:1fr;gap:8px;margin-top:8px}.countdown-num{font-size:120px;color:var(--blood);text-shadow:6px 6px 0 #000,0 0 40px rgba(255,74,0,.9);animation:countpop 1s ease-out}@keyframes countpop{0%{transform:scale(2.4);opacity:0}30%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:.7}}.countdown-label{font-size:12px;color:var(--hell);margin-top:20px;letter-spacing:2px}.result-banner{font-size:26px;text-align:center;line-height:1.5;text-shadow:3px 3px 0 #000}.result-victory{color:var(--hp-green)}.result-defeat{color:var(--blood)}.win-splash{justify-content:center;background:radial-gradient(circle at 50% 40%,#0a1a0a,#050505 70%);cursor:pointer}.win-pop{font-size:30px;animation:winPop .5s ease-out,flicker 2.4s steps(2) .5s infinite}@keyframes winPop{0%{opacity:0;transform:scale(.4)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.win-monsters{display:flex;justify-content:center;align-items:flex-end;gap:6px;margin:14px 0 4px}.win-hero{display:flex;justify-content:center;margin-bottom:10px;filter:drop-shadow(0 0 16px rgba(54,200,75,.5))}.stat-line{display:flex;justify-content:space-between;font-size:10px;padding:7px 0;border-bottom:2px dashed #2a1010}.stat-line .val{color:var(--hell)}.glite-box{background:linear-gradient(180deg,#14121f,#0a0810);border:3px solid #2a2a4a;box-shadow:inset 0 0 0 2px #000,0 0 16px #5050ff4d;padding:14px;text-align:center;font-size:9px;line-height:1.8;color:#c0c0f0}.glite-link{display:inline-block;margin-top:10px;color:#7a9bff;font-size:11px;text-decoration:none;border-bottom:2px solid #7a9bff;padding-bottom:2px}.share-box{background:#0d0808;border:3px solid #2a1010;padding:10px;font-size:8px;color:var(--steel);word-break:break-all;line-height:1.6;cursor:pointer}.btn-explain{color:#fff;background:linear-gradient(180deg,#2a9e3a,#126b22);box-shadow:inset 0 0 0 2px #5cd66c,4px 4px #000}.mistakes-screen{display:flex;flex-direction:column;padding:0}.mistakes-head{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 14px 10px;border-bottom:3px solid #2a1010;background:linear-gradient(180deg,#1a0d0d,#0a0707)}.btn-back{align-self:flex-start;font-family:var(--font);font-size:9px;color:var(--hell);background:#000;border:2px solid #3a2020;padding:7px 10px;cursor:pointer}.btn-back:active{transform:translate(1px,1px)}.mistakes-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:12px;padding:14px 14px 110px}.mistakes-list::-webkit-scrollbar{width:6px}.mistakes-list::-webkit-scrollbar-thumb{background:#2a1010}.mistake-card{background:#0d0808;border:3px solid #2a1010;box-shadow:inset 0 0 0 2px #000;padding:12px}.mistake-q{font-size:10px;line-height:1.7;color:var(--bone);margin:6px 0 12px}.mistake-correct{font-size:9px;line-height:1.7;color:var(--hp-green);margin-bottom:10px}.mistake-correct strong{color:#7cff8c}.mistake-rule{font-size:8px;line-height:1.9;color:var(--steel)}.mistakes-cta{position:absolute;left:0;right:0;bottom:0;z-index:45;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:14px;text-decoration:none;font-family:var(--font);letter-spacing:1px;color:#042b0a;background:linear-gradient(180deg,#4cd964,#1f9e3a);box-shadow:inset 0 0 0 3px #9bffb0,0 -8px 20px #000000b3;padding:16px 14px;min-height:60px}.cta-label{text-align:center;font-size:13px;line-height:1.5}.cta-arrow{font-size:32px;line-height:1;flex-shrink:0}.mistakes-cta:active{background:linear-gradient(180deg,#3cc954,#178a30)}.toast{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#000;border:2px solid var(--hell);color:var(--bone);font-size:9px;line-height:1.5;padding:10px 16px;max-width:240px;text-align:center;z-index:60;animation:toastIn .2s ease-out}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.hint-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:18px;background:#000000c7;animation:toastIn .18s ease-out}.hint-card{width:100%;max-width:300px;background:#0c0606;border:2px solid var(--hell);box-shadow:6px 6px #000,0 0 24px #ff280066;padding:18px 18px 20px;text-align:center}.hint-title{color:var(--hell);font-size:12px;letter-spacing:2px;margin-bottom:12px}.hint-card p{font-size:9px;line-height:1.7;color:var(--bone);margin:0 0 10px}.hint-answer strong{color:#5cd65c}.hint-topic{color:var(--steel)}.hint-note{border-top:1px solid #2a1010;padding-top:10px}.hint-note strong{color:var(--hell)}.hint-card .btn-go{font-size:11px;padding:12px 20px;letter-spacing:2px;margin-top:4px}.scroll-y{overflow-y:auto;-webkit-overflow-scrolling:touch}.scroll-y::-webkit-scrollbar{width:6px}.scroll-y::-webkit-scrollbar-thumb{background:#2a1010}.sound-toggle{position:absolute;top:10px;right:10px;z-index:55;font-size:8px;color:var(--steel);background:#000;border:2px solid #2a1010;padding:6px 8px;cursor:pointer}.sound-toggle-fixed{top:10px;right:10px;z-index:200;opacity:.85}.sound-toggle-fixed.below-hud{top:52px}.consent-banner{position:absolute;left:0;right:0;bottom:0;z-index:300;background:#0a0a0a;border-top:2px solid #2a1010;padding:12px 14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 -8px 24px #0009}.consent-text{font-size:9px;line-height:1.5;color:var(--bone);margin:0}.consent-actions{display:flex;gap:10px}.consent-btn{flex:1;font-size:10px;padding:10px 8px;cursor:pointer}.consent-reject{background:#000;color:var(--bone);border:2px solid #444}.consent-accept{background:var(--blood);color:#fff;border:2px solid var(--blood)}.blood-drip{position:absolute;top:0;width:6px;background:var(--blood-dark);z-index:2;opacity:.7}