:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#2b2623;--cream:#fff6e3;--cream-shade:#e8d8b8;--green:#7fb83b;--green-shade:#4c8a2e;--gold:#e0b04a;--gold-fill:#ffc928;--gold-shade:#c98a12;--pink:#f4a9a0;--steel:#8e9ba8;--steel-face:#c9d2dc;--steel-shade:#5d6b79;--danger:#e8643a;--sky:#cfefd8;--sky-deep:#a9dcb8;--scrim:#2b26238c;--veil:#fff6e3db;--shadow:#2b262359;--white-hi:#ffffff8c;--pack-bamboo:#7fb83b;--pack-cliffs:#6fa58e;--pack-peaks:#6f8fb0;--pack-volcano:#ff9a3c;--font:Nunito, ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", sans-serif;--fs-1:16px;--fs-2:18px;--fs-3:22px;--fs-4:28px;--fs-5:36px;--fs-6:56px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--r-s:12px;--r-m:20px;--r-l:28px;--r-pill:999px;--stroke:3px;--hilite:inset 0 3px 0 var(--white-hi), inset 3px 0 0 #ffffff40;--drop:0 10px 18px #2b262338;--hit:48px;--hit-secondary:56px;--hit-primary:64px;--hit-skill:72px;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-spring:cubic-bezier(.3, 1.6, .5, 1);--t-press:80ms;--t-select:.14s;--t-screen:.18s;--t-card:.28s;--t-star:.4s;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}*,:before,:after{box-sizing:border-box}@font-face{font-family:Nunito;font-weight:700;font-display:block;src:url(/fonts/nunito-latin-700.woff2)format("woff2")}@font-face{font-family:Nunito;font-weight:800;font-display:block;src:url(/fonts/nunito-latin-800.woff2)format("woff2")}html,body{overscroll-behavior:none;background:var(--sky);height:100%;color:var(--ink);font-family:var(--font);font-size:var(--fs-1);font-variant-numeric:tabular-nums;-webkit-text-size-adjust:100%;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;margin:0;line-height:1.35;overflow:hidden}body{position:fixed;inset:0}img{-webkit-user-drag:none;pointer-events:none}.app{background:linear-gradient(180deg, var(--sky), var(--sky-deep));position:absolute;inset:0}button{cursor:pointer;font-family:inherit}.play,.card__button,.back,.title__link,.dock__skill,.dock__control,.tile-button,.toggle{--lip:5px;--shade:var(--cream-shade);border:var(--stroke) solid var(--ink);background-color:var(--cream);color:var(--ink);box-shadow:var(--hilite), 0 var(--lip) 0 var(--shade);letter-spacing:.01em;touch-action:manipulation;transition:transform var(--t-press) var(--ease-out), box-shadow var(--t-press) var(--ease-out), filter var(--t-press) var(--ease-out);font-weight:800}.play:active,.card__button:active,.back:active,.title__link:active,.dock__skill:active,.dock__control:active,.tile-button:active,.toggle:active{--lip:2px;transform:translateY(3px)}@media (hover:hover){.play:hover,.card__button:hover,.back:hover,.title__link:hover,.dock__skill:hover,.dock__control:hover,.tile-button:hover,.toggle:hover{filter:brightness(1.04)}}button:focus-visible{outline:var(--stroke) solid var(--ink);outline-offset:3px}html:not([data-input=key]) button:focus-visible{outline:none}@media (prefers-reduced-motion:reduce){*{transition-duration:0s!important}}.dev-menu{left:max(var(--sp-3), var(--safe-left));bottom:max(var(--sp-3), var(--safe-bottom));z-index:10;max-width:calc(100vw - 24px);font-size:var(--fs-1);position:fixed}.dev-menu__toggle{min-width:var(--hit);min-height:var(--hit);padding:var(--sp-2) var(--sp-4);border:var(--stroke) solid var(--ink);border-radius:var(--r-s);background:var(--cream);color:var(--ink);font:inherit;font-weight:700}.dev-menu__list{margin:var(--sp-2) 0 0;padding:var(--sp-3) var(--sp-4);border:var(--stroke) solid var(--ink);border-radius:var(--r-s);background:var(--cream);-webkit-user-select:text;user-select:text}.dev-menu__list[hidden]{display:none}.dev-menu__row{gap:var(--sp-3);display:flex}.dev-menu__row dt{font-weight:700}.dev-menu__row dd{overflow-wrap:anywhere;margin:0}.glyph{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:28px;height:28px}.glyph__slash{stroke:var(--danger);stroke-width:2.6px}.title{isolation:isolate;background:var(--sky);position:absolute;inset:0;overflow:hidden}.title__layer{pointer-events:none;-webkit-user-select:none;user-select:none;height:auto;display:block;position:absolute}.title__bg,.title__bg-img{object-fit:cover;object-position:50% 100%;width:100%;height:100%;position:absolute;inset:0}.title__sun{transform-origin:50%;width:54.7%;top:-2.4%;left:-7%}.title__clouds{width:102.5%;top:6%;left:0}.title__sides{object-fit:cover;object-position:50% 100%;width:100%;height:100%;inset:0}.title__logo{left:7.5%;top:max(calc(var(--safe-top) + var(--sp-5)), 12%);width:85%}.title__heroes{transform-origin:50% 100%;width:85%;top:52.5%;left:7.5%}.title__plants{width:100%;bottom:0;left:0}.play{width:61%;min-height:var(--hit-primary);box-shadow:none;transition:transform var(--t-press) var(--ease-out);background:0 0;border:0;padding:0;display:block;position:absolute;top:70%;left:19.5%}.play:active{transform:scale(.94)}.play__art{width:100%;position:static}.title__links{justify-content:center;gap:5.6%;display:flex;position:absolute;top:84%;left:0;right:0}.title__link{width:19%;min-width:var(--hit-secondary);box-shadow:none;color:var(--cream);background:0 0;border:0;flex-direction:column;align-items:center;padding:0;display:flex}.title__link:active{transform:scale(.94)}.title__tile{width:86%;min-width:var(--hit-secondary);display:block;position:relative}.title__tile-art{width:100%;position:static}.title__icon{width:52%;top:50%;left:50%;transform:translate(-50%,-50%)}.title__caption{margin-top:var(--sp-1);color:var(--cream);font-size:var(--fs-1);-webkit-text-stroke:var(--stroke) var(--ink);paint-order:stroke fill;font-weight:800;line-height:1.1}.title__notes{left:max(var(--sp-2), var(--safe-left));right:max(var(--sp-2), var(--safe-right));top:max(var(--sp-2), var(--safe-top));justify-content:space-between;gap:var(--sp-2);pointer-events:none;flex-wrap:wrap;display:flex;position:absolute}.title__stars,.title__notice,.title__version{padding:0 var(--sp-3);border:var(--stroke) solid var(--ink);border-radius:var(--r-pill);background:var(--cream);font-size:var(--fs-1);margin:0;font-weight:800}.title__version{background:var(--veil);border-width:0;order:-1;font-weight:700}.title__notice{border-radius:var(--r-m);text-align:center;flex-basis:100%}@media (height<=700px) and (orientation:portrait){.title__logo{top:max(calc(var(--safe-top) + var(--sp-3)), 8%)}.title__heroes{width:80%;top:50%;left:10%}}@media (orientation:landscape) and (height<=520px){.title__sides{display:none}.title__sun{width:30%;top:-12%;left:-5%}.title__clouds{width:50%;top:4%;left:20%}.title__logo{left:max(8%, calc(var(--safe-left) + var(--sp-4)));width:38%;top:8%}.title__heroes{width:40%;top:46%;left:52%}.title__plants{object-fit:cover;object-position:50% 100%;width:100%;height:20%}.play{left:max(15%, calc(var(--safe-left) + var(--sp-4) + 7%));width:24%;min-width:140px;top:52%}.title__links{right:auto;left:max(8%, calc(var(--safe-left) + var(--sp-4)));gap:6%;width:38%;top:74%}.title__link{width:22%;min-width:var(--hit-secondary)}}@media (prefers-reduced-motion:no-preference){.title__heroes{animation:3.2s ease-in-out infinite alternate heroes-breathe}.title__logo{animation:logo-in .6s var(--ease-spring) both, logo-float 4.5s ease-in-out .6s infinite alternate}.play__art{animation:1.6s ease-in-out .9s infinite alternate play-pulse}.title__clouds{animation:60s linear infinite alternate clouds-drift}.title__sun{animation:90s linear infinite sun-turn,5s ease-in-out infinite alternate sun-glow}.title__plants{animation:5s ease-in-out 1.3s infinite alternate plants-sway}.title__bg{animation:.4s ease-out both fade-in}.play{animation:pop-in .32s var(--ease-spring) .48s both}.title__links{animation:pop-in .32s var(--ease-spring) .54s both}}@keyframes heroes-breathe{0%{transform:scale(1)}to{transform:scaleY(1.015)}}@keyframes logo-in{0%{opacity:0;scale:.8}70%{opacity:1;scale:1.04}to{opacity:1;scale:1}}@keyframes logo-float{0%{translate:0}to{translate:0 -8px}}@keyframes play-pulse{0%{filter:brightness();transform:scale(1)}to{filter:brightness(1.08);transform:scale(1.05)}}@keyframes clouds-drift{0%{transform:translate(0)}to{transform:translate(-120px)}}@keyframes sun-turn{to{rotate:360deg}}@keyframes sun-glow{0%{opacity:.8}to{opacity:1}}@keyframes plants-sway{0%{translate:0}to{translate:0 -4px}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;scale:.8}to{opacity:1;scale:1}}.screen{color:var(--ink);grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:absolute;inset:0}.screen__bar{align-items:center;gap:var(--sp-3);padding:max(var(--sp-3), var(--safe-top)) max(var(--sp-4), var(--safe-right)) var(--sp-2) max(var(--sp-4), var(--safe-left));display:flex}.screen__title{font-size:var(--fs-4);outline:none;flex:1;margin:0;font-weight:800;line-height:1.15}.back{min-width:72px;min-height:var(--hit-secondary);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-m);font-size:var(--fs-2)}.screen__scroll{overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;padding:var(--sp-2) max(var(--sp-4), var(--safe-right)) max(var(--sp-5), var(--safe-bottom)) max(var(--sp-4), var(--safe-left));overflow-y:auto}.screen__scroll--text{touch-action:auto}.levels__total{align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-3);border:var(--stroke) solid var(--ink);border-radius:var(--r-pill);background:var(--cream);font-size:var(--fs-2);margin:0;font-weight:800;display:flex}.levels__total .star{width:28px;height:28px}.levels__status{min-height:1.5em;padding:0 max(var(--sp-4), var(--safe-right)) max(var(--sp-3), var(--safe-bottom)) max(var(--sp-4), var(--safe-left));font-size:var(--fs-1);text-align:center;margin:0;font-weight:800}.levels__more{margin:var(--sp-2) 0 0;font-size:var(--fs-1);text-align:center;font-weight:700}.pack{margin:0 auto var(--sp-5);max-width:44rem}.pack__header{min-height:96px;margin:0 0 var(--sp-3);padding:var(--sp-2) var(--sp-4);border:var(--stroke) solid var(--ink);border-radius:var(--r-m);background:linear-gradient(90deg, var(--veil) 40%, transparent) center / cover, var(--strip) center / cover;box-shadow:var(--hilite), 0 5px 0 var(--pack-accent,var(--green));flex-direction:column;justify-content:center;display:flex}.pack__header[data-pack=bamboo-grove]{--pack-accent:var(--pack-bamboo)}.pack__header[data-pack=misty-cliffs]{--pack-accent:var(--pack-cliffs)}.pack__header[data-pack=frozen-peaks]{--pack-accent:var(--pack-peaks)}.pack__header[data-pack=volcano-garden]{--pack-accent:var(--pack-volcano)}.pack__title{font-size:var(--fs-4);margin:0;font-weight:800;line-height:1.15}.pack__tagline{font-size:var(--fs-1);font-weight:700}.pack__grid{gap:var(--sp-3);flex-wrap:wrap;justify-content:center;display:flex}.tile{justify-content:center;align-items:center;gap:var(--sp-1);flex-direction:column;flex:0 0 calc((100% - 2 * var(--sp-3)) / 3);max-width:132px;min-height:120px;padding:var(--sp-3) var(--sp-3) var(--sp-4);border-radius:var(--r-m);background:var(--tile-art,none) center / 100% 100% no-repeat;color:var(--ink);font:inherit;filter:drop-shadow(0 4px 0 var(--cream-shade));transition:transform var(--t-press) var(--ease-out);border:0;display:flex}.tile:not([aria-disabled]):active{transform:translateY(3px)}.tile__number{font-size:var(--fs-4);font-weight:800;line-height:1}.tile__title{font-size:var(--fs-1);text-align:center;font-weight:700;line-height:1.1}.tile__stars{gap:0;display:flex}.tile__stars .star{width:24px;height:24px}.tile__lock{place-items:center;height:24px;display:grid}.lock{width:24px;height:24px}.star{display:block}.star--off{opacity:.9}.stars{vertical-align:middle;gap:0;display:inline-flex}.stars--inline .star{width:28px;height:28px}.help{max-width:40rem;margin:0 auto}.help__heading{margin:var(--sp-5) 0 var(--sp-2);font-size:var(--fs-4);font-weight:800;line-height:1.15}.help__list{gap:var(--sp-2);font-size:var(--fs-2);margin:0;padding:0;font-weight:700;line-height:1.35;list-style:none;display:grid}.help__list>li{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:var(--stroke) solid var(--ink);border-radius:var(--r-m);background:var(--cream);box-shadow:var(--hilite), 0 4px 0 var(--cream-shade);display:flex}.help__steps{counter-reset:step}.help__steps>li:before{content:counter(step);counter-increment:step;border:var(--stroke) solid var(--ink);border-radius:var(--r-pill);background:var(--green);width:36px;height:36px;font-size:var(--fs-2);flex:none;place-items:center;font-weight:800;display:grid}.help__icon{object-fit:contain;flex:none;width:56px;height:56px}.help__text{flex-direction:column;display:flex}.help__label{font-size:var(--fs-3);font-weight:800}.help__note{margin:0 0 var(--sp-3);font-size:var(--fs-2);font-weight:700}.toggles{gap:var(--sp-3);margin:var(--sp-4) 0;display:grid}.toggles--compact{margin:var(--sp-1) 0 0;grid-template-columns:repeat(3,1fr);justify-items:center}.toggle--row{min-height:var(--hit-secondary);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-m);font-size:var(--fs-2);justify-content:space-between;align-items:center;display:flex}.toggle__word{align-items:center;gap:var(--sp-3);display:flex}.toggle__track{border:var(--stroke) solid var(--ink);border-radius:var(--r-pill);background:var(--steel-face);width:56px;height:32px;transition:background var(--t-select) var(--ease-out);flex:none;position:relative}.toggle__knob{border:var(--stroke) solid var(--ink);border-radius:var(--r-pill);background:var(--cream);box-sizing:content-box;width:22px;height:22px;transition:transform var(--t-select) var(--ease-spring);position:absolute;top:2px;left:2px;transform:translate(-3px,-3px)}.toggle[aria-checked=true] .toggle__track{background:var(--green)}.toggle[aria-checked=true] .toggle__knob{transform:translate(21px,-3px)}.toggle--icon{width:var(--hit-secondary);height:var(--hit-secondary);border-radius:var(--r-m);place-items:center;display:grid}.toggle--icon[aria-checked=false]{background-color:var(--steel-face);--shade:var(--steel-shade)}@media (orientation:landscape) and (height<=520px){.tile{flex-basis:calc((100% - 4 * var(--sp-3)) / 5);min-height:112px}}.settings__art{width:100%;max-width:40rem;height:220px;margin:var(--sp-5) auto 0;border:var(--stroke) solid var(--ink);border-radius:var(--r-l);box-shadow:var(--hilite), 0 6px 0 var(--cream-shade);object-fit:cover;object-position:50% 80%;display:block}.game{background:linear-gradient(180deg, var(--sky), var(--sky-deep));color:var(--ink);touch-action:pan-x pan-y;grid-template-rows:minmax(0,1fr) auto;display:grid;position:absolute;inset:0}.game__view{min-height:0;position:relative;overflow:hidden}.game__stage{touch-action:none;display:block;position:absolute;top:0;left:0}.hud{top:max(var(--sp-2), var(--safe-top));left:max(var(--sp-2), var(--safe-left));right:max(var(--sp-2), var(--safe-right));justify-content:space-between;gap:var(--sp-2);pointer-events:none;display:flex;position:absolute}.game[data-phase=intro] .hud{visibility:hidden}.hud__cell{min-width:80px;padding:var(--sp-1) var(--sp-3);border:var(--stroke) solid var(--ink);border-radius:var(--r-m);background:var(--cream);box-shadow:var(--hilite), 0 4px 0 var(--cream-shade);font-size:var(--fs-1);flex-direction:column;line-height:1.15;display:flex}.hud__label{font-weight:700}.hud__value{font-size:var(--fs-4);font-weight:800}.hud__cell--time[data-low]{background:var(--danger);box-shadow:var(--hilite), 0 4px 0 var(--gold-shade)}.toast,.blurb{z-index:3;padding:var(--sp-2) var(--sp-4);border:var(--stroke) solid var(--ink);border-radius:var(--r-m);background:var(--cream);box-shadow:var(--hilite), 0 4px 0 var(--cream-shade);color:var(--ink);font-size:var(--fs-1);text-align:center;pointer-events:none;font-weight:800;line-height:1.25;position:absolute}.toast{max-width:min(320px,100% - 24px);transform:translate(-50%,-100%)}.toast--bottom{top:auto;bottom:72px;left:50%;transform:translate(-50%)}.toast[hidden],.blurb[hidden],.finger[hidden],.watch[hidden]{display:none}.blurb{left:var(--sp-3);right:var(--sp-3);bottom:var(--sp-3)}.watch{z-index:4;left:50%;bottom:var(--sp-3);align-items:center;gap:var(--sp-3);width:max-content;max-width:calc(100% - 24px);padding:var(--sp-2) var(--sp-3);border:var(--stroke) solid var(--ink);border-radius:var(--r-m);background:var(--cream);display:flex;position:absolute;transform:translate(-50%)}.watch__text{font-size:var(--fs-1);margin:0;font-weight:800}.dock{gap:var(--sp-2);padding:var(--sp-3) max(var(--sp-3), var(--safe-right)) max(var(--sp-2), var(--safe-bottom)) max(var(--sp-3), var(--safe-left));border-top:var(--stroke) solid var(--ink);background:var(--cream);display:grid}.dock__skills{justify-content:center;gap:var(--sp-2);grid-template-columns:repeat(auto-fill,minmax(64px,88px));display:grid}.dock__controls{gap:var(--sp-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.dock__skills:empty{display:none}.dock__control{min-height:var(--hit);min-width:var(--hit);border-radius:var(--r-m);font-size:var(--fs-1)}.dock__skill{min-height:var(--hit-skill);padding:var(--sp-1) 0;border-radius:var(--r-m);font-size:var(--fs-1);white-space:nowrap;flex-direction:column;justify-content:center;align-items:center;gap:0;display:flex;position:relative}.dock__icon{object-fit:contain;pointer-events:none;width:48px;height:48px}.dock__skill[aria-pressed=true],.dock__control[aria-pressed=true]{background-color:var(--cream);box-shadow:var(--hilite), 0 var(--lip) 0 var(--shade), 0 0 0 4px var(--gold)}.dock__skill[aria-pressed=true]{transform:scale(1.06)}.dock__skill[data-empty],.dock__skill[data-soon]{--shade:var(--steel-shade);background-color:var(--steel-face)}.dock__skill[data-empty] .dock__icon,.dock__skill[data-soon] .dock__icon{opacity:.55}.dock__count{border:var(--stroke) solid var(--ink);border-radius:var(--r-pill);background:var(--green);min-width:30px;height:30px;font-size:var(--fs-1);place-items:center;font-weight:800;line-height:1;display:grid;position:absolute;top:-8px;right:-6px}.dock__skill[data-empty] .dock__count{background:var(--steel-face)}.dock__key{top:1px;left:var(--sp-1);font-size:var(--fs-1);font-weight:700;position:absolute}.finger{z-index:9;border:var(--stroke) solid var(--ink);border-radius:var(--r-pill);background:color-mix(in srgb, var(--gold-fill) 35%, transparent);width:56px;height:56px;box-shadow:0 0 0 4px var(--gold);pointer-events:none;margin:-28px 0 0 -28px;position:absolute}.confetti{z-index:20;border-radius:var(--r-s);pointer-events:none;width:10px;height:16px;position:absolute}.confetti--0{background:var(--gold-fill)}.confetti--1{background:var(--pink)}.confetti--2{background:var(--steel-face)}.confetti--3{background:var(--green)}.confetti--4{background:var(--cream)}@media (orientation:landscape) and (height<=520px){.dock{padding-top:var(--sp-2);grid-template-columns:minmax(0,1fr) auto;align-items:center}.dock__skills{grid-template-columns:repeat(auto-fit,minmax(64px,72px))}.dock__label{display:none}.dock__skill{min-height:var(--hit-skill)}.dock__controls{grid-template-columns:repeat(4,64px)}.toast--bottom{bottom:var(--sp-5)}}@media (hover:none){.dock__key{display:none}}@media (prefers-reduced-motion:no-preference){.hud__cell--saved.is-bumping{animation:bump .45s var(--ease-spring)}.hud__cell--time[data-low]{animation:1s ease-in-out infinite time-pulse}.dock__control[data-nudge]{animation:.6s ease-in-out 4 nudge}.finger{animation:1s ease-in-out infinite finger-pulse}.confetti{animation:1.7s ease-out forwards confetti-fall}.toast{animation:.15s ease-out pop-in}}@media (prefers-reduced-motion:reduce){.confetti{display:none}}@keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes time-pulse{0%,to{scale:1}50%{scale:1.08}}@keyframes nudge{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes finger-pulse{0%,to{opacity:1;scale:1}50%{opacity:.7;scale:1.25}}@keyframes confetti-fall{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(var(--dx), calc(var(--dy) + 160px)) rotate(var(--spin))}}.scrim{z-index:5;padding:max(var(--sp-4), var(--safe-top)) max(var(--sp-4), var(--safe-right)) var(--sp-4) max(var(--sp-4), var(--safe-left));background:var(--scrim);touch-action:manipulation;place-items:center;display:grid;position:absolute;inset:0}.scrim[hidden]{display:none}.scrim--top{background:0 0;align-items:start}.scrim--sheet{z-index:6}.card{width:min(360px,100%);max-height:100%;padding:var(--sp-5);border:var(--stroke) solid var(--ink);border-bottom-width:calc(var(--stroke) + 2px);border-radius:var(--r-l);background:var(--cream);color:var(--ink);text-align:center;box-shadow:var(--hilite), 0 6px 0 var(--cream-shade), var(--drop);overflow-y:auto}.card__title{margin:0 0 var(--sp-2);font-size:var(--fs-4);font-weight:800;line-height:1.15}.card__lead{margin:0 0 var(--sp-3);font-size:var(--fs-3);font-weight:800;line-height:1.15}.card__body{margin:0 0 var(--sp-4);font-size:var(--fs-2);font-weight:700}.card__hint{margin:0 0 var(--sp-3);padding:var(--sp-3);border-radius:var(--r-m);background:var(--cream-shade);font-size:var(--fs-1);font-weight:700}.card__menu,.card__confirm,.card__slot{gap:var(--sp-3);display:grid}.card__confirm[hidden],.card__menu[hidden],.card [hidden]{display:none}.card__button{--shade:var(--green-shade);width:100%;min-height:var(--hit-primary);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-pill);background-color:var(--green);font-size:var(--fs-3)}.card__button--quiet{--shade:var(--cream-shade);min-height:var(--hit-secondary);border-radius:var(--r-m);background-color:var(--cream);font-size:var(--fs-2)}.card__tiles{gap:var(--sp-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.tile-button{justify-content:center;align-items:center;gap:var(--sp-1);min-height:var(--hit-skill);padding:var(--sp-2) var(--sp-1);border-radius:var(--r-m);font-size:var(--fs-1);flex-direction:column;display:flex}.goals{gap:var(--sp-2);margin:0 0 var(--sp-3);grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}.goals__row{padding:var(--sp-1) var(--sp-1);border-radius:var(--r-s);background:var(--cream-shade);font-size:var(--fs-1);flex-direction:column;align-items:center;gap:0;font-weight:800;line-height:1.2;display:flex}.result-cheer{width:96px;height:96px;margin:calc(var(--sp-7) * -1) auto var(--sp-2);border:var(--stroke) solid var(--ink);border-radius:var(--r-pill);background:var(--cream);box-shadow:0 5px 0 var(--cream-shade);object-fit:cover;display:block}.result-stars{justify-content:center;gap:var(--sp-1);margin-bottom:var(--sp-2);display:flex}.result-stars .star{width:64px;height:64px}.ribbon{margin:var(--sp-2) 0 0;padding:var(--sp-1) var(--sp-4);border:var(--stroke) solid var(--ink);border-radius:var(--r-pill);background:var(--pink);font-size:var(--fs-2);justify-self:center;font-weight:800;transform:rotate(-3deg)}.card[data-outcome=won]{margin-top:var(--sp-7);overflow:visible}.sheet__body{margin-bottom:var(--sp-3)}@media (prefers-reduced-motion:no-preference){.card{animation:card-in var(--t-card) var(--ease-spring)}.star--pop{animation:star-pop var(--t-star) var(--ease-spring) both;animation-delay:calc(var(--i) * .3s + .2s)}}@keyframes card-in{0%{opacity:0;transform:translateY(18px)scale(.94)}to{opacity:1;transform:none}}@keyframes star-pop{0%{opacity:0;transform:scale(0)rotate(-40deg)}60%{opacity:1;transform:scale(1.25)rotate(8deg)}to{opacity:1;transform:scale(1)rotate(0)}}@media (orientation:landscape) and (height<=520px){.card{padding:var(--sp-3) var(--sp-4)}.card__title{font-size:var(--fs-3)}.result-stars .star{width:44px;height:44px}.result-cheer{display:none}.card[data-outcome=won]{margin-top:0}}.scrim--top .card{padding:var(--sp-3) var(--sp-4) var(--sp-4)}.scrim--top .card__title{font-size:var(--fs-3);margin-bottom:0}.scrim--top .card__lead{margin-bottom:var(--sp-2);font-size:var(--fs-2)}.scrim--top .card__hint{margin-bottom:var(--sp-2);padding:var(--sp-2) var(--sp-3)}.scrim--top .goals{margin-bottom:var(--sp-2)}.scrim--top .card__button{min-height:var(--hit-secondary)}