:root{--bg: #0b0c10;--panel: #12141a;--line: #262a35;--text: #e8e8ec;--dim: #9aa0b0;--gold: #ffd95a;--ok: #4cc07a;--ng: #e65a4d;--font: system-ui, -apple-system, "Hiragino Sans", "Noto Sans JP", "Yu Gothic", sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--bg);color:var(--text);font-family:var(--font);touch-action:manipulation}#stage{position:absolute;left:50%;top:50%;width:1080px;height:2160px;transform:translate(-50%,-50%);transform-origin:center center;overflow:hidden}.screen{position:absolute;inset:0}.screen[hidden]{display:none}.btn{font-family:inherit;font-size:56px;font-weight:600;color:var(--text);background:#1c2029;border:3px solid var(--line);border-radius:18px;padding:32px 56px;cursor:pointer}.btn-primary{background:#1f7a4a;border-color:var(--ok)}.btn:disabled{opacity:.35}button:focus{outline:none}button:focus-visible{outline:3px solid #5a648a;outline-offset:3px}.title-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;padding:100px 60px;text-align:center}.title-inner h1{font-size:152px;font-weight:800;letter-spacing:.04em}.lead{display:flex;flex-direction:column;gap:14px;margin-bottom:40px}.tagline{font-size:54px;color:var(--dim);font-variant-numeric:tabular-nums}.rules{font-size:46px;color:#79808f;font-variant-numeric:tabular-nums}.modes{display:flex;flex-direction:column;gap:22px;width:720px}.modes button{font-family:inherit;font-size:60px;font-weight:600;color:var(--dim);background:transparent;border:3px solid var(--line);border-radius:18px;padding:34px 30px;cursor:pointer}.modes button[aria-pressed=true]{color:var(--text);border-color:#5a648a;background:#1c2029}.sound-toggle{margin-top:24px}.sound-toggle button{font-family:inherit;font-size:40px;color:var(--dim);background:transparent;border:3px solid var(--line);border-radius:14px;padding:22px 40px;cursor:pointer}.sound-toggle button[aria-pressed=true]{color:var(--text);border-color:#5a648a;background:#1c2029}.best{font-size:52px;color:var(--gold);font-variant-numeric:tabular-nums;margin:16px 0 8px}#start-btn{font-size:72px;padding:40px 96px}.credit{position:absolute;left:0;right:0;bottom:56px;z-index:1;text-align:center;font-size:38px;color:#6f778a}.credit-link{display:inline-flex;align-items:center;gap:.4em;color:var(--dim);text-decoration:none;padding:30px 32px;vertical-align:middle}.credit-icon{width:.95em;height:.95em;flex-shrink:0}.credit-handle{letter-spacing:.03em;opacity:.75}#hud{position:absolute;left:0;top:0;width:100%;height:190px;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:0 48px;font-variant-numeric:tabular-nums}.hud-row{display:flex;justify-content:space-between;align-items:baseline;font-size:50px}.hud-row-sub{font-size:44px;color:var(--dim)}#hud-combo{display:inline-block;transform-origin:left center;transition:transform .12s ease-out}#hud-combo[data-tier="1"]{color:#ffd95a}#hud-combo[data-tier="2"]{color:#ffa53a;text-shadow:0 0 24px rgba(255,165,58,.6);transform:scale(1.08)}#hud-combo[data-tier="3"]{color:#ff7a2f;text-shadow:0 0 30px rgba(255,122,47,.7);transform:scale(1.16)}#hud-combo[data-tier="4"]{color:#fff0b0;text-shadow:0 0 38px rgba(255,240,176,.85);transform:scale(1.24)}.score{color:var(--gold);font-weight:700;font-size:56px}.bar{position:absolute;left:0;top:190px;width:100%;height:22px;background:var(--line);overflow:hidden}.fill{width:100%;height:100%;background:linear-gradient(90deg,#6f7fd0,var(--gold));transform-origin:left center}.bar.warn .fill{background:var(--ng)}#quiz{position:absolute;left:0;right:0;top:300px;height:660px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:56px}#quiz-expr{font-size:190px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.02em}.buffer{min-width:420px;height:260px;display:flex;align-items:center;justify-content:center;font-size:180px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.04em;background:var(--panel);border:6px dashed var(--line);border-radius:28px}#quiz.ok .buffer{animation:flash-ok .24s ease-out}#quiz.ng .buffer{animation:flash-ng .24s ease-out}#game.shake-small{animation:shake-small .24s ease-out}#game.shake{animation:shake .28s ease-out}@keyframes flash-ok{0%{background:#1e5e3c;border-color:var(--ok);border-style:solid}to{background:var(--panel);border-color:var(--line);border-style:dashed}}@keyframes flash-ng{0%,55%{background:#5e2320;border-color:var(--ng);border-style:solid}to{background:var(--panel);border-color:var(--line);border-style:dashed}}@keyframes shake-small{25%{transform:translate(-12px)}75%{transform:translate(12px)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-26px,8px)}45%{transform:translate(22px,-8px)}70%{transform:translate(-14px,4px)}88%{transform:translate(8px,-2px)}}#combo-aura,#combo-break{position:fixed;inset:0;pointer-events:none;opacity:0}#combo-aura{will-change:opacity}#combo-break{box-shadow:inset 0 0 var(--fx-break-blur, 240px) var(--fx-break-spread, 70px) var(--ng)}#combo-break.flash{animation:combo-break .5s ease-out}@keyframes combo-break{0%{opacity:.85}to{opacity:0}}#combo-pop{position:absolute;left:0;right:0;top:640px;height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;pointer-events:none;opacity:0;font-weight:800;font-variant-numeric:tabular-nums;text-shadow:0 0 30px rgba(6,7,10,.9);will-change:opacity,transform}#pop-main{font-size:76px}#pop-sub{font-size:52px}#pop-sub:empty{display:none}#combo-pop.pop{animation:combo-pop .7s cubic-bezier(.16,.8,.3,1) forwards}@keyframes combo-pop{0%{opacity:0;transform:translateY(0) scale(.8)}18%{opacity:1;transform:translateY(-30px) scale(1.12)}40%{opacity:1;transform:translateY(-60px) scale(1)}to{opacity:0;transform:translateY(-150px) scale(1)}}#countdown{position:absolute;left:0;right:0;top:216px;height:132px;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;font-size:118px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;color:var(--ng);text-shadow:0 0 40px rgba(6,7,10,.8);will-change:opacity,transform}#countdown[hidden]{display:none}#countdown.tick{animation:countdown-tick 1s cubic-bezier(.16,.8,.3,1) forwards}@keyframes countdown-tick{0%{opacity:1;transform:scale(1.4)}25%{opacity:.72;transform:scale(1)}to{opacity:.18;transform:scale(.97)}}@media(prefers-reduced-motion:reduce){#game.shake,#game.shake-small{animation:none}#combo-pop.pop{animation:combo-pop-flat .7s ease-out forwards}#countdown.tick{animation:countdown-tick-flat 1s ease-out forwards}@keyframes combo-pop-flat{0%,60%{opacity:1}to{opacity:0}}@keyframes countdown-tick-flat{0%{opacity:1}to{opacity:.18}}}#keypad{position:absolute;left:32px;right:32px;bottom:140px;height:964px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:28px}#keypad button{font-family:inherit;font-size:100px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text);background:#1c2029;border:3px solid var(--line);border-radius:24px;cursor:pointer}#keypad button:active{background:#39435a;border-color:#5a648a}#keypad .key-back{font-size:84px;color:var(--dim);background:#171a22}.overlay{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;background:#06070ae0}.overlay[hidden]{display:none}.result-panel{display:flex;flex-direction:column;align-items:center;gap:32px;padding:80px 72px;background:var(--panel);border:3px solid var(--line);border-radius:32px;text-align:center}.result-title{font-size:64px;color:var(--dim)}.result-score{font-size:150px;font-weight:800;color:var(--gold);font-variant-numeric:tabular-nums}.result-detail{font-size:48px;line-height:1.6;color:var(--dim);white-space:pre-line;font-variant-numeric:tabular-nums}.result-best{font-size:54px;font-weight:600;font-variant-numeric:tabular-nums}.result-buttons{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:24px;margin-top:20px}.result-buttons .btn{font-size:52px;padding:30px 44px}