:root{--cream:#fff8ec;--navy:#1b1a3a;--yellow:#ffc93c;--sky:#bfe6f5;--handwash:#2ab7ca;--outline:4px;--radius:28px;--shadow-offset:8px;--font-display:ui-rounded, "SF Pro Rounded", "Arial Rounded MT Bold", "Segoe UI", system-ui, sans-serif;--font-body:ui-rounded, "SF Pro Rounded", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{background:var(--sky);width:100%;height:100%;color:var(--navy);font-family:var(--font-body);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;overflow:hidden}#app{position:fixed;inset:0}.game-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.hud{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);pointer-events:none;position:absolute;inset:0}.hud>*{pointer-events:auto}.panel{background:var(--cream);border:var(--outline) solid var(--navy);border-radius:var(--radius);max-width:min(34rem,100%);box-shadow:0 var(--shadow-offset) 0 var(--navy);text-align:center;padding:1.75rem 2rem 2rem}.panel__title{font-family:var(--font-display);margin:.5rem 0;font-size:clamp(1.6rem,5vmin + .5rem,2.5rem);font-weight:800;line-height:1.15}.panel__body{margin:0;font-size:clamp(1.15rem,2.5vmin + .5rem,1.5rem);font-weight:600;line-height:1.4}.rotate-screen,.message-screen{z-index:100;padding:calc(var(--safe-top) + 1.5rem) calc(var(--safe-right) + 1.5rem) calc(var(--safe-bottom) + 1.5rem) calc(var(--safe-left) + 1.5rem);background:var(--sky);outline:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.rotate-screen[hidden]{display:none}.rotate-screen{z-index:10000}.rotate-screen__art{width:min(11rem,40vmin);height:auto;margin:0 auto;display:block;overflow:visible}.rotate-screen__phone{transform-box:view-box;transform-origin:100px 100px;animation:3.2s ease-in-out infinite rotate-phone}.rotate-screen__phone-body{fill:var(--cream);stroke:var(--navy);stroke-width:6px}.rotate-screen__phone-screen{fill:var(--sky);stroke:var(--navy);stroke-width:3px}.rotate-screen__star{fill:var(--yellow);stroke:var(--navy);stroke-width:3px;stroke-linejoin:round}.rotate-screen__arrow,.rotate-screen__arrow-head{fill:none;stroke:var(--navy);stroke-width:7px;stroke-linecap:round;stroke-linejoin:round}@keyframes rotate-phone{0%,20%{transform:rotate(0)}45%,75%{transform:rotate(90deg)}to{transform:rotate(0)}}@media (prefers-reduced-motion:reduce){.rotate-screen__phone{animation:none}}:root[data-reduced-motion=true] .rotate-screen__phone{animation:none}.debug-badge{left:calc(var(--safe-left) + 8px);bottom:calc(var(--safe-bottom) + 8px);z-index:200;color:#fff;pointer-events:none;background:#1b1a3acc;border-radius:999px;padding:4px 10px;font:600 13px/1.4 ui-monospace,Menlo,monospace;position:fixed}.preview-panel{top:calc(var(--safe-top) + 12px);right:calc(var(--safe-right) + 12px);width:min(20rem,42vw);max-height:calc(100% - var(--safe-top) - var(--safe-bottom) - 24px);background:var(--cream);border:3px solid var(--navy);box-shadow:0 5px 0 var(--navy);border-radius:18px;padding:14px 16px;font-size:14px;line-height:1.35;position:absolute;overflow-y:auto}.preview-panel__title{font-family:var(--font-display);margin:0 0 8px;font-size:18px;font-weight:800}.preview-panel__label{margin-top:8px;font-weight:700;display:block}.preview-panel__select{width:100%;min-height:36px;font:inherit;margin-top:4px}.preview-panel__toggles{grid-template-columns:1fr 1fr;gap:4px 8px;margin:10px 0;display:grid}.preview-panel__toggle{cursor:pointer;align-items:center;gap:6px;min-height:32px;display:flex}.preview-panel__info{grid-template-columns:auto 1fr;gap:2px 10px;margin:0;display:grid}.preview-panel__info dt{font-weight:700}.preview-panel__info dd{overflow-wrap:anywhere;margin:0}.preview-panel__warnings{background:#ffe7c2;border-radius:10px;margin:8px 0 0;padding:8px 8px 8px 24px}.preview-panel__stats,.preview-panel__hint{opacity:.75;margin:8px 0 0}.bench-panel{top:calc(var(--safe-top) + 12px);left:calc(var(--safe-left) + 12px);max-width:min(30rem,100% - 24px);max-height:calc(100% - var(--safe-top) - var(--safe-bottom) - 24px);background:var(--cream);border:3px solid var(--navy);box-shadow:0 5px 0 var(--navy);border-radius:18px;padding:14px 16px;position:absolute;overflow-y:auto}.bench-panel__title{font-family:var(--font-display);margin:0 0 6px;font-size:20px;font-weight:800}.bench-panel__status{white-space:pre-wrap;margin:0;font:600 14px/1.45 ui-monospace,Menlo,monospace}.bench-panel__actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.bench-panel__button{min-width:48px;min-height:48px;font:700 15px var(--font-body);color:var(--navy);border:3px solid var(--navy);cursor:pointer;background:#fff;border-radius:14px;padding:0 14px}.bench-panel__button:focus-visible{outline:4px solid var(--navy);outline-offset:2px}.station-labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.station-labels>*{pointer-events:none}.station-label{max-width:14em;font-family:var(--font-display);text-align:center;color:var(--navy);background:var(--cream);border:3px solid var(--navy);box-shadow:0 3px 0 var(--navy);will-change:transform;border-radius:.8em;align-items:center;gap:.4em;padding:.25em .7em .3em;font-size:clamp(14px,.9vw + 6px,22px);font-weight:800;line-height:1.15;display:flex;position:absolute;top:0;left:0}.station-label--faded{opacity:.25;pointer-events:none}.station-labels>.station-label--pickable{pointer-events:auto;cursor:pointer}.station-labels>.station-label--faded{pointer-events:none}.station-label--ready{background:var(--yellow);z-index:1}.station-label--handwashSink.station-label--ready{background:var(--handwash);outline:4px solid var(--yellow)}@media (prefers-reduced-motion:no-preference){.station-label--pop{animation:.35s ease-out label-pop}}@keyframes label-pop{0%{scale:1}40%{scale:1.18}to{scale:1}}@media (prefers-reduced-motion:no-preference){.station-label{transition:opacity .2s}}.station-label__words{flex-direction:column;display:flex}.station-label__note{font-family:var(--font-body);font-size:.75em;font-weight:700}.station-label--handwashSink{background:var(--handwash);padding-inline-start:.35em}.station-label__icon{flex:none;width:1.6em;height:1.6em}.station-label--next{z-index:3;outline:4px solid var(--yellow);outline-offset:1px}.station-label__next{font:800 .95em/1.2 var(--font-display);color:var(--navy);background:var(--yellow);border:3px solid var(--navy);box-shadow:0 3px 0 var(--navy);white-space:nowrap;border-radius:10px;padding:.05em .5em;position:absolute;bottom:calc(100% + .45em);left:50%;translate:-50%}.station-label__next:after{content:"";border:7px solid #0000;border-top-color:var(--navy);position:absolute;top:100%;left:50%;translate:-50%}@media (prefers-reduced-motion:no-preference){.station-label__next{animation:1.1s ease-in-out infinite next-bob}}@keyframes next-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.station-label__picture{align-items:center;gap:.1em;display:none}.station-label__picture-svg{flex:none;width:1.4em;height:1.4em}.station-label__number{font-size:1.05em}.station-labels--pictures .station-label__picture{display:inline-flex}.station-labels--pictures .station-label--has-picture,.station-labels--pictures .station-label--handwashSink{padding:.22em .32em}.station-labels--pictures .station-label--handwashSink .station-label__icon{width:1.4em;height:1.4em}.station-labels--pictures .station-label--has-picture .station-label__words,.station-labels--pictures .station-label--handwashSink .station-label__words{display:none}.station-labels--pictures .station-label--ready .station-label__words{display:flex}.hud-slot--top-right{top:calc(var(--safe-top) + clamp(8px, 2vmin, 18px));right:calc(var(--safe-right) + clamp(8px, 2vmin, 18px));align-items:center;gap:10px;display:flex;position:absolute}.hud-slot--stacked{flex-direction:column;align-items:flex-end}.hud-slot--stacked .guide-what-next{order:0}.label-toggle{min-height:48px;font:800 1.1em var(--font-display);color:var(--navy);background:var(--cream);border:var(--outline) solid var(--navy);box-shadow:0 4px 0 var(--navy);cursor:pointer;border-radius:999px;order:1;padding:3px;display:flex}.label-toggle[hidden]{display:none}.label-toggle__side{border-radius:999px;place-items:center;min-width:44px;padding:0 .5em;display:grid}.label-toggle:not(.label-toggle--pictures) .label-toggle__side--words,.label-toggle--pictures .label-toggle__side--pictures{background:var(--yellow)}.label-toggle__icon{width:1.4em;height:1.4em}.label-toggle:focus-visible{outline:4px solid var(--navy);outline-offset:3px}.dev-jump{top:calc(var(--safe-top) + 90px);right:calc(var(--safe-right) + 12px);border:3px solid var(--navy);background:#fff8eceb;border-radius:16px;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:min(36rem,60vw);padding:8px 10px;display:flex;position:absolute}.dev-jump__title{text-align:end;flex-basis:100%;margin:0;font:700 13px/1.3 ui-monospace,Menlo,monospace}.dev-jump__button{min-width:48px;min-height:40px;font:700 14px var(--font-body);color:var(--navy);border:2px solid var(--navy);cursor:pointer;background:#fff;border-radius:10px;padding:0 10px}.dev-jump__button[aria-pressed=true]{background:var(--yellow)}.dev-jump__button:focus-visible{outline:4px solid var(--navy);outline-offset:2px}.touch-controls{pointer-events:none;position:absolute;inset:0}.touch-controls>*{pointer-events:auto}.joystick,.use-button{bottom:calc(var(--safe-bottom) + clamp(16px, 4vmin, 40px));position:absolute}.joystick{right:calc(var(--safe-right) + clamp(16px, 4vmin, 40px));aspect-ratio:1;opacity:.55;touch-action:none;background:#fff8ec73;border:4px solid #1b1a3a8c;border-radius:50%;width:clamp(120px,28vmin,200px);transition:opacity .4s}.joystick--active{opacity:1;transition-duration:.1s}.joystick__knob{background:var(--cream);border:4px solid var(--navy);box-shadow:0 4px 0 var(--navy);pointer-events:none;border-radius:50%;position:absolute;inset:30%}.use-button{left:calc(var(--safe-left) + clamp(16px, 4vmin, 40px));aspect-ratio:1;width:clamp(96px,20vmin,140px);font:800 clamp(16px, 3vmin, 24px) / 1 var(--font-display);color:var(--navy);background:var(--cream);border:4px solid var(--navy);box-shadow:0 6px 0 var(--navy);opacity:.7;touch-action:manipulation;cursor:pointer;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;padding:0;display:flex}.use-button__icon{width:45%;height:auto}.use-button--ready{background:var(--yellow);opacity:1;box-shadow:0 6px 0 var(--navy), 0 0 0 8px #ffc93c73}.use-button:active{box-shadow:0 2px 0 var(--navy);translate:0 4px}.use-button:focus-visible{outline-offset:2px;box-shadow:0 6px 0 var(--navy), 0 0 0 10px var(--navy);outline:4px solid #fff}.joystick[hidden],.use-button[hidden]{display:none}.touch-controls--swap .joystick{right:auto;left:calc(var(--safe-left) + clamp(16px, 4vmin, 40px))}.touch-controls--swap .use-button{left:auto;right:calc(var(--safe-right) + clamp(16px, 4vmin, 40px))}.task-fade{z-index:50;background:var(--cream);pointer-events:auto;position:fixed;inset:0}.task-fade[hidden]{display:none}.task-hud{pointer-events:none;font-size:clamp(14px,1vw + 6px,24px);position:absolute;inset:0}.task-hud>*{pointer-events:auto}.task-hud__header{top:calc(var(--safe-top) + clamp(8px, 2vmin, 20px));text-align:center;background:var(--cream);border:var(--outline) solid var(--navy);border-radius:calc(var(--radius) * .8);max-width:min(36rem,70vw);box-shadow:0 6px 0 var(--navy);pointer-events:none;padding:.45em 1.4em .6em;position:absolute;left:50%;translate:-50%}.task-hud__title{font-family:var(--font-display);margin:0;font-size:1.6em;font-weight:800;line-height:1.15}.task-hud__dots{justify-content:center;gap:.4em;margin-top:.35em;display:flex}.task-hud__dot{background:var(--navy);border:3px solid var(--navy);border-radius:50%;width:.8em;height:.8em}.task-hud__dot--done{background:var(--yellow)}.task-hud__help{top:calc(var(--safe-top) + clamp(8px, 2vmin, 20px));right:calc(var(--safe-right) + clamp(8px, 2vmin, 20px));aspect-ratio:1;width:clamp(52px,9vmin,76px);font:800 1.7em/1 var(--font-display);color:var(--navy);background:var(--yellow);border:var(--outline) solid var(--navy);box-shadow:0 5px 0 var(--navy);cursor:pointer;border-radius:50%;position:absolute}.task-hud__back{top:calc(var(--safe-top) + clamp(8px, 2vmin, 20px));left:calc(var(--safe-left) + clamp(8px, 2vmin, 20px));min-height:48px;font:700 .85em var(--font-body);color:var(--navy);border:3px solid var(--navy);box-shadow:0 4px 0 var(--navy);cursor:pointer;background:#fff;border-radius:999px;padding:0 1em;position:absolute}.task-hud__callout{font:800 1.25em var(--font-display);white-space:nowrap;background:var(--yellow);border:var(--outline) solid var(--navy);box-shadow:0 4px 0 var(--navy);pointer-events:none;border-radius:999px;margin:0;padding:.3em .9em;position:absolute;translate:-50% -100%}.task-hud__callout[hidden]{display:none}.task-hud__guide{top:calc(var(--safe-top) + clamp(8px, 2vmin, 20px) + clamp(52px, 9vmin, 76px) + 14px);right:calc(var(--safe-right) + clamp(8px, 2vmin, 20px));background:var(--cream);border:var(--outline) solid var(--navy);border-radius:calc(var(--radius) * .7);width:clamp(210px,23vw,330px);box-shadow:0 5px 0 var(--navy);pointer-events:none;margin:0;padding:.7em .9em .8em;position:absolute}.task-hud__guide[hidden]{display:none}.task-hud__guide-step{font:800 .8em var(--font-display);color:var(--navy);background:var(--yellow);border:2px solid var(--navy);border-radius:999px;margin:0 0 .4em;padding:.1em .7em;display:inline-block}.task-hud__guide-text{font:800 1.05em/1.25 var(--font-display);color:var(--navy);margin:0}.task-hud__guide-why{font:500 .85em/1.3 var(--font-body);color:#3d3b5c;margin:.35em 0 0}.task-hud__guide-why[hidden]{display:none}@media (height<=560px){.task-hud__guide{width:clamp(180px,26vw,260px);font-size:.85em}}.task-hud__status{left:calc(var(--safe-left) + clamp(8px, 2vmin, 20px));bottom:calc(var(--safe-bottom) + clamp(8px, 2vmin, 20px));font:800 1em var(--font-display);background:var(--cream);border:var(--outline) solid var(--navy);box-shadow:0 5px 0 var(--navy);pointer-events:none;border-radius:999px;margin:0;padding:.45em 1.1em;position:absolute}.task-hud__hold{bottom:calc(var(--safe-bottom) + clamp(8px, 2vmin, 20px));font:800 1em var(--font-display);background:var(--cream);border:var(--outline) solid var(--navy);box-shadow:0 5px 0 var(--navy);pointer-events:none;border-radius:999px;align-items:center;gap:.6em;padding:.4em 1em;display:flex;position:absolute;left:50%;translate:-50%}.task-hud__hold[hidden]{display:none}.task-hud__hold-bar{background:var(--locked-grey,#d8d5e0);border:3px solid var(--navy);border-radius:999px;width:clamp(120px,20vw,260px);height:.9em;overflow:hidden}.task-hud__hold-fill{background:var(--yellow);width:0;height:100%;display:block}.task-hud__hold-count{text-align:center;min-width:1.6em;font-size:1.3em}.task-panel{left:50%;bottom:calc(var(--safe-bottom) + clamp(12px, 4vmin, 40px));text-align:center;border:var(--outline) solid var(--navy);border-radius:calc(var(--radius) * .8);width:min(34rem,86vw);box-shadow:0 var(--shadow-offset) 0 var(--navy);padding:.9em 1.4em 1.1em;position:absolute;translate:-50%}.task-panel--try-again{background:#f6b885}.task-panel--done{background:#57b85b}.task-panel__title{font:800 1.5em/1.15 var(--font-display);margin:0 0 .25em}.task-panel__body{font:600 1.05em/1.4 var(--font-body);margin:0 0 .8em}.task-panel__button{min-width:10em;min-height:52px;font:800 1.1em var(--font-display);color:var(--navy);background:var(--yellow);border:var(--outline) solid var(--navy);box-shadow:0 5px 0 var(--navy);cursor:pointer;border-radius:999px;padding:0 1.4em}.task-hud button:focus-visible{outline-offset:2px;box-shadow:0 5px 0 var(--navy), 0 0 0 10px var(--navy);outline:4px solid #fff}.task-hotspots{pointer-events:none;position:absolute;inset:0}.task-hotspot{pointer-events:none;background:0 0;border:0;border-radius:18px;outline:none;padding:0;position:absolute;top:0;left:0}.task-hotspot[hidden]{display:none}.task-hotspot:focus-visible{box-shadow:0 0 0 4px #fff, 0 0 0 8px var(--navy)}.task-hotspot--hint{box-shadow:0 0 0 4px var(--yellow), 0 0 24px 8px #ffc93cb3}@media (prefers-reduced-motion:no-preference){.task-hotspot--hint{animation:1.2s ease-in-out infinite hint-pulse}}@keyframes hint-pulse{50%{box-shadow:0 0 0 6px var(--yellow), 0 0 34px 12px #ffc93cd9}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.guide-hud{pointer-events:none;font-size:clamp(14px,.9vw + 6px,22px);position:absolute;inset:0}.guide-hud[hidden]{display:none}.guide-hud>*{pointer-events:auto}.guide-banner{top:calc(var(--safe-top) + clamp(8px, 2vmin, 18px));text-align:start;background:var(--cream);border:var(--outline) solid var(--navy);border-radius:calc(var(--radius) * .8);min-width:min(20em,48vw);max-width:min(32rem,48vw);box-shadow:0 6px 0 var(--navy);pointer-events:none;align-items:center;gap:.9em;padding:.3em .55em .35em 1.1em;display:flex;position:absolute;left:50%;translate:-50%}.guide-banner[hidden]{display:none}.guide-banner__text{flex:1;min-width:0}.guide-banner__label{font:700 .85em/1.2 var(--font-body);margin:0}.guide-banner__job{font:800 1.45em/1.15 var(--font-display);margin:0}.guide-banner__count{font:800 .85em/1.3 var(--font-display);white-space:nowrap;background:var(--cream);border:3px solid var(--navy);border-radius:999px;flex:none;margin:0;padding:.1em .8em}.guide-what-next{min-height:52px;font:800 1.1em var(--font-display);color:var(--navy);background:var(--yellow);border:var(--outline) solid var(--navy);box-shadow:0 5px 0 var(--navy);cursor:pointer;border-radius:999px;order:2;align-items:center;gap:.45em;padding:.3em 1.1em .3em .45em;display:flex}.guide-what-next[hidden]{display:none}.guide-what-next__q{background:var(--cream);border:3px solid var(--navy);border-radius:50%;place-items:center;width:1.6em;height:1.6em;font-size:1.1em;display:grid}.guide-what-next:focus-visible,.guide-done__button:focus-visible,.guide-welcome__button:focus-visible{outline-offset:2px;box-shadow:0 5px 0 var(--navy), 0 0 0 10px var(--navy);outline:4px solid #fff}.guide-status{left:calc(var(--safe-left) + clamp(8px, 2vmin, 18px));bottom:calc(var(--safe-bottom) + clamp(8px, 2vmin, 18px));font:800 1em var(--font-display);background:var(--cream);border:var(--outline) solid var(--navy);box-shadow:0 5px 0 var(--navy);pointer-events:none;border-radius:999px;align-items:center;gap:.4em;margin:0;padding:.3em 1em .3em .5em;display:flex;position:absolute}.guide-status svg{width:1.6em;height:1.6em}.hud--touch .guide-status{left:50%;translate:-50%}.guide-next-tag{font:800 1.1em/1.2 var(--font-display);color:var(--navy);background:var(--yellow);border:3px solid var(--navy);pointer-events:none;border-radius:10px;padding:.05em .5em;position:absolute;top:0;left:0}.guide-next-tag[hidden]{display:none}.guide-phone{--gfh-leaf:#8cab3e;--gfh-leaf-deep:#6d8c2c;--gfh-ink:#262523;--gfh-paper:#f4f3ee;--gfh-white:#fcfcfc;--gfh-muted:#6e6a61;--gfh-line:#e6e5df;top:calc(var(--safe-top) + clamp(8px, 2vmin, 18px));left:calc(var(--safe-left) + clamp(8px, 2vmin, 18px));border:var(--outline) solid var(--navy);border-radius:calc(var(--radius) * .8);width:clamp(200px,17vw,300px);box-shadow:0 5px 0 var(--navy);pointer-events:none;position:absolute;overflow:hidden}.guide-phone__screen{background:var(--gfh-paper);color:var(--gfh-ink);padding-bottom:.7em;overflow:hidden}.guide-phone__status{font:700 .62em/1 var(--font-body);justify-content:space-between;align-items:center;padding:.35em 1.1em .1em;display:flex}.guide-phone__battery{border:2px solid var(--gfh-ink);background:linear-gradient(90deg, var(--gfh-leaf) 70%, transparent 70%);border-radius:3px;width:1.9em;height:.85em}.guide-phone__appbar{background:var(--gfh-white);border-bottom:2px solid var(--gfh-line);align-items:center;gap:.5em;padding:.45em .8em .5em;display:flex}.guide-phone__logo{width:auto;height:1.35em}.guide-phone__app-title{font:700 .72em/1.2 var(--font-body);color:var(--gfh-muted)}.guide-phone__menu{width:48px;height:48px;color:var(--gfh-ink);cursor:pointer;pointer-events:auto;background:0 0;border:0;border-radius:14px;flex:none;place-items:center;margin:-.35em -.45em -.35em auto;padding:0;display:grid}.guide-phone__menu svg{width:26px;height:26px}.guide-phone__menu:hover{background:var(--gfh-paper)}.guide-phone__menu:focus-visible{outline:4px solid var(--navy);outline-offset:-2px}.guide-phone--folded{width:auto;min-width:0}.guide-phone--folded .guide-phone__status,.guide-phone--folded .guide-phone__body,.guide-phone--folded .guide-phone__app-title{display:none}.guide-phone--folded .guide-phone__screen{padding-bottom:0}.guide-phone--folded .guide-phone__appbar{border-bottom:0}.guide-list__title{font:800 1.05em/1.2 var(--font-display);margin:.6em .8em .35em}.guide-list__items{gap:.35em;margin:0;padding:0 .6em;list-style:none;display:grid}.guide-list__item{font:700 .82em/1.25 var(--font-body);background:var(--gfh-white);border:2px solid var(--gfh-line);border-radius:12px;align-items:center;gap:.5em;padding:.45em .55em;display:flex}.guide-list__box{border:2px solid var(--gfh-muted);background:var(--gfh-white);border-radius:7px;flex:none;place-items:center;width:1.4em;height:1.4em;display:grid}.guide-list__box svg{visibility:hidden;width:1.1em;height:1.1em}.guide-list__item--done .guide-list__box{background:var(--gfh-leaf);border-color:var(--gfh-leaf-deep)}.guide-list__item--done .guide-list__box svg{visibility:visible}.guide-list__item--current{border-color:var(--gfh-ink);background:#fdf3b1}.guide-list__item--later{color:var(--gfh-muted)}@media (width<=900px),(height<=520px){.guide-banner{min-width:0;max-width:40vw;font-size:.85em}.guide-phone:not(.guide-phone--folded){width:clamp(180px,30vw,240px)}}.guide-done,.guide-welcome{text-align:center;border:var(--outline) solid var(--navy);border-radius:var(--radius);width:min(30rem,86vw);box-shadow:0 var(--shadow-offset) 0 var(--navy);z-index:5;padding:1em 1.5em 1.2em;position:absolute;top:50%;left:50%;translate:-50% -50%}.guide-done{background:#57b85b}.guide-welcome{background:var(--cream)}.guide-done__title,.guide-welcome__title{font:800 1.6em/1.15 var(--font-display);margin:0 0 .3em}.guide-done__body,.guide-welcome__body{font:600 1.05em/1.45 var(--font-body);margin:0 0 .9em}.guide-done__button,.guide-welcome__button{min-width:9em;min-height:54px;font:800 1.15em var(--font-display);color:var(--navy);background:var(--yellow);border:var(--outline) solid var(--navy);box-shadow:0 5px 0 var(--navy);cursor:pointer;border-radius:999px;padding:0 1.5em}.task-phone{--gfh-leaf:#8cab3e;--gfh-leaf-hover:#82a038;--gfh-leaf-deep:#6d8c2c;--gfh-ink:#262523;--gfh-paper:#f4f3ee;--gfh-white:#fcfcfc;--gfh-muted:#6e6a61;--gfh-line:#e6e5df;left:calc(var(--safe-left) + clamp(10px, 3vw, 48px));background:var(--gfh-paper);border:var(--outline) solid var(--navy);border-radius:calc(var(--radius) * .8);width:clamp(230px,21vw,330px);box-shadow:0 5px 0 var(--navy);z-index:2;font-size:clamp(14px,.8vw + 7px,20px);position:absolute;top:50%;overflow:hidden;translate:0 -46%;rotate:-3deg}.task-phone--nudge{animation:.45s ease-in-out phone-nudge}@media (height<=560px){.task-phone{transform-origin:0;scale:.74}}@media (height<=420px){.task-phone{scale:.62}}.task-phone--away{top:160%}@media (prefers-reduced-motion:no-preference){:root:not([data-reduced-motion=true]) .task-phone{transition:top .4s}}@keyframes phone-nudge{20%,60%{translate:-8px -46%}40%,80%{translate:8px -46%}}@media (prefers-reduced-motion:reduce){.task-phone--nudge{animation:none}}.task-phone--hint{box-shadow:0 5px 0 var(--navy), 0 0 0 6px var(--yellow), 0 0 30px 12px #ffc93cb3}.task-phone__screen{background:var(--gfh-paper);color:var(--gfh-ink);overflow:hidden}.task-phone__appbar{background:var(--gfh-white);border-bottom:2px solid var(--gfh-line);align-items:center;min-height:2.6em;padding:.55em .9em .45em;display:flex}.task-phone__logo{width:auto;height:1.5em}.task-phone__body{gap:.6em;padding:.7em .8em .9em;display:grid}.task-phone__title{font:800 1.2em/1.2 var(--font-display);margin:0}.task-phone__field{font:800 1.9em/1.2 var(--font-display);border:3px solid var(--gfh-ink);background:#fdf3b1;border-radius:14px;justify-content:space-between;align-items:baseline;padding:.35em .7em;display:flex}.task-phone__unit{color:var(--gfh-muted);font-size:.7em}.task-phone__keypad{grid-template-columns:repeat(3,1fr);gap:.4em;display:grid}.task-phone__key{min-height:48px;font:800 1.35em var(--font-display);color:var(--gfh-ink);background:var(--gfh-white);border:2px solid var(--gfh-line);box-shadow:0 3px 0 var(--gfh-line);cursor:pointer;border-radius:14px}.task-phone__key:active{box-shadow:none;translate:0 2px}.task-phone__primary,.task-phone__secondary{min-height:52px;font:800 1.15em var(--font-display);color:var(--gfh-ink);cursor:pointer;border-radius:999px;padding:0 1em}.task-phone__primary{background:var(--gfh-leaf);border:3px solid var(--gfh-leaf-deep)}.task-phone__primary:hover{background:var(--gfh-leaf-hover)}.task-phone__primary:disabled{background:var(--gfh-line);border-color:var(--gfh-line);color:var(--gfh-muted);cursor:default}.task-phone__secondary{background:var(--gfh-white);border:3px solid var(--gfh-ink)}.task-phone button:focus-visible,.task-phone input:focus-visible{outline:4px solid var(--navy);outline-offset:2px}.task-phone__reading{text-align:center;font:800 2.6em/1.1 var(--font-display);background:var(--gfh-white);border:2px solid var(--gfh-line);border-radius:16px;padding:.3em}.task-phone__checklist{gap:.4em;display:grid}.task-phone__check{min-height:48px;font:700 .95em/1.25 var(--font-body);background:var(--gfh-white);border:2px solid var(--gfh-line);cursor:pointer;border-radius:12px;align-items:center;gap:.6em;padding:.35em .6em;display:flex}.task-phone__check input{width:1.5em;height:1.5em;accent-color:var(--gfh-leaf-deep);flex:none}.task-phone__to{font:700 .9em var(--font-body);color:var(--gfh-muted);margin:0}.task-phone__bubble{font:600 .98em/1.4 var(--font-body);background:var(--gfh-white);border:2px solid var(--gfh-line);border-radius:16px 16px 16px 4px;margin:0;padding:.7em .9em}.task-phone__saved{height:3.2em;font:800 2.4em var(--font-display);color:var(--gfh-ink);background:var(--gfh-leaf);border-radius:16px;place-items:center;display:grid}html,body{touch-action:none;background:#f3dcc0;height:100%;margin:0;overflow:hidden}#game2d{position:fixed;inset:0}#game2d canvas{width:100%;height:100%;display:block}.g2-layer{pointer-events:none;position:absolute;inset:0}.g2-label{font-family:var(--font-display);color:var(--navy);white-space:nowrap;background:var(--cream);border:3px solid var(--navy);box-shadow:0 4px 0 var(--navy);pointer-events:auto;cursor:pointer;border-radius:999px;padding:.2em .75em .3em;font-size:clamp(13px,.8vw + 6px,20px);font-weight:800;position:absolute;top:0;left:0;translate:-50% -100%}.g2-label:focus-visible{outline:4px solid var(--yellow);outline-offset:3px}.g2-label--faded{opacity:.2;pointer-events:none}.g2-label--ready{background:var(--yellow)}.g2-label--next:before{content:attr(data-next);background:var(--yellow);border:3px solid var(--navy);border-radius:10px;padding:.1em .6em;font-size:.85em;animation:1.2s ease-in-out infinite g2-bob;position:absolute;bottom:calc(100% + 8px);left:50%;translate:-50%}@media (prefers-reduced-motion:reduce){.g2-label--next:before{animation:none}}@keyframes g2-bob{50%{translate:-50% -8px}}.g2-panel{background:var(--cream);border:var(--outline) solid var(--navy);box-shadow:0 6px 0 var(--navy);color:var(--navy);font-family:var(--font-body);pointer-events:auto;border-radius:24px;position:absolute}.g2-dialog{z-index:3;text-align:center;max-width:min(32rem,86vw);padding:1.2em 1.6em 1.4em;font-size:clamp(16px,1vw + 8px,22px);top:50%;left:50%;translate:-50% -50%}.g2-dialog h2{font-family:var(--font-display);margin:0 0 .4em}.g2-dialog button{font:800 1em var(--font-display);color:var(--navy);background:var(--yellow);border:3px solid var(--navy);box-shadow:0 4px 0 var(--navy);cursor:pointer;border-radius:999px;margin-top:.8em;padding:.5em 1.6em}.fg{z-index:10;touch-action:none;-webkit-user-select:none;user-select:none;background:#a9bdd2;position:absolute;inset:0;overflow:hidden}.fg-stage{transform-origin:0 0;position:absolute;top:0;left:0}.fg-room{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.fg-lip,.fg-crate-front{z-index:20;pointer-events:none;position:absolute}.fg-crate-front{z-index:50}.fg-shelf{z-index:80;cursor:pointer;background:0 0;border:0;border-radius:34px;padding:0;position:absolute}.fg-shelf:focus-visible,.fg-food:focus-visible{outline:12px solid var(--yellow);outline-offset:6px;box-shadow:0 0 0 26px var(--navy)}.fg-food{touch-action:none;pointer-events:none;background:0 0;border:0;padding:0;position:absolute}.fg-food:disabled{cursor:default}.fg-food img{transform-origin:50% 100%;pointer-events:none;width:100%;height:100%;display:block;position:relative}.fg-food__shadow{background:radial-gradient(closest-side,#141e3261,#141e3200);border-radius:50%;height:30px;transition:opacity .15s,transform .15s;position:absolute;bottom:-14px;left:8%;right:8%}.fg-food[data-at=crate] .fg-food__shadow{opacity:0}.fg-food--held img{filter:drop-shadow(0 22px 16px #141e3259)}.fg-food--held .fg-food__shadow{opacity:.5;transform:translateY(46px)scale(.75)}@media (prefers-reduced-motion:no-preference){.fg-food--held img{animation:2.4s ease-in-out infinite fg-sway}}@keyframes fg-sway{50%{transform:rotate(1.5deg)translateY(-6px)}}.fg-drip,.fg-soil{z-index:25;pointer-events:none;background:#c8455a;border:4px solid #1b1a3ab3;border-radius:50%/60% 60% 40% 40%;width:34px;height:46px;margin-left:-17px;position:absolute;box-shadow:inset -6px -6px #00000026}.fg-soil{background:#6b4a2b;border-radius:40%;width:30px;height:24px}.fg-sparkle{z-index:90;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);pointer-events:none;background:radial-gradient(circle,#fff 0 18%,#ffec96e6 30%,#ffec9600 70%);width:34px;height:34px;margin:-17px 0 0 -17px;position:absolute}.fg-tags{pointer-events:none;position:absolute;inset:0}.fg-tag{font:700 clamp(12px, .75vw + 6px, 19px) var(--font-body);color:var(--navy);white-space:nowrap;background:var(--cream);border:3px solid var(--navy);box-shadow:0 3px 0 var(--navy);border-radius:999px;padding:.15em .75em .25em;position:absolute;translate:-50% -100%}.fg-tag--held{background:var(--yellow)}.fg-hud{pointer-events:none;font-size:clamp(13px,.9vw + 6px,22px);position:absolute;inset:0}.fg-panel{background:var(--cream);border:var(--outline) solid var(--navy);box-shadow:0 6px 0 var(--navy);color:var(--navy);font-family:var(--font-body);pointer-events:auto;border-radius:22px;position:absolute}.fg-back{left:calc(var(--safe-left) + 14px);top:calc(var(--safe-top) + 14px);font:800 1em var(--font-display);cursor:pointer;padding:.4em 1em}.fg-title{left:50%;top:calc(var(--safe-top) + 12px);text-align:center;pointer-events:none;padding:.25em 1.4em .45em;translate:-50%}.fg-title h2{font:800 1.45em var(--font-display);margin:0}.fg-dots{justify-content:center;gap:.45em;margin-top:.15em;display:flex}.fg-dots i{border:2px solid var(--navy);background:#cdc6ba;border-radius:50%;width:.75em;height:.75em}.fg-dots i.on{background:var(--yellow)}.fg-card{right:calc(var(--safe-right) + 14px);top:calc(var(--safe-top) + 14px);pointer-events:none;width:min(22em,32vw);padding:.7em 1em .8em}.fg-pill{background:var(--yellow);border:2px solid var(--navy);border-radius:999px;padding:.05em .6em;font-size:.8em;font-weight:800;display:inline-block}.fg-card h3{font:800 1.15em var(--font-display);margin:.35em 0 .2em}.fg-card p{opacity:.8;margin:0}.fg-status{left:calc(var(--safe-left) + 14px);bottom:calc(var(--safe-bottom) + 14px);pointer-events:none;margin:0;padding:.4em 1em;font-weight:800}.fg-help{right:calc(var(--safe-right) + 14px);bottom:calc(var(--safe-bottom) + 14px);width:2.6em;height:2.6em;font:800 1.3em var(--font-display);cursor:pointer;border-radius:50%;padding:0}.fg-live{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.fg-dialog{z-index:5;text-align:center;max-width:min(30rem,86vw);padding:1em 1.5em 1.2em;font-size:1.05em;top:50%;left:50%;translate:-50% -50%}.fg-dialog--try{background:#ffe3d6}.fg-dialog h2{font:800 1.3em var(--font-display);margin:0 0 .35em}.fg-dialog p{margin:.4em 0 0}.fg-dialog--try{left:calc(var(--safe-left) + 14px);text-align:start;max-width:min(30rem,46vw);max-height:calc(100% - 8em);overflow-y:auto;translate:0 -50%}.fg-dialog ul{margin:.35em 0 0;padding-inline-start:1.2em}.fg-dialog li{margin:.25em 0}.fg-dialog--try button{margin-inline:auto;display:block}.fg-dialog button{font:800 1em var(--font-display);color:var(--navy);background:var(--yellow);border:3px solid var(--navy);box-shadow:0 4px 0 var(--navy);cursor:pointer;border-radius:999px;margin-top:.8em;padding:.45em 1.6em}.fg-dialog button:focus-visible,.fg-back:focus-visible,.fg-help:focus-visible{outline:4px solid var(--yellow);outline-offset:3px}@media (height<=500px){.fg-card{top:auto;left:50%;right:auto;bottom:calc(var(--safe-bottom) + 10px);white-space:nowrap;align-items:center;gap:.6em;width:auto;max-width:calc(100% - 22em);padding:.35em .9em;display:flex;translate:-50%}.fg-card h3{text-overflow:ellipsis;margin:0;font-size:1em;overflow:hidden}.fg-card p{display:none}.fg-hud:has(>.sp-done)>.fg-card{top:calc(var(--safe-top) + 14px);bottom:auto;left:auto;right:calc(var(--safe-right) + 14px);white-space:normal;border-radius:14px;max-width:calc(50% - 150px);translate:none}.fg-hud:has(>.sp-done)>.fg-card.fg-steps{flex-direction:column;align-items:flex-start;gap:.25em}.fg-card .fg-stephead .fg-pill{white-space:nowrap}.fg-hud:has(>.sp-done)>.fg-card h3{-webkit-line-clamp:3;white-space:normal;text-overflow:clip;-webkit-box-orient:vertical;font-size:.85em;line-height:1.15;display:-webkit-box}}.hw .fg-room,.bg .fg-room,.ff-game .fg-room{-webkit-mask-image:linear-gradient(#0000,#000 140px);mask-image:linear-gradient(#0000,#000 140px)}.fg-callout{z-index:90;pointer-events:none;flex-direction:column;align-items:center;animation:.9s ease-in-out infinite alternate fg-callout-bob;display:flex;position:absolute;translate:-50% -100%}.fg-callout[hidden],.hw-start-ring[hidden]{display:none}.fg-callout-bubble{font:800 60px/1 var(--font-display);letter-spacing:.01em;color:var(--navy);white-space:nowrap;border:7px solid var(--navy);box-shadow:0 9px 0 var(--navy);background:#fffaf0;border-radius:30px;padding:14px 34px 16px;position:relative;rotate:-3deg}.fg-callout-bubble:after{content:"";border-right:7px solid var(--navy);border-bottom:7px solid var(--navy);background:#fffaf0;border-bottom-right-radius:8px;width:34px;height:34px;position:absolute;bottom:-27px;left:50%;translate:-50%;rotate:45deg}.fg-callout-arrow{width:120px;height:130px;margin-top:26px;display:block}.fg-callout-arrow svg{width:100%;height:100%;filter:drop-shadow(0 8px 0 var(--navy));display:block;overflow:visible}.fg-callout-arrow path{fill:var(--yellow);stroke:var(--navy);stroke-width:8px;stroke-linejoin:round}.fg-callout-bubble[hidden]{display:none}.fg-callout-bubble[hidden]+.fg-callout-arrow{margin:0}.fg-callout--small .fg-callout-arrow{width:70px;height:76px}.fg-callout--up{flex-direction:column-reverse;animation-name:fg-callout-rise;translate:-50%}.fg-callout--up .fg-callout-arrow{margin:0 0 26px;rotate:180deg}.fg-callout--up .fg-callout-bubble:after{top:-27px;bottom:auto;rotate:225deg}@keyframes fg-callout-rise{to{translate:-50% 20px}}.fg-callout--right .fg-callout-bubble:after{display:none}.fg-callout--right{animation-name:fg-callout-nudge;translate:-100% -50%}.fg-callout--right .fg-callout-arrow{margin:18px 0 0;rotate:-90deg}@keyframes fg-callout-nudge{to{translate:calc(18px - 100%) -50%}}.hw-start-ring{z-index:89;border:8px solid var(--yellow);pointer-events:none;border-radius:50%;width:170px;height:120px;animation:1.4s ease-out infinite hw-start-ring;position:absolute;translate:-50% -50%;box-shadow:0 0 0 4px #1f2c5c59,0 0 30px #ffc93ccc}@keyframes fg-callout-bob{to{translate:-50% calc(20px - 100%)}}@keyframes hw-start-ring{0%{opacity:1;scale:.7}to{opacity:0;scale:1.35}}@media (prefers-reduced-motion:reduce){.fg-callout,.hw-start-ring{animation:none}}:root[data-reduced-motion=true] .fg-callout,:root[data-reduced-motion=true] .hw-start-ring{animation:none}.hw-spot{z-index:80;pointer-events:none;background:0 0;border:0;border-radius:34px;padding:0;position:absolute}.hw-spot:focus-visible{outline:12px solid var(--yellow);outline-offset:6px;box-shadow:0 0 0 26px var(--navy)}.hw-stream{z-index:30;opacity:0;transform-origin:50% 0;pointer-events:none;background:repeating-linear-gradient(#cdecffeb 0 34px,#96cdf5eb 34px 68px);border:4px solid #3c78b473;border-top:0;border-radius:0 0 22px 22px;width:44px;margin-left:-22px;transition:opacity .18s,transform .22s ease-out;position:absolute;transform:scaleY(0)}.hw--running .hw-stream{opacity:1;transform:scaleY(1)}@media (prefers-reduced-motion:no-preference){.hw-stream{animation:.45s linear infinite hw-flow}}@keyframes hw-flow{to{background-position:0 68px}}.hw-lever,.hw-tapcap{z-index:26;pointer-events:none;position:absolute}.hw-tapcap{z-index:27}.hw-lever{transition:transform .26s cubic-bezier(.3,1.4,.5,1)}.hw--running .hw-lever{transform:rotate(var(--lever-on))}@media (prefers-reduced-motion:reduce){.hw-lever{transition:none}}.hw-lid,.hw-binopen{z-index:25;transform-origin:20% 30%;pointer-events:none;position:absolute}.hw-binopen{z-index:24}.hw-hand{z-index:40;pointer-events:none;position:absolute}.hw-hand__in{width:100%;height:100%;position:relative}.hw-hand__img{width:100%;height:100%;display:block}@media (prefers-reduced-motion:no-preference){.hw--rubbing .hw-hand--left .hw-hand__in{animation:.34s ease-in-out infinite alternate hw-rub-left}.hw--rubbing .hw-hand--right .hw-hand__in{animation:.34s ease-in-out infinite alternate hw-rub-right}}@keyframes hw-rub-left{0%{transform:translate(0)rotate(0)}to{transform:translate(70px,-18px)rotate(4deg)}}@keyframes hw-rub-right{0%{transform:translateY(-12px)rotate(0)}to{transform:translate(-70px,6px)rotate(-4deg)}}.hw-germ,.hw-foam,.hw-drop{pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.hw-germ{filter:drop-shadow(0 0 10px #96eb78d9)}.hw-germ--gone{visibility:hidden}.hw--germsLeft .hw-germ{filter:drop-shadow(0 0 18px #96ff6e)drop-shadow(0 0 8px #96ff6e)}@media (prefers-reduced-motion:no-preference){.hw--germsLeft .hw-germ{animation:.8s ease-in-out infinite alternate hw-glow}}@keyframes hw-glow{to{transform:translate(-50%,-50%)scale(1.18)}}.hw-foam{opacity:0;width:34%;transform:translate(-50%, -50%) scale(var(--lather,.55));transition:opacity .25s,transform .3s}.hw--soap .hw-foam{opacity:1}.hw-drop{opacity:0;background:#b9e4ffe6;border:4px solid #285fa08c;border-radius:50%/60% 60% 40% 40%;width:24px;height:32px;transition:opacity .3s}.hw--wet .hw-drop{opacity:1}.hw-splash{z-index:45;pointer-events:none;background:#b9e4fff2;border:4px solid #285fa080;border-radius:50%;width:26px;height:26px;margin:-13px 0 0 -13px;position:absolute}.hw-blob{z-index:50;pointer-events:none;width:120px;position:absolute;transform:translate(-50%,-50%)}.hw-blob--held{width:90px;transform:translate(-50%,-50%)}.hw-towel{z-index:60;filter:drop-shadow(0 10px 8px #141e3240);pointer-events:none;position:absolute;transform:translate(-50%,-50%)rotate(-8deg)}.hw-rub{z-index:86;font:800 50px var(--font-display);color:var(--navy);white-space:nowrap;pointer-events:none;border:6px solid var(--navy);box-shadow:0 7px 0 var(--navy);background:#fff3c4;border-radius:999px;align-items:center;gap:.35em;padding:.15em .8em .2em .45em;display:flex;position:absolute;translate:-50% -100%}.hw-rub[hidden]{display:none}.hw-rub svg{width:2.6em;height:1.75em;fill:var(--navy);overflow:visible}.hw-rub-finger{animation:.9s ease-in-out infinite hw-rub}.hw-rub-arrow{opacity:.55}@keyframes hw-rub{0%,to{translate:-7px}50%{translate:7px}}@media (prefers-reduced-motion:reduce){.hw-rub-finger{animation:none}}:root[data-reduced-motion=true] .hw-rub-finger{animation:none}.hw-count{z-index:85;font:800 64px var(--font-display);color:var(--navy);white-space:nowrap;background:var(--cream);border:8px solid var(--navy);box-shadow:0 10px 0 var(--navy);pointer-events:none;border-radius:999px;padding:.1em .9em .2em;position:absolute;top:410px;left:1378px;translate:-50%}.hw-count--full{color:#fff8ec;background:#57b85b}.hw-sparkle{z-index:90}.fg-dialog ol{margin:.35em 0 0;padding-inline-start:1.5em}@media (height<=500px){.hw .fg-card{white-space:normal;max-width:calc(100% - 30em)}.hw .fg-card h3{white-space:normal;font-size:.9em}}.bg-rackfront{z-index:20;pointer-events:none;position:absolute}.bg-effects{z-index:50;pointer-events:none;position:absolute;inset:0}.bg-thing,.bg-food{pointer-events:none;background:0 0;border:0;padding:0;position:absolute}.bg-food{z-index:35}.bg-thing__img,.bg-food__img{width:100%;height:100%;display:block}.bg-thing--board[data-at=rack] .bg-thing__img{filter:drop-shadow(-10px 4px 8px #141e3247)}.bg-thing__img{transform:rotate(var(--tilt,0deg));transform-origin:50% 100%;transition:transform .16s ease-out,filter .16s}.bg-thing--held{z-index:60!important}.bg-thing--held .bg-thing__img{transform:translateY(-46px) rotate(var(--tilt,0deg)) scale(1.04);filter:drop-shadow(0 22px 14px #141e3259)}.bg-thing--dragging{z-index:70!important}.bg-thing--dragging .bg-thing__img{transition:none}.bg-thing:focus-visible,.bg-food:focus-visible{outline:12px solid var(--yellow);outline-offset:6px;box-shadow:0 0 0 26px var(--navy)}.bg-colourtag{font:800 30px var(--font-display);color:var(--navy);white-space:nowrap;background:var(--cream);border:4px solid var(--navy);pointer-events:none;border-radius:999px;padding:.05em .5em .12em;display:none;position:absolute;top:14%;left:50%;translate:-50%}.bg--names .bg-colourtag{display:block}.bg-thing--board[data-at=rack] .bg-colourtag{font-size:26px;top:20%;left:27%}.bg-thing--knife .bg-colourtag{font-size:24px;top:auto;bottom:4%}.bg-thing--knife[data-at=food] .bg-colourtag{top:-70%;bottom:auto;left:18%}.bg-thing--board[data-at=food] .bg-colourtag{top:auto;bottom:8%;left:14%}.bg-badge{z-index:45;width:184px;height:184px;font:800 36px/1.05 var(--font-display);text-align:center;color:var(--navy);border:6px solid var(--navy);box-shadow:0 7px 0 var(--navy), inset 0 0 0 6px #fff8ec, inset 0 0 0 9px var(--navy);pointer-events:none;background:#fff8ec;border-radius:50%;place-items:center;padding:14px;display:grid;position:absolute;translate:-50% -50%;rotate:8deg}.bg-sign{z-index:8;font:800 60px/1.1 var(--font-display);text-align:center;color:var(--navy);border:8px solid var(--navy);box-shadow:0 12px 0 var(--navy);pointer-events:none;background:#fff8ec;border-radius:22px;padding:.35em .8em .45em;position:absolute;translate:-50%}.bg-sign[hidden]{display:none}.bg-name{z-index:85;font:800 38px var(--font-display);color:var(--navy);white-space:nowrap;background:var(--yellow);border:5px solid var(--navy);box-shadow:0 6px 0 var(--navy);pointer-events:none;border-radius:999px;padding:.1em .8em .2em;position:absolute;translate:-50% -100%}.bg-germ{filter:drop-shadow(0 0 12px #96eb78e6);width:84px;position:absolute;transform:translate(-50%,-50%)}.bg-sparkle{z-index:90}.pw .fg-room{-webkit-mask-image:linear-gradient(#0000,#000 140px);mask-image:linear-gradient(#0000,#000 140px)}.pw-spot{z-index:80;pointer-events:none;background:0 0;border:0;border-radius:30px;padding:0;position:absolute}.pw-spot:focus-visible{outline:12px solid var(--yellow);outline-offset:6px;box-shadow:0 0 0 26px var(--navy)}.pw-water{z-index:35;pointer-events:none;background:linear-gradient(#aad7f000,#a0d2ee80 35%,#96cdeb9e);border-radius:0 0 36px 36px;position:absolute}.pw-sinksuds{z-index:35;pointer-events:none;width:170px;position:absolute;transform:translate(-50%,-50%)}.pw-water--sanitise{background:linear-gradient(#aad7f500,#96c8f58c 30%,#8cbef0b8)}.pw-pot{pointer-events:none;position:absolute}.pw-pot__img{width:100%;height:100%;position:absolute;inset:0}.pw-pot__dirty{transition:opacity .12s linear}.pw-scrap,.pw-suds{width:26%;position:absolute;transform:translate(-50%,-50%)}.pw-suds{opacity:.9;width:24%}@media (prefers-reduced-motion:no-preference){.pw-pot--scrubbing{animation:.22s ease-in-out infinite alternate pw-scrub}}@keyframes pw-scrub{0%{transform:translate(-14px)rotate(-3deg)}to{transform:translate(14px)rotate(3deg)}}.pw-label{z-index:8;max-width:340px;font:800 32px/1.15 var(--font-body);text-align:center;color:var(--navy);border:5px solid var(--navy);box-shadow:0 6px 0 var(--navy);pointer-events:none;background:#fff8ec;border-radius:14px;padding:.25em .6em .35em;position:absolute;translate:-50% -50%;rotate:-2deg}.pw-ring{z-index:9;opacity:0;pointer-events:none;transition:opacity .2s;position:absolute}.pw--timing .pw-ring{opacity:1}.pw-ring__track{fill:none;stroke:#1b1a3a40;stroke-width:10px}.pw-ring__fill{fill:none;stroke:var(--yellow);stroke-width:10px;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px;transform:rotate(-90deg)}.pw-ring--full .pw-ring__fill{stroke:#57b85b}.pw-count{z-index:9;font:800 46px var(--font-display);color:var(--navy);white-space:nowrap;background:var(--cream);border:6px solid var(--navy);box-shadow:0 7px 0 var(--navy);opacity:0;pointer-events:none;border-radius:999px;padding:.05em .7em .15em;position:absolute;translate:-50%}.pw--timing .pw-count{opacity:1}.pw-count--scrub{z-index:70;opacity:1;translate:-50% -50%}.pw-count--scrub[hidden]{display:none}.pw-count--full{color:#fff8ec;background:#57b85b}.pw-hold{z-index:70;font:800 46px var(--font-display);color:var(--navy);white-space:nowrap;pointer-events:none;border:6px solid var(--navy);box-shadow:0 7px 0 var(--navy);background:#fff3c4;border-radius:999px;align-items:center;gap:.35em;padding:.15em .8em .2em .45em;display:flex;position:absolute;translate:-50% -50%}.pw-hold[hidden]{display:none}.pw-hold svg{width:1.5em;height:1.5em;fill:var(--navy);color:var(--navy);animation:1.1s ease-in-out infinite pw-press}@keyframes pw-press{50%{translate:0 .12em;scale:.9}}@media (prefers-reduced-motion:reduce){.pw-hold svg{animation:none}}.pw-hint{right:calc(var(--safe-right) + 14px);top:calc(var(--safe-top) + 14px + 6.4em);pointer-events:none;background:#fff3c4;width:min(22em,32vw);padding:.6em 1em .7em}.pw-hint[hidden]{display:none}.pw-hint p{opacity:.8;margin:.35em 0 0}.pw-hint h3{font:800 1.15em var(--font-display);margin:.15em 0 0}.pw-spot--hint{outline:10px dashed var(--yellow);outline-offset:4px;border-radius:30px;box-shadow:0 0 0 22px #ffc93c40}@media (prefers-reduced-motion:no-preference){.pw-spot--hint{animation:1s ease-in-out infinite alternate pw-hint-glow}}@keyframes pw-hint-glow{to{box-shadow:0 0 0 40px #ffc93c1a}}@media (height<=500px){.pw-hint{top:auto;bottom:calc(var(--safe-bottom) + 3.6em);width:auto;max-width:calc(100% - 22em);left:50%;right:auto;translate:-50%}}.pw-effects{z-index:60;pointer-events:none;position:absolute;inset:0}.pw-binscraper{pointer-events:none;position:absolute}.pw-fallbit{width:80px;position:absolute;transform:translate(-50%,-50%)}.pw-towel{background:repeating-linear-gradient(90deg,#fff6dc 0 26px,#f1e3bd 26px 30px);border:5px solid #b58a4a;border-radius:18px 18px 30px 30px;width:230px;height:260px;position:absolute;transform:translate(-50%,-50%)}.pw-germ{filter:drop-shadow(0 0 14px #96ff6e);width:90px;position:absolute;transform:translate(-50%,-50%)}.pg-source,.pg-sourcelid,.pg-bin,.pg-tub,.pg-tubfood,.pg-lid{pointer-events:none;position:absolute}.pg-source{z-index:32}.pg-sourcelid{z-index:34}.pg-sourcelid[hidden]{display:none}.pg-bin{z-index:26}.pg-bin--front{z-index:29}.pg-tub{z-index:30}.pg-tubfood{z-index:31}.pg-lid{z-index:34}.pg-tubfood[hidden],.pg-lid[hidden]{display:none}.pg-tublabel{z-index:33;translate:-50% -50%;transform:skewY(var(--skew,0deg));width:var(--w,144px);height:var(--h,116px);font:800 17px/1 var(--font-display);text-align:center;color:var(--navy);pointer-events:none;background:linear-gradient(#fffaf0,#fbefd8);border:3px solid #8d6a4c;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 6px 7px;display:flex;position:absolute}.pg-sticker-pics{flex:1;justify-content:center;align-items:center;gap:2px;width:100%;min-height:0;display:flex}.pg-sticker-pics img{object-fit:contain;filter:drop-shadow(0 2px 1px #3c281440);max-width:100%;max-height:100%}.pg-sticker-pics--two img{max-width:50%}.pg-sticker-gf{aspect-ratio:1;flex:none;width:46%;max-height:100%;display:grid}.pg-sticker-gf svg{width:100%;height:100%}:is(.pg-sticker-gf+img,.pg-sticker-pics:has(.pg-sticker-gf) img){max-width:52%}.pg-sticker-word{white-space:nowrap;display:block}.pg-ticket{z-index:8;pointer-events:none;position:absolute;rotate:3deg}.pg-ticket__paper{width:100%;height:100%;position:absolute;inset:0}.pg-ticket__foods{flex-direction:column;justify-content:space-around;align-items:center;display:flex;position:absolute;inset:24% 12% 10%}.pg-ticket__row{justify-content:center;align-items:center;gap:8%;width:100%;height:30%;display:flex}.pg-ticket__num{width:68px;height:68px;font:800 44px/1 var(--font-display);color:var(--navy);background:var(--yellow);border:5px solid var(--navy);border-radius:50%;flex:none;place-items:center;display:grid}.pg-ticket__food{object-fit:contain;max-width:58%;max-height:100%}.pg-food{pointer-events:none;background:0 0;border:0;padding:0;position:absolute}.pg-food[hidden]{display:none}.pg-food__img{object-fit:contain;transform-origin:50% 100%;width:100%;height:100%;transition:opacity .16s,transform .16s;position:absolute;inset:0}.pg-food:focus-visible{outline:12px solid var(--yellow);outline-offset:6px;box-shadow:0 0 0 26px var(--navy)}.pg-glow{outline:10px dashed var(--yellow);outline-offset:8px;border-radius:24px}.xv{z-index:100;padding:calc(var(--safe-top) + 12px) calc(var(--safe-right) + 12px) calc(var(--safe-bottom) + 12px) calc(var(--safe-left) + 12px);background:#1b1a3ad1;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.xv-frame{aspect-ratio:16/9;background:var(--cream);border:var(--outline) solid var(--navy);width:min(100%,177.778dvh - 195.556px);box-shadow:0 6px 0 var(--navy);border-radius:22px;position:relative;overflow:hidden}.xv-video,.xv-still{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.xv--stills .xv-video{opacity:0}.xv-bar{gap:12px;display:flex}.xv-btn{min-width:7em;min-height:48px;font:800 clamp(16px, 1vw + 10px, 24px) var(--font-display);color:var(--navy);background:var(--cream);border:3px solid var(--navy);box-shadow:0 4px 0 var(--navy);cursor:pointer;border-radius:999px;padding:.4em 1.4em}.xv-btn--main{background:var(--yellow)}.xv-btn:focus-visible{outline:4px solid var(--yellow);outline-offset:3px}.pg-binlabel{z-index:30}.pg-binlabel .pg-sticker-pics img{filter:grayscale()brightness(.95)}.pg-badge{z-index:36;width:100px;height:100px;box-shadow:0 5px 0 var(--navy), inset 0 0 0 4px #fff8ec, inset 0 0 0 6px var(--navy);border-width:4px;align-content:center;gap:2px;padding:6px;font-size:15px;rotate:0deg}.pg-badge-icon{width:38px;height:38px;margin:0 auto;display:block}.pg-badge-icon svg{width:100%;height:100%;display:block}.sp-thing{cursor:pointer;background:0 0;border:0;border-radius:28px;padding:0;position:absolute}.sp-thing:focus-visible{outline:10px solid var(--yellow);outline-offset:6px}.sp-thing--marked{box-shadow:0 0 0 10px var(--yellow), 0 0 0 16px var(--navy)}.sp-thing--marked:after{content:"!";width:60px;height:60px;font:800 40px/1 var(--font-display);color:var(--yellow);background:var(--navy);border:5px solid var(--cream);border-radius:50%;place-items:center;display:grid;position:absolute;top:-26px;right:-26px}.sp-thing--fine{box-shadow:0 0 0 10px #5fb85a, 0 0 0 16px var(--navy)}.sp-thing--fine:after{content:"✓";color:#fff;background:#5fb85a}.sp-effects{pointer-events:none;position:absolute;inset:0}.sp-done{right:calc(var(--safe-right) + 14px + 2 * 3.38em + 26px);bottom:calc(var(--safe-bottom) + 14px);min-height:56px;font:800 clamp(20px, 1.8vw, 32px)/1 var(--font-display);color:var(--navy);background:linear-gradient(#ffd75e, var(--yellow));cursor:pointer;pointer-events:auto;padding:.55em 1.4em;position:absolute}.sp-zone{pointer-events:none;background:radial-gradient(closest-side,#ffc93c73,#ffc93c2e 70%,#0000);border-radius:60px;animation:1.4s ease-in-out infinite sp-zone;position:absolute;box-shadow:0 0 0 10px #ffc93cd9,0 0 0 16px #1b1a3a59}@keyframes sp-zone{50%{box-shadow:0 0 0 16px #ffc93c40}}@media (prefers-reduced-motion:reduce){.sp-zone{animation:none}}.fg-hear{right:calc(var(--safe-right) + 14px + 3.6em);bottom:calc(var(--safe-bottom) + 14px);width:2.6em;height:2.6em;font:800 1.3em var(--font-display);color:var(--navy);cursor:pointer;pointer-events:auto;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute}.fg-hear svg{width:58%;height:58%}.fg-hear:focus-visible{outline:4px solid var(--yellow);outline-offset:3px}.gr-layer{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.gr-layer[hidden],.gr-item[hidden]{display:none}.gr-chef,.gr-item{cursor:pointer;background:0 0;border:0;border-radius:24px;padding:0;position:absolute}.gr-item img{pointer-events:none;width:100%;height:100%;display:block}.gr-chef:focus-visible,.gr-item:focus-visible{outline:10px solid var(--yellow);outline-offset:6px}.gr-glow{animation:1.4s ease-in-out infinite sp-zone;box-shadow:0 0 0 10px #ffc93ce6,0 0 0 18px #1b1a3a59}@media (prefers-reduced-motion:reduce){.gr-glow{animation:none}}:root:not([data-names=on]) .g2-label--hidden{display:none}.g2-names{z-index:4;right:max(16px, var(--safe-right));bottom:max(16px, var(--safe-bottom));min-height:48px;font:800 clamp(15px, .8vw + 7px, 22px) / 1 var(--font-display);cursor:pointer;border-radius:999px;align-items:center;gap:.55em;padding:.3em .8em;display:flex}.g2-names:focus-visible{outline:4px solid var(--yellow);outline-offset:3px}.g2-names__aa{font-size:1.1em}.g2-names__switch{border:3px solid var(--navy);background:#d9d5e4;border-radius:999px;width:2.4em;height:1.35em;transition:background .15s;position:relative}.g2-names__switch i{border:3px solid var(--navy);background:#fff;border-radius:50%;width:.95em;height:.95em;transition:left .15s;position:absolute;top:50%;left:.12em;translate:0 -50%}.g2-names[aria-pressed=true] .g2-names__switch{background:var(--yellow)}.g2-names[aria-pressed=true] .g2-names__switch i{left:calc(100% - 1.07em)}@media (prefers-reduced-motion:reduce){.g2-names__switch,.g2-names__switch i{transition:none}}.g2-todo{z-index:4;right:max(16px, var(--safe-right));top:max(14px, var(--safe-top));pointer-events:none;flex-direction:column;align-items:flex-end;gap:10px;max-width:min(420px,60vw);display:flex;position:absolute}.g2-todo__btn{text-align:left;cursor:pointer;max-width:100%;min-height:48px;font:inherit;border-radius:999px;align-items:center;gap:.6em;padding:.35em .8em .35em .7em;display:flex;position:relative}.g2-todo__btn svg{width:100%;height:100%;display:block}.g2-todo__icon{flex:none;width:clamp(22px,1.6vw,30px);height:clamp(22px,1.6vw,30px)}.g2-todo__text{flex-direction:column;min-width:0;line-height:1.1;display:flex}.g2-todo__text small{opacity:.75;font-size:clamp(11px,.6vw + 5px,15px);font-weight:700}.g2-todo__text b{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;font-size:clamp(15px,.9vw + 6px,24px);overflow:hidden}.g2-todo__caret{flex:none;width:22px;height:22px;transition:rotate .15s}.g2-todo--open .g2-todo__caret{rotate:180deg}.g2-todo__btn:focus-visible,.g2-todo__item:focus-visible{outline:4px solid var(--yellow);outline-offset:3px}.g2-todo__list{min-width:min(300px,60vw);max-height:calc(100dvh - var(--todo-top,110px) - 96px - max(16px, var(--safe-bottom)));overscroll-behavior:contain;border-radius:20px;flex-direction:column;gap:6px;margin:0;padding:10px;list-style:none;display:flex;position:static;overflow-y:auto}.g2-todo__list[hidden]{display:none}.g2-todo__item{width:100%;min-height:48px;font:800 clamp(15px, .8vw + 7px, 22px) / 1.15 var(--font-display);color:var(--navy);text-align:left;cursor:pointer;background:0 0;border:3px solid #0000;border-radius:14px;align-items:center;gap:.6em;padding:.35em .7em;display:flex}.g2-todo__item:hover{border-color:var(--navy)}.g2-todo__item--next{background:var(--yellow);border-color:var(--navy)}.g2-todo__item--done{color:#4f4c66}.g2-todo__check{border:3px solid var(--navy);background:#fff;border-radius:8px;flex:none;place-items:center;width:1.4em;height:1.4em;padding:.15em;display:grid}.g2-todo__item--done .g2-todo__check{color:#fff;background:#3f9b52}.g2-todo__check svg{width:100%;height:100%;display:block}.g2-todo__next{background:var(--cream);border:2px solid var(--navy);border-radius:8px;margin-left:auto;padding:.1em .5em;font-size:.7em}@media (prefers-reduced-motion:reduce){.g2-todo__caret{transition:none}}.fg-dialog.ep{text-align:center;width:min(60rem,94vw);max-width:none;max-height:calc(100% - 1.5em);padding:.9em 1.2em 1em;top:50%;left:50%;overflow-y:auto;translate:-50% -50%}.ep .ep-lead{margin:0 0 .6em}.ep ul,.ep ol{margin:0;padding:0;list-style:none}.ep-grid{grid-template-columns:repeat(auto-fill,minmax(min(150px,30%),1fr));gap:.7em;display:grid}.ep-grid--few{grid-template-columns:repeat(auto-fit,minmax(min(150px,30%),220px));justify-content:center}.ep-card{align-content:start;gap:.3em;display:grid}.ep-pic,.ep-crop{aspect-ratio:4/3;border:3px solid var(--navy);background-color:#fff;background-repeat:no-repeat;border-radius:12px;position:relative;overflow:hidden}.ep-pic{justify-content:center;align-items:center;gap:4%;padding:6%;display:flex}.ep-pic img{object-fit:contain;min-width:0;max-width:100%;max-height:100%}.ep-pic--many img{max-width:48%}.ep-pic--labels{container-type:size}.ep-lab{min-width:0;height:100%;display:flex;position:relative}.ep-pic--many .ep-lab{max-width:48%;height:auto;max-height:100%}.ep-lab img{max-width:100%;max-height:100%}.ep-lab-text{text-align:center;color:var(--navy);place-content:center;line-height:1;display:grid;position:absolute}.ep-lab-text small{font:800 5cqh/1 var(--font-body)}.ep-lab-text b{font:800 9cqh/1.05 var(--font-display);white-space:nowrap}.ep-card--right .ep-pic,.ep-card--right .ep-crop{border-color:#3f9b52;box-shadow:0 0 0 3px #3f9b52}.ep-card--fix .ep-pic,.ep-card--fix .ep-crop{border-color:#c4452f;box-shadow:0 0 0 3px #c4452f}.ep-badge{font:800 .8em/1 var(--font-display);border:2px solid var(--navy);background:#fff;border-radius:999px;align-items:center;gap:.3em;padding:.15em .55em .15em .2em;display:inline-flex;position:absolute;top:6px;left:6px}.ep-badge b{color:#fff;background:#3f9b52;border-radius:50%;place-items:center;width:1.4em;height:1.4em;display:grid}.ep-card--fine .ep-badge b{background:#3d7fc4}.ep-badge img{object-fit:contain;width:1.6em;max-width:none;height:1.6em}.ep-card--fix .ep-badge{color:#fff;background:#c4452f}.ep-cap{font:700 .85em/1.2 var(--font-body)}.ep-row{border-top:2px dashed #1b1a3a40;margin-top:.8em;padding-top:.6em}.ep-row h3{font:800 .95em var(--font-display);margin:0 0 .4em}.ep-row ul,.ep-row ol{flex-wrap:wrap;justify-content:center;gap:.9em;display:flex}.ep-row li{width:clamp(64px,8.5vw,110px);font:800 .8em/1.15 var(--font-display);align-content:start;justify-items:center;gap:.25em;display:grid}.ep-row ol{counter-reset:ep-step}.ep-row ol li{counter-increment:ep-step}.ep-row ol li>span:first-of-type:before{content:counter(ep-step) ". "}.ep-rowpic{aspect-ratio:1;background-size:200% 200%;border-radius:12px;width:clamp(54px,7vw,90px);padding:8%}.ep-rowpic.ep-crop{padding:0}.ep-row--stack ul{border:3px solid var(--navy);background:#e9eef3;border-radius:14px;flex-direction:column;align-items:center;gap:0;width:min(100%,22rem);margin:0 auto;overflow:hidden}.ep-row--stack li{border-bottom:4px solid #9aa7b4;justify-content:space-between;align-items:center;width:100%;padding:.15em .8em;font-size:.95em;display:flex}.ep-row--stack li:last-child{border-bottom:0}.ep-row--stack .ep-rowpic{aspect-ratio:2.6;background:0 0;border:0;order:2;width:12em;padding:1% 2%}.ep-chef{z-index:6;right:calc(max(8px, var(--safe-right)) + 5%);bottom:calc(max(4px, var(--safe-bottom)) + 9%);pointer-events:none;filter:drop-shadow(0 6px #1b1a3a40);width:auto;height:min(44%,400px);animation:.6s cubic-bezier(.3,1.6,.5,1) both ep-chef-in;position:absolute}@keyframes ep-chef-in{0%{opacity:0;translate:0 40px}}@media (prefers-reduced-motion:reduce){.ep-chef{animation:none}}@media (height<=500px){.fg-dialog.ep{width:96vw;max-height:calc(100% - 12px);padding:.45em .8em .6em;font-size:14px}.ep h2{margin-bottom:.15em;font-size:1.25em}.ep .ep-lead{margin-bottom:.4em}.ep-grid,.ep-grid--few{grid-template-columns:repeat(auto-fit,minmax(84px,102px));justify-content:center;gap:.45em}.ep-cap{font-size:.8em}.ep-badge{font-size:.75em}.ep-row{margin-top:.45em;padding-top:.35em}.ep-row h3{margin-bottom:.25em}.ep-row li{width:70px;font-size:.75em}.ep-rowpic{width:44px}.ep .fg-btn,.ep button{margin-top:.4em}.ep-chef{height:min(52%,190px);right:max(6px, var(--safe-right));bottom:max(4px, var(--safe-bottom))}}.ff-dayname{font:800 30px/1 var(--font-display);color:var(--navy);pointer-events:none;place-items:end center;padding-bottom:6px;display:grid;position:absolute}.ff-slot{cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid;position:absolute}.ff-slot:hover:not(:disabled),.ff-slot:focus-visible{outline:4px solid var(--navy);outline-offset:-4px;background:#ffc93c59}.ff-slot:disabled{cursor:default}.ff-slot:disabled .ff-slot-icon{opacity:.35}.ff-slot-icon{pointer-events:none;width:62%}.ff-slot--picked{background:var(--yellow);outline:5px solid var(--navy);outline-offset:-5px}.ff-tag{font:800 20px/1.1 var(--font-display);white-space:nowrap;color:#fff;background:var(--navy);pointer-events:none;border-radius:999px;padding:2px 8px;position:absolute;bottom:4px;left:50%;translate:-50%}.ff-tag--sick{background:#c4452f}.ff-phone{background:var(--cream);border:10px solid var(--navy);box-shadow:0 14px 0 var(--navy);border-radius:64px;grid-template-rows:auto 1fr auto;gap:18px;padding:34px 30px 30px;display:grid;position:absolute}.ff-phone-head{font:800 36px/1.1 var(--font-display);color:var(--navy);border-bottom:4px solid #1b1a3a26;align-items:center;gap:18px;padding-bottom:16px;display:flex}.ff-face{border:5px solid var(--navy);background:#cfe5f7;border-radius:50%;width:120px;height:120px}.ff-chat{flex-direction:column;justify-content:flex-end;gap:18px;display:flex;overflow:hidden}.ff-bubble{max-width:85%;font:600 32px/1.25 var(--font-body);color:var(--navy);border:4px solid var(--navy);background:#fff;border-radius:28px 28px 28px 6px;margin:0;padding:18px 24px}.ff-bubble--mine{background:#d9ecfb;border-radius:28px 28px 6px;align-self:flex-end}.ff-replies{gap:14px;display:grid}.ff-replies[hidden]{display:none}.ff-option{align-items:stretch;gap:10px;display:flex}.ff-option .ff-reply{flex:1;align-items:center;gap:14px;display:flex}.ff-letter{width:54px;height:54px;font:800 34px/1 var(--font-display);color:var(--navy);background:var(--yellow);border:4px solid var(--navy);border-radius:50%;flex:none;place-items:center;display:grid}.ff-say{width:76px;color:var(--navy);border:4px solid var(--navy);box-shadow:0 6px 0 var(--navy);cursor:pointer;background:#fff;border-radius:24px;flex:none;place-items:center;padding:0;display:grid}.ff-say svg{width:42px;height:42px}.ff-say:hover,.ff-say:focus-visible{outline:6px solid var(--yellow);outline-offset:2px;background:#fff6d9}.ff-reply{font:700 30px/1.25 var(--font-body);color:var(--navy);text-align:left;border:4px solid var(--navy);box-shadow:0 6px 0 var(--navy);cursor:pointer;background:#fff;border-radius:24px;padding:18px 22px}.ff-reply:hover,.ff-reply:focus-visible{outline:6px solid var(--yellow);outline-offset:2px;background:#fff6d9}.sp-done:disabled{opacity:.5;cursor:default}.ff-mini.ep-pic{background:#fff;grid-template-rows:auto 1fr 1fr;grid-template-columns:repeat(7,1fr);place-items:stretch stretch;gap:3px;padding:22% 5% 5%;display:grid}.ff-mini-day{font:800 .62em/1 var(--font-display);text-align:center}.ff-mini-cell{border:2px solid #c9cde0;border-radius:4px;place-items:center;display:grid}.ff-mini-cell img{width:70%}.ff-mini-cell--sick{background:#f6c9bf}.ff-mini-cell--right{background:#9ed69a;border-color:#3f9b52}.ff-mini-cell--fix{background:#f3a493;border-color:#c4452f}.tb-place{cursor:pointer;background:0 0;border:0;border-radius:18px;padding:0;position:absolute}.tb-place--table{cursor:default}.tb-place--ready:hover,.tb-place:focus-visible{outline:8px solid var(--yellow);outline-offset:-8px;background:#ffc93c2e}.tb-thing{cursor:pointer;background:0 0;border:0;padding:0;transition:translate .18s ease-out;position:absolute;translate:-50% -100%}.tb-thing img{object-fit:contain;pointer-events:none;width:100%;height:auto;margin:0 auto;display:block}.tb-thing--away img{width:auto;max-width:100%}.tb-thing--held{filter:drop-shadow(0 0 10px var(--yellow)) drop-shadow(0 0 4px var(--yellow));z-index:3;translate:-50% -112%}.tb-thing:focus-visible{outline:6px solid var(--navy);outline-offset:6px;border-radius:10px}.tb-thing--hint{filter:drop-shadow(0 0 14px #fff) drop-shadow(0 0 6px var(--yellow))}@media (prefers-reduced-motion:reduce){.tb-thing{transition:none}}.cd-sheen{pointer-events:none;border-radius:14px;transition:background .4s;position:absolute}.cd-sheen--wet{background:radial-gradient(circle at 30% 40%,#fffffff2 0 9px,#ffffff80 10px,#0000 12px) 0 0/120px 70px,radial-gradient(circle at 70% 70%,#ffffffe6 0 6px,#0000 8px) 0 0/90px 60px,linear-gradient(115deg,#78beff80,#ffffff40 40%,#78beff73)}.cd-sheen--sprayed{background:radial-gradient(circle at 20% 40%,#c8ebff8c 0 4px,#0000 5px) 0 0/46px 38px,linear-gradient(115deg,#96d2ff4d,#ffffff1a)}.cd-sheen--dry{background:radial-gradient(circle,#fffffff2 0 5px,#0000 7px) 0 0/230px 140px}.cd-hand{z-index:20;pointer-events:none;filter:drop-shadow(0 14px 10px #141e3c4d);position:absolute;translate:-50% -50%;rotate:-8deg}.cd-hand[hidden]{display:none}.cd-hand img{object-fit:contain;width:100%;height:100%;display:block}.cd-hand[data-tool=spray]{rotate:-18deg}.cd-hand.cd-hand--spraying{transition:rotate .2s ease-out;rotate:-40deg}.cd-sheet{border:4px solid var(--navy);background:radial-gradient(circle,#1f2c5c1f 0 2px,#0000 3px) 0 0/22px 22px,#fff;border-radius:18px 26px 14px 30px;width:100%;height:100%;display:block}.cd-tool--out{opacity:.28;filter:grayscale(.6)}.cd-count{z-index:15;text-align:center;width:260px;height:260px;color:var(--navy);background:radial-gradient(circle, #fff 0 60%, transparent 61%), conic-gradient(#3f9b52 calc(var(--p,0) * 360deg), #dfe7ee 0);border:7px solid var(--navy);box-shadow:0 9px 0 var(--navy);pointer-events:none;border-radius:50%;place-content:center;display:grid;position:absolute;translate:-50% -50%}.cd-count[hidden]{display:none}.cd-count b{font:800 104px/.9 var(--font-display)}.cd-count small{font:800 40px/1 var(--font-display)}.cd-count--done b{color:#2e8b3f}.cd-effects{z-index:19;pointer-events:none;position:absolute;inset:0}.cd-mist{transform-origin:0;clip-path:polygon(0 45%,100% 0,100% 100%,0 55%);pointer-events:none;background:radial-gradient(at 0,#fff 0 10%,#bee1ffd9 40%,#aad2fa59 70%,#0000 85%);height:170px;position:absolute;translate:0 -50%}.cd-drop{pointer-events:none;background:#f0faff;border-radius:50%;width:20px;height:20px;position:absolute;box-shadow:0 0 8px #78b9f5e6}.cd-puff{background:radial-gradient(#dcf0fff2 0 20%,#c8e6ff80 45%,#0000 70%);border-radius:50%;width:260px;height:180px;position:absolute;translate:-50% -50%}.cd-timer{pointer-events:none}.cd-timer img{width:100%;display:block}.cd-timer-text{font:800 56px/1 var(--font-display);color:var(--navy);place-items:center;display:grid;position:absolute}.cd-timer--done .cd-timer-text{color:#2e8b3f}@media (prefers-reduced-motion:reduce){.cd-sheen{transition:none}}.dt-item .dt-label,.dt-cal-text{text-align:center;color:var(--navy);pointer-events:none;place-content:center;line-height:1;display:grid;position:absolute}.dt-label small{font:800 9px/1 var(--font-body)}.dt-label b{font:800 17px/1.05 var(--font-display);white-space:nowrap}.dt-cal-text{width:76%;height:62%;top:30%;left:12%}.dt-cal-text small{font:700 22px/1 var(--font-body)}.dt-cal-text b{font:800 44px/1.05 var(--font-display)}.dt-pill{z-index:5;font:800 34px/1 var(--font-display);color:var(--navy);background:var(--yellow);border:5px solid var(--navy);box-shadow:0 6px 0 var(--navy);cursor:pointer;border-radius:999px;padding:10px 26px;position:absolute;translate:-50%}.dt-pill[hidden]{display:none}.dt-pill:focus-visible{outline-offset:3px;outline:6px solid #fff}.dt-reading{z-index:4;left:50%;bottom:calc(var(--safe-bottom) + 96px);text-align:center;min-width:min(24rem,80vw);padding:.6em 1.2em .8em;position:absolute;translate:-50%}.dt-reading[hidden]{display:none}.dt-reading h3{font:800 clamp(22px, 2.4vw, 40px)/1.1 var(--font-display);margin:.25em 0 .15em}.dt-reading p{font:600 clamp(14px, 1.2vw, 20px)/1.2 var(--font-body);margin:0}.dt-bin{z-index:1}.dt-bin-front{z-index:5}.dt-box-front{z-index:5;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.ft-display{font:800 92px/1 var(--font-display);color:#123;letter-spacing:.02em;text-shadow:0 0 10px #fff9;pointer-events:none;place-items:center;display:grid;position:absolute}.ft-phone{grid-template-rows:auto auto 1fr auto}.ft-head{gap:4px;display:grid}.ft-head small{font:700 26px/1 var(--font-body);opacity:.75}.ft-field{font:700 28px/1 var(--font-body);color:var(--navy);gap:8px;display:grid}.ft-value{font:800 64px/1 var(--font-display);text-align:center;border:5px solid var(--navy);background:#fff;border-radius:22px;padding:18px 22px}.ft-pad{grid-template-columns:repeat(3,1fr);align-content:start;gap:14px;display:grid}.ft-pad[hidden],.ft-decide[hidden],.ft-save[hidden],.ft-saved[hidden]{display:none}.ft-key,.ft-save,.ft-choice{min-height:88px;font:800 44px/1 var(--font-display);color:var(--navy);border:4px solid var(--navy);box-shadow:0 6px 0 var(--navy);cursor:pointer;background:#fff;border-radius:20px}.ft-save{background:linear-gradient(#ffd75e, var(--yellow))}.ft-save:disabled{opacity:.45;cursor:default}.ft-decide{align-content:start;gap:20px;display:grid}.ft-option .ft-choice{flex:1}.ft-choice{min-height:120px;padding:0 20px;font-size:38px}.ft-choice--fine{background:#dff3d8}.ft-choice--problem{background:#ffe0d6}.ft-key:focus-visible,.ft-save:focus-visible,.ft-choice:focus-visible{outline:7px solid var(--yellow);outline-offset:3px}.ft-saved{font:800 48px/1.1 var(--font-display);text-align:center;color:#2e8b3f;align-self:center;margin:0}.ft-record.ep-pic,.ft-record.ep-rowpic{text-align:center;font:700 .85em/1.1 var(--font-body);background:#fff;place-content:center;gap:2px;display:grid}.ft-record-temp{font:800 2.1em/1 var(--font-display)}.ep-rowpic.ft-record .ft-record-temp{font-size:1.3em}.tb-thing--gone{visibility:hidden}.tb-front{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.dl-crate,.dl-crate-front{z-index:1}.dl-crate-front{z-index:3}.dl-item{z-index:2}.dl-target{outline:6px dashed var(--yellow);outline-offset:4px;border-radius:12px}.dl-probe{z-index:5;transform-origin:50% 100%}.dl-probe--up{transform-origin:0;filter:drop-shadow(0 8px 6px #141e3c4d);translate:0 -50%}.dl-probe--held{pointer-events:none;filter:drop-shadow(0 0 10px var(--yellow)) drop-shadow(0 0 4px var(--yellow))}.dl .fg-stage:has(.dl-probe--held){cursor:crosshair}.dl-bubble{z-index:6;font:800 92px/1 var(--font-display);color:var(--navy);border:7px solid var(--navy);box-shadow:0 9px 0 var(--navy);pointer-events:none;background:#fff;border-radius:30px;padding:14px 30px;animation:.25s ease-out dl-pop;position:absolute;translate:-50% -100%}.dl-bubble[hidden]{display:none}.dl-bubble:after{content:"";border:18px solid #0000;border-top:22px solid var(--navy);position:absolute;bottom:-30px;left:50%;translate:-50%}.dl-phone .ft-saved{place-items:center;gap:18px;margin:auto 0;display:grid}.dl-phone .ft-saved[hidden]{display:none}.dl-phone .ft-saved:before{content:"✓";width:130px;height:130px;font:800 86px/1 var(--font-display);color:#fff;border:7px solid var(--navy);background:#3f9b52;border-radius:50%;place-items:center;display:grid}@keyframes dl-pop{0%{opacity:0;scale:.6}}.dl-gap{z-index:4;pointer-events:none}.dl-tick{width:62px;height:62px;font:800 40px/1 var(--font-display);color:#fff;border:5px solid var(--navy);pointer-events:none;background:#3f9b52;border-radius:50%;place-items:center;display:grid;position:absolute;top:-14px;right:-14px}.dl-tick[hidden]{display:none}.dl-item .dt-label{text-align:center;color:var(--navy);pointer-events:none;place-content:center;line-height:1;display:grid;position:absolute}.fg-look{z-index:8;border-radius:28px;align-items:center;gap:clamp(12px,2vw,32px);width:min(52rem,100vw - 32px);max-height:calc(100dvh - 32px);padding:clamp(14px,2vw,28px);display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%}.fg-look[hidden]{display:none}.fg-look-pic{flex:0 0 45%;place-items:center;display:grid}.fg-look-food{width:100%;position:relative;container-type:inline-size}.fg-look-food img{object-fit:contain;width:100%;max-height:min(48vh,22rem);display:block}.fg-look-label{text-align:center;color:var(--navy);place-content:center;line-height:1;display:grid;position:absolute}.fg-look-label small{font:800 4cqw/1 var(--font-body)}.fg-look-label b{font:800 8cqw/1.05 var(--font-display);white-space:nowrap}.fg-look-text{flex:1;min-width:0}.fg-look-text h3{font:800 clamp(24px, 3vw, 46px)/1.1 var(--font-display);color:var(--navy);margin:.35em 0 .15em}.fg-look-text p{font:600 clamp(15px, 1.4vw, 22px)/1.25 var(--font-body);margin:0 0 .8em}.fg-choices{flex-wrap:wrap;gap:12px;display:flex}.fg-choice{min-height:56px;font:800 clamp(18px, 1.8vw, 28px)/1 var(--font-display);color:var(--navy);border:4px solid var(--navy);box-shadow:0 5px 0 var(--navy);cursor:pointer;border-radius:999px;align-items:center;gap:.45em;padding:.35em .9em;display:inline-flex}.fg-choice--keep{background:#bfe3a6}.fg-choice--other{background:#fff}.fg-choice[aria-pressed=true]{outline:5px solid var(--yellow);outline-offset:2px}.fg-choice:focus-visible{outline:6px solid var(--navy);outline-offset:3px}.fg-choice-icon{color:#fff;background:var(--navy);border-radius:50%;place-items:center;width:1.4em;height:1.4em;font-size:.9em;display:grid}.fg-look-top{align-items:center;gap:12px;display:flex}.fg-look-hear{width:52px;height:52px;color:var(--navy);background:var(--yellow);border:4px solid var(--navy);box-shadow:0 4px 0 var(--navy);cursor:pointer;border-radius:50%;place-items:center;padding:10px;display:grid}.fg-look-hear svg{width:100%;height:100%}.fg-look-hear:focus-visible{outline:4px solid var(--navy);outline-offset:3px}.fg-look-close{width:48px;height:48px;font:800 34px/1 var(--font-display);color:var(--navy);cursor:pointer;background:0 0;border:0;border-radius:50%;position:absolute;top:8px;right:10px}.fg-look-close:focus-visible{outline:4px solid var(--navy)}@media (height<=500px){.fg-look{width:min(44rem,100vw - 24px)}.fg-look-food img{max-height:52vh}.fg-choice{min-height:48px}}@media (prefers-reduced-motion:reduce){.dl-bubble{animation:none}}.dl-probe img{width:100%;display:block}.dl-probe-screen{font:800 30px/1 var(--font-display);color:#123;place-items:center;display:grid;position:absolute}.dl-note img{width:100%;display:block}.dl-signature{color:#1d3d8f;font:italic 700 42px/1 Segoe Script,Brush Script MT,cursive;position:absolute;top:58%;left:22%;rotate:-12deg}.dl-signature[hidden]{display:none}.dl-phone .ft-key{min-height:70px;font-size:38px}.dl-phone .ft-value{padding:12px 18px;font-size:52px}.ps .fg-stage{cursor:crosshair;touch-action:none;overflow:hidden}.ps-dark{pointer-events:none;background:radial-gradient(circle at var(--ps-x,50%) var(--ps-y,50%), #ffe49629 0, #ffe49600 var(--ps-r)), radial-gradient(circle at var(--ps-x,50%) var(--ps-y,50%), #090d1e00 var(--ps-r), rgba(9, 13, 30, var(--ps-dark)) var(--ps-soft));transition:opacity .5s;position:absolute;inset:0}.ps-dark--on{opacity:0}.ps-marks{pointer-events:none;position:absolute;inset:0}.ps-mark{width:100px;height:100px;font:800 60px/1 var(--font-display);color:var(--navy);background:var(--yellow);border:6px solid var(--navy);box-shadow:0 5px 0 var(--navy);border-radius:50%;place-items:center;animation:.25s ease-out ps-pop;display:grid;position:absolute;translate:-50% -50%}@keyframes ps-pop{0%{scale:.4}}.ps-torch{pointer-events:none;filter:drop-shadow(0 10px 18px #00000059);position:absolute}.ps-phone{grid-template-rows:auto auto 1fr}.ps-count{font:800 44px/1.1 var(--font-display);text-align:center;color:var(--navy);margin:0}.ps-decide{align-content:end}.ps-decide .ft-choice{padding:16px 20px;font-size:34px;line-height:1.15}.ps-mini{background:#fdf6e6}.ps-mini-phone{aspect-ratio:9/16;background:var(--cream);border:3px solid var(--navy);border-radius:14px;place-items:end center;height:92%;padding:8% 8% 14%;display:grid}.ps-mini-btn{width:100%;font:800 clamp(9px, 1vw, 14px)/1 var(--font-display);text-align:center;color:var(--navy);border:2px solid var(--navy);background:#ffe0d6;border-radius:8px;padding:10% 0}@media (prefers-reduced-motion:reduce){.ps-mark{animation:none}.ps-dark{transition:none}}.in .fg-stage{overflow:hidden}.in-door{animation:.6s ease-out in-fade}@keyframes in-fade{0%{opacity:0}}.in-say{background:var(--cream);border:8px solid var(--navy);box-shadow:0 12px 0 var(--navy);border-radius:40px;grid-template-rows:auto 1fr;grid-template-columns:auto 1fr;gap:14px 22px;padding:30px 40px;display:grid;position:absolute}.in-say:before{content:"";border:46px solid #0000;border-bottom:46px solid var(--navy);position:absolute;top:-92px;left:360px}.in-who{font-size:34px}.in-count{font:800 32px/1 var(--font-body);color:var(--navy);opacity:.7;justify-self:end}.in-say-line{grid-column:1/-1;align-items:center;gap:24px;display:flex}.in-say-hear{align-self:center;height:84px}.in-words{font:800 60px/1.15 var(--font-display);color:var(--navy);flex:1;margin:0}.in-phone{grid-template-rows:auto 1fr}.in-list,.in-open{align-content:start;gap:18px;display:grid}.in-list[hidden],.in-open[hidden],.in-say[hidden],.ff-phone[hidden],.in-sticker[hidden]{display:none}.in-option .in-rec,.in-option .in-open-title{flex:1}.in-rec{min-height:120px;font:800 40px/1.1 var(--font-display);color:var(--navy);text-align:left;border:4px solid var(--navy);box-shadow:0 6px 0 var(--navy);cursor:pointer;background:#fff;border-radius:22px;align-items:center;gap:22px;padding:10px 24px;display:flex}.in-rec:focus-visible,.in-show:focus-visible,.in-back:focus-visible{outline:7px solid var(--yellow);outline-offset:3px}.in-rec-icon{width:70px;height:70px;color:var(--navy);background:#d9e9fb;border-radius:18px;flex:none;padding:10px}.in-open-title{font:800 46px/1.1 var(--font-display);color:var(--navy);align-items:center;gap:20px;margin:0;display:flex}.in-rows{gap:14px;margin:0;padding:0;list-style:none;display:grid}.in-rows li{font:700 34px/1.2 var(--font-body);color:var(--navy);background:#fff;border:3px solid #1b1a3a40;border-radius:18px;padding:18px 22px}.in-show{min-height:110px;font-size:40px}.in-back{min-height:96px}.in-sticker{aspect-ratio:1;position:absolute;translate:-50% -50%}.in-sticker>img{width:100%;display:block}.in-sticker--on{animation:.7s cubic-bezier(.3,1.6,.5,1) .4s both in-stick}@keyframes in-stick{0%{opacity:0;rotate:-20deg;scale:2.2}}.in-sticker>img.in-sticker-outlines{pointer-events:none;position:absolute;inset:0}.in-sticker-num{font:800 34cqw/1 var(--font-display);color:#1d1d1b;position:absolute;left:50%;translate:-50% -50%}.in-sticker{container-type:inline-size}.in-star{aspect-ratio:1;position:absolute;translate:-50% -50%}.in-star svg{fill:#0000;width:100%;height:100%;display:block}.in-star--on svg{fill:var(--yellow)}.in-sticker--on .in-star--on{animation:.3s ease-out both ps-pop}.in-sticker--card{width:auto;height:90%;position:relative;translate:none}.in-pic{font:800 clamp(10px, 1.1vw, 15px)/1.1 var(--font-display);color:var(--navy);text-align:center;flex-direction:column;gap:6%}.in-pic-icon{width:46%;height:auto;color:var(--navy)}@media (prefers-reduced-motion:reduce){.in-door{animation:none}}.fg-stephead{align-items:center;gap:.6em;display:flex}.fg-stephead .fg-pill[hidden],.fg-stepdots[hidden]{display:none}.fg-stepdots{gap:.35em;display:flex}.fg-stepdots i{border:2px solid var(--navy);background:#fff;border-radius:50%;width:.75em;height:.75em}.fg-stepdots i.fg-dot--now{background:var(--yellow)}.fg-stepdots i.fg-dot--done{background:#3f9b52}:root[data-large-text=on]{--lt:1.2}@media (height<=500px){:root[data-large-text=on]{--lt:1.1}}:root[data-large-text=on] .fg-hud>.fg-panel:not(.fg-title,.fg-hear)>*,:root[data-large-text=on] .cs>.cs-card>*,:root[data-large-text=on] .cs>.cs-panel>*,:root[data-large-text=on] .g2-panel>*,:root[data-large-text=on] .fg-hud>.fg-back,:root[data-large-text=on] .fg-hud>.fg-help,:root[data-large-text=on] .fg-hud>.fg-hear,:root[data-large-text=on] .fg-hud>.sp-done,:root[data-large-text=on] .fg-hud>.fg-status,:root[data-large-text=on] .g2-label{zoom:var(--lt)}@media (height<=500px){:root[data-large-text=on] .cs>.cs-card>*,:root[data-large-text=on] .cs>.cs-panel>*,:root[data-large-text=on] .fg-hud>.sp-done,:root[data-large-text=on] .fg-hud>.fg-help,:root[data-large-text=on] .fg-hud>.fg-hear{zoom:1}.dl-probe-arrow .fg-callout-arrow{width:84px;height:91px}}.cd-done-arrow .fg-callout-arrow{width:44px;height:48px}.bc-sign{width:280px;font:700 50px/1.05 var(--font-display);color:var(--navy);text-align:center;background:var(--cream);border:7px solid var(--navy);box-shadow:0 9px 0 var(--navy);cursor:pointer;border-radius:26px;flex-direction:column;align-items:center;gap:12px;padding:18px 16px 20px;display:flex;position:absolute}.bc-sign img{border:6px solid var(--navy);border-radius:50%;flex:none;width:140px;height:140px}.bc-sign-arrow{width:96px;height:104px;position:absolute;top:50%;left:-112px;translate:0 -50%;rotate:90deg}.bc-sign-arrow svg{width:100%;height:100%;filter:drop-shadow(-7px 0 0 var(--navy));display:block;overflow:visible}.bc-sign-arrow path{fill:var(--yellow);stroke:var(--navy);stroke-width:8px;stroke-linejoin:round}.bc-sign--ready:hover,.bc-sign:focus-visible{outline:8px solid var(--yellow);outline-offset:4px}#boot-problem{z-index:10001;background:#f6ead7;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.boot-problem-card{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:560px;padding:28px 32px;display:flex}.boot-problem-card h1{font:800 clamp(24px, 3vw, 40px)/1.1 var(--font-display);margin:0}.boot-problem-card p{margin:0;font-size:clamp(17px,1.6vw,24px)}.boot-problem-again{min-width:220px;min-height:56px;font:800 clamp(20px, 2vw, 30px)/1 var(--font-display);color:var(--navy);border:var(--outline) solid var(--navy);box-shadow:0 var(--shadow-offset) 0 var(--navy);cursor:pointer;background:linear-gradient(#ffd95a,#ffc83d);border-radius:999px}.boot-problem-card .boot-problem-detail{color:#6e6a61;word-break:break-word;font-size:13px}.cs{--cs-green:#5fb85a;--cs-orange:#ff9a3c;--cs-peach:#ffe3cf;z-index:200;color:var(--navy);font-family:var(--font-body);background:#f6ead7;position:fixed;inset:0;overflow:hidden}.cs h1,.cs h2,.cs h3{font-family:var(--font-display);margin:0;font-weight:800}.cs p{margin:0}.cs-panel{background:var(--cream);border:var(--outline) solid var(--navy);border-radius:var(--radius);box-shadow:0 var(--shadow-offset) 0 var(--navy)}.cs-btn{font:800 clamp(18px, 1.6vw, 30px)/1 var(--font-display);color:var(--navy);border:var(--outline) solid var(--navy);box-shadow:0 6px 0 var(--navy);cursor:pointer;background:#fff;border-radius:999px;min-height:48px;padding:.7em 1.5em}.cs-btn:active{box-shadow:0 3px 0 var(--navy);translate:0 3px}.cs-btn:disabled{opacity:.45;cursor:default}.cs-btn--go{background:linear-gradient(#ffd75e, var(--yellow))}.cs-btn--big{padding:.65em 1.8em;font-size:clamp(22px,2.2vw,40px)}.cs-btn:focus-visible,.cs-round:focus-visible,.cs-answer:focus-visible,.cs input:focus-visible{outline:6px solid var(--yellow);outline-offset:4px}.cs-banner{font:800 clamp(16px, 1.4vw, 26px)/1 var(--font-display);border:var(--outline) solid var(--navy);box-shadow:0 4px 0 var(--navy);background:var(--cs-orange);border-radius:999px;padding:.45em 1.1em;display:inline-block}.cs-banner--green{background:var(--cs-green)}.cs-banner--sky{background:var(--sky)}.cs-banner--peach{background:var(--cs-peach)}.cs-banner--yellow{background:var(--yellow)}.cs-pill{font:800 clamp(13px, 1vw, 20px)/1 var(--font-display);background:var(--yellow);border:3px solid var(--navy);border-radius:999px;padding:.35em .8em}.cs-round{width:clamp(48px,3.6vw,64px);height:clamp(48px,3.6vw,64px);font:800 clamp(20px, 1.8vw, 30px)/1 var(--font-display);color:var(--navy);background:var(--cream);border:var(--outline) solid var(--navy);box-shadow:0 5px 0 var(--navy);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid}.cs-bar{border:3px solid var(--navy);background:#e8e4ef;border-radius:999px;height:clamp(14px,1.2vw,22px);overflow:hidden}.cs-bar>i{background:var(--cs-green);border-right:3px solid var(--navy);height:100%;transition:width .3s;display:block}.cs-dots{gap:8px;display:flex}.cs-dots>i{border:3px solid var(--navy);background:#fff;border-radius:50%;width:clamp(12px,1vw,18px);height:clamp(12px,1vw,18px)}.cs-dots>i.on{background:var(--cs-green)}.cs-dots>i.now{background:var(--yellow)}.cs-backdrop{-webkit-backdrop-filter:blur(4px);background:#1b1a3a4d;position:absolute;inset:0}.cs-map{background:#8fbf5a url(/game2d/building.webp) no-repeat}.cs-map:after{content:"";pointer-events:none;background:linear-gradient(90deg,#1b1a3a59,#1b1a3a00 45%);position:absolute;inset:0}.cs-map>svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.cs-course-card{left:max(16px, var(--safe-left));bottom:max(16px, var(--safe-bottom));z-index:3;width:min(34vw,560px);padding:clamp(14px,1.6vw,30px);position:absolute}.cs-course-card h1{margin-top:.35em;font-size:clamp(22px,2.3vw,42px);line-height:1.05}.cs-course-card .cs-sub{margin:.4em 0 .8em;font-size:clamp(14px,1.15vw,21px)}.cs-course-card .cs-next{justify-content:space-between;align-items:center;gap:12px;margin-top:1em;display:flex}.cs-course-card .cs-next b{font:800 clamp(15px, 1.25vw, 23px)/1.15 var(--font-display)}.cs-logo{left:max(16px, var(--safe-left));top:max(14px, var(--safe-top));z-index:3;flex-direction:column;gap:6px;display:flex;position:absolute}.cs-logo .cs-name{font:800 clamp(26px, 2.8vw, 52px)/.95 var(--font-display);color:var(--yellow);-webkit-text-stroke:2px var(--navy);paint-order:stroke fill;text-shadow:0 4px 0 var(--navy);rotate:-3deg}.cs-logo .cs-by{font:700 clamp(11px, .85vw, 16px)/1 var(--font-body);background:var(--cream);border:2px solid var(--navy);border-radius:999px;align-self:flex-start;padding:.3em .7em}.cs-top-right{right:max(16px, var(--safe-right));top:max(14px, var(--safe-top));z-index:3;gap:12px;display:flex;position:absolute}.cs-card{gap:clamp(10px,1.4vw,24px);width:min(92vw,1180px);max-height:calc(100% - 32px);padding:clamp(16px,2.2vw,44px);display:grid;position:absolute;top:50%;left:50%;overflow:auto;translate:-50% -50%}.cs-card>.cs-banner{justify-self:start}.cs-card-head{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.cs-card-head .cs-dots{margin-left:auto}.cs-card h2{font-size:clamp(30px,3.6vw,66px);line-height:1}.cs-card .cs-lead{max-width:46em;font-size:clamp(16px,1.45vw,27px)}.cs-cols{grid-template-columns:1fr 1.5fr;gap:clamp(14px,2vw,36px);display:grid}.cs-learn h3,.cs-games h3{margin-bottom:.5em;font-size:clamp(16px,1.4vw,26px)}.cs-learn ul{gap:.45em;margin:0;padding:0;font-size:clamp(15px,1.3vw,24px);list-style:none;display:grid}.cs-learn li{align-items:flex-start;gap:.6em;display:flex}.cs-learn li:before{content:"";border:3px solid var(--navy);background:var(--yellow);border-radius:50%;flex:none;width:1.1em;height:1.1em;margin-top:.1em}.cs-learn--done li:before{content:"✓";font:800 .8em/1 var(--font-display);color:#fff;background:var(--cs-green);place-items:center;display:grid}.cs-tiles{grid-template-columns:repeat(auto-fill,minmax(clamp(150px,15vw,280px),1fr));align-items:start;gap:clamp(10px,1.4vw,24px);display:grid}.cs-tilewrap{justify-items:center;gap:8px;display:grid}.cs-tilewrap>.cs-tile{width:100%}.cs-soonpill{background:#e8e4ef}.cs-tile{border:3px solid var(--navy);box-shadow:0 4px 0 var(--navy);background:#fff;border-radius:18px;overflow:hidden}.cs-tile .cs-pic{aspect-ratio:4/3;border:0;border-bottom:3px solid var(--navy);border-radius:0}.cs-tile b{font:800 clamp(14px, 1.3vw, 24px)/1.15 var(--font-display);padding:.45em .55em .55em;display:block}.cs-tile--done b:after{content:" ✓";color:var(--cs-green)}.cs-tile--soon b{color:#4c4a6a}.cs-card-foot{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:16px;display:flex}.cs-card-foot .cs-steps{margin-right:auto}.cs-steps{font:800 clamp(13px, 1.1vw, 20px)/1 var(--font-display);align-items:center;gap:clamp(6px,.8vw,12px);margin:0;padding:0;list-style:none;display:flex}.cs-steps li{border:3px solid var(--navy);background:#fff;border-radius:999px;align-items:center;gap:.45em;padding:.4em .9em .4em .45em;display:flex}.cs-steps li i{border:3px solid var(--navy);background:#fff;border-radius:50%;place-items:center;width:1.6em;height:1.6em;font-size:.8em;font-style:normal;display:grid}.cs-steps li.now{background:var(--yellow);box-shadow:0 4px 0 var(--navy)}.cs-steps li.done i{background:var(--cs-green);color:#fff}.cs-steps li.locked{color:#6e6a85;border-color:#8f8aa6}.cs-pic{border:3px solid var(--navy);background:#fff;border-radius:20px;justify-content:center;align-items:center;gap:4%;min-height:0;padding:6%;display:flex;position:relative;overflow:hidden}.cs-pic img{object-fit:contain;flex:1 1 0;min-width:0;max-width:100%;max-height:100%}.cs-pic--scene{padding:0}.cs-pic--scene img{object-fit:cover;width:100%;height:100%}.cs-pic .cs-big{font:800 clamp(34px, 4.5vw, 90px)/1 var(--font-display);text-align:center}.cs-pic .cs-todo{font:600 clamp(12px, 1vw, 17px)/1.3 var(--font-body);color:#6e6a85;text-align:center;border:2px dashed #b9b4c9;border-radius:12px;padding:.6em;font-style:italic}.cs-listen{padding:max(14px, var(--safe-top)) max(16px, var(--safe-right)) max(14px, var(--safe-bottom)) max(16px, var(--safe-left));grid-template-rows:auto 1fr auto;gap:clamp(8px,1.2vw,20px);display:grid}.cs-top{flex-wrap:wrap;align-items:center;gap:clamp(10px,1.4vw,24px);display:flex}.cs-top .cs-title{font:800 clamp(16px, 1.4vw, 26px)/1 var(--font-display);margin-right:auto}.cs-topic{grid-template-columns:1fr 1.15fr;gap:clamp(12px,1.8vw,32px);min-height:0;display:grid}.cs-topic>.cs-pic{border-width:var(--outline);border-radius:var(--radius);box-shadow:0 var(--shadow-offset) 0 var(--navy)}.cs-words{flex-direction:column;gap:clamp(10px,1.2vw,22px);min-height:0;padding:clamp(16px,2vw,40px);display:flex;overflow:auto}.cs-kicker{font:800 clamp(13px, 1.05vw, 19px)/1 var(--font-display);color:#4c4a6a;align-items:center;gap:12px;display:flex}.cs-words h2{font-size:clamp(26px,2.9vw,54px);line-height:1.05}.cs-words p{font-size:clamp(17px,1.6vw,30px);line-height:1.4}.cs-words p span{border-radius:6px;transition:background-color .2s,box-shadow .2s}.cs-words p span.now{background:var(--yellow);box-shadow:0 0 0 4px var(--yellow)}.cs-remember{border:3px solid var(--navy);font:700 clamp(15px, 1.35vw, 25px)/1.3 var(--font-body);background:#e7f5e3;border-radius:18px;padding:.7em .9em}.cs-remember b{font-family:var(--font-display);margin-bottom:.2em;display:block}.cs-remember.now{box-shadow:0 0 0 5px var(--yellow)}.cs-foot{align-items:center;gap:16px;display:flex}.cs-player{flex:1;align-items:center;gap:clamp(10px,1.2vw,20px);max-width:900px;margin:0 auto;display:flex}.cs-player .cs-play{background:var(--yellow);flex:none;width:clamp(52px,4.4vw,80px);height:clamp(52px,4.4vw,80px)}.cs-player .cs-bar{flex:1}.cs-player .cs-bar>i{background:var(--yellow)}.cs-player .cs-time{font:800 clamp(13px, 1.05vw, 19px)/1 var(--font-display);white-space:nowrap}.cs-quiz{padding:max(14px, var(--safe-top)) max(16px, var(--safe-right)) max(14px, var(--safe-bottom)) max(16px, var(--safe-left));grid-template-rows:auto 1fr auto;gap:clamp(8px,1.2vw,20px);display:grid}.cs-quiz .cs-top .cs-bar{flex:1;max-width:900px}.cs-quiz .cs-top .cs-bar>i{background:var(--yellow)}.cs-count{font:800 clamp(15px, 1.3vw, 24px)/1 var(--font-display);white-space:nowrap}.cs-quiz-body{grid-template-rows:minmax(0,.85fr) minmax(0,1.15fr);grid-template-columns:1fr;gap:clamp(10px,1.4vw,24px);min-height:0;display:grid}.cs-ask{grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(12px,1.8vw,36px);min-height:0;padding:clamp(10px,1.2vw,22px);display:grid}.cs-ask .cs-pic{aspect-ratio:4/3;height:100%;min-height:0}.cs-ask h2{font-size:clamp(24px,2.8vw,52px);line-height:1.1}.cs-answers{grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.4vw,26px);min-height:0;display:grid}.cs-answer-wrap{min-height:0;display:grid;position:relative}.cs-qsay{width:clamp(40px,2.9vw,52px);height:clamp(40px,2.9vw,52px);box-shadow:0 4px 0 var(--navy);background:var(--yellow);flex:none;place-items:center;display:grid}.cs-qsay .cs-icon{width:clamp(20px,1.5vw,27px);height:clamp(20px,1.5vw,27px)}.cs-qsay--answer{z-index:1;position:absolute;top:clamp(6px,.7vw,12px);right:clamp(6px,.7vw,12px)}@media (height<=500px){.cs-qsay{width:32px;height:32px;box-shadow:0 2px 0 var(--navy);border-width:3px}.cs-qsay .cs-icon{width:16px;height:16px}.cs-qsay--answer{top:4px;right:4px}}.cs-answer{cursor:pointer;text-align:center;min-height:0;font:inherit;color:inherit;grid-template-rows:1fr auto;padding:0;display:grid;overflow:hidden}.cs-answer .cs-pic{border:0;border-bottom:3px solid var(--navy);border-radius:0}.cs-answer b{font:800 clamp(16px, 1.6vw, 30px)/1.1 var(--font-display);justify-content:center;align-items:center;gap:.5em;padding:.55em .4em .6em;display:flex}.cs-letter{border:3px solid var(--navy);background:#fff;border-radius:50%;flex:none;place-items:center;width:1.5em;height:1.5em;font-size:.8em;display:grid}.cs-answer[aria-pressed=true]{outline:7px solid var(--yellow);outline-offset:5px}.cs-answer[aria-pressed=true] .cs-letter{background:var(--yellow)}.cs-answer--right{outline-offset:5px;outline:7px solid var(--cs-green)!important}.cs-answer--right .cs-letter{color:#fff;background:var(--cs-green)!important}.cs-feedback{left:50%;bottom:max(16px, var(--safe-bottom));z-index:5;grid-template-columns:1fr auto;align-items:center;gap:16px;width:min(92vw,980px);padding:clamp(14px,1.6vw,28px);display:grid;position:absolute;translate:-50%}.cs-quiz .cs-feedback{width:auto;position:static;translate:none}.cs-quiz .cs-foot[hidden]{display:none}.cs-feedback--right{background:#e7f5e3}.cs-feedback--try{background:var(--cs-peach)}.cs-feedback h3{font-size:clamp(20px,1.9vw,34px)}.cs-feedback p{margin-top:.3em;font-size:clamp(15px,1.35vw,24px)}.cs-result{padding:clamp(16px,3vw,60px);padding-left:max(clamp(16px, 3vw, 60px), var(--safe-left));grid-template-columns:1fr 1.15fr;align-items:center;gap:clamp(14px,2vw,40px);display:grid;position:absolute;inset:0}.cs-say{justify-items:start;gap:clamp(8px,1vw,18px);padding:clamp(16px,2vw,40px);display:grid}.cs-say h2{font-size:clamp(30px,3.6vw,66px);line-height:1}.cs-say p{font-size:clamp(15px,1.3vw,24px)}.cs-score{font:800 clamp(18px, 1.7vw, 32px)/1.2 var(--font-display)}.cs-row{flex-wrap:wrap;gap:12px;display:flex}.cs-stars{letter-spacing:.08em;color:var(--yellow);-webkit-text-stroke:2px var(--navy);font-size:clamp(30px,3.4vw,64px)}.cs-cert{border:4px solid var(--navy);box-shadow:0 10px 0 var(--navy);text-align:center;background:#fffdf6;border-radius:18px;gap:clamp(6px,.8vw,14px);padding:clamp(16px,2.2vw,44px);display:grid;position:relative}.cs-cert:before{content:"";pointer-events:none;border:2px solid #c9b78f;border-radius:10px;position:absolute;inset:10px}.cs-cert--preview{rotate:1.5deg}.cs-cert .cs-kick{font:700 clamp(11px, .9vw, 16px)/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:#6e6a61}.cs-cert .cs-who{font:800 clamp(26px, 2.8vw, 52px)/1 var(--font-display)}.cs-cert .cs-what{font:800 clamp(16px, 1.5vw, 28px)/1.15 var(--font-display)}.cs-cert .cs-small{color:#4c4a45;font-size:clamp(11px,.85vw,16px)}.cs-cert .cs-seal{background:var(--yellow);border:4px solid var(--navy);width:clamp(60px,5.5vw,100px);height:clamp(60px,5.5vw,100px);font:800 clamp(11px, .9vw, 16px)/1.05 var(--font-display);border-radius:50%;justify-self:center;place-items:center;display:grid}.cs-cert .cs-certrow{border-top:2px solid #e6e5df;justify-content:space-between;gap:12px;padding-top:.7em;font-size:clamp(11px,.9vw,16px);display:flex}.cs-practise{justify-items:stretch;gap:clamp(8px,1vw,16px);width:100%;display:grid}.cs-practise>.cs-banner{justify-self:start}.cs-item{grid-template-columns:clamp(70px,7vw,130px) 1fr auto;align-items:center;gap:clamp(10px,1vw,18px);padding:clamp(8px,.9vw,14px);display:grid}.cs-item .cs-pic{aspect-ratio:4/3;border-radius:12px;padding:0}.cs-item b{font:800 clamp(15px, 1.35vw, 25px)/1.1 var(--font-display)}.cs-item span{margin-top:.25em;font-size:clamp(12px,1vw,19px);display:block}.cs-item .cs-btn{padding:.55em 1.1em;font-size:clamp(14px,1.15vw,22px)}.cs-name{font:700 clamp(20px, 1.8vw, 32px)/1.2 var(--font-body);border:var(--outline) solid var(--navy);width:min(100%,520px);color:var(--navy);background:#fff;border-radius:16px;padding:.5em .8em}.cs-soon{font-size:clamp(14px,1.2vw,22px)}@media (height<=500px){.cs-course-card{width:33vw;padding:10px 12px}.cs-course-card .cs-sub,.cs-course-card .cs-banner{display:none}.cs-course-card h1{margin:0 0 6px;font-size:17px}.cs-course-card .cs-next{margin-top:8px}.cs-course-card .cs-next b{font-size:13px}.cs-course-card .cs-btn{padding:.55em 1.1em;font-size:16px}.cs-cols{grid-template-columns:1fr 1.2fr}.cs-card{gap:8px;padding:12px 16px}.cs-card h2{font-size:24px}.cs-learn h3,.cs-games h3{margin-bottom:.35em;font-size:14px}.cs-learn ul{gap:.3em;font-size:13px}.cs-tiles{grid-template-columns:none;grid-auto-columns:minmax(0,150px);grid-auto-flow:column;gap:8px}.cs-tile{border-radius:12px}.cs-tile b{font-size:12px}.cs-card-foot .cs-btn--big{padding:.45em 1.2em;font-size:19px}.cs-card .cs-lead{display:none}.cs-quiz-body{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,.9fr) minmax(0,2.1fr);gap:10px}.cs-ask{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:6px;padding:8px;position:relative}.cs-ask .cs-pic{aspect-ratio:auto;width:100%;height:100%}.cs-ask h2{text-align:center;font-size:16px;line-height:1.15}.cs-qsay--ask{z-index:1;position:absolute;top:4px;right:4px}.cs-answers{gap:8px}.cs-quiz .cs-pic{padding:4%}.cs-topic{grid-template-columns:.62fr 1.38fr;gap:10px}.cs-words{gap:6px;padding:10px 14px}.cs-words .cs-kicker{display:none}.cs-words p{font-size:15.5px;line-height:1.35}.cs-remember{border-radius:12px;padding:.4em .6em;font-size:14px}.cs-top .cs-steps{display:none}.cs-words h2{font-size:22px}.cs-say p,.cs-cert .cs-small{display:none}}@media (prefers-reduced-motion:reduce){.cs-bar>i,.cs-words p span{transition:none}}@media print{body>:not(.cs-print){display:none!important}.cs-print{background:#fff;position:static}.cs-print .cs-cert,.cs-print .cs-certa{box-shadow:none;width:100%;margin:0;rotate:none}.cs-print .cs-certwrap{max-width:none;padding:0}@page{size:A4 landscape;margin:10mm}.cs-print .cs-noprint{display:none!important}}.g2-mapbtn{left:max(16px, var(--safe-left));top:max(14px, var(--safe-top));min-height:48px;font:800 clamp(16px, 1.3vw, 24px)/1 var(--font-display);color:var(--navy);background:var(--yellow);border:var(--outline) solid var(--navy);box-shadow:0 5px 0 var(--navy);pointer-events:auto;cursor:pointer;border-radius:999px;padding:.4em 1.1em;position:absolute}.cs-icon{width:62%;height:62%;display:block}.cs-btn--icon{align-items:center;gap:.45em;display:inline-flex}.cs-btn--icon .cs-icon{width:1.25em;height:1.25em}.g2-layer--map .g2-label,.g2-layer--map .g2-todo,.g2-layer--map .g2-mapbtn{display:none}.cs-map--live{pointer-events:none;background:0 0}.cs-map--live>*{pointer-events:auto}.cs-map--live:after{display:none}.cs-logo img{transform-origin:30%;filter:drop-shadow(0 5px #1b1a3a40);width:clamp(190px,23vw,440px);height:auto;display:block;rotate:-4deg}.cs-cert .cs-seal:has(img){background:0 0;border:0;border-radius:0;width:auto;height:auto}.cs-cert .cs-seal img{width:clamp(120px,12vw,220px);height:auto;display:block}.cs-map .cs-logo{z-index:1}@media (height<=500px){.cs-logo img{width:115px}}.cs-top-right{align-items:flex-start}.cs-top-right .g2-todo{position:relative;top:auto;right:auto}.cs-top-right .g2-todo__list{position:absolute;top:calc(100% + 10px);right:0}.cs-sign{z-index:2;font:800 clamp(12px, 1vw, 19px) / 1.1 var(--font-display);color:var(--navy);white-space:nowrap;background:var(--cream);border:3px solid var(--navy);box-shadow:0 3px 0 var(--navy);cursor:pointer;border-radius:999px;align-items:center;gap:.4em;padding:.3em .75em;display:none;position:absolute;translate:-50% -100%}:root[data-names=on] .cs-sign{display:inline-flex}.cs-sign--next{background:var(--yellow)}.cs-sign--locked{color:#5d5975;cursor:default}.cs-sign__icon{background:#e8e4ef;border-radius:50%;place-items:center;width:1.35em;height:1.35em;font-size:.85em;display:inline-grid}.cs-sign--done .cs-sign__icon{background:var(--cs-green);color:#fff}.cs-done-wrap{padding:max(16px, var(--safe-top)) max(16px, var(--safe-right)) max(16px, var(--safe-bottom)) max(16px, var(--safe-left));justify-content:center;align-items:center;gap:clamp(0px,2vw,40px);display:flex;position:absolute;inset:0}.cs-done-chef{object-fit:contain;object-position:bottom;filter:drop-shadow(0 8px #1b1a3a40);flex:0 auto;align-self:flex-end;width:auto;min-width:0;max-width:32%;height:min(78vh,720px);animation:.6s cubic-bezier(.3,1.6,.5,1) both cs-chef-in}@keyframes cs-chef-in{0%{opacity:0;translate:0 40px}}.cs-card.cs-card--done{text-align:center;flex:0 860px;justify-items:center;width:min(100%,860px);min-width:0;max-height:100%;padding-top:clamp(34px,3.4vw,60px);position:relative;top:auto;left:auto;overflow:visible;translate:none}.cs-card--done>.cs-done-banner{white-space:nowrap;justify-self:center;font-size:clamp(18px,1.8vw,32px);position:absolute;top:0;left:50%;translate:-50% -55%}.cs-done-title{font-size:clamp(30px,3.4vw,60px);line-height:1}.cs-stars{color:#d9d5e4;-webkit-text-stroke:3px var(--navy);gap:.15em;font-size:clamp(30px,3vw,54px);line-height:1;display:flex}.cs-stars span.on{color:var(--yellow);animation:.5s cubic-bezier(.3,1.8,.5,1) both cs-star-pop}.cs-stars span:nth-child(2){animation-delay:.12s}.cs-stars span:nth-child(3){animation-delay:.24s}.cs-stars span:nth-child(4){animation-delay:.36s}.cs-stars span:nth-child(5){animation-delay:.48s}@keyframes cs-star-pop{0%{scale:0}}.cs-learn--pics{text-align:left;border:3px solid var(--navy);background:#fff;border-radius:20px;width:100%;padding:clamp(10px,1.2vw,20px)}.cs-learn--pics ul{grid-template-columns:repeat(var(--n,5), minmax(0, 1fr));gap:clamp(8px,1vw,16px)}.cs-learn--pics li{font:700 clamp(12px, .9vw, 17px) / 1.2 var(--font-body);align-content:start;gap:.35em;display:grid;position:relative}.cs-learn--pics li:before{z-index:1;width:1.7em;height:1.7em;margin:0;font-size:clamp(12px,.9vw,17px);position:absolute;top:-8px;left:-8px}.cs-learn-pic.cs-pic{aspect-ratio:4/3;border:3px solid var(--navy);background:var(--cream);border-radius:12px;min-height:0;overflow:hidden}.cs-learn-pic.cs-pic img{object-fit:cover;width:100%;height:100%}.cs-done .cs-card-foot{width:100%}.cs-done-btns{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.cs-confetti{pointer-events:none;z-index:5;position:absolute;inset:0;overflow:hidden}.cs-confetti i{border:2px solid var(--navy);border-radius:3px;width:10px;height:16px;animation:linear forwards cs-confetti-fall;position:absolute;top:-20px}@keyframes cs-confetti-fall{to{translate:var(--drift) 105vh;rotate:var(--spin)}}@media (width<=760px),(height<=500px){.cs-done-chef{height:min(60vh,300px)}.cs-done .cs-card .cs-steps,.cs-learn-name{display:none}}@media (width<=560px){.cs-done-chef{display:none}}.cs-certwrap{gap:20px;max-width:1000px;margin:0 auto;padding:24px 16px;display:grid}.cs-certa{aspect-ratio:297/210;text-align:center;color:var(--navy);border:5px solid var(--navy);box-shadow:0 8px 0 var(--navy);background:#fffdf6;border-radius:14px;flex-direction:column;justify-content:space-between;align-items:center;padding:3.5% 6% 3%;display:flex;position:relative;container-type:inline-size}.cs-certa:before{content:"";pointer-events:none;border:.35cqw solid #8cab3e;border-radius:8px;position:absolute;inset:1.4cqw}.cs-certa--preview{rotate:1.5deg}.cs-certa-logo img{width:17cqw;height:auto;display:block}.cs-certa-title{font:800 5.6cqw/1 var(--font-display);margin:0}.cs-certa-stars{letter-spacing:.15em;color:var(--yellow);-webkit-text-stroke:.25cqw var(--navy);font-size:3.2cqw;line-height:1}.cs-certa-game{font:800 3.4cqw/1.05 var(--font-display)}.cs-certa-course{font:700 2.5cqw/1.1 var(--font-display)}.cs-certa-edition{font:800 1.8cqw/1.2 var(--font-display);color:#262523;border:.25cqw solid var(--navy);background:#8cab3e;border-radius:999px;padding:.2em 1em}.cs-certa-small{font:500 1.9cqw/1.25 var(--font-body)}.cs-certa-name{min-width:50%;font:800 5cqw/1.1 var(--font-display);border-bottom:.25cqw solid #8cab3e;padding:0 .6em .08em}.cs-certa-score{font:800 2.1cqw/1.2 var(--font-body)}.cs-certa-foot{grid-template-columns:1fr 1.1fr 1fr;align-items:end;gap:4%;width:100%;display:grid}.cs-certa-date{font:600 1.55cqw/1.2 var(--font-body);border-bottom:.2cqw solid #8cab3e;padding-bottom:.3em}.cs-certa-sign{justify-items:center;display:grid}.cs-certa-signature{border-bottom:.2cqw solid var(--navy);width:100%;padding-bottom:.05em;font:italic 400 4cqw/1 Segoe Script,Brush Script MT,Apple Chancery,cursive}.cs-certa-sign small{font:600 1.35cqw/1.2 var(--font-body);margin-top:.4em}.cs-cpd{background:#eef4dc;justify-items:start;gap:10px;padding:clamp(14px,1.6vw,28px);display:grid}.cs-home{pointer-events:none;background:0 0}.cs-home>*{pointer-events:auto}.cs-home-dim{-webkit-backdrop-filter:blur(1.5px);pointer-events:none;background:linear-gradient(90deg,#fff8ec8c,#fff8ec00 55%);position:absolute;inset:0}.cs-home-left{left:max(24px, var(--safe-left));top:max(18px, var(--safe-top));bottom:calc(max(14px, var(--safe-bottom)) + 48px);flex-direction:column;align-items:flex-start;gap:clamp(14px,2.6vh,30px);width:min(36vw,460px);display:flex;position:absolute}.cs-home .cs-home-logo{flex:none;padding:.4vh 0 0 6px;position:static}.cs-home .cs-home-logo img{width:auto;height:clamp(90px,25vh,250px)}.cs-home-buttons{gap:clamp(12px,2.2vh,24px);width:100%;display:grid}.cs-home-pill{font:800 clamp(14px, 1.2vw, 20px)/1 var(--font-display);border-radius:999px;justify-self:start;align-items:center;gap:.6em;padding:.35em .9em;display:inline-flex}.cs-home-stars{color:#d9d5e4;letter-spacing:.05em;-webkit-text-stroke:1.5px var(--navy)}.cs-home-stars .on{color:var(--yellow)}.cs-home-btn{min-height:56px;font:800 clamp(22px, 2.6vw, 44px)/1 var(--font-display);text-align:left;align-items:center;gap:.6em;padding:.4em .9em;display:flex}.cs-home-btn .cs-icon{flex:none;width:1em;height:1em}.cs-home-btn.cs-btn--go{min-height:72px;font-size:clamp(28px,3.4vw,58px)}.cs-home-btn--green{background:linear-gradient(#7bd06b,#4fb04a)}.cs-home-btn[aria-disabled=true] .cs-icon{opacity:.85}.cs-home-chef{right:max(4%, var(--safe-right));filter:drop-shadow(0 8px #1b1a3a33);pointer-events:none;width:auto;height:min(92vh,980px);animation:.6s cubic-bezier(.3,1.6,.5,1) both cs-chef-in;position:absolute;bottom:0}.cs-home-help{right:max(16px, var(--safe-right));top:max(14px, var(--safe-top));position:absolute}.cs-home-full{right:calc(max(16px, var(--safe-right)) + clamp(48px, 3.6vw, 64px) + 12px);top:max(14px, var(--safe-top));position:absolute}.cs-home-full[hidden]{display:none}.cs-home-full .cs-icon{width:clamp(22px,1.8vw,30px);height:clamp(22px,1.8vw,30px)}.cs-home-by{left:max(24px, var(--safe-left));bottom:max(14px, var(--safe-bottom));font:700 clamp(12px, 1vw, 16px)/1 var(--font-body);background:var(--cream);border:3px solid var(--navy);border-radius:999px;padding:.3em .9em;position:absolute}.cs-home-keys{left:50%;bottom:max(14px, var(--safe-bottom));font:700 clamp(12px, 1vw, 16px)/1 var(--font-body);color:var(--navy);background:#fff8ecd9;border-radius:8px;padding:.3em .8em;position:absolute;translate:-50%}@media (hover:none){.cs-home-keys{display:none}}@media (height<=500px){.cs-home-left{top:max(10px, var(--safe-top));grid-template-columns:auto 1fr;align-items:end;gap:clamp(8px,3vh,14px) 12px;width:min(42vw,340px);display:grid;bottom:auto}.cs-home-left .cs-home-pill{white-space:nowrap;margin-bottom:6px}.cs-home-buttons{grid-column:1/-1;gap:clamp(7px,2.6vh,11px)}.cs-home-btn{min-height:48px;padding:.25em .8em;font-size:19px}.cs-home-btn.cs-btn--go{min-height:52px;font-size:24px}.cs-home-pill{padding:.25em .7em;font-size:12px}.cs-home .cs-home-logo img{height:clamp(84px,30vh,118px)}.cs-home-by,.cs-home-keys{display:none}}.cs-settings .cs-card{width:min(92vw,720px)}.cs-switches{gap:10px;display:grid}.cs-switch{text-align:left;min-height:56px;font:inherit;color:var(--navy);border:3px solid var(--navy);cursor:pointer;background:#fff;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:.6em .9em;display:flex}.cs-switch:focus-visible{outline:6px solid var(--yellow);outline-offset:3px}.cs-switch-words{gap:2px;display:grid}.cs-switch-words b{font:800 clamp(18px, 1.6vw, 26px)/1.1 var(--font-display)}.cs-switch-words small{font:500 clamp(13px, 1.1vw, 17px)/1.2 var(--font-body)}.cs-switch-knob{border:3px solid var(--navy);background:#d9d5e4;border-radius:999px;flex:none;width:64px;height:36px;position:relative}.cs-switch-knob:after{content:"";border:3px solid var(--navy);background:#fff;border-radius:50%;width:24px;height:24px;transition:left .15s;position:absolute;top:3px;left:3px}.cs-switch[aria-checked=true] .cs-switch-knob{background:var(--yellow)}.cs-switch[aria-checked=true] .cs-switch-knob:after{left:31px}body:has(.cs-home) .g2-names{display:none}@media (height<=380px){.cs-card{gap:6px;padding:8px 14px}.cs-card h2{font-size:21px}.cs-learn ul{font-size:12.5px}.cs-topic{gap:8px}.cs-words{gap:4px;padding:8px 12px}.cs-words h2{font-size:19px}.cs-words p{font-size:14px;line-height:1.28}.cs-remember{font-size:13px}}.cs-backdrop--soft{-webkit-backdrop-filter:blur(3px);background:#fff8ec4d}.cs.cs-lesson{--chef-w:min(calc(min(80vh, 760px) * .667), 30vw)}.cs-lesson-chef{left:max(1.5vw, var(--safe-left));width:var(--chef-w);pointer-events:none;filter:drop-shadow(0 8px #1b1a3a33);height:auto;animation:.6s cubic-bezier(.3,1.6,.5,1) both cs-chef-in;position:absolute;bottom:0}.cs-lcard{left:calc((var(--chef-w,0px) + 1.5vw + 98vw) / 2);width:min(1060px, calc(96.5vw - var(--chef-w,0px) - 1.5vw));text-align:center;justify-items:center;gap:clamp(10px,1.6vh,22px);padding:clamp(34px,3.6vw,62px) clamp(18px,2.4vw,44px) clamp(18px,2vw,34px);overflow:visible}.cs-lcard-tab{text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;font-size:clamp(18px,1.9vw,32px);position:absolute;top:0;left:50%;translate:-50% -55%}.cs-lcard-hear{position:absolute;top:clamp(10px,1.2vw,18px);right:clamp(10px,1.2vw,18px)}.cs-lcard-dots{gap:clamp(6px,.7vw,12px);display:flex}.cs-lcard-dots i{aspect-ratio:1;width:clamp(18px,1.7vw,30px);font:800 clamp(11px, 1vw, 18px)/1 var(--font-display);color:var(--navy);border:3px solid var(--navy);background:#fff;border-radius:50%;place-items:center;font-style:normal;display:grid}.cs-lcard-dots i.on{background:var(--cs-green)}.cs-lcard-dots i.now{background:var(--yellow);margin:0 .15em;scale:1.2}.cs.cs-lesson{background:0 0}body:has(.cs-lesson) .g2-panel{visibility:hidden}.cs-lcard .cs-lcard-title{margin:0;font-size:clamp(32px,3.9vw,70px);line-height:1}.cs-lcard-body{text-align:left;grid-template-columns:1fr 1fr;gap:clamp(12px,1.6vw,28px);width:100%;display:grid}.cs-lcard-box{border:var(--outline) solid var(--navy);background:#fff;border-radius:clamp(14px,1.4vw,24px);padding:clamp(12px,1.4vw,26px)}.cs-lcard-box h3{font:900 clamp(18px, 1.75vw, 31px)/1 var(--font-display);color:var(--navy);margin:0 0 .6em}.cs-lcard-learn ol{counter-reset:cs-learn;font:700 clamp(15px, 1.3vw, 23px)/1.25 var(--font-body);gap:.55em;margin:0;padding:0;list-style:none;display:grid}.cs-lcard-learn li{counter-increment:cs-learn;align-items:flex-start;gap:.6em;display:flex}.cs-lcard-learn li:before{content:counter(cs-learn);width:1.6em;height:1.6em;font:800 .92em/1 var(--font-display);color:var(--navy);background:var(--yellow);border:3px solid var(--navy);border-radius:50%;flex:none;place-items:center;margin-top:-.2em;display:grid}.cs-lcard-play .cs-tiles{grid-template-columns:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:clamp(8px,1vw,16px)}.cs-lcard-play .cs-tiles--n1{grid-auto-columns:minmax(0,70%);justify-content:center}.cs-lcard-play .cs-tiles--n2{grid-auto-columns:minmax(0,46%);justify-content:center}.cs-journey{font:800 clamp(14px, 1.2vw, 21px)/1 var(--font-display);color:var(--navy);align-items:center;gap:clamp(6px,1vw,18px);margin:0;padding:0;list-style:none;display:flex}.cs-journey li{align-items:center;gap:.5em;display:flex}.cs-journey li+li:before{content:"";background:#1b1a3a59;border-radius:2px;width:clamp(18px,2vw,34px);height:4px;margin-right:clamp(4px,.6vw,10px)}.cs-journey-icon{aspect-ratio:1;border:3px solid var(--navy);width:2.3em;box-shadow:0 3px 0 var(--navy);background:#fff;border-radius:50%;place-items:center;display:grid;position:relative}.cs-journey-icon .cs-icon{width:1.3em;height:1.3em}.cs-journey li.now .cs-journey-icon{background:var(--yellow);scale:1.12}.cs-journey li.done .cs-journey-icon{background:#e7f5e3}.cs-journey li.later{opacity:.55}.cs-journey-tick{width:1.1em;height:1.1em;color:var(--navy);background:var(--cs-green);border:2px solid var(--navy);border-radius:50%;place-items:center;font-size:.8em;display:grid;position:absolute;bottom:-.25em;right:-.35em}.cs-lcard-foot{justify-content:center;align-items:center;gap:clamp(10px,1.4vw,22px);display:flex}@media (width<=1000px),(height<=560px){.cs-lesson-chef{display:none}.cs-lcard{width:min(94vw,1060px);left:50%}}@media (height<=500px){.cs-lcard{gap:7px;max-height:calc(100% - 26px);padding:22px 14px 10px;top:calc(50% + 8px)}.cs-lcard-tab{font-size:15px}.cs-lcard .cs-lcard-title{font-size:24px}.cs-lcard-dots i{border-width:2px;width:15px;font-size:9px}.cs-lcard-box{border-width:2.5px;padding:8px 10px}.cs-lcard-box h3{margin-bottom:.45em;font-size:15px}.cs-lcard-learn ol{gap:.35em;font-size:13px}.cs-lcard-learn li:before{border-width:2px}.cs-lcard-hear{width:40px;height:40px;top:8px;right:8px}.cs-journey{font-size:12px}.cs-lcard-foot .cs-btn--big{padding:.45em 1.2em;font-size:19px}.cs-lcard-play .cs-tiles,.cs-lcard-play .cs-tiles--n1,.cs-lcard-play .cs-tiles--n2{grid-auto-columns:minmax(0,118px);justify-content:center}}@media (height<=380px){.cs-lcard{gap:5px;padding-bottom:8px}.cs-lcard .cs-lcard-title{font-size:21px}.cs-lcard-learn ol{font-size:12.5px}.cs-journey-icon{width:2em}}.cs-pcard-body{grid-template-columns:1.15fr 1fr;align-items:stretch}.cs-pcard-pic{border:var(--outline) solid var(--navy);box-shadow:0 var(--shadow-offset) 0 var(--navy);background:#fff;border-radius:clamp(14px,1.4vw,24px);display:grid;overflow:hidden}.cs-pcard-pic>.cs-pic{border:0;border-radius:0;width:100%;height:100%;min-height:clamp(150px,22vh,320px);max-height:36vh}.cs-pcard-pic .cs-pic img{min-height:0;max-height:100%}.cs-pcard-how{align-content:center;display:grid}.cs-pcard-how .cs-soon{margin:.8em 0 0}@media (height<=500px){.cs-pcard-pic>.cs-pic{min-height:0;max-height:150px}}@media (height<=380px){.cs-pcard-pic>.cs-pic{max-height:125px}}.cs-pcard-pic .cs-pic:has(>img:only-child){padding:0}.cs-pcard-pic .cs-pic>img:only-child{object-fit:cover;width:100%;height:100%}.cs-topic-left{grid-template-rows:minmax(0,1fr) auto;gap:6px;min-height:0;display:grid}.cs-topic-left>.cs-pic{border-width:var(--outline);border-radius:var(--radius);min-height:0;box-shadow:0 var(--shadow-offset) 0 var(--navy)}.cs-source{font:600 clamp(11px, .85vw, 15px)/1.3 var(--font-body);color:#4c4a6a;margin:0}.cs-words>.cs-source{border-top:2px solid #1b1a3a1f;margin-top:auto;padding-top:.6em}.cs-lcard>.cs-source{text-align:center}.cs-wcard-words dl{font:700 clamp(14px, 1.2vw, 21px)/1.25 var(--font-body);gap:.15em;margin:0;display:grid}.cs-wcard-words dt{font:800 1.05em/1.1 var(--font-display);color:var(--navy)}.cs-wcard-words dd{margin:0 0 .45em;font-weight:600}.cs-wcard-how{max-width:46em;font:700 clamp(15px, 1.3vw, 23px)/1.3 var(--font-body);color:var(--navy);margin:0}.cs-scard-box{text-align:left;width:100%}.cs-scard-box ol{grid-template-rows:repeat(4,auto);grid-template-columns:1fr 1fr;grid-auto-flow:column;column-gap:clamp(14px,2vw,36px)}@media (height<=500px){.cs-wcard-words dl{font-size:12.5px}.cs-wcard-words dd{margin-bottom:.25em}.cs-wcard-how{font-size:13px}.cs-source{font-size:10.5px}.cs-wcard .cs-journey{display:none}}@media (height<=380px){.cs-wcard-words dl,.cs-wcard .cs-lcard-learn ol{font-size:12px}.cs-wcard-words dd{margin-bottom:.12em}.cs-wcard-how{font-size:12.5px}.cs-wcard .cs-lcard-title{font-size:19px}.cs-lcard.cs-wcard{gap:4px}.cs-wcard .cs-lcard-box h3{margin-bottom:.3em}}.cs-ftiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.4vw,24px);width:100%;display:grid}.cs-ftile{font:800 clamp(15px, 1.35vw, 24px)/1.15 var(--font-display);color:var(--navy);text-align:center;border:var(--outline) solid var(--navy);box-shadow:0 var(--shadow-offset) 0 var(--navy);background:#fff;border-radius:clamp(14px,1.4vw,24px);align-content:center;justify-items:center;gap:.35em;padding:clamp(10px,1.4vw,24px) 8px;display:grid}.cs-ftile-big{aspect-ratio:1;width:clamp(54px,5.5vw,96px);font:800 clamp(28px, 3vw, 52px)/1 var(--font-display);border:3px solid var(--navy);background:#d9e9fb;border-radius:50%;place-items:center;display:grid}.cs-ftile-big .cs-icon{width:58%;height:58%}.cs-ftile--pass .cs-ftile-big{background:var(--yellow)}.cs-fname{border:var(--outline) solid var(--navy);width:100%;box-shadow:0 var(--shadow-offset) 0 var(--navy);background:#fff;border-radius:clamp(14px,1.4vw,24px);align-items:center;gap:clamp(12px,1.6vw,28px);margin-top:clamp(4px,.6vw,10px);padding:clamp(10px,1.3vw,22px) clamp(14px,1.8vw,30px);display:flex}.cs-fname-badge{aspect-ratio:1;width:clamp(54px,5.5vw,96px);color:var(--navy);background:var(--yellow);border:3px solid var(--navy);border-radius:50%;flex:none;place-items:center;display:grid}.cs-fname-badge .cs-icon{width:58%;height:58%}.cs-fname-text{flex:1;gap:.45em;min-width:0;display:grid}.cs-fname-label{font:800 clamp(16px, 1.45vw, 26px)/1.2 var(--font-display);color:var(--navy);text-align:left}.cs-fname-field{display:block;position:relative}.cs-fname-field .cs-icon{width:1.2em;height:1.2em;color:var(--navy);opacity:.55;pointer-events:none;font-size:clamp(18px,1.6vw,28px);position:absolute;top:50%;left:.7em;translate:0 -50%}.cs-fname .cs-name{text-align:left;background:#fffdf6;width:100%;padding-left:2.2em}.cs-fname .cs-name::placeholder{color:#1b1a3a73}.cs-fname .cs-name:focus{outline:5px solid var(--yellow);outline-offset:2px}.cs-fname-field--ask{animation:.45s ease-in-out cs-fname-ask}@keyframes cs-fname-ask{20%,60%{translate:-8px}40%,80%{translate:8px}}:root[data-reduced-motion=true] .cs-fname-field--ask{animation:none}@media (height<=500px){.cs-ftile{padding:6px;font-size:13px}.cs-ftile-big{width:40px;font-size:22px}.cs-fname-label{font-size:14px}.cs-fname{padding:6px 10px}.cs-fname-badge{width:40px}.cs-fname .cs-name{padding-top:.3em;padding-bottom:.3em}}@media (height<=380px){.cs-lcard:not(.cs-wcard) .cs-lcard-learn ol{gap:.22em;font-size:12px}.cs-lcard-play .cs-tiles,.cs-lcard-play .cs-tiles--n1,.cs-lcard-play .cs-tiles--n2{grid-auto-columns:minmax(0,104px)}}@media (height<=500px){.cs-settings .cs-card{width:min(94vw,820px)}.cs-switches{grid-template-columns:1fr 1fr;gap:8px}.cs-switch{gap:10px;min-height:48px;padding:.4em .7em}.cs-switch-words b{font-size:16px}.cs-switch-words small{font-size:12px}.cs-switch-knob{width:54px;height:30px}.cs-switch-knob:after{width:18px;height:18px}.cs-switch[aria-checked=true] .cs-switch-knob:after{left:27px}.cs-card--done{margin-top:16px}}.cs-signup{padding:max(16px, var(--safe-top)) max(16px, var(--safe-right)) max(16px, var(--safe-bottom)) max(16px, var(--safe-left));place-items:center;display:grid;overflow:auto}.cs-signup-bg{filter:blur(3px)saturate(1.05);background:#f6ead6 50%/cover no-repeat;position:absolute;inset:-20px}.cs-signup-bg:after{content:"";background:#faf0de73;position:absolute;inset:0}.cs-signup-chef{right:max(3%, var(--safe-right));filter:drop-shadow(0 8px #1b1a3a33);pointer-events:none;width:auto;height:min(88vh,940px);position:absolute;bottom:0}.cs-signup-card{text-align:center;flex-direction:column;align-items:center;gap:clamp(10px,1.4vw,20px);width:min(620px,100%);margin-right:clamp(0px,18vw,360px);padding:clamp(18px,2.4vw,40px);display:flex;position:relative}.cs-signup .cs-signup-logo{position:static}.cs-signup .cs-signup-logo img{width:clamp(180px,22vw,340px);height:auto;display:block}.cs-signup-head{align-items:center;gap:14px;display:flex}.cs-signup-head h1{font:800 clamp(28px, 3vw, 48px)/1.1 var(--font-display);margin:0}.cs-signup-body{margin:0;font-size:clamp(18px,1.6vw,26px);line-height:1.4}.cs-signup-go{justify-content:center;align-items:center;gap:14px;width:100%;min-height:72px;font-size:clamp(24px,2.4vw,38px);text-decoration:none;display:inline-flex}.cs-signup-go .cs-icon{width:1.1em;height:1.1em}.cs-signup-already{color:#4c4a45;margin:0;font-size:clamp(15px,1.2vw,20px)}@media (aspect-ratio<=4/3){.cs-signup-chef{display:none}.cs-signup-card{margin-right:0}}@media (height<=500px){.cs-signup .cs-signup-logo img{width:104px}.cs-signup-card{gap:6px;padding:12px 20px}.cs-signup-head h1{font-size:24px}.cs-signup-body{font-size:16px;line-height:1.3}.cs-signup-already{font-size:14px}.cs-signup-chef{height:96vh}.cs-signup-go{min-height:52px;font-size:22px}}.cs-hsguide{padding:max(16px, var(--safe-top)) max(16px, var(--safe-right)) max(16px, var(--safe-bottom)) max(16px, var(--safe-left));background:#1b1a3a73;place-items:center;display:grid;overflow:auto}.cs-hsguide-card{text-align:center;flex-direction:column;align-items:center;gap:clamp(8px,1.2vw,18px);width:min(880px,100%);padding:clamp(16px,2.2vw,34px);display:flex}.cs-hsguide-head{align-items:center;gap:14px;display:flex}.cs-hsguide-head h2{font:800 clamp(24px, 2.8vw, 44px)/1.1 var(--font-display);margin:0}.cs-hsguide-intro{margin:0;font-size:clamp(16px,1.5vw,24px)}.cs-hsguide-steps{grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.4vw,22px);width:100%;margin:0;padding:0;list-style:none;display:grid}.cs-hsguide-step{border:3px solid var(--navy);background:#fff;border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:16px 10px 12px;display:flex;position:relative}.cs-hsguide-step p{margin:0;font-size:clamp(15px,1.3vw,21px);line-height:1.3}.cs-hsguide-n{width:34px;height:34px;font:800 20px/1 var(--font-display);background:var(--yellow,#ffc83d);border:3px solid var(--navy);border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;left:10px}.cs-hsguide-pic{color:#0a84ff;width:clamp(56px,7vw,96px);height:clamp(56px,7vw,96px)}.cs-hsguide-pic svg,.cs-hsguide-pic img{width:100%;height:100%;display:block}.cs-hsguide-pic--app img{border-radius:22%;box-shadow:0 3px #1b1a3a40}@media (height<=500px){.cs-hsguide-card{gap:6px;padding:12px 18px}.cs-hsguide-pic{width:48px;height:48px}.cs-hsguide-step{gap:4px;padding:10px 8px 8px}.cs-hsguide-step p{font-size:14px}.cs-hsguide-n{width:28px;height:28px;font-size:16px}}