:root{--ink-900: #0b0e1a;--ink-700: #141a33;--ink-500: #1f2748;--moon: #5b6fa8;--moon-soft: #93a3cf;--flame: #ff9d3d;--flame-hi: #ffe8a3;--danger: #e8505b;--paper: #f3ead4;--font-display: "Yuji Syuku", serif;--font-body: "Zen Kaku Gothic New", sans-serif;--font-num: "DotGothic16", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:#05060c;color:var(--paper);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow:hidden;touch-action:none}#frame{position:relative;width:100vw;height:100vh;height:100dvh;display:grid;place-items:center;background:radial-gradient(120% 120% at 50% 0%,#0e1226,#05060c 70%)}#game{display:block;width:100%;height:100%;image-rendering:optimizeQuality;background:var(--ink-900)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0}.hidden{display:none!important}.screen{display:grid;place-items:center;text-align:center;padding:6vmin;background:radial-gradient(80% 60% at 50% 40%,rgba(255,157,61,.08),transparent 70%),radial-gradient(120% 120% at 50% 0%,#141a33e6,#05060cf5 70%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade-in .5s ease both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.eyebrow{font-family:var(--font-body);font-weight:500;letter-spacing:.5em;text-indent:.5em;font-size:clamp(.7rem,1.6vmin,.9rem);color:var(--moon-soft);margin-bottom:1.4em}#title.screen{background:radial-gradient(90% 70% at 50% 34%,#0b0e1a33,#05060c8c 82%);-webkit-backdrop-filter:none;backdrop-filter:none}.title-inner{max-width:38rem;pointer-events:none}.title-inner .btn-primary,.title-inner .controls-hint{pointer-events:auto}.game-title{font-family:var(--font-display);font-weight:400;font-size:clamp(3rem,16vmin,10rem);line-height:.95;color:var(--flame-hi);letter-spacing:.08em;white-space:nowrap;text-shadow:0 0 14px rgba(255,157,61,.55),0 0 48px rgba(255,157,61,.28);animation:flame-flicker 3.4s ease-in-out infinite}.title-no{display:inline-block;font-size:.45em;color:var(--flame);margin:0 .1em;vertical-align:middle;text-shadow:0 0 10px rgba(255,157,61,.5)}@keyframes flame-flicker{0%,to{text-shadow:0 0 14px rgba(255,157,61,.55),0 0 48px rgba(255,157,61,.28);opacity:1}48%{text-shadow:0 0 10px rgba(255,157,61,.42),0 0 30px rgba(255,157,61,.2);opacity:.94}52%{opacity:.98}}.lede{margin:2rem auto 2.6rem;font-size:clamp(.95rem,2.2vmin,1.15rem);line-height:2;color:var(--moon-soft)}.nowrap{color:var(--paper)}.btn-primary{font-family:var(--font-body);font-weight:700;font-size:clamp(1rem,2.4vmin,1.2rem);letter-spacing:.18em;text-indent:.18em;color:var(--ink-900);background:linear-gradient(180deg,var(--flame-hi),var(--flame));border:none;border-radius:999px;padding:.9em 2.6em;cursor:pointer;box-shadow:0 0 0 1px #ffe8a366,0 10px 30px #ff9d3d59;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 0 0 1px #ffe8a399,0 14px 40px #ff9d3d80}.btn-primary:active{transform:translateY(0)}.btn-primary:focus-visible{outline:3px solid var(--moon-soft);outline-offset:3px}.best-line{margin-top:1.6rem;font-size:clamp(.8rem,1.9vmin,.95rem);letter-spacing:.16em;color:var(--moon-soft)}.best-line b{font-family:var(--font-num);font-weight:400;color:var(--flame-hi)}.record{display:inline-block;margin-left:.6em;padding:.15em .7em;border-radius:999px;background:linear-gradient(180deg,var(--flame-hi),var(--flame));color:var(--ink-900);font-weight:700;letter-spacing:.1em;box-shadow:0 0 14px #ff9d3d80}.controls-hint{margin-top:2.6rem;display:flex;gap:1.6rem;justify-content:center;flex-wrap:wrap;font-size:clamp(.72rem,1.7vmin,.85rem);color:var(--moon)}.controls-hint kbd{font-family:var(--font-num);display:inline-grid;place-items:center;min-width:1.8em;padding:.15em .5em;margin:0 .15em;background:var(--ink-500);border:1px solid var(--moon);border-radius:5px;color:var(--moon-soft)}.stage-intro-inner{animation:intro-rise .6s cubic-bezier(.16,1,.3,1) both}.stage-name{font-family:var(--font-display);font-size:clamp(2.6rem,11vmin,6rem);color:var(--flame-hi);letter-spacing:.16em;text-shadow:0 0 30px rgba(255,157,61,.4)}@keyframes intro-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.result-inner{max-width:30rem}.result-title{font-family:var(--font-display);font-size:clamp(2.2rem,8.5vmin,4.5rem);color:var(--flame-hi);letter-spacing:.08em;white-space:nowrap;text-shadow:0 0 26px rgba(255,157,61,.38)}#gameover .result-title{color:var(--moon-soft);text-shadow:0 0 26px rgba(91,111,168,.4)}.result-sub{margin:1.6rem 0 2.4rem;font-size:clamp(1rem,2.4vmin,1.2rem);color:var(--moon-soft)}.result-sub span{font-family:var(--font-num);color:var(--flame-hi)}.result-sub kbd{font-family:var(--font-num);font-size:.85em;padding:.1em .5em;margin:0 .1em;background:var(--ink-500);border:1px solid var(--moon);border-radius:5px;color:var(--moon-soft)}.pause-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-ghost{font-family:var(--font-body);font-weight:500;font-size:clamp(.9rem,2.2vmin,1.05rem);letter-spacing:.12em;text-indent:.12em;color:var(--moon-soft);background:transparent;border:1px solid var(--moon);border-radius:999px;padding:.9em 2em;cursor:pointer;transition:color .15s ease,border-color .15s ease}.btn-ghost:hover{color:var(--flame-hi);border-color:var(--flame)}.btn-ghost[aria-pressed=true]{color:var(--danger);border-color:var(--danger)}.btn-ghost:focus-visible{outline:3px solid var(--moon-soft);outline-offset:3px}.corner-btn{position:absolute;top:clamp(.8rem,2.6vmin,1.6rem);right:clamp(.8rem,2.6vmin,1.6rem);width:2.6rem;height:2.6rem;border-radius:50%;border:1px solid rgba(147,163,207,.4);background:#1f27488c;color:var(--moon-soft);font-size:1.1rem;letter-spacing:.1em;cursor:pointer;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:5;transition:transform .1s ease,color .1s ease}.corner-btn:hover{color:var(--flame-hi);transform:scale(1.05)}.corner-btn:focus-visible{outline:3px solid var(--moon-soft);outline-offset:2px}.result-stats{margin:2rem auto 2.6rem;display:grid;gap:.8rem;max-width:22rem}.result-stats>div{display:flex;justify-content:space-between;align-items:baseline;padding:.7rem .2rem;border-bottom:1px solid rgba(91,111,168,.25)}.result-stats dt{color:var(--moon-soft);font-size:.92rem}.result-stats dd{font-family:var(--font-num);font-size:1.3rem;color:var(--paper)}.result-total{border-bottom:none!important;margin-top:.4rem}.result-total dt{color:var(--flame);font-weight:700}.result-total dd{color:var(--flame-hi);font-size:1.9rem;text-shadow:0 0 16px rgba(255,157,61,.4)}#hud{pointer-events:none;padding:clamp(.8rem,2.6vmin,1.6rem);display:flex;flex-direction:column;gap:.7rem;background:linear-gradient(180deg,rgba(5,6,12,.55),transparent)}.hud-row{display:flex;align-items:flex-start;gap:1.4rem}.hud-block{display:flex;flex-direction:column;gap:.15rem}.hud-score{margin-left:auto;text-align:right}.hud-label{font-size:clamp(.6rem,1.4vmin,.72rem);letter-spacing:.3em;text-indent:.3em;color:var(--moon)}.hud-value{font-family:var(--font-num);font-size:clamp(1.1rem,3vmin,1.7rem);color:var(--paper);line-height:1}.hearts{color:var(--danger);letter-spacing:.1em;text-shadow:0 0 10px rgba(232,80,91,.5)}#hud-score{color:var(--flame-hi)}.hud-meter{display:flex;align-items:center;gap:.7rem;max-width:18rem}.hud-meter .hud-label{white-space:nowrap}.meter-track{flex:1;height:8px;border-radius:999px;background:#5b6fa838;overflow:hidden;box-shadow:inset 0 0 0 1px #5b6fa84d}.meter-fill{height:100%;width:100%;border-radius:999px;background:linear-gradient(90deg,var(--flame),var(--flame-hi));box-shadow:0 0 12px #ff9d3d99;transition:width .12s linear}.meter-fill.low{background:linear-gradient(90deg,var(--danger),#ff8a6b);box-shadow:0 0 12px #e8505b99}#touch{position:absolute;inset:auto 0 0 0;height:38%;max-height:14rem;display:flex;justify-content:space-between;align-items:flex-end;padding:clamp(1rem,4vmin,2rem);pointer-events:none}.touch-left,.touch-right{display:flex;gap:.9rem;pointer-events:auto}.tc{width:clamp(3.6rem,16vmin,5.5rem);height:clamp(3.6rem,16vmin,5.5rem);border-radius:50%;border:1px solid rgba(147,163,207,.4);background:#1f27488c;color:var(--moon-soft);font-family:var(--font-display);font-size:clamp(1.4rem,6vmin,2rem);display:grid;place-items:center;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:transform .08s ease,background .08s ease}.tc:active,.tc.pressed{transform:scale(.92);background:#ff9d3d47;color:var(--flame-hi)}.tc-jump{width:clamp(4.4rem,20vmin,7rem);height:clamp(4.4rem,20vmin,7rem);border-color:#ff9d3d8c;color:var(--flame)}@media (prefers-reduced-motion: reduce){.game-title,.screen,.stage-intro-inner{animation:none}}