@font-face{font-family:Grandstander Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./grandstander-vietnamese-wght-normal-B5nfZGX5.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Grandstander Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./grandstander-latin-ext-wght-normal-CbHBOYCY.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Grandstander Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./grandstander-latin-wght-normal-CQwu0ja0.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-cyrillic-wght-normal-CY6AOgYE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-vietnamese-wght-normal-U01xdrZh.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-latin-ext-wght-normal-CXYtwYOx.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-latin-wght-normal-BzFMHfZw.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;--frame:#7a5236;--frame-light:#9c6b47;--floor:#f4e7cf;--floor-alt:#ebd9b8;--pot:#c9734d;--leaf:#5e9e6e;--duvet:#d6def4;--duvet-deep:#c2ccec;--thread:#6470b0;--navy:#2e3566;--navy-soft:#4a5489;--linen:#fffbf2;--linen-shade:#f3ead7;--stitch:#d9c6a3;--stitch-deep:#7a6845;--honey:#f2b544;--honey-light:#f7c256;--honey-deep:#c4851a;--honey-tint:#fce9b8;--coral:#e86f5c;--coral-soft:#f5a293;--coral-tint:#fde3de;--leafy:#6cc38a;--sky-tint:#cde9f8;--scrim:#2e356680;--font-display:"Grandstander Variable", "Nunito Variable", system-ui, sans-serif;--font-ui:"Nunito Variable", system-ui, sans-serif;--type-title:800 1.75rem / 1.1 var(--font-display);--type-heading:800 1.5rem / 1.1 var(--font-display);--type-subheading:800 1.0625rem / 1.15 var(--font-display);--type-label:800 1.0625rem / 1.15 var(--font-ui);--type-body:700 .9375rem / 1.4 var(--font-ui);--type-small:800 .8125rem / 1.3 var(--font-ui);--type-micro:800 .75rem / 1.1 var(--font-ui);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-s:8px;--radius-m:14px;--radius-l:22px;--touch:44px;--raise:0 3px 0 var(--navy);--raise-small:0 2px 0 var(--navy);--lift:0 3px 0 var(--navy), 0 14px 28px #2e35663d;--press:.12s ease-out;--change:.18s ease-out;--column-max:480px;--column-tablet:560px;--frame-desktop:960px}*,:before,:after{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;margin:0}body{background-color:var(--duvet);background-image:radial-gradient(circle at 50% 50%, var(--duvet-deep) 0 2.5px, transparent 3px), radial-gradient(circle at 50% 50%, var(--duvet-deep) 0 2.5px, transparent 3px), linear-gradient(45deg, transparent calc(50% - .75px), var(--duvet-deep) calc(50% - .75px) calc(50% + .75px), transparent calc(50% + .75px)), linear-gradient(-45deg, transparent calc(50% - .75px), var(--duvet-deep) calc(50% - .75px) calc(50% + .75px), transparent calc(50% + .75px));min-height:100dvh;color:var(--navy);font-family:var(--font-ui);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background-position:0 0,22px 22px,0 0,0 0;background-size:44px 44px;background-attachment:fixed;font-weight:700;line-height:1.3}#app{width:100%;max-width:var(--column-max);height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;margin:0 auto;display:flex}.board-area{flex:1;justify-content:center;align-items:center;min-height:0;padding:6px 8px;display:flex}.board{touch-action:none;width:100%;height:100%;display:block}@property --blink{syntax:"<number>";inherits:true;initial-value:1}@property --sway{syntax:"<angle>";inherits:true;initial-value:0deg}[data-idle=on] .cat-art,[data-idle=paused] .cat-art{animation:cat-idle-blink 4.6s ease-in-out var(--idle-delay,0s) infinite, cat-idle-sway 1.7s ease-in-out var(--idle-delay,0s) infinite alternate}[data-idle=paused] .cat-art{animation-play-state:paused}@keyframes cat-idle-blink{0%,93%,to{--blink:1}96%{--blink:.1}}@keyframes cat-idle-sway{0%{--sway:-6deg}to{--sway:8deg}}.sheet-layer{z-index:10;padding-top:calc(var(--space-5) + env(safe-area-inset-top));outline:none;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.scrim{background:var(--scrim);animation:scrim-in var(--change) ease-out;position:absolute;inset:0}.sheet{gap:var(--space-3);width:100%;max-width:var(--column-tablet);max-height:100%;padding:22px var(--space-4) calc(20px + env(safe-area-inset-bottom));border:2px solid var(--navy);border-radius:var(--radius-l) var(--radius-l) 0 0;background:var(--linen);color:var(--navy);text-align:center;border-bottom:0;flex-direction:column;animation:.26s cubic-bezier(.2,.8,.2,1) sheet-rise;display:flex;position:relative;box-shadow:0 -10px 28px #2e356647}.sheet:before{border:1.5px dashed var(--stitch);content:"";pointer-events:none;border-bottom:0;border-radius:17px 17px 0 0;position:absolute;inset:5px 5px 0}.sheet-tall{height:100%}.sheet-head,.sheet-body{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.sheet-head:empty,.sheet-body:empty{display:none}.sheet-title{font:800 1.75rem / 1.1 var(--font-display);margin:0}.sheet-body{scrollbar-width:thin;scrollbar-color:var(--stitch) transparent;flex:0 auto;min-height:0;margin:0 -6px;padding:0 6px;overflow-y:auto}.sheet-tall .sheet-body{flex:1}.sheet-text{max-width:34ch;font:600 .9375rem / 1.4 var(--font-ui);margin:0 auto}.sheet-actions{gap:var(--space-3);margin-top:var(--space-1);flex-direction:column;flex:none;display:flex}.sheet-tall .sheet-actions{margin:0 calc(-1 * var(--space-4));padding:var(--space-3) var(--space-4) 0;border-top:2px dashed var(--stitch)}.sheet-row{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:10px;display:grid}.sheet-layer[data-idle=off] .sheet{animation:.12s ease-out scrim-in}.sheet-layer[data-idle=off] .scrim{animation-duration:.12s}@keyframes sheet-rise{0%{opacity:0;transform:translateY(24px)}}@keyframes scrim-in{0%{opacity:0}}@media (width>=900px) and (height>=600px){.sheet-layer{padding:var(--space-5);align-items:center}.sheet{border-bottom:2px solid var(--navy);border-radius:var(--radius-l);max-width:420px;padding-bottom:20px}.sheet:before{border-bottom:1.5px dashed var(--stitch);border-radius:17px;inset:5px}.sheet-tall{max-width:480px;height:auto;max-height:min(640px,100%)}}.fail-cat{align-self:center;width:96px;height:96px}.board-stage{width:100%;height:100%;position:relative}.board{filter:drop-shadow(0 5px #2e356638)}.particles{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.board .cats,.board .ghost,.board .effects{pointer-events:none}.board .nook{cursor:grab}.board .nook.dragging{will-change:transform}.board .cat .cat-lean{transform-box:fill-box;transform-origin:50% 100%;transition:transform .12s ease-out}.board .cat[data-lean] .cat-art{animation:.9s ease-in-out infinite cat-blink}.board .cat[data-lean=left] .cat-lean{transform:rotate(-6deg)}.board .cat[data-lean=right] .cat-lean{transform:rotate(6deg)}.board .cat[data-lean=up] .cat-lean{transform:translateY(-4px)}.board .cat[data-lean=down] .cat-lean{transform:translateY(4px)}@keyframes cat-blink{0%,70%,to{--blink:1}85%{--blink:.1}}.board .lift-targets{pointer-events:auto}.board .lift-target{cursor:pointer;animation:1s ease-in-out infinite alternate lift-glow}.board .nook[data-target=dim]{opacity:.4}.board .target-ring{fill:none;stroke:var(--honey);stroke-width:7px;stroke-dasharray:16 12;stroke-linecap:round;pointer-events:none}.board:not([data-idle=off]) .target-ring{animation:1.1s ease-in-out infinite alternate target-breathe}@keyframes target-breathe{0%{opacity:.55}to{opacity:1}}.board .hint-pulse{animation:.9s ease-in-out infinite alternate hint-pulse}.board[data-idle=off] .lift-target,.board[data-idle=off] .hint-pulse{animation:none}@keyframes lift-glow{0%{opacity:.55}to{opacity:1}}@keyframes hint-pulse{0%{opacity:.35}to{opacity:1}}.booster-bar{padding:var(--space-3) var(--space-3) calc(var(--space-3) + env(safe-area-inset-bottom));border-top:2px dashed var(--thread);background:var(--duvet-deep);flex:none;grid-template-columns:minmax(0,1fr) auto repeat(4,minmax(0,1fr));align-items:stretch;gap:6px;display:grid}.booster-divider{width:0;margin:var(--space-1) 1px;border-left:2px dashed var(--thread)}.booster{border:2px solid var(--navy);border-radius:var(--radius-m);background:var(--linen);min-width:0;min-height:60px;box-shadow:var(--raise);color:var(--navy);font:inherit;cursor:pointer;transition:transform var(--press), box-shadow var(--press), background-color var(--press);flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 2px 5px;display:flex;position:relative}.booster-icon{place-items:center;display:grid}.booster-icon .icon{width:24px;height:24px}.booster-name{max-width:100%;font:800 .75rem / 1.1 var(--font-ui);text-align:center;overflow-wrap:anywhere}@media (hover:hover){.booster:hover:not(:disabled,[aria-disabled=true],[aria-pressed=true]){background:#fff}}.booster:active:not(:disabled,[aria-disabled=true]){box-shadow:0 0 0 var(--navy);transform:translateY(3px)}.booster:focus-visible{outline:3px solid var(--navy);outline-offset:3px}.booster:disabled .booster-icon,.booster:disabled .booster-name,.booster[data-state=empty] .booster-icon,.booster[data-state=empty] .booster-name,.booster[data-state=off] .booster-icon,.booster[data-state=off] .booster-name,.booster[data-state=busy] .booster-name{opacity:.45}.booster:disabled{cursor:default}.booster[aria-busy=true] .booster-icon{opacity:1}.booster[data-state=locked]{box-shadow:none;background:0 0;border-style:dashed}.booster[data-state=locked] .booster-icon{opacity:.5}.booster[aria-pressed=true]{background:var(--honey);box-shadow:var(--raise), 0 0 0 4px var(--linen);transform:translateY(-3px)}.booster-badge{border:2px solid var(--navy);background:var(--honey);min-width:22px;height:22px;font:800 .8125rem / 1 var(--font-display);font-variant-numeric:tabular-nums;border-radius:11px;justify-content:center;align-items:center;gap:2px;padding:0 5px;display:inline-flex;position:absolute;top:-9px;right:-5px}.booster[data-state=empty] .booster-badge,.booster[data-state=locked] .booster-badge{background:var(--linen)}.booster-badge svg{width:12px;height:12px}.booster-icon[data-icon=spool] .icon{animation:1.2s linear infinite spool-turn}@keyframes spool-turn{to{transform:rotate(360deg)}}.booster-bar[data-idle=off] .booster{transition:none}.booster-bar[data-idle=off] .booster-icon[data-icon=spool] .icon{animation:none}.tape{min-width:0;position:relative}.tape-track{border:2px solid var(--navy);background:var(--linen-shade);border-radius:5px;height:12px;position:absolute;top:4px;left:0;right:0;overflow:hidden}.tape-fill{width:var(--have);border-right:2px solid var(--navy);background:var(--honey);transition:width var(--change);position:absolute;inset:0 auto 0 0}.chest-tape{height:44px}.chest-tape .tape-track{background:repeating-linear-gradient(90deg, var(--linen-shade) 0 calc(10% - 1.5px), #2e356659 calc(10% - 1.5px) 10%)}.chest-marker{top:20px;left:var(--at);font:var(--type-micro);white-space:nowrap;align-items:center;gap:3px;margin:0;display:flex;position:absolute;transform:translate(-100%)}.chest-marker .icon{width:20px;height:20px}.move-scale{height:40px}.move-scale .tape-track{background:linear-gradient(90deg, var(--honey-tint) 0 var(--three), var(--linen) var(--three) var(--two), transparent var(--two)), repeating-linear-gradient(-45deg, var(--linen-shade) 0 4px, var(--stitch) 4px 6px);height:14px;top:5px}.move-scale .tape-track:after{background:repeating-linear-gradient(90deg, transparent 0 calc(var(--step) - 1.5px), #2e356666 calc(var(--step) - 1.5px) var(--step));content:"";position:absolute;inset:0}.tape-pin{top:0;left:var(--have);border:2px solid var(--navy);background:var(--coral);width:12px;height:12px;transition:left var(--change);border-radius:50%;margin-left:-6px;position:absolute}.tape-pin:after{background:var(--navy);content:"";width:2px;height:14px;position:absolute;top:8px;left:3px}.tape-flag{top:23px;left:var(--at);border-right:2px solid var(--navy);transition:opacity var(--change);align-items:center;gap:1px;margin:0;padding-right:4px;line-height:1;display:flex;position:absolute;transform:translate(-100%)}.tape-flag .star{fill:var(--honey);stroke:var(--honey-deep)}.tape-flag-limit{font:800 .875rem / 1 var(--font-display);font-variant-numeric:tabular-nums;margin-left:3px}.tape-flag[data-lost=true]{opacity:.55}.tape-flag[data-lost=true] .tape-flag-limit{text-decoration:line-through}.hud[data-idle=off] .tape-fill,.hud[data-idle=off] .tape-pin,.hud[data-idle=off] .tape-flag{transition:none}.hud{gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-1);color:var(--navy);flex-direction:column;flex:none;display:flex}.hud-top{align-items:center;gap:var(--space-2);min-height:var(--touch);display:flex}.level-tag{border:2px solid var(--navy);border-radius:var(--radius-s);background:var(--honey);min-width:32px;height:32px;font:800 1.0625rem / 1 var(--font-display);font-variant-numeric:tabular-nums;flex:none;place-items:center;padding:0 6px;display:grid}.hud-level{min-width:0;font:var(--type-subheading);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex:1;margin:0;display:-webkit-box;overflow:hidden}.hud-timer{align-items:center;gap:var(--space-1);border:2px solid var(--navy);background:var(--linen);height:36px;font:800 1.125rem / 1 var(--font-display);font-variant-numeric:tabular-nums;transition:background-color var(--change);border-radius:18px;flex:none;margin:0;padding:0 10px 0 6px;display:flex}.hud-clock,.hud-nap{padding-top:2px}.hud-timer.warning{background:var(--coral-soft)}.hud-timer.warning.running{animation:1s ease-in-out infinite timer-pulse}.hud[data-idle=off] .hud-timer.warning.running{animation:1s ease-in-out infinite timer-fade}@keyframes timer-pulse{50%{transform:scale(1.08)}}@keyframes timer-fade{50%{opacity:.45}}.hud-timer.napping{background:var(--sky-tint)}.hud-nap{font-size:.9375rem}.nap-ring{background:conic-gradient(var(--navy) calc(var(--nap) * 360deg), var(--linen) 0);border-radius:50%;flex:none;width:20px;height:20px}.move-tape{gap:var(--space-3);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.hud-moves{min-width:var(--touch);flex-direction:column;align-items:center;margin:0;display:flex}.hud-move-count{font:800 1.625rem / .95 var(--font-display);font-variant-numeric:tabular-nums}.hud-moves-label{font:var(--type-micro)}.hud-stars{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.piece-guide{justify-content:center;align-items:center;gap:6px;display:flex}.piece-chip{width:var(--touch);height:var(--touch);border:2px solid var(--navy);border-radius:var(--radius-m);background:color-mix(in srgb, var(--linen) 60%, transparent);box-shadow:var(--raise-small);cursor:pointer;transition:background-color var(--press), transform var(--press), box-shadow var(--press);flex:none;place-items:center;padding:0;display:grid}.piece-icon{pointer-events:none;width:28px;height:28px}@media (hover:hover){.piece-chip:hover{background:var(--linen)}}.piece-chip:active,.piece-chip[aria-expanded=true]{background:var(--honey);box-shadow:0 1px 0 var(--navy);transform:translateY(2px)}.piece-chip:focus-visible{outline:3px solid var(--navy);outline-offset:3px}@media (width<=339px){.piece-guide{gap:4px}}@media (prefers-reduced-motion:reduce){.piece-chip{transition:none}}.piece-popover{z-index:5;width:max-content;max-width:min(280px,100vw - 16px);padding:var(--space-2) var(--space-3);border:2px solid var(--navy);border-radius:var(--radius-m);background:var(--linen);box-shadow:var(--lift);color:var(--navy);pointer-events:none;position:fixed;transform:translate(-50%,-100%)}.piece-popover[data-side=below]{transform:translate(-50%)}.piece-popover:after{top:100%;left:calc(50% + var(--tail,0px));border-right:2px solid var(--navy);border-bottom:2px solid var(--navy);background:var(--linen);content:"";width:12px;height:12px;margin:-5px 0 0 -6px;position:absolute;transform:rotate(45deg)}.piece-popover[data-side=below]:after{margin-top:-8px;top:0;transform:rotate(225deg)}.piece-popover-name{font:800 .9375rem / 1.2 var(--font-display);margin:0}.piece-popover-rule{font:600 .8125rem / 1.25 var(--font-ui);margin:2px 0 0}.board-footer{min-height:60px;margin:0 var(--space-4) var(--space-2);flex:none;align-items:center;display:grid}.board-footer>*{grid-area:1/1;min-width:0}.status-banner,.tool-banner{align-items:center;gap:var(--space-2);min-height:52px;padding:var(--space-1) var(--space-1) var(--space-1) var(--space-3);border:2px solid var(--navy);border-radius:var(--radius-m);background:var(--linen);box-shadow:var(--raise-small);color:var(--navy);display:flex}.tool-banner{background:var(--honey-tint)}.status-text{min-width:0;font:800 .9375rem / 1.25 var(--font-ui);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex:1;margin:0;display:-webkit-box;overflow:hidden}.status-banner .pill{min-height:var(--touch);flex:none;padding:4px 14px;font-size:.9375rem}.tool-banner-icon{flex:none;place-items:center;display:grid}.tool-banner-icon .icon{width:24px;height:24px}.tool-banner-text{text-align:left;flex-direction:column;flex:1;min-width:0;margin:0;line-height:1.2;display:flex}.tool-banner-name{font:800 .9375rem / 1.2 var(--font-display)}.tool-banner-step{font:var(--type-small)}@media (width>=600px){#app:has(>.game-screen){max-width:var(--column-tablet)}}@media (width>=900px) and (height>=600px){#app:has(>.game-screen){max-width:1100px}.game-screen{column-gap:var(--space-5);padding:var(--space-5);grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) 328px;display:grid}.game-screen .board-area{grid-area:1/1/-1;padding:0}.game-screen .hud,.game-screen .board-footer,.game-screen .booster-bar{grid-column:2}.game-screen .hud{padding:0 0 var(--space-3);grid-row:1}.game-screen .board-footer{grid-row:2;align-self:center;margin:0}.game-screen .booster-bar{border:2px dashed var(--thread);border-radius:var(--radius-l);grid-row:3}}.setting-group{border-bottom:2px dashed var(--stitch);text-align:left;flex-direction:column;gap:2px;padding:6px 0 10px;display:flex}.setting-group:last-of-type{gap:10px;padding-top:14px}.setting-row{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:46px;display:flex}.setting-stack{flex-direction:column;align-items:stretch;gap:6px;padding:6px 0}.setting-label{min-width:0;font:800 .9375rem / 1.3 var(--font-ui)}.switch{border:2px solid var(--navy);background:var(--linen-shade);cursor:pointer;width:56px;height:32px;transition:background-color var(--change);border-radius:16px;flex:none;padding:0;position:relative}.switch:before{content:"";position:absolute;inset:-8px 0}.switch:after{border:2px solid var(--navy);background:var(--linen);content:"";width:24px;height:24px;transition:transform var(--change);border-radius:50%;position:absolute;top:2px;left:2px}.switch[aria-checked=true]{background:var(--leafy)}.switch[aria-checked=true]:after{transform:translate(24px)}.segmented{border:2px solid var(--navy);border-radius:var(--radius-m);background:var(--linen);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid;overflow:hidden}.segment{min-width:0;min-height:var(--touch);color:var(--navy);font:800 .875rem / 1.2 var(--font-ui);overflow-wrap:anywhere;cursor:pointer;transition:background-color var(--change);background:0 0;border:0;padding:4px 6px}.segment+.segment{border-left:2px solid var(--navy)}@media (hover:hover){.segment:hover:not([aria-pressed=true]){background:var(--linen-shade)}}.segment[aria-pressed=true]{background:var(--honey)}.switch:focus-visible,.segment:focus-visible{outline:3px solid var(--navy);outline-offset:3px}.segment:focus-visible{outline-offset:-5px}.reset{gap:var(--space-2);flex-direction:column;display:flex}.confirm{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-m);background:var(--coral-tint);flex-direction:column;display:flex}.credits{color:var(--navy-soft);font:600 .75rem / 1.4 var(--font-ui);text-align:left;margin:0;padding-top:10px}.sheet-layer[data-idle=off] .switch,.sheet-layer[data-idle=off] .switch:after,.sheet-layer[data-idle=off] .segment{transition:none}.win-stars{justify-content:center;align-items:flex-end;gap:6px;height:78px;margin:0;display:flex}.win-stars .star{stroke-dasharray:2 1.6;width:60px;height:60px}.win-stars .star:nth-child(2){width:74px;height:74px}.win-stars .star.earned{stroke:var(--navy);stroke-dasharray:none;filter:drop-shadow(0 3px 0 var(--navy))}.new-best{border:2px solid var(--navy);background:var(--leafy);font:800 .9375rem / 1.3 var(--font-display);border-radius:999px;align-self:center;margin:0;padding:3px 14px 2px}.reward-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.reward{padding:var(--space-2) var(--space-3);background:var(--honey-tint);font:800 .875rem / 1.3 var(--font-ui);text-align:left;border-radius:12px;align-items:center;gap:10px;display:flex}.reward-text{min-width:0}.tutorial-demo{pointer-events:none;align-self:center;width:min(100%,264px);max-height:40dvh;position:relative}.tutorial-step{color:var(--navy-soft);font:800 .8125rem / 1.2 var(--font-ui);font-variant-numeric:tabular-nums;margin:0}[hidden]{display:none!important}.screen{flex-direction:column;flex:1;min-height:0;display:flex}.pill{justify-content:center;align-items:center;gap:var(--space-2);min-width:48px;min-height:48px;padding:6px var(--space-4);border:2px solid var(--navy);border-radius:var(--radius-m);background:var(--linen);box-shadow:var(--raise);color:var(--navy);font:var(--type-label);text-align:center;cursor:pointer;transition:transform var(--press), box-shadow var(--press), background-color var(--press);display:inline-flex;position:relative}.pill:before,.chapter-card:before{border:1.5px dashed var(--stitch);content:"";pointer-events:none;border-radius:9px;position:absolute;inset:3px}.pill-honey{background:var(--honey)}.pill-honey:before{border-color:var(--honey-deep)}.pill-coral{background:var(--coral-soft)}.pill-coral:before{border-color:var(--coral)}.pill-primary{flex-direction:column;gap:0;min-height:60px}.pill-primary .pill-label{font:var(--type-heading)}.pill-detail{font:var(--type-small)}.pill-small{min-height:var(--touch);flex:none;padding:4px 14px;font-size:.9375rem}.pill-quiet{box-shadow:none;background:0 0;border-style:dashed}.pill-quiet:before{content:none}.pill-tile{gap:var(--space-1);min-height:72px;padding:var(--space-2) 6px;font:var(--type-small);flex-direction:column}.icon{flex:none;width:24px;height:24px}.icon-button{width:var(--touch);height:var(--touch);border:2px solid var(--navy);border-radius:var(--radius-m);background:var(--linen);box-shadow:var(--raise);color:var(--navy);cursor:pointer;transition:transform var(--press), box-shadow var(--press), background-color var(--press);flex:none;place-items:center;padding:0;display:grid}@media (hover:hover){.pill:hover:not(:disabled),.icon-button:hover:not(:disabled){background:#fff}.pill-honey:hover:not(:disabled){background:var(--honey-light)}.pill-coral:hover:not(:disabled){background:var(--coral-soft)}.pill-quiet:hover:not(:disabled){background:var(--coral-tint)}.chapter-tab:hover{background:var(--linen)}.chapter-tab[aria-pressed=true]:hover{background:var(--honey)}.patch:hover:not(:disabled){transform:translateY(-1px)}}.pill:active:not(:disabled),.icon-button:active:not(:disabled){box-shadow:0 0 0 var(--navy);transform:translateY(3px)}.pill:disabled,.icon-button:disabled{opacity:.45;cursor:default}.pill:focus-visible,.icon-button:focus-visible,.chapter-tab:focus-visible,.patch:focus-visible{outline:3px solid var(--navy);outline-offset:3px}.star{width:12px;height:12px;fill:var(--linen-shade);stroke:var(--stitch);flex:none;overflow:visible}.star.earned{fill:var(--honey);stroke:var(--honey-deep)}.title-screen,.chapter-card,.chapter-strip{scrollbar-color:var(--thread) transparent;scrollbar-width:thin}.title-screen{align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-4) calc(var(--space-6) + env(safe-area-inset-bottom));text-align:center;overflow-y:auto}.title-screen>:first-child{margin-top:auto}.title-screen>:last-child{margin-bottom:auto}.logo{flex:none;width:100%;margin:0;line-height:0}.logo-art{width:100%;height:auto;max-height:46dvh;overflow:visible}.logo-word,.logo-shadow{font-family:var(--font-display);letter-spacing:-1px;stroke:var(--navy);stroke-width:9px;stroke-linejoin:round;font-size:88px;font-weight:900}.logo-word{fill:var(--linen);paint-order:stroke}.logo-shadow{fill:var(--navy)}.logo-zed{font-family:var(--font-display);fill:var(--honey);stroke:var(--navy);stroke-width:4px;stroke-linejoin:round;paint-order:stroke;font-weight:900}.title-side{align-items:center;gap:var(--space-3);flex-direction:column;flex:none;width:100%;display:flex}.tagline{max-width:26ch;margin:0 0 var(--space-3);font:800 1.0625rem / 1.3 var(--font-ui)}.menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px;width:100%;max-width:328px;display:grid}.menu .pill-primary{grid-column:1/-1;min-height:72px}.menu .pill-primary .pill-label{font-size:1.875rem}.screen-bar{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);flex:none;display:flex}.screen-title{min-width:0;font:var(--type-heading);flex:1;margin:0}.star-total{align-items:center;gap:var(--space-1);height:36px;padding:0 var(--space-3) 0 var(--space-2);border:2px solid var(--navy);background:var(--linen);border-radius:18px;flex:none;margin:0;display:flex}.star-total .star{width:20px;height:20px}.star-total-count{font:800 1.0625rem / 1 var(--font-display);font-variant-numeric:tabular-nums;padding-top:2px}.chapter-strip{padding:0 var(--space-4) 14px;flex:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.chapter-tab{border:2px dashed var(--thread);min-width:0;min-height:48px;color:var(--navy);font:inherit;cursor:pointer;transition:background-color var(--change);background:#fffbf280;border-radius:12px;flex-direction:column;align-items:center;gap:1px;padding:5px 2px 4px;display:flex}.chapter-tab[aria-pressed=true]{border-style:solid;border-color:var(--navy);background:var(--honey);box-shadow:var(--raise-small)}.chapter-top{align-items:center;gap:var(--space-1);display:flex}.chapter-icon{flex:none;width:16px;height:16px}.chapter-stars{font:800 .75rem / 1 var(--font-display);font-variant-numeric:tabular-nums}.chapter-name{max-width:100%;font:800 .8125rem / 1.15 var(--font-ui);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chapter-card{min-height:0;margin:0 var(--space-2) calc(var(--space-2) + env(safe-area-inset-bottom));padding:14px var(--space-2) var(--space-3);border:2px solid var(--navy);border-radius:var(--radius-l);background:var(--linen);box-shadow:var(--raise);flex-direction:column;flex:1;gap:14px;display:flex;position:relative;overflow-y:auto}.chapter-card:before{border-radius:16px;inset:4px}.chapter-head{padding:0 var(--space-2);flex:none;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:14px;display:grid}.chapter-title{font:800 1.375rem / 1.1 var(--font-display);margin:0}.quilt{gap:var(--space-2);min-height:0;padding:0 var(--space-2);flex:1;grid-template-rows:repeat(5,minmax(52px,84px));grid-template-columns:repeat(4,minmax(0,1fr));margin:0;list-style:none;display:grid}.quilt-cell{min-height:0}.patch{justify-content:center;align-items:center;gap:var(--space-1);border:2px solid var(--navy);background:var(--duvet);width:100%;height:100%;min-height:0;box-shadow:var(--raise-small);color:var(--navy);font:inherit;cursor:pointer;transition:transform var(--press), box-shadow var(--press);border-radius:12px;flex-direction:column;padding:0;display:flex}.patch:active:not(:disabled){box-shadow:0 0 0 var(--navy);transform:translateY(2px)}.patch-number{font:800 1.25rem / 1 var(--font-display);font-variant-numeric:tabular-nums}.patch-stars{gap:1px;margin:0;display:flex}.patch-stars .star{width:13px;height:13px;fill:var(--linen);stroke:var(--thread)}.patch-stars .star.earned{fill:var(--honey);stroke:var(--honey-deep)}.patch[data-state=perfect]{background:var(--honey-tint)}.patch[data-state=current]{background:var(--honey);box-shadow:var(--raise-small), 0 0 0 4px var(--linen), 0 0 0 6px var(--honey-deep)}.patch[data-state=locked],.patch[data-state=soon]{border:2px dashed var(--stitch);box-shadow:none;color:var(--stitch-deep);cursor:default;background:0 0}.patch-lock{flex:none;width:13px;height:13px}.patch-soon{font:var(--type-micro)}@media (width>=600px){:is(#app:has(>.title-screen),#app:has(>.map-screen)){max-width:var(--column-tablet)}}@media (width>=900px){:is(#app:has(>.title-screen),#app:has(>.map-screen)){max-width:var(--frame-desktop)}.title-screen{justify-content:center;gap:var(--space-6);text-align:left;flex-direction:row}.title-screen>:first-child,.title-screen>:last-child{margin-top:0;margin-bottom:0}.logo{flex:0 520px;min-width:0}.logo-art{max-height:80dvh}.title-side{align-items:flex-start;width:328px}.map-screen{grid-template-rows:auto minmax(0,1fr);grid-template-columns:240px minmax(0,1fr);display:grid}.screen-bar{grid-column:1/-1}.chapter-strip{padding:0 0 var(--space-4) var(--space-4);grid-template-columns:minmax(0,1fr);align-content:start;overflow-y:auto}.chapter-tab{gap:var(--space-2);padding:6px var(--space-3);flex-direction:row}.chapter-top{display:contents}.chapter-name{text-align:left;white-space:normal;flex:1;order:1;overflow:visible}.chapter-stars{order:2}.chapter-card{margin:0 var(--space-4) var(--space-4)}.quilt{grid-template-rows:repeat(4,minmax(52px,96px));grid-template-columns:repeat(5,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.pill,.icon-button,.chapter-tab,.patch{transition:none}}.board-area[data-tool=toss] .board,.board-area[data-tool=toss] .board .nook{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M3 8l6 6-6 6zM25 8l-6 6 6 6z' fill='%23F2B544' stroke='%232B2320' stroke-width='2' stroke-linejoin='round'/%3E%3Ccircle cx='14' cy='14' r='7' fill='%23F2B544' stroke='%232B2320' stroke-width='2.5'/%3E%3C/svg%3E") 14 14,copy}.board-area[data-tool=lift] .board,.board-area[data-tool=lift] .board .nook,.board-area[data-tool=lift] .board .lift-target{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cg fill='%23FFF8EC' stroke='%232B2320' stroke-width='2'%3E%3Cellipse cx='14' cy='18' rx='6.5' ry='5.5'/%3E%3Ccircle cx='6.5' cy='11' r='2.8'/%3E%3Ccircle cx='11' cy='6.5' r='2.8'/%3E%3Ccircle cx='17' cy='6.5' r='2.8'/%3E%3Ccircle cx='21.5' cy='11' r='2.8'/%3E%3C/g%3E%3C/svg%3E") 14 14,crosshair}.toast{top:calc(30% + env(safe-area-inset-top));z-index:20;max-width:calc(var(--column-max) - 32px);color:var(--honey);font:900 2.25rem / 1.1 var(--font-display);text-align:center;text-shadow:-2px -2px 0 var(--navy), 2px -2px 0 var(--navy), -2px 2px 0 var(--navy), 2px 2px 0 var(--navy), 0 5px 0 var(--navy);opacity:0;pointer-events:none;margin:0 auto;position:fixed;left:16px;right:16px}