:root{color-scheme:light;--bg-0: oklch(97% .022 95);--bg-1: oklch(95% .04 70);--bg-2: oklch(93% .055 40);--surface: oklch(99.5% .008 95 / .8);--surface-strong: oklch(100% 0 0 / .93);--line: oklch(72% .07 45 / .4);--text: oklch(36% .06 40);--text-dim: oklch(56% .05 42);--accent: oklch(74% .15 25);--accent-2: oklch(80% .12 215);--accent-3: oklch(83% .15 88);--candy-coral: oklch(80% .13 25);--candy-sky: oklch(83% .11 215);--candy-mint: oklch(86% .11 160);--candy-lemon: oklch(90% .13 95);--candy-grape: oklch(80% .1 300);--candy-berry: oklch(78% .13 345);--candy-gold: oklch(85% .15 88);--badge-bg: hsl(45 60% 98%);--tile-1: hsl(205 70% 76%);--tile-2: hsl(35 55% 74%);--tile-3: hsl(330 55% 86%);--tile-4: hsl(140 50% 76%);--tile-5: hsl(50 85% 80%);--tile-6: hsl(345 60% 84%);--tile-7: hsl(45 90% 72%);--ink-1: hsl(222 60% 30%);--ink-2: hsl(28 60% 28%);--ink-3: hsl(335 55% 34%);--ink-4: hsl(150 55% 27%);--ink-5: hsl(38 70% 30%);--ink-6: hsl(345 58% 32%);--ink-7: hsl(40 70% 30%);--sticker: #fffdf7;--fever-a: hsl(300 85% 62%);--fever-b: hsl(200 90% 58%);--fever-c: hsl(48 98% 58%);--fever-d: hsl(330 90% 64%);--fever-grad: linear-gradient(90deg, var(--fever-a), var(--fever-b), var(--fever-c), var(--fever-d), var(--fever-a));--danger: hsl(4 82% 58%);--combo: hsl(18 92% 56%);--gold-ink: hsl(38 80% 42%);--font-display: "Baloo 2", system-ui, -apple-system, sans-serif;--font-ui: "Zen Maru Gothic", "Baloo 2", system-ui, -apple-system, sans-serif;--text-xs: clamp(.7rem, .66rem + .2vw, .8rem);--text-sm: clamp(.82rem, .78rem + .2vw, .95rem);--text-md: clamp(1rem, .94rem + .3vw, 1.15rem);--text-lg: clamp(1.4rem, 1.2rem + 1vw, 2rem);--text-xl: clamp(2rem, 1.4rem + 3vw, 3.4rem);--text-score: clamp(1.6rem, 1.2rem + 2vw, 2.6rem);--space-1: .35rem;--space-2: .6rem;--space-3: 1rem;--space-4: 1.6rem;--space-5: 2.6rem;--radius-sm: .7rem;--radius-md: 1.1rem;--radius-lg: 1.7rem;--radius-pill: 999px;--dur-fast: .14s;--dur-normal: .28s;--dur-slow: .52s;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--shadow-soft: 0 2px 6px oklch(55% .08 40 / .14), 0 10px 24px oklch(55% .08 40 / .16);--shadow-pop: 0 4px 0 oklch(72% .1 45 / .32), 0 12px 28px oklch(55% .1 35 / .2);--shadow-inset: inset 0 2px 3px oklch(100% 0 0 / .6), inset 0 -3px 6px oklch(60% .08 40 / .12);--glow-accent: var(--shadow-soft);--glow-pink: var(--shadow-soft);--glow-gold: 0 2px 12px oklch(85% .15 88 / .55)}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/baloo-2-latin-700.woff2) format("woff2")}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/baloo-2-latin-800.woff2) format("woff2")}@font-face{font-family:Zen Maru Gothic;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/zen-maru-gothic-jp-500.woff2) format("woff2")}*,*:before,*:after{box-sizing:border-box;margin:0}html,body{min-height:100svh;font-family:var(--font-ui);color:var(--text);background:linear-gradient(165deg,var(--bg-1),var(--bg-2));display:grid;place-items:center;padding:clamp(.5rem,2vw,2rem);overflow:hidden}.backdrop{position:fixed;inset:0;z-index:0;pointer-events:none}.backdrop__layer{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat;transition:opacity var(--dur-slow) var(--ease-out-expo)}.backdrop__layer--main{background-image:linear-gradient(180deg,#fffefa38,#fffafc0f 46%,#fafdff3d),url(/assets/dx/bg-dx.webp)}.backdrop__layer--fever{background-image:url(/assets/dx/bg-fever.webp);opacity:0}html[data-fever=true] .backdrop__layer--fever{opacity:1}.backdrop:after{content:"";position:absolute;inset:0;background-image:radial-gradient(hsl(0 0% 100% / .5) 2px,transparent 2.5px);background-size:34px 34px;opacity:.22}.game{position:relative;z-index:1;display:grid;gap:clamp(.4rem,1vw,1rem);grid-template-areas:"top" "hud" "stage" "touch";grid-template-columns:1fr;width:100%;max-width:560px}.topbar{grid-area:top;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.game__title{display:flex;align-items:center;gap:.25em;font-family:var(--font-display);font-weight:800;letter-spacing:.01em;font-size:clamp(1.5rem,1.1rem + 2vw,2.4rem);line-height:1;-webkit-text-stroke:3px var(--sticker);paint-order:stroke fill;text-shadow:var(--shadow-pop)}.game__emblem{width:auto;height:1.55em;flex:none;filter:drop-shadow(0 3px 5px hsl(40 80% 45% / .35));animation:emblem-wobble 4s var(--ease-in-out) infinite}@keyframes emblem-wobble{0%,to{transform:rotate(-5deg) scale(1)}50%{transform:rotate(5deg) scale(1.06)}}.game__name b{color:var(--accent-3)}.game__name span{color:var(--accent-2)}.game__dx{font-size:.5em;color:#fff;background:linear-gradient(135deg,#f25fa8,#f77a45);border:2.5px solid var(--sticker);border-radius:var(--radius-pill);padding:.18em .5em .1em;-webkit-text-stroke:0;text-shadow:0 1px 0 hsl(330 60% 40% / .4);box-shadow:var(--shadow-soft);transform:rotate(-8deg) translateY(-.35em)}.topbar__actions{display:flex;gap:var(--space-1)}.icon-btn{width:2.6rem;height:2.6rem;display:grid;place-items:center;font-size:1.1rem;line-height:1;color:var(--accent);background:var(--surface-strong);border:3px solid var(--sticker);border-radius:var(--radius-pill);box-shadow:var(--shadow-soft);cursor:pointer;user-select:none;-webkit-user-select:none;transition:transform var(--dur-fast) var(--ease-bounce)}.icon-btn[hidden]{display:none}.icon-btn:hover{transform:translateY(-2px) scale(1.08) rotate(-3deg)}.icon-btn:active{transform:translateY(1px) scale(.92)}.icon-btn:focus-visible{outline:3px solid var(--accent-2);outline-offset:3px}.sound-toggle__off{display:none}.sound-toggle[aria-pressed=true]{color:var(--text-dim)}.sound-toggle[aria-pressed=true] .sound-toggle__on{display:none}.sound-toggle[aria-pressed=true] .sound-toggle__off{display:block}.hud{grid-area:hud;display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:var(--space-1) var(--space-2);padding:.35rem .6rem .5rem;background:var(--surface-strong);border:3px solid var(--sticker);border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}.hud__score{display:flex;flex-direction:column;min-width:0}.hud__total{font-family:var(--font-display);font-weight:800;font-size:var(--text-lg);line-height:1.05;font-variant-numeric:tabular-nums;color:#dd442c;text-shadow:0 2px 0 var(--sticker)}.hud__best{font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:.06em;color:var(--text-dim);white-space:nowrap}.hud__best b{font-variant-numeric:tabular-nums;color:var(--text)}.hud__best--beaten{color:var(--gold-ink);animation:best-glow 1.2s var(--ease-in-out) infinite}.hud__best--beaten:before{content:"👑 "}.hud__best--beaten b{color:var(--gold-ink)}@keyframes best-glow{0%,to{opacity:1}50%{opacity:.6}}.hud__label{font-family:var(--font-display);font-size:.62rem;letter-spacing:.08em;color:var(--text-dim)}.hud__level{display:grid;gap:.15rem;justify-items:start}.hud__lv{font-family:var(--font-display);font-size:var(--text-xs);color:var(--text-dim);white-space:nowrap}.hud__lv b{font-size:var(--text-md);color:var(--accent-2)}.meter{position:relative;display:block;height:6px;width:3.4rem;border-radius:var(--radius-pill);background:#e6d0b38c;overflow:hidden}.meter i{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,var(--candy-sky),var(--accent-2));transform-origin:left center;transform:scaleX(var(--p, 0));transition:transform var(--dur-slow) var(--ease-out-expo)}.meter--xp{width:100%;height:9px}.meter--xp i{background:linear-gradient(90deg,var(--candy-lemon),var(--candy-gold),var(--candy-coral));transition-duration:1.2s}.hud__combo{display:grid;justify-items:center;line-height:1;font-family:var(--font-display);color:var(--combo);padding:.1rem .35rem}.hud__combo[hidden]{display:grid;visibility:hidden}.hud__combo b{font-size:var(--text-md);font-weight:800;-webkit-text-stroke:2px var(--sticker);paint-order:stroke fill}.hud__combo span{font-size:.55rem;letter-spacing:.1em}.hud__combo em{font-style:normal;font-size:.68rem;color:var(--text-dim)}.hud__combo--bump b{animation:combo-bump .42s var(--ease-bounce)}@keyframes combo-bump{0%{transform:scale(1)}35%{transform:scale(1.55) rotate(-6deg)}to{transform:scale(1)}}.hud__next{display:grid;justify-items:center;gap:.05rem}.hud__next canvas{display:block;width:104px;height:38px}.fever-gauge{grid-column:1 / -1;display:flex;align-items:center;gap:var(--space-2)}.fever-gauge__label{flex:none;min-width:4.6em;font-family:var(--font-display);font-weight:800;font-size:.7rem;letter-spacing:.08em;color:#c841c8}.fever-gauge__track{position:relative;flex:1;height:10px;border-radius:var(--radius-pill);background:#edd4edb3;box-shadow:var(--shadow-inset);overflow:hidden}.fever-gauge__track i{position:absolute;inset:0;border-radius:inherit;background:var(--fever-grad);background-size:200% 100%;transform-origin:left center;transform:scaleX(var(--p, 0));transition:transform var(--dur-normal) var(--ease-out-expo)}.fever-gauge--ready .fever-gauge__track i,.fever-gauge--active .fever-gauge__track i{animation:fever-flow 1.2s linear infinite}.fever-gauge--ready .fever-gauge__label{animation:best-glow .6s var(--ease-in-out) infinite}.fever-gauge--active .fever-gauge__track i{transition-duration:80ms}.fever-gauge--active .fever-gauge__label{background:var(--fever-grad);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:fever-flow 1.2s linear infinite}@keyframes fever-flow{0%{background-position:0% 0}to{background-position:200% 0}}.game__stage{grid-area:stage;position:relative;display:grid;place-items:center;justify-self:center;min-width:0;border-radius:var(--radius-lg)}.game__stage:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle,#fffdf5e6,#fffceb33 70%);opacity:0;pointer-events:none}.stage--flash:after{animation:stage-flash .36s var(--ease-out-expo)}@keyframes stage-flash{0%{opacity:.85}to{opacity:0}}.board{display:block;border-radius:var(--radius-lg);background:#ffffff94;box-shadow:inset 0 0 0 4px var(--sticker),0 0 0 4px #f8d8aa,var(--shadow-pop);touch-action:none;transition:background-color var(--dur-slow) var(--ease-out-expo)}.game[data-fever=true] .board{background:#fbf7fd9e;animation:fever-ring 1.6s linear infinite}@keyframes fever-ring{0%,to{box-shadow:inset 0 0 0 4px var(--sticker),0 0 0 5px var(--fever-a),0 0 28px 6px #f04cf08c}25%{box-shadow:inset 0 0 0 4px var(--sticker),0 0 0 5px var(--fever-b),0 0 28px 6px #34b4f48c}50%{box-shadow:inset 0 0 0 4px var(--sticker),0 0 0 5px var(--fever-c),0 0 28px 6px #fdd32b8c}75%{box-shadow:inset 0 0 0 4px var(--sticker),0 0 0 5px var(--fever-d),0 0 28px 6px #f651a38c}}.game[data-danger=true]:not([data-fever=true]) .board{animation:danger-ring .9s var(--ease-in-out) infinite}@keyframes danger-ring{0%,to{box-shadow:inset 0 0 0 4px var(--sticker),0 0 0 4px #f2857d,var(--shadow-pop)}50%{box-shadow:inset 0 0 0 4px var(--sticker),0 0 0 5px var(--danger),0 0 24px 4px #ec483c73}}.board--shake{animation:wiggle .36s var(--ease-in-out)}.board--shake-strong{animation:wiggle-strong .48s var(--ease-bounce)}@keyframes wiggle{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-1.6deg) scale(1.02)}50%{transform:rotate(1.6deg) scale(1.01)}75%{transform:rotate(-1deg) scale(1.02)}}@keyframes wiggle-strong{0%,to{transform:rotate(0) scale(1)}18%{transform:rotate(-3deg) scale(1.04)}38%{transform:rotate(3deg) scale(1.05)}58%{transform:rotate(-2.4deg) scale(1.03)}78%{transform:rotate(1.6deg) scale(1.02)}}.fx{position:absolute;inset:0;pointer-events:none;z-index:2}.float{position:absolute;display:grid;justify-items:center;font-family:var(--font-display);font-weight:800;line-height:1;white-space:nowrap;transform:translate(-50%,-50%);animation:float-up .95s var(--ease-out-expo) forwards}.float__gain{font-size:var(--text-md);color:#227dbf;-webkit-text-stroke:3px var(--sticker);paint-order:stroke fill}.float__label{font-size:var(--text-lg);color:#de358a;-webkit-text-stroke:3px var(--sticker);paint-order:stroke fill}.float--clear .float__gain{font-size:var(--text-lg);color:var(--gold-ink)}html[data-fever=true] .float__gain{color:#d025d0}@keyframes float-up{0%{opacity:0;transform:translate(-50%,-30%) scale(.5)}18%{opacity:1;transform:translate(-50%,-60%) scale(1.2)}32%{transform:translate(-50%,-62%) scale(1)}to{opacity:0;transform:translate(-50%,-160%) scale(1)}}.banner-layer{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:3}.banner{display:grid;justify-items:center;gap:.2rem;text-align:center;animation:banner var(--dur, 1.3s) var(--ease-out-expo) forwards}.banner__text{font-family:var(--font-display);font-weight:800;font-size:var(--text-xl);line-height:1;color:var(--accent-2);-webkit-text-stroke:4px var(--sticker);paint-order:stroke fill;text-shadow:var(--shadow-pop)}.banner__sub{font-weight:500;font-size:var(--text-sm);color:var(--text);background:var(--surface-strong);border:2px solid var(--sticker);border-radius:var(--radius-pill);padding:.15rem .8rem;box-shadow:var(--shadow-soft)}.banner--go .banner__text{color:#2db470;font-size:clamp(2.6rem,2rem + 4vw,4.4rem)}.banner--level .banner__text{color:#208fdf}.banner--record .banner__text{color:var(--gold-ink)}.banner--end .banner__text{color:var(--text-dim);font-size:var(--text-lg)}.banner--fever .banner__text{font-size:clamp(2.8rem,2rem + 5vw,4.8rem);background:var(--fever-grad);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:0;filter:drop-shadow(0 3px 0 var(--sticker)) drop-shadow(0 0 10px hsl(300 90% 70% / .6));animation:fever-flow .9s linear infinite}@keyframes banner{0%{opacity:0;transform:scale(.4) rotate(-6deg)}14%{opacity:1;transform:scale(1.15) rotate(2deg)}24%{transform:scale(1) rotate(0)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.08) translateY(-12px)}}.toasts{position:absolute;top:.6rem;left:50%;transform:translate(-50%);display:grid;gap:.35rem;width:max-content;max-width:92%;pointer-events:none;z-index:4}.toast{display:flex;align-items:center;gap:.5rem;padding:.35rem .85rem .35rem .4rem;background:var(--surface-strong);border:3px solid var(--sticker);border-radius:var(--radius-pill);box-shadow:var(--shadow-pop);animation:toast 2.6s var(--ease-out-expo) forwards}.toast__icon{display:grid;place-items:center;width:2rem;height:2rem;font-size:1.1rem;border-radius:50%;background:linear-gradient(135deg,var(--candy-lemon),var(--candy-gold))}.toast__body{display:grid;line-height:1.2}.toast__body small{font-size:.62rem;color:var(--gold-ink);letter-spacing:.06em}.toast__body b{font-size:var(--text-sm)}@keyframes toast{0%{opacity:0;transform:translateY(-14px) scale(.9)}10%{opacity:1;transform:translateY(0) scale(1.04)}16%{transform:scale(1)}85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.touch{grid-area:touch;display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-2);padding-bottom:calc(env(safe-area-inset-bottom,0px) + var(--space-2))}.touch button{font:inherit;font-size:1.4rem;color:var(--accent);background:var(--surface-strong);border:3px solid var(--sticker);border-radius:var(--radius-md);padding:.6rem 0;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;box-shadow:var(--shadow-soft);transition:transform var(--dur-fast) var(--ease-bounce)}.touch button:active{transform:translateY(2px) scale(.94);box-shadow:0 1px 4px #d6a35c4d}.touch [data-action=hard]{color:#fff;background:linear-gradient(160deg,var(--candy-coral),var(--accent))}@media(hover:hover)and (pointer:fine)and (min-width:760px){.touch{display:none}}.overlay{position:absolute;inset:0;z-index:5;display:grid;align-items:safe center;justify-items:center;text-align:center;padding:var(--space-3);border-radius:var(--radius-lg);background:#fffcf0db;backdrop-filter:blur(8px);overflow-y:auto;overscroll-behavior:contain;animation:overlay-in var(--dur-normal) var(--ease-out-expo)}.overlay[hidden]{display:none}@keyframes overlay-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.overlay__inner{display:grid;gap:var(--space-2);justify-items:center;width:100%;max-width:22rem}.overlay__mascot{width:clamp(96px,40%,170px);height:auto;margin-bottom:calc(-1 * var(--space-2));filter:drop-shadow(0 8px 14px hsl(330 45% 58% / .32));animation:mascot-bob 3.2s var(--ease-in-out) infinite}@keyframes mascot-bob{0%,to{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-8px) rotate(1.5deg)}}.overlay__heading{font-family:var(--font-display);font-weight:800;letter-spacing:.01em;font-size:var(--text-xl);line-height:1;color:var(--accent-2);-webkit-text-stroke:3px var(--sticker);paint-order:stroke fill;text-shadow:var(--shadow-pop)}.overlay__heading span{color:var(--accent-3)}.overlay__heading em{font-style:normal;color:#ec519e}.overlay__heading--over{color:var(--accent)}.overlay__sub{color:var(--text);font-size:var(--text-sm);line-height:1.7}.overlay__sub b{color:#d22d80;font-family:var(--font-display)}.overlay__score{font-family:var(--font-display);font-weight:800;font-size:clamp(2.2rem,1.6rem + 3vw,3.2rem);line-height:1;color:var(--gold-ink);text-shadow:0 3px 0 var(--sticker);font-variant-numeric:tabular-nums}.profile,.results__rank{width:100%;display:grid;gap:.35rem;padding:.55rem .8rem;background:var(--surface-strong);border:3px solid var(--sticker);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);text-align:left}.profile__rank{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.profile__lv{font-family:var(--font-display);font-size:var(--text-sm);color:var(--text-dim)}.profile__lv b{font-size:var(--text-lg);color:var(--gold-ink)}.profile__title{font-weight:500;font-size:var(--text-sm);color:var(--text)}.profile__streak{margin-left:auto;font-size:var(--text-xs);color:var(--combo)}.profile__bests{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--text-dim)}.profile__bests b{font-family:var(--font-display);font-size:var(--text-sm);color:var(--text)}.mode-buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);width:100%}.btn{font:inherit;font-family:var(--font-display);font-weight:800;font-size:var(--text-md);letter-spacing:.02em;color:#fff;background:linear-gradient(160deg,var(--candy-coral),var(--accent));border:3px solid var(--sticker);border-radius:var(--radius-pill);padding:.65rem 1.4rem;cursor:pointer;box-shadow:var(--shadow-pop);transition:transform var(--dur-fast) var(--ease-bounce),box-shadow var(--dur-fast) var(--ease-out-expo)}.btn:hover{transform:translateY(-3px) scale(1.04) rotate(-1deg);box-shadow:0 8px #e06e5259,0 16px 32px #d94a2647}.btn:active{transform:translateY(1px) scale(.97)}.btn:focus-visible{outline:3px solid var(--accent-2);outline-offset:3px}.btn--daily{display:grid;line-height:1.15;padding-inline:.6rem;background:linear-gradient(160deg,#75bdf0,#5a71e2)}.btn--daily small{font-family:var(--font-ui);font-weight:500;font-size:.62rem;opacity:.95}.btn--ghost{color:var(--text);background:var(--surface-strong);font-size:var(--text-sm);padding:.5rem 1.1rem;box-shadow:var(--shadow-soft)}.btn--big{width:100%;font-size:var(--text-lg);padding-block:.75rem;animation:cta-pulse 1.6s var(--ease-in-out) infinite}@keyframes cta-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.achievements{width:100%;font-size:var(--text-sm)}.achievements summary{cursor:pointer;color:var(--text-dim);list-style-position:inside}.achievements__list{display:grid;gap:.3rem;margin-top:.4rem;padding:0;list-style:none;text-align:left}.achievement{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;border-radius:var(--radius-sm);background:#f3ece2b3;opacity:.65}.achievement--done{background:#fdf4c3e6;opacity:1}.achievement__icon{font-size:1.1rem}.achievement b{display:block;font-size:var(--text-sm)}.achievement small{font-size:var(--text-xs);color:var(--text-dim)}.hint{font-size:var(--text-xs);color:var(--text-dim);letter-spacing:.02em;line-height:1.8}.hint kbd{font-family:var(--font-display);font-weight:700;background:var(--sticker);border:2px solid var(--line);border-radius:.5rem;padding:.05rem .4rem;color:var(--text)}@media(pointer:coarse){.hint--keys{display:none}}.results{gap:.45rem}.results__mascot{width:clamp(88px,34%,150px)}.results__mascot--cheer{animation:mascot-cheer .9s var(--ease-bounce) infinite alternate}@keyframes mascot-cheer{0%{transform:translateY(0) scale(1)}to{transform:translateY(-10px) scale(1.04)}}.results__badge{font-family:var(--font-display);font-weight:800;font-size:var(--text-sm);letter-spacing:.08em;color:#fff;background:linear-gradient(135deg,#f9c31f,#f7733b);border:3px solid var(--sticker);border-radius:var(--radius-pill);padding:.15rem .9rem;box-shadow:var(--shadow-pop);animation:badge-pop .6s var(--ease-bounce)}.results__badge[hidden]{display:none}@keyframes badge-pop{0%{transform:scale(0) rotate(-20deg)}to{transform:scale(1) rotate(0)}}.results__mode{font-size:var(--text-xs);color:var(--text-dim);letter-spacing:.06em}.results__best{font-size:var(--text-sm);color:var(--text-dim)}.results__best--record{color:var(--gold-ink);font-weight:500}.results__stats{display:grid;grid-template-columns:repeat(5,1fr);gap:.3rem;width:100%}.results__stats div{display:grid;gap:.05rem;padding:.3rem .1rem;background:var(--surface-strong);border:2px solid var(--sticker);border-radius:var(--radius-sm);box-shadow:var(--shadow-soft)}.results__stats dt{font-size:.58rem;color:var(--text-dim);white-space:nowrap}.results__stats dd{margin:0;font-family:var(--font-display);font-weight:800;font-size:var(--text-md);color:var(--text)}.results__xp{margin-left:auto;font-family:var(--font-display);font-size:var(--text-xs);color:var(--gold-ink)}.results__rankup{font-size:var(--text-xs);color:#d22d80;animation:badge-pop .6s var(--ease-bounce) .9s both}.results__rankup[hidden]{display:none}.results__unlocked{display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem;padding:0;list-style:none}.results__unlocked li{font-size:var(--text-xs);padding:.15rem .55rem;border-radius:var(--radius-pill);background:#fdf4c3;border:2px solid var(--sticker)}.results__actions{display:grid;gap:.45rem;width:100%;margin-top:.2rem}.results__sub-actions{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}@media(prefers-reduced-motion:reduce){.backdrop:after{display:none}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media(max-width:759px){body{padding:.4rem .6rem}.game{gap:.4rem}.icon-btn{width:2.3rem;height:2.3rem;font-size:1rem}.overlay{padding:var(--space-2)}.overlay__heading{font-size:var(--text-lg)}}@media(max-width:380px){.hud{grid-template-columns:minmax(0,1fr) auto auto}.hud__level{display:none}}@media(min-width:760px){.game{grid-template-areas:"top top" "stage hud" "stage touch";grid-template-columns:auto minmax(240px,300px);grid-template-rows:auto auto 1fr;align-items:start;justify-content:center;max-width:860px}.hud{grid-template-columns:1fr 1fr;gap:var(--space-3) var(--space-2);padding:var(--space-3)}.hud__score{grid-column:1 / -1}.hud__total{font-size:var(--text-score)}.hud__best{font-size:var(--text-sm)}.hud__next{grid-column:1 / -1;order:-1}.hud__next canvas{width:160px;height:56px}.hud__level .meter,.hud__level{width:100%}.hud__combo b{font-size:var(--text-lg)}.fever-gauge{flex-direction:column;align-items:stretch;gap:.3rem}.fever-gauge__track{flex:none;height:16px}.fever-gauge__label{font-size:var(--text-sm)}}