:root{--gold:#ffe16b;--night:#172444;--red:#ff9eac;--pink:#ff67ad;--cyan:#75f4e6}
body{background:radial-gradient(ellipse at 12% 10%,#213669 0,transparent 48%),radial-gradient(ellipse at 88% 85%,#492956 0,transparent 44%),#10182c}
.game-shell{background:linear-gradient(145deg,#1e2e53,#18213d)}
.brand-mark{background:#ffe16b12;box-shadow:0 0 20px #ffe16b16}.brand small{color:var(--pink);letter-spacing:.2em}
.topbar{padding-bottom:10px}.hud{padding-top:4px;padding-bottom:12px}.hud strong{font-size:32px}.score-box strong{display:inline-block;transform-origin:left center;will-change:transform;font-size:clamp(23px,7.5vw,34px)}
.score-box .score-unit{font-size:12px}.time-track{height:2px}.stage{background:#19274a}
.fever-meter{display:flex;align-items:center;gap:10px;padding:10px 20px 11px;flex-shrink:0;border-bottom:1px solid #ffffff12;background:#10193075}
.fever-label{font:900 13px system-ui,sans-serif;letter-spacing:.08em;color:var(--pink);min-width:47px;white-space:nowrap}.fever-track{flex:1;height:9px;border-radius:9px;overflow:hidden;background:#ffffff10}.fever-track>div{height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#ff6baa,#ffb866,#ffe86c);border-radius:9px;transition:transform .12s linear}.fever-meter>strong{font:750 13px system-ui,sans-serif;min-width:44px;text-align:right;color:#f1dbed;font-variant-numeric:tabular-nums}.fever-meter.active{background:#7b463249}.fever-meter.active .fever-label{color:var(--gold)}.fever-meter.active .fever-track>div{background:linear-gradient(90deg,#ffe16b,#fff6bd)}
.overlay{background:linear-gradient(160deg,#1b294cf2,#232343ed 60%,#17283ff5)}.hero-breads{position:relative}.hero-breads:before{content:"";position:absolute;width:180px;height:90px;border-radius:50%;background:#ffb24628;filter:blur(28px)}
h1{font-size:clamp(30px,8vw,38px);font-weight:900;letter-spacing:.015em;text-shadow:0 3px 0 #0b122950}.hot-word{color:var(--gold);font-weight:800}.eyebrow{color:var(--pink)}.intro{color:#d7e3ef}
.rules{background:#0d163c55;border-color:#a5baff2c}.combo-rule{font-size:14px;line-height:1.7;color:#dce2f4}.combo-rule span{font:900 19px system-ui,sans-serif;color:var(--gold);margin:0 2px}
.primary-button{background:linear-gradient(120deg,#ffe889,#ffd458);color:#3a260b;box-shadow:0 5px 0 #c99037,0 7px 28px #ffc65421;letter-spacing:.08em}.primary-button:active:not(:disabled){box-shadow:0 2px 0 #c99037}
.effects-button{display:block;min-height:44px;margin:4px auto 0;padding:7px 14px;border:0;background:none;color:#becde5;font-size:13px;text-decoration:underline;text-underline-offset:4px}.effects-button[aria-pressed=true]{color:var(--cyan)}
.combo-indicator{display:block;top:16px;left:16px;padding:5px 12px 8px;background:#111b358c;backdrop-filter:blur(6px);border:1px solid #d6e6ff25;border-radius:14px;min-width:150px}.combo-line{display:flex;gap:6px;align-items:baseline}.combo-indicator strong{font-size:31px;font-style:italic;letter-spacing:-.04em}.combo-indicator span{font:800 12px system-ui,sans-serif;letter-spacing:.025em;color:#eef0ff}.combo-indicator b{color:var(--gold);background:#ffda6230;border:0;font-size:16px;min-width:39px;text-align:center}.combo-clock{height:3px;border-radius:4px;overflow:hidden;margin-top:3px;background:#ffffff15}.combo-clock>div{height:100%;transform-origin:left;background:var(--cyan)}
.last-seconds{top:22px;right:16px;font-size:14px;color:var(--pink)}.fever-ribbon{position:absolute;top:85px;left:0;right:0;text-align:center;color:var(--gold);pointer-events:none;font:900 20px system-ui,sans-serif;font-style:italic;letter-spacing:.1em;text-shadow:0 2px 12px #6d2c33}.fever-ribbon span{display:block;margin-top:4px;font:700 12px system-ui,sans-serif;letter-spacing:.04em;color:#ffedb2}
.callout{position:absolute;top:34%;left:12px;right:12px;text-align:center;pointer-events:none;z-index:3;opacity:0;transform:scale(.65) rotate(-6deg);will-change:transform,opacity}.callout strong{display:block;font:1000 clamp(28px,9vw,44px)/1.1 system-ui,sans-serif;font-style:italic;letter-spacing:-.04em;color:var(--gold);text-shadow:0 4px 0 #5d3248,0 8px 24px #0005}.callout span{display:inline-block;font-size:14px;line-height:1.5;font-weight:800;margin-top:10px;padding:4px 13px;border-radius:99px;background:#13213cdf;color:#fff4c6}.callout.cyan strong{color:var(--cyan);text-shadow:0 4px 0 #164e65,0 8px 24px #0005}.callout.pink strong{color:#ff92ca;text-shadow:0 4px 0 #5e245b,0 8px 24px #0005}
.stage.fever-on{box-shadow:inset 0 0 60px #ffd06622}.stage.rush-on:after{content:"";position:absolute;inset:0;border:2px solid #ff6ba85c;pointer-events:none;z-index:1;border-radius:1px}.play-hint{color:#d9e2f4;font-size:13px}.flash{background:#ffe293}.flash.hit{animation:hit .45s ease-out}.game-footer{font-size:12px;min-height:32px;letter-spacing:0;color:#b3c2dc}
.result-score strong{font-size:clamp(42px,12vw,64px)}.result-details{gap:6px}.result-details span{font-size:12px}.result-details strong{font-size:19px}.rank{font-size:17px;background:#ffe16b0f;letter-spacing:.08em}.rank.legend{color:#fff0ae;border-color:#ffdc7d;background:linear-gradient(100deg,#693951,#714728);box-shadow:0 0 25px #ffcc5230}.result-comment{font-size:14px}
@media(max-height:780px){.hero-breads{height:70px;margin-bottom:0}.hero-breads .sprite{width:65px}.hero-breads .toast{width:85px}.topbar{padding-top:8px;padding-bottom:7px}.hud{padding-bottom:8px}.fever-meter{padding-top:8px;padding-bottom:8px}.overlay{padding-top:12px;padding-bottom:8px}.combo-rule{margin:9px 0 13px}.fine-print{margin-top:12px}.effects-button{margin-top:0;min-height:40px}.intro{font-size:15px;line-height:1.7}.result-art{width:60px}.result-details{padding:8px 0}.result-comment{margin:8px 0 14px}}
@media(max-height:590px) and (orientation:landscape){.game-shell{width:min(100%,440px)}.hero-breads{display:none}.fever-meter{padding:6px 17px;gap:8px}.fever-track{height:6px}.fever-label,.fever-meter>strong{font-size:12px}.topbar{padding:7px 18px}.hud{padding:0}.hud strong{font-size:22px}.stage{min-height:220px}.effects-button{display:inline-block;min-height:36px;padding:5px 10px}.fine-print{margin-top:9px}h1{font-size:25px}.combo-rule{margin:6px 0 10px}.result-score strong{font-size:39px}.fever-ribbon{top:65px;font-size:16px}.fever-ribbon span{font-size:12px}.combo-indicator{top:8px}.last-seconds{top:16px}.callout{top:37%}}
@media(prefers-reduced-motion:reduce){.score-box strong,.callout{will-change:auto}.fever-track>div{transition:none}}
.audio-settings{margin:0 0 18px;padding:14px 18px 10px;border:1px solid #95e9df35;border-radius:16px;background:#0c203966;text-align:left}.audio-settings label{display:flex;justify-content:space-between;color:#f0f5ff;font-size:14px;font-weight:750}.audio-settings output{color:var(--cyan);font-variant-numeric:tabular-nums}.audio-settings input{display:block;width:100%;height:44px;margin:0;accent-color:var(--cyan);cursor:pointer}.audio-settings input:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:6px}.audio-settings p{font-size:12px;line-height:1.5;color:#bccbe1;margin:2px 0 0}