:root{color:#f8f7ff;font-synthesis:none;--bg:#080817;--surface:#151428;--surface-2:#201d38;--purple:#9b55ff;--purple-bright:#b76cff;--lime:#d5ff35;--coral:#ff666d;--muted:#a8a4ba;--line:#a668ff57;--display:Impact, "Arial Narrow", ui-sans-serif, sans-serif;background:#05050f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{overscroll-behavior:none}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #fff}.app{background:radial-gradient(circle at 50% 38%, #6123aa2b, transparent 38%), repeating-linear-gradient(145deg, transparent 0 42px, #9043ff09 43px 44px), var(--bg);max-width:520px;min-height:100dvh;padding:max(env(safe-area-inset-top), 12px) 16px max(env(safe-area-inset-bottom), 12px);margin:0 auto;position:relative;overflow:hidden}.brand{font-family:var(--display);letter-spacing:-1.4px;white-space:nowrap;align-items:center;gap:2px;font-size:23px;font-style:italic;font-weight:900;display:inline-flex;transform:skew(-4deg)}.brand span{color:var(--lime)}.brand svg{width:18px;fill:var(--purple);color:var(--purple);margin-right:1px}.brand-large{letter-spacing:-3px;font-size:clamp(48px,15vw,70px)}.brand-large svg{width:44px}.bolt-mark{width:86px;height:86px;color:var(--lime);filter:drop-shadow(0 0 18px #d5ff3547);place-items:center;margin:0 auto;display:grid}.bolt-mark svg{fill:currentColor;stroke-width:1.4px;width:78px;height:78px}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:58px;font-weight:900;display:flex}.primary-button{background:var(--lime);color:#090914;box-shadow:0 8px 26px #d5ff3526}.primary-button:disabled{opacity:.45;cursor:not-allowed}.primary-button svg,.secondary-button svg{width:20px}.secondary-button{color:#f8f7ff;background:0 0;border:1px solid #fff3}.auth-shell{overflow:auto}.auth-screen{min-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));flex-direction:column;justify-content:center;padding:14px 0;display:flex}.auth-hero{text-align:center;margin:0 0 26px}.auth-hero p{margin:11px 0 0;font-size:17px;font-weight:750}.auth-form h1{font-family:var(--display);text-transform:uppercase;letter-spacing:.3px;margin:0 0 12px;font-size:30px;font-style:italic}.form-intro{color:var(--muted);margin:-3px 0 16px;line-height:1.45}.field{background:#0b0b1bc2;border:1.5px solid #a763ff8f;border-radius:15px;grid-template-rows:24px 24px;grid-template-columns:25px 1fr 38px;align-items:end;column-gap:11px;height:66px;margin:0 0 11px;padding:0 15px;display:grid}.field>svg{width:23px;color:var(--purple-bright);grid-row:1/3;align-self:center}.field span{color:var(--muted);letter-spacing:.6px;text-transform:uppercase;grid-column:2;align-self:end;font-size:11px;font-weight:850}.field input{color:#fff;background:0 0;border:0;outline:0;grid-area:2/2;min-width:0;padding:0 0 9px;font-size:17px}.field-action{width:38px;height:38px;color:var(--muted);background:0 0;border:0;grid-area:1/3/3;align-self:center;place-items:center;padding:0;display:grid}.field-action svg{width:20px}.form-message{border-radius:12px;padding:11px 13px;font-size:13px;font-weight:700;line-height:1.35}.form-message.success{color:var(--lime);background:#d5ff3514;border:1px solid #d5ff3540}.form-message.error{color:#ff8c92;background:#ff666d14;border:1px solid #ff666d40}.setup-note{text-align:center;border:1px dashed #fff3;border-radius:13px;margin:13px 0 4px;padding:12px}.setup-note p{color:var(--muted);margin:0 0 9px;font-size:12px}.setup-note button{color:var(--lime);background:0 0;border:0;align-items:center;gap:7px;font-weight:850;display:inline-flex}.setup-note svg{width:17px}.auth-links{border-top:1px solid #ffffff1f;margin-top:17px}.auth-links button{color:#f7f4ff;text-align:left;background:0 0;border:0;border-bottom:1px solid #ffffff1f;grid-template-columns:30px 1fr 22px;align-items:center;gap:9px;width:100%;height:54px;padding:0 8px;font-weight:800;display:grid}.auth-links button>svg:first-child{width:21px;color:var(--purple-bright)}.auth-links button>svg:last-child{width:19px}.home-header,.game-header{justify-content:space-between;align-items:center;height:56px;display:flex}.home-screen{padding:9px 0 12px}.hello{letter-spacing:-.8px;margin:2px 0 12px;font-size:clamp(25px,8vw,35px);font-weight:900}.icon-button{border:1.5px solid var(--purple);color:#eee9ff;background:#14112bcc;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;padding:0;display:grid}.icon-button svg{stroke-width:2.2px;width:18px}.icon-button.ghost{color:var(--muted);background:0 0;border-color:#0000}.best-hero{background:radial-gradient(circle,#d5ff351a,#0000 60%);border-block:1px solid #d5ff3540;flex-direction:column;justify-content:center;align-items:center;min-height:210px;display:flex;position:relative;overflow:hidden}.best-hero>:not(.burst-lines){z-index:1;position:relative}.best-hero>svg{width:24px;color:var(--lime);margin-bottom:4px}.best-hero p{color:var(--lime);margin:0;font-style:italic;font-weight:900}.best-hero strong{font-family:var(--display);color:var(--lime);letter-spacing:1px;text-shadow:0 0 24px #d5ff3547;font-size:clamp(78px,24vw,112px);font-style:italic;line-height:.95}.best-hero span{color:var(--muted);margin-top:7px;font-size:11px;font-weight:750}.burst-lines{opacity:.65;background:repeating-conic-gradient(#d5ff3538 0deg 1deg,#0000 1deg 12deg);position:absolute;inset:12px 45px;-webkit-mask:radial-gradient(circle,#0000 0 18%,#000 19% 44%,#0000 70%);mask:radial-gradient(circle,#0000 0 18%,#000 19% 44%,#0000 70%)}.mode-section{margin-top:20px}.mode-section h1{letter-spacing:-.3px;margin:0 0 13px;font-size:21px}.mode-list{gap:10px;display:grid}.mode-card{color:#f8f7ff;text-align:left;border:1.5px solid var(--purple);background:linear-gradient(105deg,#1a1433eb,#0c0b1cf0);border-radius:17px;grid-template-columns:62px minmax(0,1fr) auto 18px;align-items:center;gap:12px;width:100%;min-height:92px;padding:12px 14px 12px 11px;display:grid}.mode-lime{border-color:var(--lime);background:linear-gradient(105deg,#1b2816c7,#0c0e17f0)}.mode-coral{border-color:var(--coral);background:linear-gradient(105deg,#301623c7,#0d0c19f0)}.mode-icon{width:58px;height:58px;color:var(--purple-bright);background:#9b55ff17;border:1px solid #9b55ff61;border-radius:50%;place-items:center;display:grid}.mode-icon svg{width:30px;height:30px}.mode-lime .mode-icon{color:var(--lime);background:#d5ff3512;border-color:#d5ff3557}.mode-coral .mode-icon{color:var(--coral);background:#ff666d12;border-color:#ff666d5c}.mode-copy{flex-direction:column;min-width:0;display:flex}.mode-copy strong{font-size:21px;font-style:italic}.mode-copy small{color:var(--purple-bright);margin-top:3px;font-size:12px;font-weight:750;line-height:1.3}.mode-lime .mode-copy small{color:var(--lime)}.mode-coral .mode-copy small{color:var(--coral)}.mode-best{text-align:right;flex-direction:column;display:flex}.mode-best small{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;font-size:9px;font-weight:850}.mode-best strong{font-family:var(--display);color:#fff;font-size:24px}.mode-arrow{width:19px}.game-header{grid-template-columns:44px 1fr 88px;display:grid}.mode-title{font-family:var(--display);letter-spacing:.5px;justify-content:center;align-items:center;font-size:22px;font-style:italic;display:flex}.mode-title svg{width:18px;fill:var(--lime);color:var(--lime);margin-right:4px}.header-actions{justify-content:flex-end;gap:7px;display:flex}.scorebar{border-bottom:1px solid var(--purple);grid-template-columns:1.25fr 1fr 1fr 1fr;height:65px;margin:2px -16px 0;padding:5px 16px 8px;display:grid;box-shadow:0 12px 35px #803dff14}.stat{text-align:center;flex-direction:column;justify-content:center;min-width:0;display:flex;position:relative}.stat+.stat:before{content:"";background:#ffffff1f;width:1px;height:32px;position:absolute;left:0}.stat span{color:var(--muted);letter-spacing:.7px;text-transform:uppercase;font-size:8px;font-weight:900}.stat strong{font-family:var(--display);letter-spacing:.3px;font-size:27px;font-style:italic;line-height:1.08}.stat.positive strong{color:var(--lime)}.stat.negative strong{color:var(--coral)}.game{height:calc(100dvh - 145px - env(safe-area-inset-top) - env(safe-area-inset-bottom));flex-direction:column;min-height:560px;display:flex}.game-shell{height:100dvh;min-height:0}.playtop{flex:auto;grid-template-columns:110px 1fr;align-items:center;gap:9px;min-height:260px;padding:8px 3px 4px;display:grid}.timer{place-items:center;width:102px;height:102px;display:grid;position:relative}.timer svg{position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}.timer circle{fill:none;stroke-width:7px}.timer-track{stroke:#ffffff17}.timer-progress{stroke:var(--purple);stroke-linecap:round;stroke-dasharray:var(--progress) 1;filter:drop-shadow(0 0 5px #9b55ff66);transition:stroke-dasharray .4s linear}.timer div{flex-direction:column;align-items:center;display:flex}.timer strong{font-family:var(--display);letter-spacing:.5px;font-size:25px}.timer span{color:var(--purple-bright);text-transform:uppercase;letter-spacing:1.2px;font-size:8px;font-weight:900}.question-wrap{text-align:center;flex-direction:column;align-items:stretch;min-width:0;display:flex;position:relative}.question{font-family:var(--display);letter-spacing:.3px;font-size:clamp(31px,9.5vw,48px);font-style:italic;line-height:1.05}.answer{border:2px solid var(--purple);height:64px;font-family:var(--display);background:#120f27db;border-radius:15px;justify-content:center;align-items:center;gap:6px;margin:12px 0 0;font-size:42px;line-height:1;display:flex;box-shadow:inset 0 0 18px #823fff0f}.answer small{color:var(--muted);font-family:Inter,sans-serif;font-size:17px;font-weight:800}.feedback{z-index:2;white-space:nowrap;font-size:12px;font-weight:900;animation:.65s both feedback-pop;position:absolute;top:100%;left:50%;transform:translate(-50%,3px)}.feedback.right{color:var(--lime)}.feedback.wrong{color:var(--coral)}.is-right .answer{border-color:var(--lime)}.is-wrong .answer{border-color:var(--coral);animation:.25s shake}.hint-button{color:#e8dcff;background:#7335cd4d;border:1px solid #9b55ffb3;border-radius:11px;align-self:center;align-items:center;gap:7px;height:36px;margin-top:8px;padding:0 13px;font-size:12px;font-weight:800;display:inline-flex}.hint-button svg{width:16px}.hint-button.active{background:var(--purple);color:#fff}.hint-panel{text-align:left;color:#eee7ff;background:#6932b157;border:1px solid #a05bff70;border-radius:11px;align-items:center;gap:8px;min-height:42px;margin-top:7px;padding:8px 10px;font-size:11px;font-weight:700;line-height:1.3;display:flex}.hint-panel svg{width:17px;color:var(--lime);flex:none}.game-text .playtop{grid-template-columns:92px 1fr;align-items:center}.game-text .timer{width:84px;height:84px}.game-text .timer strong{font-size:21px}.game-text .question{font-family:Inter,sans-serif;font-size:clamp(17px,5.2vw,23px);font-style:normal;font-weight:850;line-height:1.28}.game-text .answer{height:54px;margin-top:9px;font-size:34px}.game-text .hint-button{margin-top:6px}.mode-lime .timer-progress{stroke:var(--lime)}.mode-lime .timer span{color:var(--lime)}.mode-coral .timer-progress{stroke:var(--coral)}.mode-coral .timer span{color:var(--coral)}.keypad{flex:none;grid-template-columns:repeat(4,1fr);gap:8px;padding:4px 0 2px;display:grid}.key{color:#fbfaff;height:clamp(55px,8.2dvh,69px);font-family:var(--display);background:linear-gradient(145deg,#241f41f0,#141329f5);border:1.5px solid #9f5ef37a;border-radius:15px;place-items:center;font-size:29px;transition:transform 80ms,background 80ms;display:grid;box-shadow:inset 0 1px #ffffff0d,0 5px 12px #0000001f}.key:active{background:#332658;transform:scale(.94)}.key svg{width:24px;height:24px;color:var(--purple-bright);stroke-width:2.4px}.key-minus,.key-clear,.key-delete{color:var(--purple-bright)}.key-submit{background:var(--lime);color:#0a0a16;border-color:var(--lime);grid-column:span 2;box-shadow:0 8px 24px #d5ff3529}.key-submit svg{color:#0a0a16;stroke-width:3px;width:31px;height:31px}.key:disabled{opacity:.45}.pause-overlay{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#04040fdb;place-items:center;padding:30px;display:grid;position:absolute;inset:0}.pause-overlay>div{text-align:center;width:100%;max-width:340px}.pause-overlay>div>svg{width:44px;height:44px;color:var(--purple-bright)}.pause-overlay h2{font-family:var(--display);text-transform:uppercase;margin:12px 0 4px;font-size:43px;font-style:italic}.pause-overlay p{color:var(--muted);margin:0 0 25px}.pause-overlay button{background:var(--lime);color:#090914;border:0;border-radius:17px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:58px;font-weight:900;display:flex}.results{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100dvh - 30px);display:flex}.results-burst{width:72px;height:72px;color:var(--lime);filter:drop-shadow(0 0 14px #b76cff8c);place-items:center;animation:.55s both result-pop;display:grid}.results-burst svg{fill:currentColor;width:62px;height:62px}.results-kicker{color:var(--purple-bright);text-transform:uppercase;letter-spacing:2px;margin:8px 0 0;font-weight:950}.results h1{font-family:var(--display);color:var(--lime);margin:17px 0 0;font-size:clamp(90px,28vw,124px);font-style:italic;line-height:.9}.results-label{text-transform:uppercase;color:var(--muted);letter-spacing:2px;margin:8px 0 31px;font-weight:900}.result-grid{border-block:1px solid var(--line);grid-template-columns:1fr 1fr;width:100%;margin-bottom:29px;display:grid}.result-grid .stat{min-height:74px}.result-grid .stat:nth-child(3):before{display:none}.result-actions{gap:10px;width:100%;max-width:360px;display:grid}.loading-screen{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}@keyframes feedback-pop{0%{opacity:0;transform:translate(-50%,8px)scale(.7)}35%{opacity:1;transform:translate(-50%,3px)scale(1.1)}to{opacity:0;transform:translate(-50%,-8px)scale(1)}}@keyframes result-pop{0%{opacity:0;transform:scale(.6)rotate(-8deg)}70%{opacity:1;transform:scale(1.08)rotate(2deg)}to{transform:scale(1)}}@keyframes shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (width<=370px){.mode-card{grid-template-columns:52px minmax(0,1fr) 18px}.mode-icon{width:50px;height:50px}.mode-best{display:none}.game-text .playtop{grid-template-columns:76px 1fr}.game-text .timer{width:70px;height:70px}.game-text .timer strong{font-size:18px}}@media (height<=740px){.auth-hero{margin-bottom:15px}.auth-hero .bolt-mark{width:58px;height:58px}.auth-hero .bolt-mark svg{width:55px;height:55px}.brand-large{font-size:45px}.best-hero{min-height:170px}.best-hero strong{font-size:72px}.mode-card{min-height:78px}.home-screen{padding-top:0}.hello{font-size:25px}.scorebar{height:56px}.stat strong{font-size:23px}.game{height:calc(100dvh - 136px - env(safe-area-inset-top) - env(safe-area-inset-bottom));min-height:490px}.playtop{min-height:190px}.timer{width:84px;height:84px}.timer strong{font-size:21px}.question{font-size:34px}.answer{height:52px;margin-top:8px;font-size:35px}.keypad{gap:6px}.key{border-radius:13px;height:51px}}@media (width>=600px){body{background:#04040c}.app{border:1px solid #ffffff14;border-radius:34px;min-height:calc(100dvh - 48px);margin:24px auto;box-shadow:0 30px 90px #0000008c}.auth-screen,.results{min-height:calc(100dvh - 74px)}.game{height:calc(100dvh - 195px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}