@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-hebrew-wght-normal-DdnsCkLr.woff2)format("woff2-variations");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-ext-wght-normal-CYrqKuxd.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:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-wght-normal-DM6njrJ3.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(/assets/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(/assets/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(/assets/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(/assets/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(/assets/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{--page:#f8f3e7;--surface:#fffaf0;--raised:#fffdf6;--soft:#e6ead9;--coach:#e6ead9;--ink:#214636;--ink-soft:#506558;--line:#2146362e;--primary:#bd4b21;--primary-ink:#fff8ee;--primary-lip:#8f3514;--win:#28593d;--fail:#b8533d;--board-ink:#214636;--board-paper:#fffaf0;--arrow-ink:#214636;--arrow-halo:#fffaf0;--brass:#c9a15a;--wood:#6a4d38;--wood-deep:#4a3426;--on-wood:#fff3dc;--on-wood-soft:#e2cfae;--shadow:#21463624;--shade:#214636;--scrim:#21463677;--hl:#fff;--accent-sage:#699579;--accent-honey:#bd8752;--accent-blue:#52799a;--accent-lilac:#907dab;--accent-rose:#b97d95;--edge:#d9cfb8;--lock:#ebe7da;--off:#d6d9c9;--off-ink:#5f6b61;--gold-soft:#fff3d8;--win-fill:#28593d;--on-win:#fff8ee;--fail-fill:#b8533d}:root[data-theme=dark]{--page:#1f1420;--surface:#2a1c2b;--raised:#362436;--soft:#3a2a33;--coach:#3a2a33;--ink:#f8ebdc;--ink-soft:#cdb8bf;--line:#f8ebdc2b;--primary:#bd4b21;--primary-ink:#fff8ee;--primary-lip:#7a2e10;--win:#a3d3aa;--fail:#f29c86;--brass:#e0b25a;--wood:#523436;--wood-deep:#351f22;--on-wood:#fff3dc;--on-wood-soft:#ebd2b8;--shadow:#0000007a;--shade:#000;--scrim:#0c050db3;--hl:#ffe6f21a;--accent-sage:#98c2a3;--accent-honey:#e4ac70;--accent-blue:#8faecb;--accent-lilac:#c4a8d6;--accent-rose:#e0a0b6;--arrow-ink:#fff3dc;--arrow-halo:#160d17;--edge:#120a13;--lock:#36283a;--off:#4a3848;--off-ink:#c2a9b6;--gold-soft:#45321f;--win-fill:#2f7a52;--on-win:#fff8ee;--fail-fill:#b04a33}.ce-scene,.finale-host{--ink:#214636;--ink-soft:#506558;--surface:#fffaf0;--page:#f8f3e7;--soft:#e6ead9;--line:#2146362e;--shade:#214636}:root{--tile-a:#dce5cd;--tile-b:#cddabe;--wall:#c9996f;--desk:#c9996f;--desk-top:#e2b98e;--desk-edge:#a77b56;--dim:33, 70, 54;--blue:#52799a;--green:#699579;--red:#d77555;--yellow:#d5ac54}.app,[data-chapter=sage]{--chapter-accent:var(--accent-sage)}[data-chapter=honey]{--tile-a:#eee1c6;--tile-b:#e4d3ad;--desk-top:#dcb184;--chapter-accent:var(--accent-honey)}[data-chapter=blue]{--tile-a:#d7e3e6;--tile-b:#c7d8dd;--desk-top:#d8b695;--chapter-accent:var(--accent-blue)}[data-chapter=lilac]{--tile-a:#e3dfe9;--tile-b:#d6cee0;--desk-top:#d9b496;--chapter-accent:var(--accent-lilac)}[data-chapter=rose]{--tile-a:#eadbd5;--tile-b:#decac1;--desk-top:#d6a785;--chapter-accent:var(--accent-rose)}*{box-sizing:border-box}html,body{height:100%;margin:0}html{scrollbar-width:none;overscroll-behavior:none}html::-webkit-scrollbar{display:none}button,.stage-wrap,.thumb-dock{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body{overscroll-behavior:none;background:var(--page);color:var(--ink);-webkit-tap-highlight-color:transparent;font-family:Nunito Variable,system-ui,sans-serif;font-size:1rem}::selection{background:color-mix(in srgb, var(--primary) 30%, transparent)}:focus-visible{outline:3px solid var(--primary);outline-offset:3px}[hidden]{display:none!important}.app{max-width:460px;min-height:100svh;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));margin:0 auto;position:relative}.app.is-sliding{overflow:clip}.screen.screen-leaving{pointer-events:none}.app.is-sliding>.screen:not(#startScreen){background:var(--page);box-shadow:0 0 0 max(24px, env(safe-area-inset-top), env(safe-area-inset-bottom)) var(--page)}button{letter-spacing:.01em;color:var(--ink);background:var(--surface);border:2px solid color-mix(in srgb, var(--ink) 14%, transparent);cursor:pointer;border-radius:999px;min-height:48px;padding:12px 20px;font:600 1rem/1 Fredoka Variable,system-ui,sans-serif;transition:transform .1s,background-color .15s}button:active{transform:scale(.97)}button.primary{background:var(--primary);color:var(--primary-ink);border-color:#0000}button.big{min-height:60px;padding:16px 56px;font-size:1.375rem}button:disabled{cursor:default;opacity:.45}button.held:disabled,.worker:disabled{opacity:1}#gameScreen{min-height:calc(100svh - max(12px, env(safe-area-inset-top)) - max(24px, env(safe-area-inset-bottom)));flex-direction:column;display:flex}.thumb-dock{margin-top:auto}.dock-tray{align-items:center;gap:10px;display:flex}.dock-count{font-variant-numeric:tabular-nums;justify-items:center;min-width:58px;margin:0;line-height:1;display:grid}.dock-count strong{color:var(--on-wood);font:600 1.875rem/1 Fredoka Variable,system-ui,sans-serif}.dock-count span{color:var(--on-wood-soft);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:800}.dock-count .count-live{justify-items:center;gap:0;display:grid}.dock-count #spills:empty{display:none}.tray-button{background:var(--surface);min-height:60px;box-shadow:0 4px 0 var(--edge), 0 8px 16px -10px color-mix(in srgb, var(--shade) 38%, transparent);border:0;border-radius:18px;flex:1;align-content:center;place-items:center;gap:3px;padding:6px;font-size:.8125rem;font-weight:800;display:grid}.tray-button:active{box-shadow:0 1px 0 var(--edge);translate:0 3px}.tray-button svg{width:22px;height:22px}.tray-retry{background:linear-gradient(color-mix(in srgb, var(--primary) 78%, #fff), var(--primary));color:var(--primary-ink);box-shadow:0 4px 0 var(--primary-lip), 0 8px 16px -10px #0008}.tray-retry:active{box-shadow:0 1px 0 var(--primary-lip)}.thumb-dock{z-index:40;margin:auto -12px calc(-1 * max(24px, env(safe-area-inset-bottom)));padding:14px 16px calc(14px + max(8px, env(safe-area-inset-bottom)));background:linear-gradient(var(--wood), var(--wood-deep));box-shadow:inset 0 3px 0 var(--brass), 0 -10px 24px -12px #0006;border-radius:26px 26px 0 0;flex-direction:column;display:flex;position:sticky;bottom:0}.hint-suggested{outline:3px solid var(--ink);outline-offset:-3px}@media (height<=650px) and (orientation:portrait){.stage-wrap{max-height:var(--board-viewport-height,240px);scrollbar-width:none;padding:8px 4px 22px;display:block;overflow:clip auto}.stage-wrap::-webkit-scrollbar{display:none}.stage-wrap[data-scroll-mode=page]{max-height:none!important}.app:has(.stage-wrap[data-scroll-mode=page]) .thumb-dock{position:static}#stage{align-items:flex-start}:is(.hint[hidden],.coach-announcement)+.stage-wrap{padding-top:8px}.stage-wrap[data-scroll-mode=board][data-more-below]{-webkit-mask-image:linear-gradient(#000 calc(100% - 44px),#0000);mask-image:linear-gradient(#000 calc(100% - 44px),#0000)}}dialog{border:2px solid var(--ink);width:min(360px,100% - 32px);max-height:calc(100svh - 32px);color:var(--ink);background:var(--surface);border-radius:16px;padding:24px;overflow-y:auto}dialog::backdrop{background:var(--scrim)}dialog h2{margin:0 0 8px;font:600 1.625rem/1.15 Fredoka Variable,sans-serif}dialog p,dialog small{color:var(--ink-soft)}dialog label{border-bottom:1px solid var(--line);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:60px;font-weight:800;display:flex}dialog input{width:24px;height:24px;accent-color:var(--win)}dialog small{margin:16px 0;line-height:1.5;display:block}dialog form button{border-radius:12px;width:100%}.blocker{z-index:32;color:var(--fail);border:2px solid var(--fail);pointer-events:none;background:#fffaf05c;border-radius:9px;place-items:center;font:900 1.75rem/1 sans-serif;display:grid;position:absolute}#startScreen,#doneScreen{text-align:center;flex-direction:column;align-items:center;gap:14px;padding-top:7vh;display:flex}.hero-art{width:100%;height:auto;max-height:310px;display:block}.hero-art .focus-ring{display:none}h1{letter-spacing:-.025em;text-wrap:balance;margin:0;font:600 clamp(46px,14vw,62px)/.95 Fredoka Variable,system-ui,sans-serif}.lead{color:var(--ink-soft);text-wrap:balance;max-width:28ch;margin:0;font-size:1.125rem;line-height:1.4}.demo{pointer-events:none;margin:22px 0 18px}.notice{color:var(--ink-soft);max-width:300px;margin-top:6px;font-size:.78125rem;line-height:1.45}.bar{justify-content:space-between;align-items:center;gap:8px;display:flex}.game-title{text-align:center;justify-items:center;gap:1px;min-width:0;display:grid}.game-title small{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);overflow-wrap:anywhere;font-size:.75rem;font-weight:800}.game-title small:before{content:"";background:var(--chapter-accent);vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.game-title strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font:600 1.375rem/1.05 Fredoka Variable,system-ui,sans-serif;overflow:hidden}.hint{color:var(--ink);background:var(--surface);border-radius:14px;min-height:60px;margin:12px 0 18px;padding:10px 14px;font-size:.90625rem;line-height:1.4}.stage-wrap{flex:1;justify-content:center;align-items:safe center;padding:4px 0;display:flex;overflow-x:clip}:is(.hint[hidden],.coach-announcement)+.stage-wrap{padding-top:8px}#stage{justify-content:center;width:100%;transition:translate .28s ease-out;display:flex;position:relative}@media (prefers-reduced-motion:reduce){#stage{transition:none}}:root[data-reduced-motion=true] #stage{transition:none}.taps{color:var(--ink-soft);text-align:center;font-variant-numeric:tabular-nums;margin-top:16px;font-size:.8125rem;font-weight:700}#spills{letter-spacing:2px;font-size:1.25rem}.office{margin:calc(var(--c) * var(--room-top,1.62)) 0 calc(var(--c) * var(--room-bottom,.9));background-image:radial-gradient(120% 90% at 50% 40%, transparent 55%, #21463621), linear-gradient(90deg, #21463612 1px, transparent 1px), linear-gradient(#21463612 1px, transparent 1px), repeating-linear-gradient(45deg, #ffffff14 0 2px, transparent 2px 5px), conic-gradient(var(--tile-a) 25%, var(--tile-b) 0 50%, var(--tile-a) 0 75%, var(--tile-b) 0);background-size:100% 100%, var(--c) var(--c), var(--c) var(--c), auto, calc(var(--c) * 2) calc(var(--c) * 2);flex-shrink:0;position:relative}:root[data-theme=dark] .office{background-image:linear-gradient(90deg, #00000014 1px, transparent 1px), linear-gradient(#00000014 1px, transparent 1px), repeating-linear-gradient(45deg, #ffffff06 0 2px, transparent 2px 5px), conic-gradient(var(--tile-a) 25%, var(--tile-b) 0 50%, var(--tile-a) 0 75%, var(--tile-b) 0);background-size:var(--c) var(--c), var(--c) var(--c), auto, calc(var(--c) * 2) calc(var(--c) * 2)}.floor-light{z-index:1;pointer-events:none;position:absolute;inset:0}.room,.desk,.ghost{pointer-events:none;position:absolute;overflow:visible}.ghost-letter{text-anchor:middle;paint-order:stroke;stroke:#fffaf0;stroke-width:3px;font-family:Fredoka Variable,system-ui,sans-serif;font-weight:700}.desk-letter,.room-text{text-anchor:middle;fill:#fffaf0;font-family:Fredoka Variable,system-ui,sans-serif;font-weight:700}.worker{z-index:10;min-height:0;font:inherit;background:0 0;border:0;border-radius:0;padding:0;position:absolute}.worker:active{transform:none}.worker .body{transform-origin:50% 88%;pointer-events:none;width:94%;height:113%;transition:scale .14s ease-out;position:absolute;top:-39.8%;left:3%}.worker:active .body{scale:1.06 .92}.worker-art{width:100%;height:100%;display:block;overflow:visible}.worker-art .expression.angry,.worker-art .expression.hurt,.worker[data-expression=angry] .expression.neutral,.worker[data-expression=hurt] .expression.neutral{display:none}.worker[data-expression=angry] .expression.angry,.worker[data-expression=hurt] .expression.hurt{display:inline}.worker[data-expression=hurt] .glasses{opacity:.4}.worker-arrow{z-index:21;width:var(--chip,20px);height:var(--chip,20px);pointer-events:none;color:var(--arrow-ink);filter:drop-shadow(0 0 1px var(--arrow-halo)) drop-shadow(0 0 1px var(--arrow-halo)) drop-shadow(0 0 .5px var(--arrow-halo));place-items:center;display:grid;position:absolute}.worker-arrow svg{width:100%;height:100%}.office .worker.lit+.worker-arrow{z-index:32}.room [class^=prop-]{transform-box:fill-box}:root[data-dialog-open] :is(.screen .room [class^=prop-],#demo *,.home-scene *,.play-main){animation-play-state:paused}.room .prop-drift{animation:40s linear infinite prop-drift}.room .prop-swing{transform-origin:50% 0;animation:7s ease-in-out infinite alternate prop-swing}.room .prop-flutter{transform-origin:50% 0;animation:5s ease-in-out infinite alternate prop-flutter}.room .prop-sway{transform-origin:50% 0;animation:7.5s ease-in-out infinite alternate prop-sway}.room .prop-sway-up{transform-origin:50% 100%;animation:6.5s ease-in-out infinite alternate prop-sway}.room .prop-bob{transform-origin:50% 100%;animation:6.5s ease-in-out infinite prop-bob}.room .prop-glow{animation:6s ease-in-out infinite alternate prop-glow}.room .prop-flicker{animation:7s linear infinite prop-flicker}.room .prop-blink{animation:3.4s ease-in-out infinite prop-blink}.room .prop-twinkle{animation:4.2s ease-in-out infinite alternate prop-twinkle}.room .prop-lights{animation:11s ease-in-out infinite prop-lights}.room .prop-bubble{animation:4.2s ease-in infinite prop-bubble}.room .prop-steam{animation:4.5s ease-out infinite prop-steam}.room .prop-feed{animation:7s ease-in-out infinite prop-feed}.room .prop-breathe{animation:9s ease-in-out infinite alternate prop-breathe}.room .prop-shine{animation:8s ease-in-out infinite prop-shine}@keyframes prop-drift{0%{transform:translateX(var(--from))}to{transform:translateX(var(--to))}}@keyframes prop-swing{0%{transform:rotate(-1.2deg)}to{transform:rotate(1.2deg)}}@keyframes prop-flutter{0%{transform:rotate(-4deg)}to{transform:rotate(4deg)}}@keyframes prop-sway{0%{transform:rotate(-2.5deg)}to{transform:rotate(2.5deg)}}@keyframes prop-bob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-3px)rotate(2deg)}}@keyframes prop-glow{0%{opacity:.55}to{opacity:1}}@keyframes prop-flicker{0%,44%,50%,56%,to{opacity:1}47%{opacity:.82}53%{opacity:.9}}@keyframes prop-blink{0%,40%,to{opacity:1}55%,85%{opacity:.2}}@keyframes prop-twinkle{0%{opacity:1}to{opacity:.2}}@keyframes prop-lights{0%,55%{opacity:1}62%,92%{opacity:.1}to{opacity:1}}@keyframes prop-bubble{0%{opacity:0;transform:translateY(0)}15%,80%{opacity:.9}to{transform:translateY(var(--rise));opacity:0}}@keyframes prop-steam{0%{opacity:0;transform:translateY(0)}25%{opacity:.7}to{transform:translateY(var(--rise));opacity:0}}@keyframes prop-feed{0%{transform:translateY(var(--slot));opacity:0}12%{opacity:1}55%,80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}@keyframes prop-breathe{0%{opacity:.45}to{opacity:1}}@keyframes prop-shine{0%{transform:translateX(var(--from))}30%,to{transform:translateX(var(--to))}}@media (prefers-reduced-motion:reduce){.room [class^=prop-]{animation:none!important}}:root[data-reduced-motion=true] .room [class^=prop-],:root[data-lite] .room [class^=prop-]{animation:none!important}.office[aria-busy=true] .room [class^=prop-]{animation-play-state:paused}.id-card text{text-anchor:middle;font-family:Fredoka Variable,system-ui,sans-serif;font-weight:700}.farewell-arm{transform-origin:15px 0}.worker[data-linked=true] .id-card{filter:drop-shadow(0 0 3px color-mix(in srgb, var(--tint) 70%, transparent))}.desk[data-linked=true] circle{stroke:var(--board-ink);stroke-width:3px}.ghost[data-linked=true] polygon{fill-opacity:.22}.fx{pointer-events:none;position:absolute}.fx-dust{z-index:21;background:#e8dcc4;border-radius:50%}.fx-exit-tag{z-index:23;align-items:center;gap:calc(var(--c) * .04);padding:calc(var(--c) * .05) calc(var(--c) * .12) calc(var(--c) * .05) calc(var(--c) * .07);color:#fffaf0;font-family:Fredoka Variable,system-ui,sans-serif;font-weight:700;font-size:max(10px, calc(var(--c) * .24));background:#2f8a55;border-radius:999px;line-height:1;display:flex;transform:translate(-50%,-50%);box-shadow:0 2px #1d5c38}.fx-exit-tag svg{width:max(11px, calc(var(--c) * .28));height:max(11px, calc(var(--c) * .28))}.fx-exit-foot{z-index:2;width:calc(var(--c) * .09);height:calc(var(--c) * .15);opacity:0;background:#214636;border-radius:50%}.fx-dim{opacity:.16;z-index:24;background:#1c2b3a}.fx-stamp{z-index:26;border:4px solid var(--primary);color:var(--primary);background:color-mix(in srgb, var(--surface) 90%, transparent);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:10px;padding:8px 16px;font:700 1.5rem/1 Fredoka Variable,system-ui,sans-serif;top:45%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)}.fx-confetti{z-index:27;border:1px solid #21463655;border-radius:1px;width:8px;height:11px}.fx-phone{z-index:22;background:#2b3a33;border:1px solid #7fb0d0;border-radius:2px;width:7px;height:12px}.paper{background:var(--board-paper);border:1px solid var(--board-ink);z-index:22;pointer-events:none;width:10px;height:12px;position:absolute}.bubble{z-index:40;pointer-events:none;white-space:nowrap;background:var(--surface);color:var(--ink);border:2px solid var(--ink);border-radius:10px;padding:2px 7px;font:600 .8125rem/1.2 Fredoka Variable,system-ui,sans-serif;animation:1.2s cubic-bezier(.2,.9,.3,1) forwards bub;position:absolute}@keyframes bub{0%{opacity:0;transform:translateY(6px)}15%{opacity:1;transform:none}80%{opacity:1}to{opacity:0;transform:translateY(-8px)}}.shake{animation:.35s linear shake}@keyframes shake{0%,to{transform:none}20%{transform:translate(-4px,2px)}40%{transform:translate(4px,-2px)}60%{transform:translate(-3px,1px)}80%{transform:translate(3px)}}.office .lit{z-index:31!important}.worker.lit .body{filter:drop-shadow(0 0 2px var(--board-paper))}.worker.tapme:after{content:"";border:2px solid var(--primary);pointer-events:none;border-radius:50%;animation:1.3s cubic-bezier(.2,.7,.3,1) infinite ripple;position:absolute;inset:3%}.desk.lit{filter:drop-shadow(0 0 2px var(--board-paper)) drop-shadow(0 0 1px var(--desk-edge))}:root[data-lite] .desk.lit{filter:none}.ghost.lit polygon{fill:#fffaf0;fill-opacity:.45;stroke-width:3px}@keyframes ripple{0%{opacity:.95;transform:scale(.8)}to{opacity:0;transform:scale(1.4)}}@keyframes fadeIn{0%{opacity:0}}.coach-announcement{clip-path:inset(50%);overflow:hidden;width:1px!important;height:1px!important;min-height:0!important;margin:0!important;padding:0!important;position:absolute!important}.coach-route{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.floor-route{stroke:var(--primary);stroke-width:3px;stroke-linecap:round;stroke-dasharray:3 8;fill:none}.desk-link{stroke:var(--blue);stroke-width:2px;stroke-dasharray:4 6;fill:none}.office.coaching .worker:not(.lit){opacity:.55}.office.coaching .worker[data-expression=angry],.office.coaching .worker[data-expression=hurt]{opacity:1}.coach-callout{z-index:45;--coach-w:min(calc(100vw - 20px), 400px);width:var(--coach-w);margin-left:calc(var(--coach-w) / -2);left:50%;bottom:calc(100% + 6px + var(--c,60px) * .32);pointer-events:none;color:#fbf6ea;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;background:#121822eb;border-radius:14px;padding:10px 16px 11px;font:600 1rem/1.25 Fredoka Variable,system-ui,sans-serif;animation:.35s cubic-bezier(.34,1.56,.64,1) coachIn;position:absolute;box-shadow:inset 0 0 0 1px #ffffff1f,0 18px 30px -16px #000d}.coach-callout button{pointer-events:auto;margin:6px auto 0;display:block}@keyframes coachIn{0%{opacity:0;translate:0 6px;scale:.92}}.coach-head{letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px;font-size:.7rem;font-weight:700;display:block}.coach-head[hidden]{display:none}.coach-say{display:block}.coach-callout .coach-head{color:#ffcf7a}.stage-wrap.coach-dim{--coach-dim:#0d121b94;z-index:41;box-shadow:0 0 0 200vmax var(--coach-dim);position:relative;overflow:clip;-webkit-mask-image:none;mask-image:none}@media (height<=650px) and (orientation:portrait){.stage-wrap.coach-dim{overflow-y:auto}}.coach-spot{z-index:30;pointer-events:none;box-shadow:0 0 0 200vmax var(--coach-dim,#0d121b94), inset 0 0 14px 2px #ffe7b022;border-radius:18px;transition:left .45s cubic-bezier(.3,.7,.3,1),top .45s cubic-bezier(.3,.7,.3,1),width .45s cubic-bezier(.3,.7,.3,1),height .45s cubic-bezier(.3,.7,.3,1);position:absolute}.coach-title{z-index:47;color:#fff;text-align:center;pointer-events:none;background:#121822f2;border-radius:18px;width:max-content;max-width:90%;margin:0 auto;padding:14px 28px 16px;position:absolute;top:34%;left:0;right:0;box-shadow:inset 0 0 0 1px #ffffff24,0 24px 40px -18px #000}.coach-title small{color:#ffcf7a;letter-spacing:.18em;text-transform:uppercase;margin-bottom:6px;font:700 .72rem/1 Fredoka Variable,system-ui,sans-serif;display:block}.coach-title strong{font:700 2rem/1.05 Fredoka Variable,system-ui,sans-serif;display:block}.coach-title strong:after{content:"";background:#ffcf7a;border-radius:2px;width:44px;height:3px;margin:9px auto 0;display:block}.coach-hand{z-index:46;pointer-events:none;transform-origin:16px 0;filter:drop-shadow(0 5px 5px #0005);width:34px;height:41px;position:absolute}.coach-hand svg{width:100%;height:100%;display:block}.office .worker.ghost-run{pointer-events:none;opacity:.62;filter:saturate(.55)brightness(1.06)}.coach-route .goal-edge{fill:none;stroke:var(--primary);stroke-width:4px;stroke-dasharray:14 10;stroke-linecap:round;animation:1s linear infinite goalMarch}@keyframes goalMarch{to{stroke-dashoffset:-24px}}.office.coach-goal.coaching .worker:not(.lit){opacity:1}.office.coach-goal .worker .body{animation:1.1s ease-in-out infinite goalHop}.office.coach-goal .worker:nth-child(3n) .body{animation-delay:.2s}.office.coach-goal .worker:nth-child(3n+1) .body{animation-delay:.45s}@keyframes goalHop{0%,55%,to{translate:0}25%{translate:0 -6px}}.dock-count.coach-count{animation:1.2s ease-in-out infinite countPulse}@keyframes countPulse{50%{scale:1.14}}.office .worker.tapme+.worker-arrow{animation:1.3s ease-in-out infinite arrowPulse}@keyframes arrowPulse{50%{scale:1.45}}@media (prefers-reduced-motion:reduce){.coach-callout,.office .worker.tapme+.worker-arrow,.coach-route .goal-edge,.office.coach-goal .worker .body,.dock-count.coach-count{animation:none!important}}:root[data-reduced-motion=true] :is(.coach-callout,.office .worker.tapme+.worker-arrow,.coach-route .goal-edge,.office.coach-goal .worker .body,.dock-count.coach-count){animation:none!important}.coach-progress{gap:5px;display:flex;position:absolute;bottom:-30px;left:0;right:0}.coach-progress i{background:var(--line);border-radius:3px;flex:1;height:4px}.coach-progress i.done{background:var(--primary)}.stage-wrap{padding-top:8px;padding-bottom:14px}@media (width>=600px){.stage-wrap{overflow-x:visible}}.worker.tapme:after{animation-iteration-count:3}.overlay{z-index:20;justify-content:center;margin-top:18px;padding:0;animation:.25s fadeIn;display:flex;position:relative}.card{background:var(--surface);border:2px solid var(--ink);width:100%;max-width:none;box-shadow:0 16px 38px color-mix(in srgb, var(--shade) 19%, transparent), 0 5px 0 color-mix(in srgb, var(--shade) 8%, transparent);border-radius:16px;flex-direction:column;flex-shrink:0;align-items:center;gap:18px;padding:0 22px 18px;animation:.3s cubic-bezier(.2,.9,.3,1) cardIn;display:flex}.result-card{--result-accent:var(--win);--result-fill:var(--win-fill);text-align:center;padding-top:20px}.result-card.fail{--result-accent:var(--fail);--result-fill:var(--fail-fill);border-color:var(--result-accent);background:color-mix(in srgb, var(--result-accent) 5%, var(--surface))}.win-dialog{width:min(360px,100% - 32px);max-width:min(360px,100% - 32px);max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));scrollbar-width:thin;background:0 0;border:0;margin:auto;padding:0;animation:.3s cubic-bezier(.2,.9,.3,1) cardIn;overflow-y:auto}.win-dialog::backdrop{background:var(--scrim)}html[data-dialog-open]{overflow:hidden}.win-dialog .result-card{box-shadow:none;gap:16px;padding:24px 20px 16px;animation:none}.win-dialog .result-title{margin-bottom:10px;font:600 1.875rem/1.1 Fredoka Variable,system-ui,sans-serif}.win-dialog .result-message{font-size:.875rem;line-height:1.45}.win-dialog .ov-buttons{grid-template-columns:1fr 1fr;gap:8px;display:grid}.win-dialog .result-primary{grid-column:1/-1;margin-bottom:4px}.win-dialog .ov-buttons>.result-secondary:last-child:nth-child(2n){grid-column:1/-1}.win-dialog .result-secondary{font-size:.8125rem}.win-dialog.sheet{width:min(460px,100%);max-width:min(460px,100%);max-height:60dvh;margin:auto auto 0;animation-name:sheetIn}.win-dialog.sheet::backdrop{background:color-mix(in srgb, var(--shade) 12%, transparent)}.win-dialog.sheet .result-card{padding:18px 20px max(16px, env(safe-area-inset-bottom));border-width:2px 2px 0;border-radius:20px 20px 0 0;gap:12px}.win-dialog.sheet .result-title{margin-bottom:6px;font-size:1.5rem}@media (height<=650px){.win-dialog.sheet .result-card{gap:10px;padding-top:14px}.win-dialog.sheet .result-primary,.win-dialog.sheet .ov-buttons>.result-secondary:last-child:nth-child(2n){grid-column:auto;margin-bottom:0}}@keyframes sheetIn{0%{opacity:0;transform:translateY(40px)}}.stamp{width:100%;position:relative}.chapter-papers{pointer-events:none;height:70px;position:absolute;top:8px;left:0;right:0}.chapter-papers i{background:var(--chapter-accent);opacity:0;--paper-x:-90px;--paper-turn:-35deg;border-radius:1px;width:7px;height:11px;animation:.7s ease-out both chapterPaper;position:absolute;top:0;left:50%}.chapter-papers i:nth-child(2){--paper-x:-48px;--paper-turn:40deg;animation-delay:40ms}.chapter-papers i:nth-child(3){--paper-x:4px;--paper-turn:-20deg;animation-delay:80ms}.chapter-papers i:nth-child(4){--paper-x:48px;--paper-turn:-50deg;animation-delay:30ms}.chapter-papers i:nth-child(5){--paper-x:90px;--paper-turn:35deg;animation-delay:60ms}@keyframes chapterPaper{0%{opacity:0;transform:translate(0)}20%{opacity:.8}to{opacity:0;transform:translate(var(--paper-x), 70px) rotate(var(--paper-turn))}}.fail .result-kicker{background:var(--result-fill)}.result-title{letter-spacing:-.02em;margin:0 0 10px;font:600 1.8125rem/1.05 Fredoka Variable,system-ui,sans-serif}.fail .result-title{color:var(--result-accent)}.result-message{max-width:27ch;color:var(--ink-soft);margin:0 auto;font-size:.875rem;line-height:1.45}@keyframes cardIn{0%{opacity:0;transform:translateY(14px)}}.ov-buttons{flex-direction:column;gap:7px;width:100%;display:flex}.ov-buttons .result-primary{width:100%;margin-bottom:6px}.ov-buttons .result-secondary{width:100%;min-height:48px;color:var(--ink-soft);background:0 0;border:0;padding:8px;font:800 .8125rem Nunito Variable,system-ui,sans-serif}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));text-align:center;background:var(--ink);max-width:calc(100vw - 32px);color:var(--page);z-index:200;pointer-events:none;border-radius:999px;padding:10px 18px;font-weight:700;position:fixed;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.chapter-papers{display:none}.shake,.bubble,.stamp,.card,.hand,.dimmer,.overlay,.win-dialog,.worker.tapme:after{animation:none!important}.desk,.worker,.worker .body,.hand,.hand svg,.hint .dots i{transition-duration:0s!important}}:root[data-reduced-motion=true] .chapter-papers{display:none}:root[data-reduced-motion=true] .shake,:root[data-reduced-motion=true] .bubble,:root[data-reduced-motion=true] .stamp,:root[data-reduced-motion=true] .card,:root[data-reduced-motion=true] .hand,:root[data-reduced-motion=true] .dimmer,:root[data-reduced-motion=true] .overlay,:root[data-reduced-motion=true] .win-dialog,:root[data-reduced-motion=true] .worker.tapme:after{animation:none!important}:root[data-reduced-motion=true] button,:root[data-reduced-motion=true] .worker .body{transition-duration:0s!important}:root .save-notice{background:var(--gold-soft);border:2px solid #987046;border-radius:14px;margin:12px 0;padding:12px;font-size:.95rem}.save-notice p{margin:0 0 8px}.save-notice button{min-height:48px;margin:4px}@media (height<=650px) and (orientation:landscape){.thumb-dock{position:static}}.office-vignette{background:linear-gradient(var(--soft) 0 62%, #cddabe 62%);border:2px solid #b9c9aa;border-radius:13px;height:255px;position:relative;overflow:hidden;box-shadow:inset 0 -7px #b3c3a4}.office-vignette:before{content:"";background:repeating-linear-gradient(90deg, transparent 0 42px, color-mix(in srgb, var(--ink) 4%, transparent) 42px 44px);position:absolute;inset:62% 0 0}.room-window{background:#d7e3e6;border:5px solid #fffaf0;width:86px;height:86px;position:absolute;top:24px;left:24px;box-shadow:0 3px #21463615}.room-window:before,.room-window:after{content:"";background:#fffaf0;position:absolute}.room-window:before{width:5px;height:100%;left:50%}.room-window:after{width:100%;height:5px;top:50%}.room-desk{background:#e2b98e;border:2px solid #a77b56;border-radius:5px;height:15px;position:absolute;top:145px;left:56px;right:53px;box-shadow:0 5px #c9996f}.room-desk:before,.room-desk:after{content:"";background:#a77b56;width:8px;height:53px;position:absolute;top:16px}.room-desk:before{left:8px}.room-desk:after{right:8px}.room-chair{background:#52799a;border:2px solid #21463640;border-radius:13px 13px 5px 5px;width:55px;height:43px;position:absolute;top:155px;left:140px;box-shadow:0 10px #3f6078}.room-chair:after{content:"";background:#214636;width:6px;height:24px;position:absolute;top:52px;left:23px}.room-reward{width:53px;height:60px;position:absolute}.room-reward svg{width:100%;height:100%}.reward-plant{width:66px;height:77px;top:142px;left:10px}.reward-mug{width:45px;top:101px;left:105px}.reward-photo{top:47px;left:188px}.reward-lamp{top:98px;right:58px}.reward-clock{width:55px;top:16px;right:14px}.reward-pennant{top:87px;right:15px}.room-caption{text-align:center;color:var(--ink-soft);font-size:.75rem;font-weight:900;position:absolute;bottom:10px;left:0;right:0}.keepsake-award{background:color-mix(in srgb, var(--yellow) 16%, var(--surface));box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--yellow) 45%, transparent);border-radius:18px;justify-items:center;gap:2px;margin:12px 0 0;padding:12px 10px;display:grid}.ka-kick{letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb, var(--yellow) 55%, var(--ink));font:800 .75rem/1 Nunito Variable,system-ui,sans-serif}.ka-art{place-items:center;width:96px;height:96px;display:grid;position:relative}.ka-rays{background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--yellow) 60%, transparent) 0 10deg, transparent 10deg 20deg);border-radius:50%;animation:14s linear infinite kaSpin;position:absolute;inset:-18px;-webkit-mask:radial-gradient(circle,#000 35%,#0000 70%);mask:radial-gradient(circle,#000 35%,#0000 70%)}.ka-art svg{width:74px;height:74px;filter:drop-shadow(0 4px 0 color-mix(in srgb, var(--shade) 12%, transparent));position:relative}.ka-name{font:600 1.2rem/1.1 Fredoka Variable,system-ui,sans-serif}.ka-where{color:var(--ink-soft);font:700 .8rem/1.2 Nunito Variable,system-ui,sans-serif}@keyframes kaSpin{to{rotate:360deg}}@media (height<=700px){.keepsake-award{text-align:left;grid-template-rows:auto auto auto;grid-template-columns:auto 1fr;place-items:center start;gap:1px 12px;padding:8px 12px}.keepsake-award .ka-art{grid-row:1/4;width:60px;height:60px}.keepsake-award .ka-rays{inset:-10px}.keepsake-award .ka-art svg{width:48px;height:48px}}:root[data-reduced-motion=true] .ka-rays,:root[data-lite=true] .ka-rays{animation:none}@media (prefers-reduced-motion:reduce){.ka-rays{animation:none}}.result-earned{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;display:flex}.stamp-token{background:var(--page);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--ink) 6%, transparent);color:var(--ink);border-radius:999px;align-items:center;gap:6px;padding:4px 12px 4px 4px;font:800 .8125rem/1 Nunito Variable,system-ui,sans-serif;display:inline-flex}.stamp-token .level-stamp{width:24px;height:24px}.result-credits{background:var(--gold-soft);width:fit-content;color:var(--ink);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:6px;margin:12px auto 0;padding:6px 14px 6px 8px;font:600 1.0625rem/1 Fredoka Variable,system-ui,sans-serif;display:flex;box-shadow:inset 0 0 0 2px #d5ac5466}.result-credits svg{width:20px;height:20px;color:var(--yellow);flex:none}.result-credits-why{max-width:30ch;color:var(--ink-soft);margin:6px auto 0;font-size:.75rem;line-height:1.4}.result-insight{max-width:27ch;color:var(--ink-soft);margin:6px auto 0;font-size:.875rem;font-style:italic;line-height:1.45}.release-dialog,.how-to-play-dialog{max-height:calc(100dvh - 32px);overflow:auto}.how-to-play-dialog .htp-deck{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;gap:12px;margin:8px -18px 0;padding:4px 18px 10px;display:flex;overflow-x:auto}.htp-deck::-webkit-scrollbar{display:none}.htp-card{box-sizing:border-box;scroll-snap-align:center;background:var(--surface);box-shadow:0 4px 0 color-mix(in srgb, var(--shade) 13%, transparent);text-align:center;border-radius:22px;flex:0 0 100%;padding:12px 12px 16px}.htp-count{letter-spacing:.08em;color:var(--ink-soft);margin:0;font:800 .75rem/1.2 Nunito Variable,system-ui,sans-serif}.sheet-dialog .htp-title{margin:2px 0 4px;font-size:1.25rem}.htp-board{justify-content:center;display:flex}.htp-line{margin:6px 4px 0;font-size:1.0625rem;line-height:1.4}.htp-play{min-width:120px;margin-top:10px}.htp-nav{grid-template-columns:1fr 1fr;gap:10px;margin-top:8px;display:grid}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#startScreen svg[viewBox="0 0 24 24"],.sheet-dialog svg[viewBox="0 0 24 24"],.page-dialog svg[viewBox="0 0 24 24"]{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}#startScreen svg [fill=currentColor],.sheet-dialog svg [fill=currentColor]{fill:currentColor}#startScreen{isolation:isolate;margin:calc(-1 * max(12px, env(safe-area-inset-top))) calc(-1 * max(12px, env(safe-area-inset-right))) calc(-1 * max(24px, env(safe-area-inset-bottom))) calc(-1 * max(12px, env(safe-area-inset-left)));background:#2a2018;flex-direction:column;align-items:stretch;gap:0;min-height:100svh;padding:0;display:flex;position:relative;overflow:hidden}.home-scene{pointer-events:none;flex:auto;min-height:240px;margin-bottom:-28px;position:relative}.home-scene svg{width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.home-scene.is-still *{animation:none!important}#startScreen .home-top{z-index:3;top:max(12px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));right:max(14px, env(safe-area-inset-right));position:absolute}.home-panel{z-index:3;padding:18px max(14px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));background:linear-gradient(var(--surface), var(--page) 40%);box-shadow:0 -14px 30px -18px #2a201899, 0 -1px 0 var(--hl) inset;border-radius:28px 28px 0 0;gap:12px;display:grid;position:relative}.home-panel .play-main{margin-top:0}#startScreen :is(.home-tile,.home-chip,.home-round){box-shadow:0 5px 0 color-mix(in srgb, var(--shade) 12%, transparent), 0 14px 22px -16px color-mix(in srgb, var(--shade) 40%, transparent), inset 0 1px 0 var(--hl), inset 0 0 0 2px color-mix(in srgb, var(--ink) 5%, transparent)}.home-top{justify-content:space-between;align-items:center;display:flex}.home-chip{background:var(--surface);min-height:44px;box-shadow:0 3px 0 color-mix(in srgb, var(--shade) 11%, transparent), inset 0 0 0 2px color-mix(in srgb, var(--ink) 6%, transparent);border:0;align-items:center;gap:6px;padding:0 16px 0 12px;font:600 1rem/1 Fredoka Variable,system-ui,sans-serif;display:inline-flex}.home-chip svg{width:20px;height:20px;color:var(--yellow)}.home-round,.round-button,.page-head .page-back{background:var(--surface);width:48px;height:48px;box-shadow:0 4px 0 color-mix(in srgb, var(--shade) 14%, transparent), inset 0 0 0 2px color-mix(in srgb, var(--ink) 6%, transparent);border:0;border-radius:16px;flex-shrink:0;place-items:center;padding:0;transition:transform 80ms,box-shadow 80ms;display:grid}.home-round:active,.round-button:active,.page-head .page-back:active{box-shadow:0 1px 0 color-mix(in srgb, var(--shade) 14%, transparent), inset 0 0 0 2px color-mix(in srgb, var(--ink) 6%, transparent);transform:translateY(3px)}.home-round svg,.round-button svg,.page-back svg{width:24px;height:24px}.home-logo{z-index:2;left:0;right:0;top:calc(max(12px, env(safe-area-inset-top)) + 62px);letter-spacing:-.02em;color:#fff8ee;pointer-events:none;text-shadow:0 0 1px #1c1730,0 1px #2a2347,0 2px #241e3e,0 3px #1f1936,0 4px #1a1530,0 10px 16px #0f0b2260,1px 0 #2a2347,-1px 0 #2a2347;margin:0;font:650 clamp(46px,14.5vw,58px)/1 Fredoka Variable,system-ui,sans-serif;position:absolute}.home-logo em{color:#ff9a62;text-shadow:0 0 1px #3a1a0c,1px 0 #3a1a0c,-1px 0 #3a1a0c,0 1px #c25a28,0 2px #b3511f,0 3px #a34a1c,0 4px #944218,0 10px 16px #0f0b2260;font-style:normal}.play-main{width:100%;min-height:76px;color:var(--primary-ink);background:linear-gradient(#d35a2b, var(--primary));box-shadow:0 7px 0 var(--primary-lip), 0 14px 24px color-mix(in srgb, var(--primary) 25%, transparent), inset 0 2px 0 #ffffff40;border:0;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:4px;margin-top:14px;padding:10px 20px;transition:transform 80ms,box-shadow 80ms;animation:2.8s ease-in-out infinite playBreathe;display:flex;position:relative}.play-main:before{content:"";background:#ffffff24;border-radius:10px;height:12px;position:absolute;top:5px;left:18px;right:18px}.play-main:active{box-shadow:0 1px 0 var(--primary-lip), 0 4px 10px color-mix(in srgb, var(--primary) 25%, transparent), inset 0 2px 0 #ffffff40;animation:none;transform:translateY(6px)}.play-label{text-shadow:0 2px #00000026;font:700 1.875rem/1 Fredoka Variable,system-ui,sans-serif}.play-main small{letter-spacing:.03em;opacity:.92;font:800 .8125rem/1 Nunito Variable,system-ui,sans-serif}@keyframes playBreathe{50%{transform:scale(1.015)}}.home-tiles{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:10px;display:grid}.home-tiles .home-tile{text-align:center;align-content:start;justify-items:center;padding:12px 6px;position:relative}.home-tiles .home-tile strong{font-size:.95rem}.home-tiles .home-tile svg{width:26px;height:26px;margin-bottom:4px}.home-tile{background:var(--surface);text-align:left;min-height:0;box-shadow:0 5px 0 color-mix(in srgb, var(--shade) 12%, transparent), inset 0 0 0 2px color-mix(in srgb, var(--ink) 5%, transparent);border:0;border-radius:20px;justify-items:start;gap:2px;padding:14px;transition:transform 80ms,box-shadow 80ms;display:grid}.home-tile:active{box-shadow:0 1px 0 color-mix(in srgb, var(--shade) 12%, transparent), inset 0 0 0 2px color-mix(in srgb, var(--ink) 5%, transparent);transform:translateY(4px)}.home-tile svg{box-sizing:content-box;background:var(--soft);width:30px;height:30px;color:var(--win);border-radius:12px;margin-bottom:6px;padding:6px}.home-tile strong{font:600 1.0625rem/1.2 Fredoka Variable,system-ui,sans-serif}.home-tile small{color:var(--ink-soft);font:700 .8125rem/1.3 Nunito Variable,system-ui,sans-serif}@media (height<=700px){.home-panel{gap:9px;padding-top:14px}.play-main{min-height:64px}.home-tiles .home-tile{padding:9px 6px}.home-tiles .home-tile svg{width:22px;height:22px;margin-bottom:2px}}dialog.sheet-dialog,dialog.page-dialog{scrollbar-width:none}dialog.sheet-dialog{background:var(--page);border:0;border-radius:30px 30px 0 0;width:min(460px,100%);max-width:min(460px,100%);max-height:92dvh;margin:auto auto 0;padding:22px 18px 0;animation:.32s cubic-bezier(.2,.9,.3,1) sheetRise;box-shadow:0 -10px 30px #00000030}dialog.sheet-dialog::backdrop{background:#1c2823aa}@keyframes sheetRise{0%{opacity:.4;transform:translateY(40%)}}dialog.sheet-dialog::backdrop{animation:.32s ease-out sheetBackdrop}dialog.sheet-dialog.closing{animation:.22s cubic-bezier(.5,0,.9,.6) forwards sheetDrop}dialog.sheet-dialog.closing::backdrop{animation:.22s ease-in reverse forwards sheetBackdrop}@keyframes sheetDrop{to{opacity:0;transform:translateY(60%)}}@keyframes sheetBackdrop{0%{opacity:0}}.sheet-dialog h2{margin:0 0 4px;font-size:1.625rem}.sheet-section{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin:18px 4px 8px;font:900 .75rem/1.2 Nunito Variable,system-ui,sans-serif}.sheet-dialog form{padding:12px 18px max(16px, env(safe-area-inset-bottom));background:linear-gradient(color-mix(in srgb, var(--page) 0%, transparent), var(--page) 12px);margin:16px -18px 0;position:sticky;bottom:0}.audio-card{background:var(--surface);box-shadow:0 4px 0 color-mix(in srgb, var(--shade) 10%, transparent);border-radius:20px;grid-template-columns:58px minmax(0,1fr) 48px;align-items:center;gap:12px;margin-bottom:10px;padding:12px;display:grid}dialog .audio-key{background:var(--win-fill);color:#fff;border:0;border-radius:18px;place-content:center;place-items:center;width:58px;height:58px;min-height:0;transition:transform 80ms,box-shadow 80ms,background-color .15s;display:grid;position:relative;box-shadow:0 5px #1a3e2a}.audio-key:active{transform:translateY(4px);box-shadow:0 1px #1a3e2a}dialog .audio-key input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.audio-key svg{width:28px;height:28px}.audio-key svg:last-of-type,.audio-key input:not(:checked)~svg:first-of-type{display:none}.audio-key input:not(:checked)~svg:last-of-type{display:block}dialog .audio-key:has(input:not(:checked)){background:var(--off);color:var(--off-ink);box-shadow:0 5px 0 var(--edge)}:is(.audio-key:has(input:focus-visible),.volume-bars:has(input:focus-visible),.keep-tile:has(input:focus-visible)){outline:3px solid var(--primary);outline-offset:3px}.audio-body p{justify-content:space-between;align-items:baseline;margin:0 0 6px;display:flex}dialog .audio-body label{min-height:0;color:var(--ink);border:0;font:600 1.0625rem/1.2 Fredoka Variable,system-ui,sans-serif;display:inline}.audio-body output{color:var(--ink-soft);font-variant-numeric:tabular-nums;font:800 .875rem/1 Nunito Variable,system-ui,sans-serif}.volume-bars{--on:var(--green);border-radius:8px;grid-template-columns:repeat(5,1fr);align-items:end;gap:6px;height:36px;display:grid;position:relative}.volume-bars i{--from:0;background:linear-gradient(90deg, var(--on) clamp(0%, calc((var(--level,100) - var(--from)) * 5%), 100%), var(--soft) 0);border-radius:7px;height:40%}.volume-bars i:nth-child(2){--from:20;height:55%}.volume-bars i:nth-child(3){--from:40;height:70%}.volume-bars i:nth-child(4){--from:60;height:85%}.volume-bars i:nth-child(5){--from:80;height:100%}.audio-card:has(.audio-key input:not(:checked)) .volume-bars{--on:color-mix(in srgb, var(--ink) 30%, transparent)}dialog .volume-bars input{opacity:0;cursor:pointer;width:100%;height:calc(100% + 20px);margin:0;position:absolute;inset:-10px 0}.audio-preview{background:var(--soft);width:48px;height:48px;color:var(--win);border:0;border-radius:50%;place-items:center;padding:0;display:grid}.audio-preview svg{width:20px;height:20px}.sheet-group{background:var(--surface);box-shadow:0 4px 0 color-mix(in srgb, var(--shade) 10%, transparent);border-radius:20px;overflow:hidden}.sheet-group :focus-visible{outline-offset:-3px}dialog h2[tabindex="-1"]:focus{outline:none}dialog .sheet-row{text-align:left;width:100%;min-height:60px;color:var(--ink);background:0 0;border:0;border-radius:0;justify-content:flex-start;align-items:center;gap:12px;padding:10px 14px;font:600 1rem/1.2 Fredoka Variable,system-ui,sans-serif;display:flex}dialog .sheet-row+.sheet-row{border-top:2px solid color-mix(in srgb, var(--ink) 5%, transparent)}.sheet-row>span{flex:1}dialog .sheet-row small{margin:2px 0 0;font:700 .78125rem/1.3 Nunito Variable,system-ui,sans-serif;display:block}.sheet-row>svg:first-child{background:var(--soft);width:36px;height:36px;color:var(--win);border-radius:11px;flex:none;padding:7px}.sheet-row>svg:last-child{width:18px;height:18px;color:color-mix(in srgb, var(--ink) 38%, transparent)}dialog .switch{appearance:none;background:var(--off);cursor:pointer;border-radius:999px;flex:none;width:56px;height:34px;margin:0;transition:background-color .2s;position:relative;box-shadow:inset 0 2px #0000001a}.switch:after{content:"";background:#fff;border-radius:50%;width:28px;height:28px;transition:transform .2s cubic-bezier(.3,1.4,.5,1);position:absolute;top:3px;left:3px;box-shadow:0 2px #0000002a}dialog .switch:checked{background:var(--green)}.switch:checked:after{transform:translate(22px)}.sheet-fine{text-align:center;margin:14px 0 0;font-size:.8125rem}#appVersion+.sheet-fine{margin-top:2px}.release-dialog p{line-height:1.5}.release-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.8125rem}.release-dialog summary{cursor:pointer;min-height:48px;padding:12px 0}dialog.page-dialog{width:100%;max-width:460px;height:100dvh;max-height:100dvh;padding:0 16px max(20px, env(safe-area-inset-bottom));background:var(--page);border:0;border-radius:0;margin:0 auto}dialog.page-dialog::backdrop{background:var(--page)}dialog.page-dialog.page-sliding::backdrop{background:0 0}.page-head{z-index:2;padding:max(12px, env(safe-area-inset-top)) 16px 14px;background:linear-gradient(var(--wood), var(--wood-deep));box-shadow:inset 0 -3px 0 var(--brass), 0 10px 16px -12px var(--shadow);color:var(--on-wood);border-radius:0 0 22px 22px;align-items:center;gap:12px;margin:0 -16px 14px;display:flex;position:sticky;top:0}.page-chip,.page-head .ox-bal{border:2px solid var(--brass);box-shadow:none;color:var(--on-wood);font-variant-numeric:tabular-nums;white-space:nowrap;background:#00000026;border-radius:999px;align-items:center;gap:6px;padding:8px 13px;font:600 .9rem/1 Fredoka Variable,system-ui,sans-serif;display:inline-flex}.page-head .ox-bal span{color:var(--on-wood-soft)}.page-head form{margin:0}.page-head h2{color:var(--on-wood);flex:1;margin:0;font-size:1.625rem}.level-chapter{background:var(--surface);box-shadow:0 5px 0 color-mix(in srgb, var(--shade) 10%, transparent);border-top:6px solid var(--chapter-accent);border-radius:22px;margin:0 0 14px;padding:12px}.level-chapter h3{justify-content:space-between;align-items:center;gap:10px;margin:0 0 10px;font:600 1.1875rem/1.2 Fredoka Variable,system-ui,sans-serif;display:flex}dialog .level-chapter h3 small{letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--chapter-accent) 60%, var(--ink));margin:0;font:900 .75rem/1.4 Nunito Variable,system-ui,sans-serif;display:block}.level-reward{background:var(--soft);filter:grayscale()opacity(.45);border-radius:12px;flex:none;width:44px;height:48px;padding:3px}.level-reward.earned{filter:none;background:var(--gold-soft);box-shadow:inset 0 0 0 2px var(--yellow)}.level-reward svg{width:100%;height:100%;display:block}.level-sum{justify-content:space-between;align-items:center;gap:8px;margin:0 0 10px;display:flex}.level-chip{background:var(--surface);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--ink) 10%, transparent);font-variant-numeric:tabular-nums;border-radius:999px;padding:8px 13px;font:600 .86rem/1 Fredoka Variable,system-ui,sans-serif}.level-chapter h3>span:first-child{flex:1}.level-chapter h3 em{color:var(--ink-soft);font-variant-numeric:tabular-nums;white-space:nowrap;font:800 .75rem/1 Nunito Variable,system-ui,sans-serif}dialog button.level-row{box-sizing:border-box;border:0;border-top:1px solid var(--line);width:100%;min-height:52px;box-shadow:none;font:inherit;letter-spacing:inherit;color:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:0;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;margin:0;padding:4px 0;transition:none;display:grid}dialog button.level-row:first-child{border-top:0}dialog button.level-row:active{transform:none}dialog button.level-row:focus-visible{outline:3px solid var(--primary);outline-offset:2px;border-radius:8px}dialog button.level-row[aria-disabled=true]{cursor:default}.level-dot{background:var(--surface);width:34px;height:34px;box-shadow:0 3px 0 var(--edge), inset 0 0 0 2px color-mix(in srgb, var(--chapter-accent) 45%, transparent);border-radius:12px;place-items:center;font:700 1rem/1 Fredoka Variable,system-ui,sans-serif;display:grid;position:relative}.level-row.cleared .level-dot{background:color-mix(in srgb, var(--chapter-accent) 60%, var(--ink));color:#fff;box-shadow:0 3px 0 color-mix(in srgb, var(--chapter-accent) 35%, var(--ink))}.level-row.current .level-dot{background:var(--primary);color:#fff;box-shadow:0 3px 0 var(--primary-lip), 0 0 0 4px color-mix(in srgb, var(--primary) 20%, transparent)}.level-row.locked .level-dot{background:var(--lock);color:color-mix(in srgb, var(--ink) 31%, transparent);box-shadow:0 3px 0 var(--edge)}.level-dot svg.lock{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.level-dot i{background:var(--yellow);width:18px;height:18px;box-shadow:0 0 0 2px var(--surface);border-radius:50%;place-items:center;display:grid;position:absolute;top:-5px;right:-5px}.level-dot i svg{fill:none;stroke:#fff;stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round;width:11px;height:11px}.level-name{font:600 1rem/1.15 Fredoka Variable,system-ui,sans-serif}dialog .level-name small{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin:0;font:800 .75rem/1.3 Nunito Variable,system-ui,sans-serif;display:block}.level-row.locked .level-name{color:color-mix(in srgb, var(--ink) 44%, transparent)}.level-stamps{gap:6px;display:flex}.level-stamp{box-sizing:border-box;border-radius:50%;place-items:center;width:26px;height:26px;font:700 .8rem/1 Fredoka Variable,system-ui,sans-serif;display:grid}.level-stamp svg{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.level-stamp.nb{background:var(--green);color:#fff}.level-stamp.ft{background:var(--yellow);color:var(--ink)}.level-stamp.off{border:2px dotted color-mix(in srgb, var(--ink) 33%, transparent);color:color-mix(in srgb, var(--ink) 27%, transparent);background:0 0}.level-row.locked .level-stamp{visibility:hidden}.level-key{color:var(--ink-soft);flex-wrap:wrap;gap:6px 16px;margin:0 0 12px;font-size:.82rem;font-weight:700;display:flex}.level-key>span{align-items:center;gap:6px;display:inline-flex}.level-key .level-stamp{width:22px;height:22px;font-size:.75rem}.level-chapter.collapsed{border-top-color:color-mix(in srgb, var(--chapter-accent) 40%, transparent);padding-bottom:6px}.level-chapter.collapsed h3{opacity:.7;margin-bottom:4px}.level-collapsed{color:var(--ink-soft);margin:0 0 6px;font:700 .875rem/1.3 Nunito Variable,system-ui,sans-serif}.event-divider{letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--chapter-accent) 60%, var(--ink));align-items:center;gap:8px;margin:6px 0 0;font:800 .6875rem/1 Nunito Variable,system-ui,sans-serif;display:flex}.event-divider:before,.event-divider:after{content:"";border-top:2px dashed color-mix(in srgb, var(--chapter-accent) 40%, transparent);flex:1}dialog button.level-row.event-row{border-top:0;padding-top:6px}.event-row .level-dot{box-sizing:border-box;background:color-mix(in srgb, var(--chapter-accent) 14%, var(--surface));box-shadow:0 3px 0 var(--edge), inset 0 0 0 2px color-mix(in srgb, var(--chapter-accent) 45%, transparent);padding:4px}.event-row .level-dot>svg:not(.lock){width:100%;height:100%;overflow:visible}.level-row.event-row.cleared .level-dot{background:var(--surface);color:inherit;box-shadow:0 3px 0 var(--edge), inset 0 0 0 2px color-mix(in srgb, var(--chapter-accent) 45%, transparent)}.level-row.event-row.open .level-dot{box-shadow:0 3px 0 var(--edge), inset 0 0 0 2px var(--chapter-accent)}.event-play,.event-done{border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.event-play{background:var(--primary);color:var(--primary-ink);box-shadow:0 3px 0 var(--primary-lip)}.event-play svg{fill:currentColor;width:14px;height:14px;margin-left:2px}.event-done{background:var(--yellow);color:#fff}.event-done svg{fill:none;stroke:currentColor;stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.level-row.shake{animation:.32s ease-in-out levelShake}@keyframes levelShake{20%{translate:-3px}45%{translate:3px}70%{translate:-2px}}.level-row.punching .level-dot{animation:.35s ease-out levelPress}.level-row.punching .level-dot i{animation:.5s cubic-bezier(.2,.9,.3,1.3) .12s both levelPop}.level-row.punching .level-stamp:not(.off){animation:.45s cubic-bezier(.2,.9,.3,1.3) .3s both levelPop}.level-row.punching .level-stamp:not(.off)+.level-stamp:not(.off){animation-delay:.45s}@keyframes levelPress{40%{transform:translateY(3px)scale(.94)}}@keyframes levelPop{0%{opacity:0;scale:2.2}60%{opacity:1;scale:.9}to{opacity:1;scale:1}}@media (prefers-reduced-motion:reduce){.level-row.shake,.level-row.punching,.level-row.punching *{animation:none!important}}:root[data-reduced-motion=true] .level-row.shake,:root[data-reduced-motion=true] .level-row.punching,:root[data-reduced-motion=true] .level-row.punching *,:root[data-lite=true] .level-row.shake,:root[data-lite=true] .level-row.punching,:root[data-lite=true] .level-row.punching *{animation:none!important}.replay-note{margin:4px 4px 0;font-size:.75rem;line-height:1.5}.office-dialog .office-vignette{box-shadow:inset 0 -7px 0 #b3c3a4, 0 5px 0 color-mix(in srgb, var(--shade) 10%, transparent);border:0;border-radius:18px}.office-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}dialog .keep-tile{background:var(--surface);min-height:0;box-shadow:0 4px 0 color-mix(in srgb, var(--shade) 10%, transparent), inset 0 0 0 2px color-mix(in srgb, var(--ink) 5%, transparent);text-align:center;border:0;border-radius:18px;grid-template-columns:100%;align-content:start;justify-items:center;gap:0;padding:10px 6px 8px;display:grid;position:relative}.keep-tile>span{justify-items:center;display:grid}.keep-art{width:46px;height:52px}.keep-art svg{width:100%;height:100%}.keep-tile strong{font:600 .8125rem/1.2 Fredoka Variable,system-ui,sans-serif}dialog .keep-tile small{text-transform:uppercase;letter-spacing:.04em;margin:2px 0 0;font:800 .6875rem/1.2 Nunito Variable,system-ui,sans-serif}dialog .keep-tile.shown{box-shadow:0 4px 0 #4f7a5f, inset 0 0 0 3px var(--green)}.keep-tile.shown small{color:var(--win)}.keep-tile:not(.shown):not(.locked) .keep-art{opacity:.45}dialog .keep-tile.locked{background:var(--lock);color:color-mix(in srgb, var(--ink) 44%, transparent);box-shadow:0 4px 0 var(--edge)}.keep-tile.locked .keep-art svg{opacity:.5;padding:12px}dialog .keep-tile input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}dialog .keep-tile input:disabled{cursor:default}@media (prefers-reduced-motion:reduce){.play-main,dialog.sheet-dialog,dialog.sheet-dialog::backdrop{animation:none}}:root[data-reduced-motion=true] .play-main,:root[data-reduced-motion=true] dialog.sheet-dialog,:root[data-reduced-motion=true] dialog.sheet-dialog::backdrop{animation:none}.ox-bal{background:var(--surface);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--ink) 10%, transparent);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font:600 .9375rem/1 Fredoka Variable,system-ui,sans-serif;display:inline-flex}.ox-bal span{color:var(--ink-soft);font-size:.78rem}.ox-bal.bump{animation:.35s ease-out oxbump}.ox-coin{flex:none;width:18px;height:18px}@keyframes oxbump{40%{transform:scale(1.1)}}.ox-rm{isolation:isolate;aspect-ratio:340/240;box-shadow:0 5px 0 color-mix(in srgb, var(--shade) 10%, transparent);border-radius:16px;margin-bottom:8px;position:relative;overflow:hidden}.ox-dio{margin:6px 4px 22px;padding-bottom:20px;position:relative}.ox-dio:before{content:"";background:linear-gradient(var(--wood), var(--wood-deep));height:42px;box-shadow:0 6px 0 var(--wood-deep), 0 18px 24px -10px var(--shadow), inset 0 3px 0 var(--brass);border-radius:14px 14px 20px 20px;position:absolute;bottom:0;left:-6px;right:-6px}.ox-dio .ox-rm{box-shadow:0 0 0 5px var(--wood), 0 0 0 7px var(--brass);border-radius:10px 10px 4px 4px;margin-bottom:0}.ox-dio .ox-rm:after{content:"";z-index:4;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 36px color-mix(in srgb, var(--shade) 28%, transparent);position:absolute;inset:0}.ox-plate{background:linear-gradient(color-mix(in srgb, var(--brass) 70%, #fff), var(--brass));color:var(--wood-deep);letter-spacing:.22em;text-transform:uppercase;box-shadow:inset 0 1px 0 #fff8, 0 1px 0 var(--wood-deep);border-radius:6px;padding:3px 14px;font:700 .62rem/1.2 Fredoka Variable,system-ui,sans-serif;position:absolute;bottom:6px;left:50%;translate:-50%}.ox-bg{width:100%;height:100%;display:block;position:absolute;inset:0}.ox-glow{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.ox-slot{min-height:0;box-shadow:none;background:0 0;border:0;border-radius:8px;place-items:end center;padding:0;transition:none;display:grid;position:absolute}.ox-slot[data-act=slot]:after{content:"";position:absolute;inset:0 -4px}.ox-slot[data-slot^=d][data-act=slot]:after{inset:-8px -2px}.ox-slot svg{width:100%;height:100%;display:block}.ox-slot.empty{place-items:center}.ox-slot.empty i{background:color-mix(in srgb, var(--board-paper) 80%, transparent);width:30px;height:30px;color:var(--board-ink);box-shadow:0 2px 0 color-mix(in srgb, var(--shade) 18%, transparent);border-radius:50%;place-items:center;font:600 1.25rem/1 Fredoka Variable,system-ui,sans-serif;display:grid}:root[data-theme=dark] .ox-slot.empty i{color:#fff3dc;background:#fff3dc33;box-shadow:0 2px #0007}.ox-slot.sel{outline:3px solid var(--primary);outline-offset:1px}.ox-slot.prev{background:color-mix(in srgb, var(--primary) 12%, transparent);box-shadow:inset 0 0 0 2px var(--primary)}.ox-slot.fit{outline:2px dashed color-mix(in srgb, var(--primary) 70%, transparent);outline-offset:1px}.ox-slot.fit.sel{outline:3px solid var(--primary)}.ox-hot{min-height:0;box-shadow:none;background:0 0;border:0;border-radius:10px;padding:0;position:absolute}.ox-hot:hover,.ox-hot:focus-visible{opacity:1}.ox-rm-worker{display:block;position:absolute}.ox-rm-worker svg{width:100%;height:100%;display:block}.ox-tag{z-index:5;color:#fff3dc;background:#214636;border-radius:999px;padding:4px 10px;font:600 .75rem/1.2 Fredoka Variable,system-ui,sans-serif;position:absolute;top:8px;left:8px}.ox-fx{z-index:6;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.ox-ms{margin:0 0 12px}.ox-ms h4{justify-content:space-between;align-items:baseline;margin:6px 2px 8px;font:600 1.05rem/1.2 Fredoka Variable,system-ui,sans-serif;display:flex}.ox-ms h4 small{color:var(--ink-soft);font:700 .75rem/1.2 Nunito Variable,system-ui,sans-serif}.ox-ms ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.ox-m{background:var(--page);box-shadow:0 3px 0 color-mix(in srgb, var(--shade) 10%, transparent), inset 0 0 0 2px color-mix(in srgb, var(--ink) 5%, transparent);border-radius:14px;padding:10px 12px}.ox-m .r{justify-content:space-between;align-items:center;gap:10px;font-size:.9rem;font-weight:800;line-height:1.3;display:flex}.ox-m .rw{background:var(--soft);border-radius:999px;flex:none;align-items:center;gap:4px;padding:4px 9px;font:600 .8rem/1 Fredoka Variable,system-ui,sans-serif;display:inline-flex}.ox-m .rw .ox-coin{width:14px;height:14px}.ox-m.done .rw{background:var(--win-fill);color:var(--on-win)}.ox-m .track{align-items:center;gap:10px;margin-top:8px;display:flex}.ox-m .bar{background:var(--soft);border-radius:5px;flex:1;height:10px;overflow:hidden}.ox-m .count{text-align:right;min-width:3.4em;color:var(--ink-soft);font-variant-numeric:tabular-nums;flex:none;font-size:.75rem;font-weight:800}.ox-m .bar i{background:var(--primary);border-radius:5px;height:100%;display:block}.ox-m.done .bar i{background:var(--win-fill)}.ox-ways{color:var(--ink-soft);margin:0 2px 10px;font-size:.8rem;line-height:1.45}.office-dialog{overflow-anchor:none;padding-bottom:0}.office-dialog button{-webkit-tap-highlight-color:transparent}.office-dialog .ox-host small{margin:0;line-height:1.2}.os-ic{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.15em;height:1.15em}dialog.office-dialog{padding-bottom:0}.os-pin{top:var(--os-top,76px);z-index:3;background:var(--page);margin:-14px -16px 0;padding:8px 14px 10px;transition:box-shadow .2s;position:sticky}.os-pin.compact{box-shadow:0 14px 14px -14px var(--shadow)}.os-room{transform-origin:50% 0;will-change:transform;width:100%;margin:0 auto;display:flow-root;position:relative}.os-room .ox-rm{box-shadow:none;border-radius:20px;margin:0}.office-dialog:not(:has(.os-tab.on[data-cat=place])) .os-room .ox-slot.empty{visibility:hidden}.os-body{min-height:calc(100dvh - var(--os-top,76px));padding:6px 0 12px}.os-bar{z-index:4;padding:6px 8px max(8px, env(safe-area-inset-bottom));background:var(--page);box-shadow:0 -1px 0 var(--line);grid-template-columns:repeat(6,1fr);gap:2px;margin:0 -16px;display:grid;position:sticky;bottom:0}.office-dialog .os-tab{min-width:0;min-height:52px;box-shadow:none;color:var(--ink-soft);background:0 0;border:0;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px 2px;font:600 .74rem/1 Fredoka Variable,system-ui,sans-serif;display:flex;position:relative}.office-dialog .os-tab .os-ic{width:24px;height:24px}.office-dialog .os-tab.on{color:var(--primary)}.office-dialog .os-tab.on:before{content:"";background:var(--primary);border-radius:0 0 3px 3px;height:3px;position:absolute;top:-6px;left:22%;right:22%}.os-coll{grid-template-columns:1fr auto;align-items:baseline;gap:6px 10px;margin:4px 2px 12px;display:grid}.os-coll b{font:600 1.05rem/1 Fredoka Variable,system-ui,sans-serif}.os-coll span{color:var(--ink-soft);font-size:.8rem;font-weight:700}.os-coll .os-prog{grid-column:1/-1}.os-prog{background:var(--soft);height:7px;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--shade) 10%, transparent);border-radius:99px;display:block;overflow:hidden}.os-prog i{border-radius:inherit;background:linear-gradient(90deg, var(--brass), var(--accent-honey));height:100%;display:block}.os-filter{background:color-mix(in srgb, var(--primary) 10%, var(--surface));border-radius:999px;justify-content:space-between;align-items:center;gap:8px;margin:0 0 10px;padding:4px 4px 4px 14px;font-size:.85rem;display:flex}.office-dialog .os-filter button{background:var(--surface);border:0;border-radius:999px;min-height:44px;padding:6px 14px;font-size:.8rem}.os-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.office-dialog .os-tile{background:var(--surface);min-height:0;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);text-align:center;font:inherit;border:0;border-radius:16px;flex-direction:column;align-items:center;gap:3px;padding:6px 6px 10px;transition:transform .12s;display:flex;position:relative}.office-dialog .os-tile:active{transform:scale(.97)}.os-art{aspect-ratio:1/.78;border-radius:12px;place-items:center;width:100%;padding:6%;display:grid;overflow:hidden}.os-art>svg{width:100%;height:100%;display:block}.os-art-outfit>svg{height:112%;translate:0 6%}.os-art-stamp .fx-stamp-mini{font-size:.8rem;rotate:-8deg}.os-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.3em;font:600 .8rem/1.15 Fredoka Variable,system-ui,sans-serif;display:-webkit-box;overflow:hidden}.os-st{color:var(--ink-soft);align-items:center;gap:3px;font:800 .74rem/1 Nunito Variable,system-ui,sans-serif;display:inline-flex}.os-st .ox-coin,.os-st .os-ic{width:15px;height:15px}.os-st.price{color:var(--ink);font-size:.82rem}.os-st.short{color:var(--ink-soft)}.os-st.on{color:var(--win)}.os-st.lock{color:var(--off-ink)}.office-dialog .os-tile.locked .os-art>*{filter:grayscale(.85)}.office-dialog .os-tile.locked :is(.os-art,.os-name){opacity:.6}.office-dialog .os-tile.on{box-shadow:inset 0 0 0 2px var(--win)}.office-dialog .os-tile.sel{box-shadow:inset 0 0 0 2.5px var(--primary)}.os-tile.fresh .os-art{animation:.55s cubic-bezier(.3,1.5,.5,1) ospop}.os-ribbon{background:var(--primary);color:var(--primary-ink);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:4px 9px;font:800 .64rem/1 Nunito Variable,system-ui,sans-serif;display:inline-block}.afford .os-ribbon{background:var(--win);color:var(--page)}.near .os-ribbon{background:var(--accent-blue);color:#fff}.office-dialog .os-banner{text-align:left;width:100%;min-height:0;color:var(--ink);font:inherit;background:radial-gradient(120% 90% at 0% 0%, color-mix(in srgb, var(--brass) 34%, var(--surface)), var(--surface) 70%);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--brass) 45%, transparent), 0 5px 0 var(--edge), 0 16px 24px -18px var(--shade);border:0;border-radius:24px;grid-template-columns:96px 1fr;align-items:center;gap:14px;margin:4px 0 6px;padding:12px;display:grid;position:relative}.os-banner .os-art{aspect-ratio:1;background:radial-gradient(70% 70% at 50% 62%, color-mix(in srgb, var(--accent-honey) 20%, var(--surface)), var(--soft))}.os-banner.near .os-art>*{filter:grayscale(.85);opacity:.55}.os-hero-t{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.os-hero-t b{font:600 1.1rem/1.1 Fredoka Variable,system-ui,sans-serif}.os-hero-t em{color:var(--ink-soft);font-size:.84rem;line-height:1.35}.os-toast{left:50%;bottom:calc(96px + env(safe-area-inset-bottom));z-index:30;background:var(--ink);max-width:min(92vw,420px);color:var(--page);text-align:center;box-shadow:0 10px 24px -12px var(--shade);opacity:0;pointer-events:none;border-radius:999px;margin:0;padding:11px 18px;font-size:.86rem;font-weight:800;transition:opacity .2s,transform .25s;position:fixed;transform:translateY(8px)}.os-toast:empty{display:none}.os-toast.show{opacity:1;transform:none}@keyframes ospop{0%{transform:scale(.7)}60%{transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.os-tile.fresh .os-art{animation:none!important}.os-pin,.os-toast{transition:none}}:root[data-reduced-motion=true] .os-tile.fresh .os-art{animation:none!important}:root[data-reduced-motion=true] :is(.os-pin,.os-toast){transition:none}.office-dialog.op-open{overflow:hidden}.op-host{z-index:25;pointer-events:none;width:min(100%,460px);margin:0 auto;position:fixed;inset:0;overflow:hidden}.op-host[hidden]{display:none}.op-hole{pointer-events:none;position:absolute;box-shadow:0 0 0 200vmax #1a120e66}.op-sheet{background:var(--raised);max-height:62%;box-shadow:0 -18px 30px -18px var(--shadow);pointer-events:auto;border-radius:26px 26px 0 0;flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}.op-host.enter .op-sheet{animation:.3s cubic-bezier(.2,.9,.3,1) opin}.op-host.enter .op-hole{animation:.2s opdim}.office-dialog .op-sheet small{margin:0;line-height:1.2}.op-grip{background:var(--line);border-radius:9px;flex:none;width:44px;height:5px;margin:8px auto 0}.office-dialog .op-x{z-index:1;background:var(--soft);width:40px;height:40px;min-height:0;box-shadow:none;color:var(--ink-soft);border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:14px;right:14px}.op-x .os-ic{stroke-width:2.4px;width:20px;height:20px}.op-deliver{z-index:5;pointer-events:none;position:absolute;inset:0}.op-deliver>button{pointer-events:auto}.office-dialog .op-play{background:var(--soft);min-height:44px;color:var(--ink);box-shadow:none;border:0;border-radius:999px;align-items:center;gap:6px;margin-top:12px;padding:8px 16px 8px 12px;font:600 .9rem/1 Fredoka Variable,system-ui,sans-serif;display:inline-flex}.op-play .os-ic{fill:currentColor}.op-info{flex:1;min-height:0;padding:12px 22px 4px;overflow-y:auto}.op-info h2{color:var(--ink);margin:0 56px 4px 0;font:600 1.5rem/1.1 Fredoka Variable,system-ui,sans-serif}.op-desc{color:var(--ink-soft);margin:0;font-size:.95rem;line-height:1.4}.op-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--primary);align-items:center;gap:4px;margin:0 0 6px;font:800 .74rem/1 Nunito Variable,system-ui,sans-serif;display:inline-flex}.op-price{align-items:center;gap:7px;margin:12px 0 0;display:flex}.op-price .ox-coin{width:24px;height:24px}.op-price b{font:600 1.4rem/1 Fredoka Variable,system-ui,sans-serif}.op-price span{color:var(--ink-soft);font-size:.85rem;font-weight:800}.op-own{color:var(--win);align-items:center;gap:5px;margin:12px 0 0;font-weight:800;display:inline-flex}.op-spots{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.office-dialog .op-spot{background:var(--soft);min-height:48px;box-shadow:none;font:inherit;color:var(--ink);text-align:left;border:0;border-radius:14px;flex-direction:column;align-items:flex-start;gap:3px;padding:7px 12px;display:flex}.op-spot b{font:600 .84rem/1 Fredoka Variable,system-ui,sans-serif}.op-spot small{color:var(--ink-soft);font-size:.7rem;font-weight:700}.office-dialog .op-spot.on{background:color-mix(in srgb, var(--primary) 12%, var(--surface));box-shadow:inset 0 0 0 2.5px var(--primary)}.op-unlock{background:var(--soft);border-radius:16px;gap:7px;margin-top:12px;padding:12px 14px;display:grid}.op-unlock span{font-size:.88rem;font-weight:800}.op-unlock small{color:var(--ink-soft);font-size:.74rem;font-weight:800}.op-foot{padding:12px 18px max(18px, env(safe-area-inset-bottom));flex:none;position:relative}.op-foot:empty{display:none}.op-hint{text-align:center;color:var(--ink-soft);margin:8px 0 0;font-size:.78rem;font-weight:700}.office-dialog .op-btn{background:var(--soft);width:100%;min-height:62px;box-shadow:0 4px 0 var(--edge);color:var(--ink);border:0;border-radius:18px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font:600 1.08rem/1 Fredoka Variable,system-ui,sans-serif;display:inline-flex}.office-dialog .op-btn:active:not(:disabled,[aria-disabled=true]){box-shadow:0 1px 0 var(--edge);transform:translateY(3px)}.office-dialog .op-btn.primary{background:linear-gradient(color-mix(in srgb, var(--primary) 78%, #fff), var(--primary));color:var(--primary-ink);box-shadow:0 4px 0 var(--primary-lip), 0 10px 18px -12px var(--primary-lip)}.office-dialog .op-btn:disabled,.office-dialog .op-btn[aria-disabled=true]{opacity:1;background:var(--soft);box-shadow:none;color:var(--ink-soft)}.office-dialog .op-btn[aria-disabled=true]:active{transform:none}.op-btn .os-ic{width:20px;height:20px}.op-done{animation:.3s both opfade}.office-dialog .op-hold{isolation:isolate;background:var(--ink);width:100%;min-height:66px;color:var(--page);box-shadow:0 5px 0 color-mix(in srgb, var(--ink) 55%, #000), 0 14px 22px -14px var(--shade);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border:0;border-radius:20px;justify-content:space-between;align-items:center;gap:10px;padding:0 24px;font:600 1.2rem/1 Fredoka Variable,system-ui,sans-serif;transition:transform 80ms,box-shadow 80ms;display:flex;position:relative;overflow:hidden}.office-dialog .op-hold.confirm{justify-content:center;font-size:1.05rem}.op-hold-fill{z-index:-1;transform-origin:0;background:linear-gradient(90deg, color-mix(in srgb, var(--primary) 70%, #fff), var(--primary));position:absolute;inset:0;transform:scaleX(0)}.op-hold-t,.op-hold-p{align-items:center;gap:7px;display:inline-flex}.op-hold-p .ox-coin{width:26px;height:26px}.office-dialog .op-hold.holding{box-shadow:0 1px 0 color-mix(in srgb, var(--ink) 55%, #000);transform:translateY(4px)}.office-dialog .op-hold.holding .op-hold-t{animation:.12s linear infinite opshiver}.office-dialog .op-hold.nudge{animation:.4s opnudge}.office-dialog .op-hold.paid{background:var(--primary);box-shadow:0 5px 0 var(--primary-lip);color:var(--primary-ink)}.office-dialog .op-hold.paid:after{content:"PAID";letter-spacing:.1em;border:3px solid;border-radius:8px;padding:4px 10px;font:700 1rem/1 Fredoka Variable,system-ui,sans-serif;animation:.4s cubic-bezier(.3,1.6,.5,1) both opslam;position:absolute;top:50%;right:74px;translate:0 -50%;rotate:-10deg}.op-flycoin{z-index:100;pointer-events:none;width:24px;height:24px;position:fixed}.op-flycoin svg{width:100%;height:100%;display:block}.office-dialog .op-parcel{min-height:0;box-shadow:none;background:0 0;border:0;border-radius:6px;padding:0;position:absolute;overflow:visible}.op-parcel>svg{width:100%;height:100%;display:block;overflow:visible}.op-parcel[data-act]:before{content:"";width:max(100%,44px);height:max(100%,44px);position:absolute;top:50%;left:50%;translate:-50% -50%}.op-parcel.idle{transform-origin:50% 100%;animation:1.8s ease-in-out infinite opwobble}.op-parcel.gone{animation:.38s .25s both opgone}.op-parcel-tag{color:#fff3dc;white-space:nowrap;background:#214636;border-radius:999px;padding:5px 10px;font:800 .72rem/1 Nunito Variable,system-ui,sans-serif;position:absolute;bottom:calc(100% + 6px);left:50%;translate:-50%;box-shadow:0 3px 8px -3px #0006}.op-parcel-tag:after{content:"";border:5px solid #0000;border-top-color:#214636;position:absolute;top:100%;left:50%;translate:-50%}.op-fly{z-index:6;pointer-events:none;position:absolute}.op-fly>svg{width:100%;height:100%;display:block}.op-fly-big{aspect-ratio:1;filter:drop-shadow(0 10px 12px #0004);background:radial-gradient(closest-side,#fff8e6,#fff8e600);border-radius:22px;place-items:center;width:30%;padding:3%;display:grid;top:46%;left:50%}.op-fly-big .fx-stamp-mini{font-size:1rem}.op-drop{animation:.7s cubic-bezier(.3,1.45,.5,1) both opdrop}.op-glow{animation:1s ease-out opglow}@keyframes opin{0%{transform:translateY(100%)}}@keyframes opdim{0%{opacity:0}}@keyframes opfade{0%{opacity:0;transform:translateY(-6px)}}@keyframes opslam{0%{opacity:0;transform:scale(2.2)}}@keyframes opshiver{0%,to{transform:translate(0)}50%{transform:translate(1px)}}@keyframes opnudge{0%,to{translate:0}25%{translate:-6px}50%{translate:5px}75%{translate:-3px}}@keyframes opwobble{0%,64%,to{transform:none}70%{transform:rotate(-6deg)}76%{transform:rotate(6deg)}82%{transform:rotate(-4deg)}88%{transform:rotate(2deg)}}@keyframes opgone{to{opacity:0;transform:translateY(10%)scale(.9)}}@keyframes opdrop{0%{opacity:0;transform:translateY(-55%)scale(.5)}55%{opacity:1}75%{transform:translateY(4%)scale(1.06,.94)}to{transform:none}}@keyframes opglow{0%{filter:brightness(1.45)saturate(1.3)}to{filter:none}}@media (prefers-reduced-motion:reduce){.op-host.enter :is(.op-sheet,.op-hole),.op-parcel.idle,.op-done,.op-hold .op-hold-t,.office-dialog .op-hold.nudge,.office-dialog .op-hold.paid:after,.op-drop,.op-glow{animation:none!important}.op-parcel.gone{display:none}}:root[data-reduced-motion=true] :is(.op-host.enter .op-sheet,.op-host.enter .op-hole,.op-parcel.idle,.op-done,.op-hold .op-hold-t,.office-dialog .op-hold.nudge,.op-drop,.op-glow){animation:none!important}:root[data-reduced-motion=true] .op-parcel.gone{display:none}.fx-stamp.st-green,.fx-stamp-look.st-green{color:var(--win);border:4px double var(--win)}.fx-stamp.st-gold,.fx-stamp-look.st-gold{color:#6e500e;background:linear-gradient(135deg,#fff4cf,#f1d58a 60%,#fff0b8);border:3px solid #d5ac54;box-shadow:0 2px #b8903a}.fx-stamp-mini,.fx-stamp-look{border:2px solid var(--primary);color:var(--primary);background:color-mix(in srgb, var(--surface) 94%, transparent);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:7px;padding:3px 7px;font:700 .62rem/1.15 Fredoka Variable,system-ui,sans-serif;display:inline-block;transform:rotate(-5deg)}.fx-stamp-mini.st-green{color:var(--win);border:3px double var(--win)}.fx-stamp-mini.st-gold{color:#6e500e;background:linear-gradient(135deg,#fff4cf,#f1d58a 60%,#fff0b8);border-color:#d5ac54}.fx-stamp-look{border-width:3px;padding:6px 14px;font-size:1.05rem;position:relative}.fx-stamp,.fx-stamp-look{overflow:hidden}.fx-ink-ring{z-index:25;box-sizing:border-box;border:3px solid var(--primary);opacity:0;pointer-events:none;border-radius:14px;width:190px;height:64px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)}.fx-ink-ring.st-green,.fx-ink-dot.st-green{border-color:var(--win);background-color:var(--win)}.fx-ink-ring.st-gold,.fx-ink-dot.st-gold{background-color:#d5ac54;border-color:#d5ac54}.fx-ink-ring{background:0 0!important}.fx-ink-dot{z-index:25;background:var(--primary);opacity:0;pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%}.fx-stamp-shine{opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000,#fffbe6cc,#0000);width:26px;position:absolute;inset:0 auto 0 -30px}:is(.fx-stamp,.fx-stamp-mini,.fx-stamp-look){letter-spacing:.09em;text-shadow:0 0 .7px currentColor, .5px .4px 0 color-mix(in srgb, currentColor 45%, transparent);outline-offset:-6px;box-shadow:0 2px 0 color-mix(in srgb, currentColor 16%, transparent);outline:1.5px solid;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n' x='0' y='0' width='100%25' height='100%25'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' seed='4'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -10 7.7'/></filter><rect width='140' height='140' filter='url(%23n)'/></svg>") 0 0/70px 70px;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n' x='0' y='0' width='100%25' height='100%25'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' seed='4'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -10 7.7'/></filter><rect width='140' height='140' filter='url(%23n)'/></svg>") 0 0/70px 70px}:is(.fx-stamp,.fx-stamp-mini,.fx-stamp-look).st-gold{text-shadow:0 1px #fff6;outline-color:#b8903a;box-shadow:0 2px #b8903a,inset 0 0 0 1px #fff8}:is(.fx-stamp,.fx-stamp-mini,.fx-stamp-look).st-green{outline-width:1px}.fx-confetti.pp-gold{border:0;width:3px;height:14px;background:#d5ac54!important}.fx-confetti.pp-sticky{border:0;border-radius:2px;width:12px;height:12px;box-shadow:0 1px #2146361a}.ox-pcs{position:absolute;inset:0}.ox-pc{position:absolute;top:40%}.ox-pcs.pp-white .ox-pc{background:var(--surface);border:1px solid var(--ink);width:10px;height:12px}.ox-pcs.pp-gold .ox-pc{background:#d5ac54;width:3px;height:14px}.ox-pcs.pp-sticky .ox-pc{background:var(--bg);border-radius:2px;width:12px;height:12px;box-shadow:0 1px #2146361a}@media (prefers-reduced-motion:reduce){.ox-bal.bump{animation:none!important}.ox-pc{top:var(--ty);transform:rotate(var(--r));animation:none!important}}:root[data-reduced-motion=true] .ox-bal.bump{animation:none!important}:root[data-reduced-motion=true] .ox-pc{top:var(--ty);transform:rotate(var(--r));animation:none!important}.home-chips{gap:8px;display:flex}.credits-chip small{color:var(--ink-soft);margin-left:-1px;font:700 .75rem/1 Nunito Variable,system-ui,sans-serif}.streak-chip{gap:3px;padding:0 14px 0 10px}.streak-chip .daily-flame{width:18px;height:18px;color:var(--primary);vertical-align:0;margin:0}.streak-chip span{font:600 1rem/1 Fredoka Variable,system-ui,sans-serif}.play-main .play-dot{width:14px;height:14px;box-shadow:0 0 0 3px var(--primary), 0 0 0 4px #fff5;background:#f6dd78;border-radius:50%;position:absolute;top:10px;right:14px}#startScreen .home-panel{gap:0}.menu-fold{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .38s cubic-bezier(.3,.8,.2,1),opacity .22s;display:grid}.menu-fold-inner{min-height:0;margin:0 -10px;padding:0 10px;overflow:hidden}.fold-play,.fold-tiles,[data-menu=open] .fold-menu{opacity:1;grid-template-rows:1fr}[data-menu=open] :is(.fold-play,.fold-tiles){opacity:0;grid-template-rows:0fr}@keyframes menuUnclip{to{overflow:visible}}#startScreen:not([data-menu=open]) :is(.fold-play,.fold-tiles)>.menu-fold-inner,[data-menu=open] .fold-menu>.menu-fold-inner{animation:0s .4s forwards menuUnclip}.fold-play .menu-fold-inner>*{margin:4px 0 12px}.fold-tiles .menu-fold-inner>*{margin:0 0 4px}.fold-tiles .install-strip{margin-top:10px}.play-menu{padding:16px 0 10px}.menu-cards{grid-template-columns:1fr 1fr;gap:10px 12px;padding-top:18px;display:grid}.play-continue,.menu-cards>*{transition:transform .55s cubic-bezier(.34,1.56,.64,1),opacity .25s}.play-continue{transform:scale(.94)translateY(8px)}.menu-cards>*{opacity:0;transform:translateY(22px)scale(.94)}[data-menu=open] :is(.play-continue,.menu-cards>*){opacity:1;transform:none}[data-menu=open] .menu-cards>:first-child{transition-delay:90ms}[data-menu=open] .menu-cards>:nth-child(2){transition-delay:.16s}[data-menu=open] .menu-cards>:nth-child(3){transition-delay:.23s}.pc-sheen{border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.pc-sheen:after{content:"";background:linear-gradient(100deg, transparent, color-mix(in srgb, var(--primary-ink) 25%, transparent), transparent);width:40%;position:absolute;top:-20%;bottom:-20%;left:-60%;transform:skew(-14deg)}[data-menu=open] .pc-sheen:after{animation:1s cubic-bezier(.4,0,.2,1) .35s both menuSheen}@keyframes menuSheen{0%{left:-60%}to{left:130%}}[data-menu=open] .ring-fill{animation:.9s cubic-bezier(.3,.8,.2,1) .3s both menuRing}@keyframes menuRing{0%{stroke-dasharray:0 95}}@media (prefers-reduced-motion:reduce){.menu-fold,.play-continue,.menu-cards>*,.menu-close{transition:none}.pc-sheen:after,.ring-fill{animation:none!important}}:root:is([data-reduced-motion=true],[data-lite=true]) :is(.menu-fold,.play-continue,.menu-cards>*,.menu-close){transition:none}:root:is([data-reduced-motion=true],[data-lite=true]) .ring-fill{animation:none!important}.menu-close{z-index:4;background:var(--surface);width:44px;height:44px;color:var(--ink);box-shadow:0 4px 10px color-mix(in srgb, var(--shade) 22%, transparent);opacity:0;pointer-events:none;border:0;border-radius:50%;place-items:center;padding:0;transition:opacity .2s,transform .3s cubic-bezier(.34,1.56,.64,1);display:grid;position:absolute;top:-20px;right:16px;transform:scale(.6)}#startScreen .menu-close svg{stroke-width:2.6px;width:18px;height:18px}[data-menu=open] .menu-close{opacity:1;pointer-events:auto;transform:none}.play-continue{width:100%;min-height:98px;color:var(--primary-ink);background:linear-gradient(#d35a2b, var(--primary));text-align:left;box-shadow:0 6px 0 var(--primary-lip), 0 20px 30px -14px color-mix(in srgb, var(--primary) 60%, transparent), inset 0 1px 0 #fff5;border:0;border-radius:24px;align-items:center;gap:12px;padding:18px 16px 14px 20px;display:flex;position:relative}.play-continue:active:not(:disabled){box-shadow:0 2px 0 var(--primary-lip), inset 0 1px 0 #fff5;translate:0 4px}.pc-chapter{z-index:2;background:var(--surface);color:var(--ink);white-space:nowrap;box-shadow:0 2px 6px color-mix(in srgb, var(--shade) 20%, transparent);border-radius:999px;align-items:center;gap:7px;padding:3px 12px 3px 3px;font:600 .875rem/1 Fredoka Variable,system-ui,sans-serif;display:inline-flex;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.pc-chapter b{background:color-mix(in srgb, var(--chapter-accent) 60%, var(--ink));color:var(--page);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:4px 8px;font:900 .68rem/1 Nunito Variable,system-ui,sans-serif}.pc-text{z-index:1;gap:4px;min-width:0;display:grid;position:relative}.pc-text strong{letter-spacing:-.01em;font:600 1.7rem/1 Fredoka Variable,system-ui,sans-serif}.pc-text small{white-space:nowrap;text-overflow:ellipsis;opacity:.92;font:800 .85rem/1.15 Nunito Variable,system-ui,sans-serif;overflow:hidden}.pc-dots{gap:5px;margin-top:5px;display:flex}.pc-dots i{background:color-mix(in srgb, var(--primary-ink) 24%, transparent);border-radius:3px;width:18px;height:5px}.pc-dots i.done{background:var(--primary-ink)}.pc-dots i.now{background:#f6dd78;box-shadow:0 0 0 2px #f6dd7855}.pc-photo{z-index:1;background:#fdf8ee;border-radius:3px;flex:none;width:64px;margin:-6px 0 -6px auto;padding:4px 4px 11px;position:relative;transform:rotate(4deg);box-shadow:0 5px 12px #0000003d}.pc-photo:before{content:"";background:#fff3c4b8;width:30px;height:12px;position:absolute;top:-7px;left:50%;transform:translate(-50%)rotate(-3deg);box-shadow:0 1px 2px #0000001f}.board-thumb{border-radius:1px;width:100%;height:auto;display:block}.board-thumb .bt-a{fill:var(--tile-a)}.board-thumb .bt-b{fill:var(--tile-b)}.board-thumb .bt-desk{fill:var(--desk);stroke:var(--desk-edge);stroke-width:.8px}.board-thumb .bt-ghost{fill:none;stroke:#7d6a58;stroke-width:.8px;stroke-dasharray:1.6 1.4}.board-thumb circle{stroke:#00000030;stroke-width:.6px}.board-thumb .bt-arrow{fill:#fdf8ee}.menu-card{background:var(--surface);min-width:0;color:var(--ink);text-align:center;box-shadow:inset 0 1px 0 var(--hl), 0 2px 4px color-mix(in srgb, var(--shade) 8%, transparent), 0 14px 26px -14px color-mix(in srgb, var(--shade) 40%, transparent);border:0;border-radius:20px;align-content:start;justify-items:center;gap:2px;padding:14px 12px;display:grid;position:relative}.menu-card:active:not(:disabled){scale:.97}.card-new{z-index:3;width:14px;height:14px;box-shadow:0 0 0 3px var(--primary);background:#f6dd78;border-radius:50%;position:absolute;top:-5px;left:-5px}.progress-ring{flex:none;place-items:center;width:46px;height:46px;display:grid;position:relative}.progress-ring svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.progress-ring circle{fill:none;stroke-width:4.5px}.progress-ring .ring-track{stroke:color-mix(in srgb, var(--ink) 12%, transparent)}.progress-ring .ring-fill{stroke:var(--win);stroke-linecap:round}.progress-ring b{font:600 1rem/1 Fredoka Variable,system-ui,sans-serif}.daily-card{background:var(--board-paper);color:var(--board-ink);padding:0 10px 12px}.dc-rings{justify-content:center;gap:40px;display:flex;position:absolute;top:-6px;left:0;right:0}.dc-rings i{background:linear-gradient(90deg,#6b6b70,#c9c9cf 45%,#6b6b70);border-radius:4px;width:7px;height:14px;box-shadow:0 2px 2px #0000002e}.dc-head{background:var(--primary);width:calc(100% + 20px);color:var(--primary-ink);letter-spacing:.09em;text-transform:uppercase;border-radius:20px 20px 0 0;margin:0 -10px;padding:11px 8px 5px;font:900 .64rem/1 Nunito Variable,system-ui,sans-serif}.dc-body{align-items:center;gap:8px;margin-top:6px;display:flex}.dc-day{font:600 2.1rem/.95 Fredoka Variable,system-ui,sans-serif}.dc-side{justify-items:start;gap:4px;display:grid}.dc-weekday{letter-spacing:.12em;text-transform:uppercase;opacity:.6;font:900 .62rem/1 Nunito Variable,system-ui,sans-serif}.dc-pay{background:color-mix(in srgb, var(--yellow) 30%, transparent);white-space:nowrap;border-radius:999px;padding:3px 7px;font:800 .7rem/1 Nunito Variable,system-ui,sans-serif}.dc-stamp{border:2px solid var(--win);color:var(--win);letter-spacing:.12em;text-transform:uppercase;border-radius:5px;padding:2px 7px;font:900 .68rem/1 Nunito Variable,system-ui,sans-serif;transform:rotate(-6deg)}.dc-week{gap:3px;margin:7px 0 2px;display:flex}.dc-week i{background:color-mix(in srgb, var(--board-ink) 9%, transparent);border-radius:50%;place-items:center;width:15px;height:15px;display:grid}.dc-week i.on{background:var(--primary);color:var(--primary-ink)}.dc-week i.today:not(.on){box-shadow:0 0 0 2px var(--primary);background:0 0}.dc-week em{color:color-mix(in srgb, var(--board-ink) 60%, transparent);font:900 .5rem/1 Nunito Variable,system-ui,sans-serif}#startScreen .dc-week svg{stroke:none;width:10px;height:10px}.daily-card:after{content:"";border-top:2px dotted color-mix(in srgb, var(--board-ink) 18%, transparent);position:absolute;bottom:4px;left:12px;right:12px}.levels-card{color:#4a3520;background:linear-gradient(#f2d7a0,#e6c386);border-radius:4px 20px 20px;align-content:center;padding:14px 10px 0}:root[data-theme=dark] .levels-card{color:#f6e6cc;background:linear-gradient(#6f5639,#5d462d)}.lc-tab{background:#f2d7a0;border-radius:10px 12px 0 0;padding:4px 12px 6px;font:600 .8rem/1 Fredoka Variable,system-ui,sans-serif;position:absolute;top:-15px;left:0}:root[data-theme=dark] .lc-tab{background:#6f5639}.lc-body{align-items:center;gap:8px;display:flex}.lc-side{text-align:left;justify-items:start;gap:2px;display:grid}.lc-side strong{white-space:nowrap;font:600 1rem/1.1 Fredoka Variable,system-ui,sans-serif}.lc-side small{white-space:nowrap;opacity:.7;font:700 .72rem/1.3 Nunito Variable,system-ui,sans-serif}.levels-card .ring-track{stroke:#00000018}.lc-tabs{gap:3px;margin-top:10px;display:flex}.lc-tabs i{background:color-mix(in srgb, var(--chapter-accent) 28%, transparent);border-radius:2px 2px 0 0;width:12px;height:7px}.lc-tabs i.done{background:var(--chapter-accent)}.lc-tabs i.now{background:var(--chapter-accent);height:11px;margin-top:-4px}.mp-row{background:color-mix(in srgb, var(--surface) 55%, transparent);min-height:50px;color:var(--ink-soft);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--ink) 7%, transparent);grid-column:1/-1;align-items:center;gap:10px;padding:8px 14px;display:flex}#startScreen .mp-row svg{width:22px;height:22px}.mp-row strong{font:600 1rem/1 Fredoka Variable,system-ui,sans-serif}.soon-chip{background:color-mix(in srgb, var(--accent-blue) 18%, transparent);color:color-mix(in srgb, var(--accent-blue) 70%, var(--ink));letter-spacing:.04em;text-transform:uppercase;border-radius:999px;margin-left:auto;padding:4px 9px;font:800 .72rem/1 Nunito Variable,system-ui,sans-serif}.missions-tile{position:relative}.count-chip{background:var(--win);color:var(--page);box-shadow:0 2px 0 color-mix(in srgb, var(--shade) 18%, transparent);border-radius:999px;padding:3px 8px;font:800 .72rem/1.1 Nunito Variable,system-ui,sans-serif;position:absolute;top:-7px;right:-5px}.daily-flame{width:15px;height:15px;color:inherit;margin-right:3px}#demo .hero-art{--type:7s;--amp:.6px;--cyc:12s;--arm:38deg;--lift:-.8px;--lean:0deg;--dy:2s;--dr:5s}#demo .hero-worker .character{animation:3.8s ease-in-out infinite idleBreathe}#demo [data-worker=hero-blue] .character{animation:idleBreathe 3.6s ease-in-out infinite, idleType var(--type) linear infinite}#demo [data-worker=hero-yellow] .character{animation:idleBreathe 4.4s ease-in-out -1.2s infinite, idleLift var(--cyc) ease-in-out var(--dy) infinite}#demo [data-worker=hero-red] .character{animation:idleBreathe 4s ease-in-out -2.4s infinite, idleLook var(--cyc) ease-in-out var(--dr) infinite}#demo .hero-worker .eyes{animation:5.4s ease-in-out infinite idleBlink}#demo [data-worker=hero-yellow] .eyes{animation:6.3s ease-in-out -2s infinite idleBlink}#demo [data-worker=hero-red] .eyes{animation:idleBlink 4.9s ease-in-out -1s infinite, idleGlance var(--cyc) ease-in-out var(--dr) infinite}#demo [data-worker=hero-yellow] .character>rect:first-of-type{transform-box:fill-box;transform-origin:50% 8%;animation:idleArmL var(--cyc) ease-in-out var(--dy) infinite}#demo [data-worker=hero-yellow] .character>rect:nth-of-type(2){transform-box:fill-box;transform-origin:50% 8%;animation:idleArmR var(--cyc) ease-in-out var(--dy) infinite}#demo .idle-dots{animation:idleDotsShow var(--type) ease-out infinite}#demo .idle-dots circle{animation:.7s ease-in-out infinite idleDot}#demo .idle-dots .d2{animation-delay:-.5s}#demo .idle-dots .d3{animation-delay:-.25s}@keyframes idleBreathe{50%{scale:1.012 1.03}}@keyframes idleBlink{0%,92%,to{scale:1}95%{scale:1 .1}}@keyframes idleType{0%,48%,to{translate:0}6%,18%,30%,42%{translate:0 calc(var(--amp) * -1)}12%,24%,36%{translate:0}}@keyframes idleDotsShow{0%,3%{opacity:0}6%,52%{opacity:1}56%,to{opacity:0}}@keyframes idleDot{50%{translate:0 -2px}}@keyframes idleArmL{0%,14%,34%,to{rotate:0deg}21%,27%{rotate:var(--arm)}}@keyframes idleArmR{0%,14%,34%,to{rotate:0deg}21%,27%{rotate:calc(var(--arm) * -1)}}@keyframes idleLift{0%,14%,34%,to{translate:0;rotate:0deg}21%,27%{translate:0 var(--lift);rotate:var(--lean)}}@keyframes idleLook{0%,16%,34%,58%,to{rotate:0deg}20%,28%{rotate:-3deg}40%,52%{rotate:-3deg}}@keyframes idleGlance{0%,16%,34%,to{translate:0}20%,28%{translate:-2.5px}}@media (prefers-reduced-motion:reduce){#demo .hero-art *{animation:none!important}}:root[data-reduced-motion=true] #demo .hero-art *,:root[data-lite=true] #demo .hero-art *{animation:none!important}.ds{gap:14px;display:grid}.ds button.primary{width:100%;min-height:58px;font-size:1.2rem}.ds button.quiet{width:100%}.ds small{color:var(--ink-soft);margin:0;font-size:.78rem;line-height:1.3}.ds-top{align-items:center;gap:16px;padding:10px 4px 0 10px;display:flex}.ds-pad{background:var(--board-paper);width:104px;color:var(--board-ink);text-align:center;box-shadow:0 3px 0 color-mix(in srgb, var(--board-paper) 80%, var(--shade)), 0 6px 0 color-mix(in srgb, var(--board-paper) 65%, var(--shade)), 0 14px 18px -10px var(--shadow);border-radius:10px;flex:none;justify-items:center;padding:0 0 8px;display:grid;position:relative;transform:rotate(-3deg)}.ds-pad>i{z-index:2;background:linear-gradient(90deg,#8d8a84,#d8d4cb 45%,#8d8a84);border-radius:4px;width:8px;height:16px;position:absolute;top:-7px;left:28px}.ds-pad>i+i{left:auto;right:28px}.ds-pad-band{background:var(--primary);width:100%;color:var(--primary-ink);letter-spacing:.12em;text-transform:uppercase;border-radius:10px 10px 0 0;padding:9px 0 5px;font:800 .68rem/1 Nunito Variable,system-ui,sans-serif}.ds-pad-day{font-variant-numeric:tabular-nums;margin-top:2px;font:600 2.9rem/1 Fredoka Variable,system-ui,sans-serif}.ds-pad-month{letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--board-ink) 70%, transparent);font:800 .7rem/1 Nunito Variable,system-ui,sans-serif}.ds-pad-no{border:2px solid color-mix(in srgb, var(--primary) 75%, transparent);color:var(--primary);letter-spacing:.04em;text-transform:uppercase;opacity:.9;border-radius:6px;margin-top:7px;padding:3px 7px;font:800 .72rem/1 Nunito Variable,system-ui,sans-serif;transform:rotate(4deg)}.ds-info{flex:1;justify-items:start;gap:6px;min-width:0;display:grid}.ds-info p{margin:0}.ds-line{font:600 1.05rem/1.2 Fredoka Variable,system-ui,sans-serif}.ds-facts{color:var(--ink-soft);font-size:.88rem;font-weight:700}.ds-pay{background:var(--gold-soft);color:var(--ink-soft);border-radius:999px;align-items:center;gap:5px;padding:4px 10px 4px 5px;font-size:.85rem;font-weight:700;display:inline-flex}.ds-pay svg{width:20px;height:20px}.ds-pay b{color:var(--ink);font:600 1rem/1 Fredoka Variable,system-ui,sans-serif}.ds-sticky{color:#4a3a12;background:#f6dd78;max-width:150px;padding:8px 10px;font:600 .95rem/1.2 Fredoka Variable,system-ui,sans-serif;transform:rotate(2deg);box-shadow:0 8px 12px -8px #0006}.ds-clip{isolation:isolate;box-shadow:inset 0 2px 0 color-mix(in srgb, var(--hl) 20%, transparent), inset 0 -3px 0 #00000026, 0 10px 18px -12px var(--shadow);background:linear-gradient(160deg,#b8875a,#8f6440);border-radius:16px;padding:22px 12px 12px;position:relative}:root[data-theme=dark] .ds-clip{background:linear-gradient(160deg,#6e4a35,#4a3024)}.ds-clip-metal{z-index:2;background:linear-gradient(#e2ded6,#9e9a92);border-radius:8px 8px 12px 12px;width:92px;height:24px;margin-left:-46px;position:absolute;top:-8px;left:50%;box-shadow:0 3px #6f6b64,0 6px 8px -4px #0008}.ds-clip-metal:after{content:"";background:#77736c;border-radius:4px;width:30px;height:8px;margin-left:-15px;position:absolute;top:5px;left:50%}.ds-paper{background:var(--board-paper);border-radius:6px;padding:8px 0 6px;position:relative}:root[data-theme=dark] .ds-paper{background:#3a2a36}.ds-board{isolation:isolate;pointer-events:none}.ds-board .office{margin-inline:auto}.ds-out{z-index:4;color:#c0442c;background:color-mix(in srgb, var(--board-paper) 55%, transparent);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border:4px double #c0442c;border-radius:10px;justify-items:center;gap:2px;padding:8px 16px 7px;font:600 1.35rem/1 Fredoka Variable,system-ui,sans-serif;animation:.5s cubic-bezier(.2,1.6,.4,1) .25s both dsStamp;display:grid;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)rotate(-12deg)}.ds .ds-out small{letter-spacing:.12em;color:inherit;font:800 .72rem/1 Nunito Variable,system-ui,sans-serif}@keyframes dsStamp{0%{opacity:0;transform:translate(-50%,-50%)rotate(-12deg)scale(1.8)}}@media (prefers-reduced-motion:reduce){.ds-out{animation:none}}:root[data-reduced-motion=true] .ds-out,:root[data-lite=true] .ds-out{animation:none}.done-msg{background:var(--coach);text-align:center;border-radius:16px;gap:3px;padding:12px 14px;display:grid}.done-msg b{color:var(--win);font:600 1.15rem/1.2 Fredoka Variable,system-ui,sans-serif}.ds .done-msg small{font-size:.82rem;font-weight:700}.ds-note{color:var(--ink);background:color-mix(in srgb, var(--accent-blue) 16%, var(--surface));border-radius:10px;margin:0;padding:6px 10px;font-size:.82rem;line-height:1.35}.tc{color:#3d3424;box-shadow:0 10px 16px -12px var(--shadow), inset 0 0 0 1px #0000001a;background:#f5ead0 repeating-linear-gradient(#0000 0 23px,#b8a77e33 23px 24px);border-radius:6px 6px 14px 14px;padding:12px 12px 10px}:root[data-theme=dark] .tc{background-color:#e8d9b4}.tc-head{border-bottom:2px solid #3d342433;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;padding-bottom:6px;display:flex}.tc-title{letter-spacing:.14em;text-transform:uppercase;color:#6b5c3e;font:800 .72rem/1 Nunito Variable,system-ui,sans-serif}.tc-streak{align-items:center;gap:4px;font-size:.85rem;font-weight:700;display:inline-flex}.tc-streak b{font:600 1.05rem/1 Fredoka Variable,system-ui,sans-serif}.tc-streak svg{width:17px;height:17px;color:var(--primary)}.tc-streak.zero svg{color:#3d342455}.tc-days{grid-template-columns:repeat(7,1fr);gap:5px;margin:0;padding:0;list-style:none;display:grid}.tc-d{justify-items:center;gap:3px;display:grid}.ds .tc-d>small{color:#6b5c3e;font:800 .7rem/1 Nunito Variable,system-ui,sans-serif}.ds .tc-d.now>small{color:var(--primary)}.tc-slot{aspect-ratio:1/1.22;background:var(--board-paper);border-radius:6px;place-items:center;width:100%;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1.5px #3d342430}.tc-slot em{color:#6b5c3e;font:700 .62rem/1 Nunito Variable,system-ui,sans-serif;position:absolute;top:3px;left:4px}.tc-d.none .tc-slot{background:0 0;box-shadow:inset 0 0 0 1.5px #3d342418}.tc-d.none em{opacity:.45}.tc-d.missed .tc-slot{background:#fbeee6}.tc-d.today .tc-slot{box-shadow:inset 0 0 0 2px var(--primary)}.tc-d.today .tc-slot:after{content:"";background:color-mix(in srgb, var(--primary) 22%, transparent);width:12px;height:12px;box-shadow:inset 0 0 0 2px var(--primary);border-radius:50%;margin-top:6px}.tc-stamp{letter-spacing:.04em;opacity:.88;mix-blend-mode:multiply;border:2px solid;border-radius:5px;place-items:center;margin-top:12px;padding:2px 4px;font:800 .74rem/1 Nunito Variable,system-ui,sans-serif;display:grid;transform:rotate(-9deg)}.tc-stamp.in{color:#2c7a49}.tc-stamp.sick{color:#3c6fa3;padding:3px 2px;font-size:.6rem;transform:rotate(7deg)}.tc-stamp.x{color:#c0442c;border:0;margin-top:10px;padding:0}.tc-stamp.x svg{width:24px;height:24px}.tc-foot{color:#4f4430;align-items:center;gap:8px;margin-top:9px;font-size:.82rem;font-weight:700;display:flex}.tc-ticks{flex:none;gap:3px;display:inline-flex}.tc-ticks i{border-radius:50%;width:9px;height:9px;box-shadow:inset 0 0 0 1.5px #3d342455}.tc-ticks i.on{box-shadow:none;background:#2c7a49}.tc-ticks i.goal{border-radius:3px;box-shadow:inset 0 0 0 1.5px #3c6fa3}.tc-ticks i.goal.on{background:#3c6fa3}.ds-sick{justify-content:space-between;align-items:center;gap:10px;padding:0 4px;font:600 1rem/1 Fredoka Variable,system-ui,sans-serif;display:flex}.ds-notes{gap:10px;display:flex}.ds-note-slip{background:var(--board-paper);border-radius:4px;align-content:center;place-items:center;gap:2px;width:70px;height:52px;display:grid;position:relative;transform:rotate(-3deg);box-shadow:0 6px 10px -6px #0007,inset 0 0 0 1px #0000001a}.ds-note-slip+.ds-note-slip{transform:rotate(3deg)}.ds-note-slip>i{background:radial-gradient(circle at 35% 35%,#ff9a7a,#c0442c 60%,#7d2414);border-radius:50%;width:11px;height:11px;margin-left:-5px;position:absolute;top:-5px;left:50%;box-shadow:0 2px 2px #0006}.ds-note-slip svg{color:#fff;background:#c0442c;border-radius:4px;width:18px;height:18px;padding:2px}.ds .ds-note-slip small{letter-spacing:.06em;text-transform:uppercase;color:#6b5c3e;font:800 .62rem/1 Nunito Variable,system-ui,sans-serif}.ds-note-slip:not(.on){box-shadow:none;outline:2px dashed color-mix(in srgb, var(--ink) 28%, transparent);outline-offset:-2px;background:0 0}.ds .ds-note-slip:not(.on) small{color:var(--ink-soft)}.page-head .page-help{background:color-mix(in srgb, var(--on-wood) 18%, transparent);width:36px;height:36px;min-height:0;color:var(--on-wood);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--on-wood) 45%, transparent);border:0;border-radius:50%;flex:none;padding:0;font:700 1.1rem/1 Fredoka Variable,system-ui,sans-serif}.page-head .page-help[aria-expanded=true]{background:var(--on-wood);color:var(--wood-deep)}.ds-help{z-index:3;background:var(--raised);box-shadow:0 18px 40px -12px var(--shadow), 0 0 0 2px var(--line);border-radius:18px;margin:-4px 0 14px;padding:14px 16px;position:sticky;top:84px}.ds-help b{font:600 1.1rem/1.2 Fredoka Variable,system-ui,sans-serif}.ds-help p{margin:6px 0 0;font-size:.9rem;line-height:1.4}.shc{max-width:360px;margin:8px auto 10px;position:relative}.shc.a{background:var(--surface);box-shadow:0 4px 0 var(--edge), 0 8px 16px -10px color-mix(in srgb, var(--shade) 38%, transparent);border:2px solid color-mix(in srgb, var(--ink) 10%, transparent);border-radius:18px;padding:16px}.shc.a .top{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:10px;display:flex}.shc.a .top b{color:var(--primary);font:700 .95rem/1 Fredoka Variable,system-ui,sans-serif}.shc.a h4{margin:0 0 10px;font:600 1.15rem/1.15 Fredoka Variable,system-ui,sans-serif}.shc.a .meta{flex-wrap:wrap;align-items:center;gap:4px 8px;margin:10px 0 0;font-size:.85rem;font-weight:700;display:flex}.shc.a .foot{color:var(--ink-soft);justify-content:space-between;align-items:center;gap:8px;margin-top:12px;font-size:.78rem;display:flex}.shc .pill{background:var(--coach);color:var(--win);border-radius:999px;padding:2px 9px;font-size:.75rem;font-weight:800;display:inline-block}.shc .share-stamp{border:3px solid var(--primary);color:var(--primary);text-transform:uppercase;letter-spacing:.04em;border-radius:9px;margin-top:12px;padding:3px 9px;font:700 .85rem/1.1 Fredoka Variable,system-ui,sans-serif;display:inline-block;transform:rotate(-4deg)}.sq-row{flex-wrap:wrap;gap:4px;display:flex}.sq-row i{border-radius:7px;width:30px;height:30px;box-shadow:inset 0 -3px #0002}.ce-scene{isolation:isolate;margin:14px 0 4px;position:relative}.ce-scene .ox-rm{margin-bottom:0}.ce-stage{z-index:6;pointer-events:none;position:absolute;inset:0;overflow-x:clip}.ce-scene .ox-slot.waiting{background:color-mix(in srgb, var(--board-ink) 14%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--board-ink) 38%, transparent);border-radius:50%;animation:1.6s ease-in-out infinite ceWaiting}@keyframes ceWaiting{50%{opacity:.45}}@media (height<=700px){.ce-scene{width:78%;margin-inline:auto}.win-dialog .result-card{gap:12px}}.ce-box,.ce-fly,.ce-worker{position:absolute}.ce-box{z-index:2;transform-origin:50% 100%}.ce-box svg,.ce-fly svg{width:100%;height:100%;display:block;overflow:visible}.ce-fly{z-index:5;place-items:end center;display:grid}.ce-worker{z-index:3}.ce-body{transform-origin:50% 90%;width:100%;height:100%;display:block}.ce-body svg{width:100%;height:100%;display:block;overflow:visible}.ce-worker.raised .farewell-arm{transform-box:fill-box;transform-origin:50% 0;transform:rotate(-145deg)}.ce-say{z-index:9;background:var(--surface);max-width:58%;color:var(--ink);text-align:center;border-radius:12px;padding:6px 10px;font:700 .8125rem/1.25 Nunito Variable,system-ui,sans-serif;position:absolute;bottom:34%;right:2%;box-shadow:0 2px #2146361f,inset 0 0 0 2px #2146361a}.ce-say:after{content:"";background:var(--surface);width:9px;height:9px;position:absolute;bottom:-6px;right:9%;transform:rotate(45deg);box-shadow:2px 2px #2146361a}.ce-chip{z-index:5;box-sizing:border-box;background:var(--yellow);border:2px solid var(--ink);border-radius:50%;width:12px;height:12px;position:absolute}.ce-bit{z-index:5;border:1px solid #21463655;border-radius:1px;width:7px;height:10px;position:absolute}.ce-puff{z-index:4;background:#e8dcc4;border-radius:50%;width:11px;height:11px;position:absolute}@media (prefers-reduced-motion:reduce){.ce-scene .ox-slot.waiting{animation:none}}:root[data-reduced-motion=true] .ce-scene .ox-slot.waiting,:root[data-lite=true] .ce-scene .ox-slot.waiting{animation:none}.finale-host{z-index:40;background:#2f3f60;justify-items:center;display:grid;position:fixed;inset:0}.finale-host[hidden]{display:none}.fin-stage{--fh:42%;width:100%;max-width:480px;height:100%;position:relative;overflow:hidden}.fin-wall{inset:0 0 var(--fh) 0;background:linear-gradient(#3a4862,#55698a);position:absolute}.fin-floor{height:var(--fh);border-top:4px solid var(--wall);background:conic-gradient(var(--tile-a) 25%, var(--tile-b) 0 50%, var(--tile-a) 0 75%, var(--tile-b) 0) 0 0 / 56px 56px;position:absolute;bottom:0;left:0;right:0}.fin-stage .room-window{background:#2f3f60;border-color:#e9e2d0;top:22%}.fin-stage .fin-window-l{left:7%}.fin-stage .fin-window-r{left:auto;right:14%}.fin-desk{width:74px;height:14px;bottom:calc(var(--fh) + 2px);background:#e2b98e;border:2px solid #a77b56;border-radius:5px;position:absolute;box-shadow:0 5px #c9996f}.fin-doorway{background:var(--wall);z-index:1;width:7px;position:absolute;top:0;bottom:0;right:0}.fin-exit{right:12px;bottom:calc(var(--fh) + 14px);z-index:2;color:#fffaf0;letter-spacing:.08em;background:#2f8a55;border-radius:6px;padding:2px 8px;font:700 .75rem/1.3 Fredoka Variable,system-ui,sans-serif;position:absolute}.fin-bunting{z-index:4;width:100%;height:50px;position:absolute;top:0;left:0}.fin-banner{z-index:4;background:var(--ink);color:var(--primary-ink);white-space:nowrap;border-radius:999px;padding:4px 12px;font:600 .85rem/1.2 Fredoka Variable,system-ui,sans-serif;position:absolute;top:58px;left:50%;translate:-50%}.fin-balloon{z-index:4;border-radius:50% 50% 48% 48%;width:26px;height:32px;animation:2.8s ease-in-out infinite alternate finFloat;position:absolute}.fin-balloon:after{content:"";background:#21463666;width:1.5px;height:40px;position:absolute;top:100%;left:50%}@keyframes finFloat{to{transform:translateY(-7px)rotate(3deg)}}.fin-actors,.fin-fx{z-index:3;pointer-events:none;position:absolute;inset:0}.fin-fx{z-index:6}.fin-actor{width:56px;height:67px;position:absolute}.fin-body{transform-origin:50% 90%;width:100%;height:100%;display:block}.fin-body svg{width:100%;height:100%;display:block;overflow:visible}.fin-bit{z-index:5;pointer-events:none;border:1px solid #21463655;border-radius:1px;width:7px;height:10px;position:absolute}.fin-say{z-index:9;text-align:center;background:var(--surface);width:max-content;max-width:170px;color:var(--ink);border:2px solid var(--ink);border-radius:10px;padding:2px 8px;font:600 .8125rem/1.2 Fredoka Variable,system-ui,sans-serif;position:absolute;transform:translate(-50%,-100%)}.fin-say:after{content:"";left:calc(50% + var(--tail,0px));background:var(--surface);border:solid var(--ink);border-width:0 2px 2px 0;width:9px;height:9px;position:absolute;bottom:-6px;transform:translate(-50%)rotate(45deg)}.fin-wash{z-index:7;pointer-events:none;opacity:0;transition:opacity .6s;position:absolute;inset:0}.fin-wash.on{opacity:1;animation:2.4s linear infinite finWash}@keyframes finWash{0%,to{background:color-mix(in srgb, var(--primary) 16%, transparent)}25%{background:#d5ac5424}50%{background:#52799a2c}75%{background:#907dab2c}}.fin-board{z-index:8;background:radial-gradient(#b98a62 1.2px,#0000 1.8px) 0 0/10px 10px,#cfa57b;border:6px solid #a77b56;border-radius:10px;height:min(440px,100% - 200px);position:absolute;top:104px;left:14px;right:14px;overflow:hidden;box-shadow:0 4px #21463633}.fin-view{position:absolute;inset:0;overflow:hidden}.fin-roll{flex-direction:column;gap:14px;padding:16px 18px;display:flex;position:absolute;top:0;left:0;right:0}.fin-roll.ended{top:auto;bottom:0}.fin-roll .cn{align-self:center;width:82%}.cn{box-sizing:border-box;background:var(--surface);color:var(--ink);border:1px solid color-mix(in srgb, var(--ink) 20%, transparent);text-align:center;box-shadow:0 2px 0 color-mix(in srgb, var(--shade) 15%, transparent);rotate:var(--rot,0deg);border-radius:3px;padding:7px 10px;position:relative}.cn:before{content:"";background:var(--primary);width:9px;height:9px;box-shadow:0 1px 0 color-mix(in srgb, var(--shade) 33%, transparent);border-radius:50%;margin-left:-4.5px;position:absolute;top:-5px;left:50%}.cn b{font:600 1.02rem/1.15 Fredoka Variable,system-ui,sans-serif;display:block}.cn i{color:var(--ink-soft);font-size:.75rem;font-style:normal;line-height:1.3;display:block}.cn-title b{letter-spacing:-.01em;font-size:2.1rem}.cn-cast{text-align:left;justify-content:center;align-items:center;gap:6px;padding:6px 8px;display:flex}.cn-cast b{font-size:.85rem}.cn .av{flex:none;width:32px;height:38px;display:block}.cn .av svg{width:100%;height:100%;display:block;overflow:visible}.cn-thanks{background:#fbe9a6}.cn-h{background:color-mix(in srgb, var(--surface) 69%, transparent);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;align-self:center;margin:2px 0 0;padding:1px 10px;font:600 .78rem/1.5 Fredoka Variable,system-ui,sans-serif}.fin-skip{right:16px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:41;border-radius:999px;min-height:44px;padding:8px 16px;position:fixed}@media (prefers-reduced-motion:reduce){.fin-balloon,.fin-wash.on{animation:none}}:root[data-reduced-motion=true] .fin-balloon,:root[data-reduced-motion=true] .fin-wash.on,:root[data-lite=true] .fin-balloon,:root[data-lite=true] .fin-wash.on{animation:none}.ev-host{position:relative;overflow:hidden}.ev-layer{pointer-events:none;z-index:40;position:absolute;left:0;right:0}.ev-floor{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.ev-layer>*,.ev-screen>*{position:absolute}.ev-screen{pointer-events:none;z-index:60;border-radius:16px;position:absolute;inset:0;overflow:hidden}.ev-prop{transform-origin:50% 100%;filter:drop-shadow(0 2px #21463638)}.ev-prop svg,.ev-fx svg{width:100%;height:100%;display:block;overflow:visible}.ev-title{background:var(--surface);border:2.5px solid var(--ink);text-align:center;border-radius:16px;min-width:230px;padding:0 0 8px;top:10px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 5px #21463640,0 14px 28px #21463640}.ev-title .band{letter-spacing:.18em;height:22px;color:var(--surface);justify-content:center;align-items:center;margin-bottom:6px;font:700 .75rem/1 Fredoka Variable,system-ui,sans-serif;display:flex}.ev-title b{color:var(--ink);padding:0 14px;font:600 1.25rem/1.1 Fredoka Variable,system-ui,sans-serif;display:block}.ev-title i{color:var(--ink-soft);padding:3px 14px 0;font:italic 600 .8rem/1.3 Nunito Variable,system-ui,sans-serif;display:block}.ev-say{background:var(--surface);color:var(--ink);border:2px solid var(--ink);white-space:nowrap;z-index:5;border-radius:12px;padding:3px 8px;font:600 .75rem/1.15 Fredoka Variable,system-ui,sans-serif;transform:translate(-50%,-100%);box-shadow:0 2px #21463640}.ev-say:after{content:"";background:var(--surface);border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);width:10px;height:10px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.ev-stamp{letter-spacing:.06em;white-space:nowrap;z-index:6;background:#fffaf0d9;border:4px solid;border-radius:10px;padding:8px 16px;font:700 1.6rem/1 Fredoka Variable,system-ui,sans-serif;transform:translate(-50%,-50%)rotate(-8deg)}.ev-card{background:var(--surface);border:2.5px solid var(--ink);color:var(--ink);white-space:nowrap;text-align:center;z-index:6;border-radius:14px;padding:8px 14px;font:600 1rem/1.2 Fredoka Variable,system-ui,sans-serif;transform:translate(-50%,-50%);box-shadow:0 4px #21463640}.ev-card.ev-ping{font-size:.78rem;position:static;transform:none}.ev-attach{pointer-events:none;z-index:3;position:absolute}.ev-spinner{border:2.5px solid #21463640;border-top-color:var(--ink);box-sizing:border-box;border-radius:50%;width:14px;height:14px}:is(button.primary,.ov-buttons .result-primary,.htp-nav button,.htp-play,.coach-callout button,.ds button.quiet){--lip:color-mix(in srgb, var(--ink) 14%, transparent);min-height:54px;color:var(--ink);background:var(--page);box-shadow:0 5px 0 var(--lip), inset 0 0 0 2px color-mix(in srgb, var(--ink) 6%, transparent);border:0;border-radius:16px;padding:12px 18px;font:600 1.0625rem/1.1 Fredoka Variable,system-ui,sans-serif;transition:transform 80ms,box-shadow 80ms}:is(button.primary,.ov-buttons .result-primary,.htp-nav button,.htp-play,.coach-callout button,.ds button.quiet):active:not(:disabled){box-shadow:0 1px 0 var(--lip), inset 0 0 0 2px color-mix(in srgb, var(--ink) 6%, transparent);transform:translateY(4px)}:root button.primary{--lip:var(--primary-lip);color:var(--primary-ink);background:var(--primary)}.ov-buttons button.result-primary{--lip:color-mix(in srgb, var(--result-fill) 55%, #000);color:var(--on-win);background:var(--result-fill)}:root :is(button.primary,.ov-buttons .result-primary){box-shadow:0 5px 0 var(--lip)}:root :is(button.primary,.ov-buttons .result-primary):active:not(:disabled){box-shadow:0 1px 0 var(--lip)}:root :is(.coach-callout button,.ds button.quiet){min-height:48px;padding:8px 18px;font-size:1rem}:root .coach-callout button{min-height:44px}.pv-clock .pv-hand-s{transform-origin:0 0;transform-box:view-box;animation:60s steps(60,end) infinite pvTick}@keyframes pvTick{to{rotate:360deg}}.pv-motes circle{animation:pvMote calc(var(--d) * 1s) ease-in-out infinite alternate;animation-delay:calc(var(--i) * -1.7s);fill-opacity:.7}@keyframes pvMote{0%{fill-opacity:.15;translate:-3px 4px}50%{fill-opacity:.8}to{fill-opacity:.3;translate:5px -6px}}.pv-shaft{animation:7s ease-in-out infinite alternate pvShaft}@keyframes pvShaft{0%{fill-opacity:.42}to{fill-opacity:.62}}.pv-rays path{fill-opacity:.1;animation:9s ease-in-out infinite alternate pvRays}.pv-rays path+path{animation-duration:12s;animation-delay:-4s}@keyframes pvRays{0%{fill-opacity:.04}to{fill-opacity:.16}}.pv-sun{animation:40s ease-in-out infinite alternate pvSink}@keyframes pvSink{to{translate:0 7px}}.pv-leaves{transform-box:fill-box;transform-origin:50% 100%;animation:5.5s ease-in-out infinite alternate pvSway}@keyframes pvSway{0%{rotate:-1.8deg}to{rotate:2.2deg}}.pv-pigeon{animation:17s ease-in-out infinite pvPigeon}@keyframes pvPigeon{0%,8%{fill-opacity:0;stroke-opacity:0;translate:60px -40px}14%{fill-opacity:1;stroke-opacity:1;translate:0}24%,34%{translate:0;rotate:0deg}37%{translate:0 1px;rotate:18deg}40%{translate:0;rotate:0deg}52%{translate:-26px}55%{translate:-26px;rotate:18deg}58%{translate:-26px;rotate:0deg}70%{fill-opacity:1;stroke-opacity:1;translate:-26px}80%,to{fill-opacity:0;stroke-opacity:0;translate:-90px -50px}}.pv-pigeon{transform-box:fill-box;transform-origin:50% 100%}.pv-citylights rect{animation:36s step-end infinite pvCity;animation-delay:calc(var(--i) * -2.7s)}@keyframes pvCity{0%{fill-opacity:0}18%{fill-opacity:1}92%{fill-opacity:1}96%{fill-opacity:.2}}.pv-plane{animation:24s linear infinite pvPlane;translate:-20px}@keyframes pvPlane{0%{translate:-20px}55%,to{translate:190px -14px}}.pv-blink{animation:1.2s step-end infinite pvBlink}@keyframes pvBlink{50%{fill-opacity:0}}.pv-rain{animation:pvRain var(--dur,.55s) linear infinite}@keyframes pvRain{0%{translate:0}to{translate:var(--dx,-9px) var(--h)}}.pv-run-drop,.pv-run-trail{transform-box:fill-box;animation:9s ease-in infinite pvRun;animation-delay:calc(var(--i) * -2.3s)}.pv-run-trail{transform-origin:50% 0;animation-name:pvTrail}@keyframes pvRun{0%,30%{fill-opacity:0;translate:0}34%{fill-opacity:.85}92%{fill-opacity:.85;translate:0 56px}to{fill-opacity:0;translate:0 60px}}@keyframes pvTrail{0%,32%{stroke-opacity:0;scale:1 0}36%{stroke-opacity:.3}92%{stroke-opacity:.3;scale:1}to{stroke-opacity:0;scale:1}}.pv-splash path,.pv-ripple ellipse{transform-box:fill-box;transform-origin:50% 100%;animation:1.1s ease-out infinite pvSplash;animation-delay:calc(var(--i) * -.37s)}.pv-ripple ellipse{transform-origin:50%;animation-duration:1.6s;animation-delay:calc(var(--i) * -.53s)}@keyframes pvSplash{0%{stroke-opacity:.9;scale:.3}to{stroke-opacity:0;scale:1.4}}.pv-stars circle{animation:4s ease-in-out infinite alternate pvTwinkle;animation-delay:calc(var(--i) * -1.3s)}@keyframes pvTwinkle{0%{fill-opacity:.25}to{fill-opacity:.95}}.pv-birds{animation:30s linear infinite pvBirds;translate:-20px 30px}@keyframes pvBirds{0%{translate:-20px 30px}60%,to{translate:170px 8px}}.pv-passer{animation:21s linear infinite pvPasser;translate:-30px}@keyframes pvPasser{0%{translate:-30px}50%,to{translate:180px}}.pv-punch,.pv-lever,.pv-bell{transform-box:fill-box;transform-origin:50% 100%}.pv-ring{opacity:0;transform-box:fill-box;transform-origin:50% 60%}.pv-flap{transform-box:fill-box;transform-origin:50%}.pv-puff circle{opacity:0;transform-box:fill-box;transform-origin:50%}.pv-steam{--rise:-6px;animation:3s ease-out infinite prop-steam}.pv-clouds{animation:40s linear infinite alternate pvDrift}@keyframes pvDrift{to{translate:14px}}@property --pv-x{syntax:"<length>";inherits:false;initial-value:0}@property --pv-y{syntax:"<length>";inherits:false;initial-value:0}@property --pv-turn{syntax:"<angle>";inherits:false;initial-value:0deg}@property --pv-sx{syntax:"<number>";inherits:false;initial-value:1}@property --pv-sy{syntax:"<number>";inherits:false;initial-value:1}@property --pv-move{syntax:"<transform-list>";inherits:false;initial-value:translate(0)}@property --pv-opacity{syntax:"<number>";inherits:false;initial-value:1}@property --pv-bright{syntax:"<number>";inherits:false;initial-value:1}@property --pv-sat{syntax:"<number>";inherits:false;initial-value:1}.pv-actor{transform-box:view-box;transform-origin:0 0}.pv-actor .pv-worker{transform-box:fill-box;transform-origin:50%}.pv-worker .pv-body{transform-box:fill-box;transform-origin:50% 90%;animation:3.8s ease-in-out infinite idleBreathe}.pv-actor:nth-child(2n) .pv-body{animation-duration:3.4s;animation-delay:-1s}.pv-actor:nth-child(3n) .pv-body{animation-duration:4.4s;animation-delay:-2s}.pv-eyes{transform-box:fill-box;transform-origin:50%;animation:5.2s ease-in-out infinite idleBlink}.pv-actor:nth-child(2n) .pv-eyes{animation-duration:6.1s;animation-delay:-2.3s}.pv-head{transform-box:fill-box;transform-origin:50% 100%}.pv-mouth{transform-box:fill-box;transform-origin:50%}.pv-arm-l,.pv-arm-r{transform-box:fill-box;transform-origin:50% 12%}.pv-door{transform-box:fill-box;transform-origin:0}.pv-spill{opacity:0}.intro{z-index:60;cursor:pointer;position:fixed;inset:0;overflow:hidden}.intro-clock{will-change:transform;position:absolute;overflow:visible}#gameScreen.intro-landing :is(.coach-callout,.coach-route,.coach-progress,#hint){opacity:0}#startScreen{--lamp-x:50%;--lamp-y:calc(max(12px, env(safe-area-inset-top)) + 29px);--lamp-halo:#ffdc9a90;--lamp-cone:#ffe2a830}#startScreen[data-light=night]{--lamp-halo:#ffc97a9c;--lamp-cone:#ffd28a2c}.home-lamp{z-index:2;left:calc(var(--lamp-x) - 40px);top:calc(var(--lamp-y) - 41px);pointer-events:none;width:80px;height:70px;position:absolute;overflow:visible}.home-lamp.op-front{z-index:21}.home-lamp .op-bulb{transition:fill .6s}#startScreen[data-light=sun] .home-lamp:not(.op-front) .op-bulb{fill:#d9d0bd}.lamp-light{z-index:1;pointer-events:none;background:radial-gradient(130px circle at var(--lamp-x) var(--lamp-y), var(--lamp-halo), transparent);position:absolute;inset:0}.lamp-light:before{content:"";background:linear-gradient(transparent var(--lamp-y), var(--lamp-cone) var(--lamp-y), transparent calc(var(--lamp-y) + 420px));clip-path:polygon(calc(var(--lamp-x) - 20px) var(--lamp-y), calc(var(--lamp-x) + 20px) var(--lamp-y), calc(var(--lamp-x) + 150px) 100%, calc(var(--lamp-x) - 150px) 100%);position:absolute;inset:0}#startScreen[data-light=sun] .lamp-light{display:none}.op-layer{z-index:20;cursor:pointer;position:absolute;inset:0}@property --r{syntax:"<percentage>";inherits:true;initial-value:0%}.op-lights:before{content:"";-webkit-mask:radial-gradient(circle at var(--lamp-x) var(--lamp-y), transparent var(--r), #000 calc(var(--r) + 8%));-webkit-mask:radial-gradient(circle at var(--lamp-x) var(--lamp-y), transparent var(--r), #000 calc(var(--r) + 8%));mask:radial-gradient(circle at var(--lamp-x) var(--lamp-y), transparent var(--r), #000 calc(var(--r) + 8%));background:#141a24f2;position:absolute;inset:0}.op-pre:before{background:#141a24;-webkit-mask:none;mask:none}.op-pre .op-bulb{opacity:.15}.install-strip{background:var(--surface);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--ink) 5%, transparent);border-radius:16px;align-items:center;gap:12px;padding:10px 10px 10px 12px;display:flex}.install-strip>svg{box-sizing:content-box;background:var(--soft);fill:none;width:22px;height:22px;stroke:var(--win);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;border-radius:12px;flex:none;padding:6px}.install-strip>div{text-align:left;flex:1;gap:2px;min-width:0;display:grid}.install-strip strong{font:600 1rem/1.1 Fredoka Variable,system-ui,sans-serif}.install-strip small{color:var(--ink-soft);font-size:.8rem}.install-strip button.primary{min-height:44px;box-shadow:0 4px 0 var(--lip);border-radius:12px;flex:none;padding:0 18px;font-weight:800}.install-steps{counter-reset:step;gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.install-steps li{background:var(--surface);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--ink) 5%, transparent);counter-increment:step;border-radius:16px;align-items:center;gap:12px;padding:12px 14px;font-weight:700;line-height:1.35;display:flex}.install-steps li:before{content:counter(step);background:var(--primary);width:28px;height:28px;color:var(--primary-ink);border-radius:50%;flex:none;place-items:center;font:600 .95rem/1 Fredoka Variable,system-ui,sans-serif;display:grid}.install-steps svg{vertical-align:-5px;fill:none;stroke:#2f7dd6;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px;margin:0 2px}.install-actions{gap:10px;margin-top:18px;display:grid}@media (height<=700px){.install-strip{padding:6px 6px 6px 10px}.install-strip small{display:none}}.appearance-row{border-bottom:0;padding-bottom:4px}.segmented{background:var(--soft);border-radius:16px;grid-template-columns:repeat(3,1fr);gap:4px;margin:0 14px 14px;padding:4px;display:grid}.segmented label{min-height:48px;color:var(--ink-soft);cursor:pointer;border:0;border-radius:12px;justify-content:center;place-items:center;gap:0;font:600 1rem/1 Fredoka Variable,system-ui,sans-serif;display:grid;position:relative}.segmented input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.segmented label:has(input:checked){background:var(--primary);color:var(--primary-ink);box-shadow:0 3px 0 var(--primary-lip)}.segmented label:has(input:focus-visible){outline:3px solid var(--primary);outline-offset:2px}.page-head .page-back{background:var(--on-wood);color:var(--wood-deep)}
