@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=IBM+Plex+Sans+JP:wght@400;500;600;700&display=swap";:root{--bg-deep:#071a1f;--bg-mid:#0d2f38;--bg-glow:#164a52;--ink:#e8f4f2;--muted:#8fb3b0;--accent:#f0a35e;--accent-hot:#ff6b4a;--teal:#2ec4b6;--good:#5ee4a8;--bad:#ff6b7a;--panel:#081c228c;--line:#e8f4f21f;--font-display:"Bebas Neue", sans-serif;--font-body:"IBM Plex Sans JP", sans-serif;--heat:0}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font-body);color:var(--ink);background:radial-gradient(1200px 700px at 15% -10%, #2ec4b638, transparent 55%), radial-gradient(900px 600px at 90% 10%, #f0a35e2e, transparent 50%), radial-gradient(800px 500px at 50% 100%, rgba(255, 107, 74, calc(.08 + var(--heat) * .2)), transparent 55%), linear-gradient(160deg, var(--bg-deep), var(--bg-mid) 45%, #0a242c);overflow-x:hidden}button{font:inherit;cursor:pointer;color:inherit;border:none}.app-shell{place-items:center;min-height:100vh;padding:24px 16px 40px;display:grid;position:relative}.app-shell:before{content:"";pointer-events:none;opacity:.7;background-image:linear-gradient(#e8f4f208 1px,#0000 1px),linear-gradient(90deg,#e8f4f208 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 30%,#0000 80%);mask-image:radial-gradient(circle,#000 30%,#0000 80%)}.stage{z-index:1;width:min(720px,100%);position:relative}.brand{font-family:var(--font-display);letter-spacing:.06em;background:linear-gradient(120deg, var(--ink) 20%, var(--teal) 55%, var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(3.4rem,12vw,5.8rem);line-height:.9;animation:.8s both brandIn}.tagline{color:var(--muted);max-width:34ch;margin:12px 0 0;font-size:1rem;animation:.7s .15s both fadeUp}.meta-row{color:var(--muted);flex-wrap:wrap;gap:10px 18px;margin:28px 0 32px;font-size:.92rem;animation:.7s .25s both fadeUp;display:flex}.meta-row strong{color:var(--ink);font-weight:600}.mode-list{gap:12px;animation:.7s .35s both fadeUp;display:grid}.mode-btn{text-align:left;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;padding:16px 18px;transition:transform .18s,border-color .18s,background .18s}.mode-btn:hover:not(:disabled){background:#0e3038bf;border-color:#2ec4b673;transform:translateY(-2px)}.mode-btn:disabled{opacity:.45;cursor:not-allowed}.mode-btn h2{margin:0 0 4px;font-size:1.15rem;font-weight:700}.mode-btn p{color:var(--muted);margin:0;font-size:.9rem}.mode-btn .lock{color:var(--accent);margin-top:6px;font-size:.82rem}.hud{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-bottom:22px;display:grid}.hud-block{flex-direction:column;gap:2px;display:flex}.hud-block.right{text-align:right;align-items:end}.hud-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.75rem}.hud-value{font-family:var(--font-display);letter-spacing:.04em;font-size:1.8rem;line-height:1}.timer{background:#071a1fa6;border:3px solid #2ec4b673;border-radius:50%;place-items:center;width:84px;height:84px;transition:border-color .2s,box-shadow .2s;display:grid;box-shadow:0 0 0 6px #2ec4b614}.timer.urgent{border-color:var(--accent-hot);animation:.8s infinite pulse;box-shadow:0 0 0 6px #ff6b4a1f}.timer span{font-family:var(--font-display);letter-spacing:.04em;font-size:2rem}.prompt-area{text-align:center;align-content:center;gap:10px;min-height:220px;padding:28px 12px 36px;display:grid;position:relative}.prompt-area.heat-on{animation:.9s infinite heatPulse}.kind-chip{letter-spacing:.08em;text-transform:uppercase;color:var(--teal);justify-self:center;font-size:.78rem}.prompt-text{margin:0;font-size:clamp(2rem,7vw,3.2rem);font-weight:700;line-height:1.2}.prompt-hint{color:var(--muted);margin:0;font-size:.95rem}.recovery{color:var(--accent);font-size:.9rem;font-weight:600}.choices{gap:10px;display:grid}.choice{border:1px solid var(--line);background:#0a242ab8;border-radius:12px;padding:16px 18px;font-size:1.15rem;font-weight:600;transition:transform .12s,background .12s,border-color .12s}.choice:hover:not(:disabled){border-color:#f0a35e80;transform:translateY(-1px)scale(1.01)}.choice:disabled{cursor:default}.feedback-correct .choice[data-selected=true]{border-color:var(--good);background:#5ee4a82e}.feedback-wrong .choice[data-selected=true]{border-color:var(--bad);background:#ff6b7a29}.combo-rail{justify-content:space-between;align-items:end;gap:12px;margin-top:22px;display:flex}.combo-text{font-family:var(--font-display);letter-spacing:.05em;color:color-mix(in srgb, var(--accent) calc(40% + var(--heat) * 60%), var(--ink));text-shadow:0 0 calc(8px + var(--heat) * 24px) rgba(255, 107, 74, calc(var(--heat) * .55));font-size:clamp(2.4rem,8vw,3.6rem);line-height:.9}.multiplier{color:var(--accent);font-size:1.1rem;font-weight:700}.score-pop{font-family:var(--font-display);letter-spacing:.04em;font-size:1.6rem}.burst-layer{pointer-events:none;z-index:5;place-items:center;display:grid;position:absolute;inset:0}.burst-label{font-family:var(--font-display);letter-spacing:.08em;color:var(--accent-hot);text-shadow:0 0 40px #ff6b4a8c;font-size:clamp(3rem,12vw,5rem);animation:.7s forwards burstOut}.result-panel{text-align:center;animation:.55s both fadeUp}.result-panel h1{font-family:var(--font-display);letter-spacing:.06em;margin:0 0 8px;font-size:clamp(3rem,10vw,4.5rem)}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:28px 0;display:grid}.stat{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 10px}.stat .label{color:var(--muted);margin-bottom:4px;font-size:.8rem;display:block}.stat .value{font-family:var(--font-display);letter-spacing:.04em;font-size:2rem}.unlock-note{color:var(--teal);margin:0 0 18px;font-weight:600}.primary-btn{background:linear-gradient(120deg, var(--teal), #1aa897);color:#042a28;border-radius:999px;justify-content:center;align-items:center;min-width:200px;padding:14px 22px;font-weight:700;transition:transform .15s,filter .15s;display:inline-flex;box-shadow:0 10px 30px #2ec4b640}.primary-btn:hover{filter:brightness(1.05);transform:translateY(-2px)}.science-note{color:var(--muted);max-width:46ch;margin-top:28px;font-size:.82rem;line-height:1.6}@keyframes brandIn{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:none}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes heatPulse{0%,to{filter:brightness()}50%{filter:brightness(1.08)}}@keyframes burstOut{0%{opacity:0;transform:scale(.6)}35%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(1.35)}}@media (width<=520px){.hud{grid-template-columns:1fr 72px 1fr}.timer{width:72px;height:72px}.timer span{font-size:1.7rem}.prompt-area{min-height:180px;padding:18px 4px 28px}}