:root{color-scheme:light;font-family:Comic Sans MS,sans-serif;line-height:1.3;font-weight:700;color:#141124;background:#fff1c7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink: #141124;--cream: #fff1c7;--cream-soft: #fff8e3;--yellow: #ffd43b;--orange: #ff7a1a;--pink: #ff3b7f;--blue: #2f6bff;--cyan: #24d6d9;--lime: #8dff3a;--purple: #6b35ff;--line-strong: 4px solid var(--ink);--line-heavy: 5px solid var(--ink);--shadow-pop: 0 6px 0 var(--ink);--shadow-thick: 0 8px 0 var(--ink), 0 14px 24px rgba(20, 17, 36, .28);--shadow-purple: 8px 8px 0 rgba(107, 53, 255, .25)}#eruda,[class*=eruda]{display:none!important}*{box-sizing:border-box}html,body,#root{min-height:100%;height:100%}body{margin:0;min-height:100vh;min-height:100dvh;color:var(--ink);background:radial-gradient(circle at 9% 16%,#ff7a1a40,#ff7a1a00 28%),radial-gradient(circle at 89% 10%,#2f6bff40,#2f6bff00 28%),radial-gradient(circle at 78% 79%,#ff3b7f33,#ff3b7f00 26%),radial-gradient(circle at 18% 74%,#24d6d933,#24d6d900 26%),linear-gradient(140deg,#fff4d2 0%,var(--cream) 55%,#ffe9b8 100%);overflow-x:hidden;position:relative}body:before{content:"＋ － × ÷ ＝";position:fixed;top:2%;left:2%;font-family:Righteous,Fredoka,sans-serif;font-size:clamp(1.7rem,4vw,2.6rem);letter-spacing:.25em;color:#1411242e;text-shadow:2px 2px 0 rgba(255,255,255,.5);pointer-events:none;z-index:0;animation:floatGlyphs 9s ease-in-out infinite}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 62% 34%,#14112412 0,#14112412 1px,#14112400 1px,#14112400 9px),repeating-linear-gradient(-24deg,#ffffff29 0,#ffffff29 10px,#fff0 10px,#fff0 22px),radial-gradient(circle at 86% 88%,#6b35ff33,#6b35ff00);background-size:100% 100%,160px 160px,100% 100%;pointer-events:none;z-index:0;opacity:.7;animation:textureShift 16s linear infinite}button{font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.app-shell{position:relative;z-index:1;--app-shell-pad-top: max(18px, env(safe-area-inset-top));--app-shell-pad-bottom: max(18px, env(safe-area-inset-bottom));min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--app-shell-pad-top) 10px var(--app-shell-pad-bottom)}.app-shell--game{align-items:center;justify-content:center}.panel{position:relative;isolation:isolate;width:min(100%,760px);max-height:calc(100vh - var(--app-shell-pad-top) - var(--app-shell-pad-bottom));max-height:calc(100dvh - var(--app-shell-pad-top) - var(--app-shell-pad-bottom));overflow-x:hidden;overflow-y:auto;border-radius:14px;border:6px solid var(--ink);padding:20px;background:linear-gradient(155deg,#fffcf2 0%,var(--cream-soft) 100%);box-shadow:var(--shadow-thick),var(--shadow-purple);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;transform:rotate(-.8deg)}.panel:before{content:"";position:absolute;inset:0 0 auto;height:12px;border-bottom:3px solid var(--ink);background:linear-gradient(90deg,var(--blue),var(--pink),var(--orange),var(--blue))}.panel:after{content:"★";position:absolute;top:14px;right:12px;width:26px;height:26px;display:grid;place-items:center;border:3px solid var(--ink);border-radius:6px;background:var(--yellow);color:var(--ink);box-shadow:3px 3px #1411243d;transform:rotate(10deg);font-size:.88rem}.panel--auth,.panel--menu,.panel--finish{width:min(100%,760px)}.panel--game{width:min(100%,920px);align-self:center}.panel--centered{text-align:center}.screen-banner{display:inline-flex;flex-direction:column;gap:2px;padding:8px 12px 6px;border-radius:8px;border:var(--line-strong);background:linear-gradient(140deg,#ff5a95 0%,var(--pink) 65%,#f0296a 100%);transform:rotate(-2deg)}.screen-banner__label,.eyebrow{margin:0;color:#fff8f0;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;font-weight:900;font-family:Righteous,Fredoka,sans-serif}.screen-banner__title{color:#fff8f0;font-size:clamp(1.2rem,4vw,1.8rem);font-weight:900;line-height:1;font-family:Righteous,Fredoka,sans-serif;text-shadow:2px 2px 0 rgba(20,17,36,.25)}.screen-title{margin:12px 0 0;font-family:Righteous,Fredoka,sans-serif;font-size:clamp(2.2rem,6vw,4.2rem);line-height:1;letter-spacing:-.02em;text-shadow:4px 4px 0 rgba(255,59,127,.36),-2px -2px 0 rgba(36,214,217,.55);transform:skewY(-2deg)}.screen-title--compact{font-size:clamp(1.8rem,4vw,2.7rem)}.screen-title--hero{max-width:12ch}.screen-copy{margin:12px 0 0;color:var(--ink);font-size:1.05rem;font-weight:700}.screen-copy--detail{color:#403d57;font-size:.95rem;font-weight:700}.screen-strip{margin:12px 0 0;padding:10px 12px;border-radius:10px;color:var(--ink);font-size:.95rem;font-weight:900;text-align:center;background:linear-gradient(135deg,var(--yellow),#ffc93a 55%,#ffb02d 100%);border:var(--line-strong);transform:rotate(-1deg);background-image:linear-gradient(135deg,var(--yellow),#ffc93a 55%,#ffb02d 100%),repeating-linear-gradient(45deg,#14112414 0,#14112414 8px,#14112400 8px,#14112400 16px)}.pill-row{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 16px}.pill{border-radius:999px;padding:8px 12px;font-size:.8rem;color:#fff9f2;background:linear-gradient(145deg,#5f8fff 0%,var(--blue) 100%);border:3px solid var(--ink);font-weight:900;transform:rotate(1deg);box-shadow:0 3px #14112433}.menu-grid,.settings-grid,.hud,.answers-grid,.name-offer__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.menu-grid,.settings-grid{margin-top:18px}.stat-card--full{grid-column:1 / -1}.stat-card,.hud-card,.name-panel,.name-offer,.question-panel,.settings-card,.settings-section{position:relative;border-radius:12px;padding:14px;background:linear-gradient(160deg,#fffdf4,#fff6df);border:var(--line-strong);box-shadow:4px 4px #14112433;transform:rotate(-.5deg);overflow:hidden}.stat-card:before,.hud-card:before,.name-panel:before,.name-offer:before,.question-panel:before,.settings-card:before,.settings-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 22%,#1411241a 0,#1411241a 1px,#14112400 1px,#14112400 8px);opacity:.35;pointer-events:none}.stat-card--score,.hud-card--score{background:linear-gradient(145deg,#ffe67a 0%,var(--yellow) 60%,#ffc744 100%)}.stat-card--record,.hud-card--lives{background:linear-gradient(145deg,#82ecef 0%,var(--cyan) 62%,#17b8bd 100%)}.stat-label,.hud-label,.timer-label,.question-kicker{display:block;color:var(--ink);font-size:.7rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase;font-family:Righteous,Fredoka,sans-serif}.stat-value,.hud-value{display:block;margin-top:6px;font-family:Righteous,Fredoka,sans-serif;font-size:clamp(1.8rem,6vw,3rem);line-height:1;font-weight:900}.stat-subvalue,.settings-card__subvalue{display:block;margin-top:6px;color:var(--ink);font-size:.85rem;word-break:break-word;font-weight:700}.name-panel,.name-offer{margin-top:16px}.name-panel{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.name-value,.name-offer__value,.settings-card__value,.settings-section__title{display:block;margin-top:6px;font-size:clamp(1.2rem,5vw,2rem);line-height:1.1;color:var(--ink);font-weight:900;font-family:Righteous,Fredoka,sans-serif}.name-offer__actions,.settings-section{margin-top:12px}.settings-section--danger{background:linear-gradient(155deg,#ff5f98 0%,var(--pink) 64%,#e72a6b 100%);color:#fff9f2}.settings-section--danger:before{opacity:.2}.settings-section__header{display:grid;gap:6px}.settings-links,.settings-actions,.action-stack,.auth-actions{margin-top:12px;display:flex;flex-direction:column;gap:10px}.button{border:var(--line-strong);border-radius:8px;padding:14px 16px;min-height:56px;font-size:1.1rem;font-weight:900;letter-spacing:.05em;font-family:Fredoka,Comic Sans MS,sans-serif;transition:transform 90ms cubic-bezier(.34,1.56,.64,1),box-shadow 90ms ease,filter 90ms ease;box-shadow:var(--shadow-pop);transform:rotate(1deg)}.button:hover{transform:rotate(1deg) scale(1.05) translateY(-3px);filter:brightness(.98) saturate(1.08)}.button:active{transform:rotate(1deg) translateY(2px);box-shadow:0 2px 0 var(--ink)}.button:disabled{cursor:default;opacity:.62;transform:rotate(1deg);box-shadow:var(--shadow-pop)}.button--wide{width:100%}.button--primary{color:#fffaf4;background:linear-gradient(145deg,#ff973f 0%,var(--orange) 55%,#e95e00 100%)}.button--secondary{color:#fffaf4;background:linear-gradient(145deg,#5788ff 0%,var(--blue) 55%,#1d4ddf 100%)}.button--apple{color:#fffaf4;background:linear-gradient(145deg,#2f2a47 0%,var(--ink) 100%)}.button--danger{color:#fffaf4;background:linear-gradient(145deg,#ff5e97 0%,var(--pink) 58%,#e52c6c 100%)}.button--launch{min-height:64px;font-size:1.3rem;letter-spacing:.08em;transform:rotate(-1deg)}.status-message{margin:0;padding:10px 12px;border-radius:10px;font-size:.9rem;border:var(--line-strong);font-weight:900}.status-message--error{background:linear-gradient(150deg,#ff5f98 0%,var(--pink) 100%);color:#fff8f0}.status-message--info{background:linear-gradient(150deg,#76f0f2 0%,var(--cyan) 100%);color:var(--ink)}.debug-panel{margin-top:12px;text-align:left;border-radius:10px;border:var(--line-strong);background:linear-gradient(150deg,#fffdf5,#fff5dc);overflow:hidden;box-shadow:4px 4px #14112426}.debug-panel__summary{list-style:none;padding:10px 12px;color:var(--ink);font-size:.85rem;font-weight:900;cursor:pointer;font-family:Fredoka,Comic Sans MS,sans-serif}.debug-panel__summary::-webkit-details-marker{display:none}.debug-panel__body{display:grid;gap:8px;padding:0 12px 12px}.debug-panel__copy,.debug-status-line{margin:0;color:var(--ink);font-size:.85rem;font-weight:700}.debug-panel__copy-button{min-height:44px;width:100%}.debug-panel__log{margin:0;max-height:240px;overflow:auto;padding:10px;border-radius:8px;background:#1c1730;border:3px solid var(--ink);color:var(--lime);font-size:.72rem;line-height:1.45;white-space:pre-wrap;word-break:break-word;font-family:Courier New,monospace}.setup-list{margin:12px 0 0;padding-left:20px;color:var(--ink);font-weight:700}.lives{display:flex;align-items:center;gap:6px;margin-top:8px;min-height:30px}.life-heart{color:var(--pink);font-size:1.8rem;line-height:1;animation:heartBeat .3s ease-in-out}.game-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.game-topline .eyebrow{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:8px;border:3px solid var(--ink);background:linear-gradient(145deg,#ffe67a 0%,var(--yellow) 70%,#ffc744 100%);color:var(--ink);box-shadow:3px 3px #14112433}.game-round-badge{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 10px;border-radius:8px;background:linear-gradient(150deg,#ff5d97,var(--pink));border:var(--line-strong);color:#fff8f0;font-size:.75rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-family:Righteous,Fredoka,sans-serif;transform:rotate(-1deg);box-shadow:3px 3px #1411243b}.timer-panel{margin:12px 0 14px;position:relative;border-radius:12px;padding:14px;background:linear-gradient(140deg,#ffe676 0%,var(--yellow) 65%,#ffc944 100%);border:var(--line-heavy);box-shadow:var(--shadow-thick);transform:rotate(.5deg);color:var(--ink);overflow:hidden}.timer-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(-45deg,#1411241a 0,#1411241a 8px,#14112400 8px,#14112400 16px);pointer-events:none;animation:stripeSlide 1.6s linear infinite}.timer-panel--danger{background:linear-gradient(145deg,#ff6ca0 0%,var(--pink) 64%,#e52c6c 100%);border-color:var(--ink);color:#fff8f0;animation:dangerPulse .32s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.life-heart,.timer-panel--danger{animation:none}}.timer-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.timer-cap{color:inherit;font-size:.8rem;font-weight:900;font-family:Righteous,Fredoka,sans-serif}.timer-value{display:block;margin-top:6px;font-family:Righteous,Fredoka,sans-serif;font-size:clamp(3.2rem,10vw,5.2rem);line-height:1;color:inherit;text-shadow:3px 3px 0 rgba(255,255,255,.55),-2px -2px 0 rgba(107,53,255,.3);position:relative;z-index:1}.timer-track{position:relative;margin-top:10px;height:14px;border-radius:999px;overflow:hidden;background:#14112433;border:3px solid var(--ink)}.timer-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#4d84ff 0%,var(--blue) 50%,var(--cyan) 100%);animation:timerPulse .8s ease-in-out infinite alternate}.question-panel{text-align:center;transform:rotate(1deg);background:linear-gradient(155deg,#fffef7,#fff3d8)}.question-panel:after{content:"";position:absolute;top:-18%;right:-8%;bottom:-18%;left:-8%;background:conic-gradient(from 0deg,#ff3b7f24,#ff7a1a24,#2f6bff21,#ffd43b24,#ff3b7f24);mix-blend-mode:multiply;animation:burstSpin 11s linear infinite;pointer-events:none}.question-kicker{margin-bottom:6px;font-size:.75rem;text-shadow:1px 1px 0 rgba(255,255,255,.6);position:relative;z-index:1}.question-text{margin:0;font-family:Righteous,Fredoka,sans-serif;font-size:clamp(2.4rem,8vw,4.4rem);line-height:1;color:var(--ink);text-shadow:4px 4px 0 rgba(36,214,217,.55),-2px -2px 0 rgba(255,59,127,.45),0 0 16px rgba(107,53,255,.2);position:relative;z-index:1}.question-subcopy{margin:8px 0 0;color:var(--ink);font-size:.95rem;font-weight:700;position:relative;z-index:1}.answer-button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:110px;border-radius:8px;border:var(--line-heavy);padding:10px;color:var(--ink);text-align:center;box-shadow:var(--shadow-thick);transition:transform 70ms cubic-bezier(.34,1.56,.64,1),box-shadow 70ms ease,filter 70ms ease;font-weight:900;transform:rotate(-1deg);overflow:hidden}.answer-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,#ffffff3d,#fff0 40%);pointer-events:none}.answer-button:after{content:"";position:absolute;bottom:0;left:0;right:0;height:22px;background:repeating-linear-gradient(-45deg,#1411241f 0,#1411241f 6px,#14112400 6px,#14112400 12px);opacity:.5;pointer-events:none}.answer-button:hover{transform:rotate(-1deg) scale(1.08) translateY(-4px);filter:brightness(.97) saturate(1.14)}.answer-button:active{transform:rotate(-1deg) translateY(3px);box-shadow:0 3px 0 var(--ink)}.answer-button__value{display:block;font-family:Righteous,Fredoka,sans-serif;font-size:clamp(1.6rem,5vw,2.4rem);line-height:1;font-weight:900;text-shadow:2px 2px 0 rgba(255,255,255,.4);position:relative;z-index:1}.answer-button--0{background:linear-gradient(145deg,#ffe676 0%,var(--yellow) 65%,#ffbf42 100%)}.answer-button--1{background:linear-gradient(145deg,#87ecef 0%,var(--cyan) 65%,#1cbfc3 100%)}.answer-button--2{background:linear-gradient(145deg,#c6ff76 0%,var(--lime) 70%,#7fe22a 100%)}.answer-button--3{background:linear-gradient(145deg,#ff6da1 0%,var(--pink) 66%,#e52c6c 100%);color:#fff8f0}@keyframes timerPulse{0%{filter:saturate(1);transform:scaleY(1)}to{filter:saturate(1.35) brightness(1.08);transform:scaleY(1.08)}}@keyframes dangerPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes heartBeat{0%{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(1)}}@keyframes stripeSlide{0%{transform:translate(0)}to{transform:translate(22px)}}@keyframes burstSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes floatGlyphs{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(2deg)}to{transform:translateY(0) rotate(0)}}@keyframes textureShift{0%{background-position:0 0,0 0,0 0}to{background-position:18px -14px,-14px 18px,0 0}}@media(max-width:720px){.app-shell{justify-content:flex-start;--app-shell-pad-top: max(10px, env(safe-area-inset-top));--app-shell-pad-bottom: max(10px, env(safe-area-inset-bottom));padding:var(--app-shell-pad-top) 8px var(--app-shell-pad-bottom)}.panel{padding:16px;border-radius:10px;border:5px solid var(--ink);transform:rotate(-.5deg)}.menu-grid,.settings-grid{margin-top:12px;gap:10px}.name-panel,.name-offer,.settings-section,.settings-links,.settings-actions,.action-stack,.auth-actions{margin-top:10px}.name-panel,.game-topline,.timer-head{align-items:stretch;flex-direction:column}.button{border-radius:6px;min-height:52px;font-size:1rem;padding:12px 14px}.button--launch{min-height:56px;font-size:1.15rem}}@media(max-width:560px){.settings-grid,.hud{grid-template-columns:1fr;gap:8px}.menu-grid,.answers-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.name-offer__actions{grid-template-columns:1fr;gap:8px}.screen-title{font-size:clamp(1.6rem,9vw,2.6rem)}.screen-banner{padding:8px 10px 6px}.screen-banner__title{font-size:clamp(1rem,3vw,1.4rem)}.stat-card,.hud-card,.name-panel,.name-offer,.question-panel,.settings-card,.settings-section{padding:12px;border-radius:10px;border:3px solid var(--ink)}.answer-button{min-height:100px;border-radius:6px;border:4px solid var(--ink)}.timer-panel{padding:12px;border-radius:10px;border:4px solid var(--ink)}.timer-value{font-size:clamp(2.6rem,9vw,4.2rem)}.question-text{font-size:clamp(1.9rem,7vw,3.4rem)}.button{border-radius:6px;min-height:48px;font-size:.95rem;border:3px solid var(--ink);padding:11px 13px}}@media(max-width:560px)and (max-height:820px){.panel--game{padding:10px;border-width:4px;transform:none}.game-topline{margin-bottom:6px;gap:6px}.game-topline .eyebrow,.game-round-badge{min-height:28px;padding:4px 8px;font-size:.68rem;transform:none}.hud,.answers-grid{gap:6px}.hud-card,.question-panel{padding:10px;transform:none}.timer-panel{margin:8px 0 10px;padding:10px;transform:none}.timer-value{margin-top:4px;font-size:clamp(2.1rem,8vw,3.2rem)}.timer-track{margin-top:8px;height:10px;border-width:2px}.question-text{font-size:clamp(1.7rem,6.4vw,2.6rem)}.answer-button{min-height:72px;padding:8px;border-width:3px;transform:none;box-shadow:0 5px 0 var(--ink)}.answer-button:after{height:16px}.answer-button__value{font-size:clamp(1.4rem,5.4vw,1.9rem)}}@media(prefers-reduced-motion:reduce){body:before,body:after,.timer-panel:after,.question-panel:after,.timer-fill,.button,.answer-button{animation:none;transition:none}}