:root{--sg-bg: #fff8ed;--sg-surface: #ffffff;--sg-ink: #1b3a2d;--sg-ink-muted: #4e6a5c;--sg-line: #e0ddd5;--sg-primary: #1b3a2d;--sg-primary-dark: #0f2319;--sg-primary-ink: #ffffff;--sg-primary-soft: #e4f0e7;--sg-accent: #da5b26;--sg-accent-ink: #b34a1d;--sg-accent-soft: #fdebdd;--sg-success: #2d5a42;--sg-success-soft: #e4f0e7;--sg-hint: #9a3f14;--sg-hint-soft: #fdebdd;--sg-focus: #da5b26;--sg-mint: #9fe2cc;--sg-mint-soft: #e3f6ef;--sg-sun: #fadb0b;--sg-sun-soft: #fff6c9;--sg-sky: #e6f4f8;--sg-radius: 1rem;--sg-shadow: 0 2px 16px rgb(27 58 45 / .08);--sg-font: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;color:var(--sg-ink);background:var(--sg-bg);font-family:var(--sg-font);font-size:1.125rem;line-height:1.45}body{margin:0;min-width:320px;background:var(--sg-bg)}h1,h2,p{margin:0}:focus-visible{outline:3px solid var(--sg-focus);outline-offset:3px}.sg-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-width:3rem;min-height:3rem;padding:.5rem 1rem;border:2px solid var(--sg-primary);border-radius:999px;background:var(--sg-surface);color:var(--sg-primary);font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.sg-button:hover{background:var(--sg-primary-soft)}.sg-button--primary{background:var(--sg-primary);color:var(--sg-primary-ink)}.sg-button--primary:hover{background:var(--sg-primary-dark)}.sg-button--quiet{border-color:transparent;background:transparent}.sg-badge{display:inline-block;padding:.125rem .625rem;border-radius:999px;background:var(--sg-primary-soft);color:var(--sg-primary);font-size:.875rem;font-weight:800;letter-spacing:.04em}.sg-feedback{display:flex;align-items:center;gap:.75rem;min-height:3.5rem;padding:.75rem 1rem;border:2px solid transparent;border-radius:var(--sg-radius);font-weight:700}.sg-feedback--neutral{border-color:var(--sg-line);background:var(--sg-surface);color:var(--sg-ink-muted)}.sg-feedback--success{border-color:var(--sg-success);background:var(--sg-success-soft);color:var(--sg-success)}.sg-feedback--hint{border-color:var(--sg-hint);background:var(--sg-hint-soft);color:var(--sg-hint)}.sg-shell{display:flex;flex-direction:column;gap:1rem;max-width:68rem;min-height:100vh;margin:0 auto;padding:.75rem 1rem 2rem}.sg-shell__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}.sg-shell__title{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;font-weight:700}.sg-shell__instruction{display:grid;gap:.75rem;padding:1.25rem;border-radius:calc(var(--sg-radius) * 1.5);background:var(--sg-surface);box-shadow:var(--sg-shadow);text-align:center}.sg-shell__instruction h1{font-size:clamp(1.5rem,1.1rem + 2vw,2.25rem);line-height:1.2}.sg-shell__progress{color:var(--sg-ink-muted);font-weight:700}.sg-shell__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.sg-shell__stage{display:grid;gap:1rem}.sg-shell__draft{color:var(--sg-ink-muted);font-size:.875rem;text-align:center}.sg-pop{position:fixed;left:50%;bottom:1rem;z-index:50;display:flex;align-items:center;gap:.75rem;width:min(34rem,calc(100% - 1.5rem));padding:.875rem 1rem;border:3px solid var(--sg-primary);border-radius:calc(var(--sg-radius) * 1.5);background:var(--sg-surface);box-shadow:0 1rem 2.5rem #1b3a2d4d;color:var(--sg-ink);transform:translate(-50%)}.sg-pop--success{border-color:var(--sg-success)}.sg-pop--hint{border-color:var(--sg-accent)}.sg-pop__icon{display:grid;flex:none;place-items:center;width:3rem;height:3rem;border-radius:50%;background:var(--sg-success-soft);color:var(--sg-success)}.sg-pop--hint .sg-pop__icon{background:var(--sg-accent-soft);color:var(--sg-accent-ink)}.sg-pop__body{display:grid;flex:1;gap:.25rem;min-width:0}.sg-pop__title,.sg-pop__next{margin:0;line-height:1.3}.sg-pop__title{font-size:1.0625rem;font-weight:900}.sg-pop__next{display:flex;align-items:flex-start;gap:.375rem;color:var(--sg-ink-muted);font-weight:800}.sg-pop__next svg{flex:none;margin-top:.15rem}.sg-pop__close{flex:none}@media(max-width:30rem){.sg-pop{flex-wrap:wrap;bottom:.5rem}.sg-pop__close{flex:1 1 100%}}@media(prefers-reduced-motion:no-preference){.sg-pop{animation:sg-pop-in .45s cubic-bezier(.2,1.4,.4,1) both}.sg-pop__icon{animation:sg-pop-icon .6s .15s ease-out both}@keyframes sg-pop-in{0%{opacity:0;transform:translate(-50%,2rem) scale(.8)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes sg-pop-icon{0%{transform:scale(0)}60%{transform:scale(1.25)}to{transform:scale(1)}}}.sg-howto{width:min(36rem,calc(100% - 2rem));max-height:calc(100dvh - 2rem);padding:1.25rem;border:0;border-radius:calc(var(--sg-radius) * 1.5);background:var(--sg-surface);box-shadow:0 1.5rem 3rem #1b3a2d4d;color:var(--sg-ink)}.sg-howto::backdrop{background:#1b2b248c}.sg-howto h2{margin:0 0 .75rem;font-size:1.5rem}.sg-howto__steps{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}.sg-howto__steps li{display:flex;align-items:center;gap:.75rem;padding:.5rem .625rem;border-radius:1rem;background:var(--sg-primary-soft)}.sg-howto__number{display:grid;flex:none;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--sg-primary);color:#fff;font-weight:900}.sg-howto__art{display:grid;flex:none;place-items:center;width:4rem;height:3rem;overflow:hidden;border-radius:.625rem;background:var(--sg-surface)}.sg-howto__art svg{display:block;width:100%;height:100%}.sg-howto__text{font-size:1.0625rem;font-weight:800;line-height:1.3}.sg-howto__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-top:1rem}.sg-howto__actions .sg-button--primary{min-width:10rem}.sg-howto h2:focus{outline:none}.sg-howto h2:focus-visible{outline:3px solid var(--sg-focus);outline-offset:3px}@media(max-width:30rem){.sg-howto{padding:1rem}.sg-howto__steps li{position:relative;gap:.625rem;padding:.5rem}.sg-howto__number{position:absolute;top:.25rem;left:.25rem;z-index:1;width:1.5rem;height:1.5rem;font-size:.875rem}.sg-howto__art{width:3.5rem;height:2.75rem}.sg-howto__text{font-size:1rem}.sg-howto__actions .sg-button{flex:1}}@media(min-width:60rem){.sg-shell:has(.sg-fit) .sg-shell__instruction{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.125rem 1.5rem;padding:.875rem 1.25rem;text-align:left}.sg-shell:has(.sg-fit) .sg-shell__instruction h1{font-size:1.5rem}.sg-shell:has(.sg-fit) .sg-shell__actions{grid-column:2;grid-row:1 / span 2;justify-content:flex-end}}@media(max-width:40rem),(max-height:30rem)and (orientation:landscape){.sg-shell{gap:.75rem;padding:.5rem .75rem 1.5rem}.sg-shell__bar{column-gap:.25rem;row-gap:0}.sg-shell__bar .sg-button--quiet{padding-inline:.5rem}.sg-shell__title{order:3;flex-basis:100%;flex-wrap:nowrap;justify-content:flex-start;padding-inline:.5rem;font-size:.9375rem;line-height:1.25}.sg-shell__title .sg-badge{flex:none}.sg-shell__instruction{gap:.5rem;padding:.875rem .75rem}.sg-shell__actions{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.sg-shell__actions .sg-button{flex-direction:column;gap:.125rem;min-height:3.5rem;padding:.375rem .25rem;border-radius:1rem;font-size:.8125rem;line-height:1.15}}@media(max-height:30rem)and (orientation:landscape){.sg-shell__title{flex:1;flex-basis:auto;order:0;justify-content:center}.sg-shell__instruction{grid-template-columns:1fr auto;grid-template-areas:"progress actions" "prompt actions";align-items:center;column-gap:1rem;text-align:left}.sg-shell__progress{grid-area:progress}.sg-shell__instruction h1{grid-area:prompt;font-size:1.375rem}.sg-shell__actions{grid-area:actions}}@media(prefers-reduced-motion:no-preference){.sg-pulse{animation:sg-pulse .6s ease-out}@keyframes sg-pulse{40%{transform:scale(1.06);color:var(--sg-primary)}}}.face-scene .dirt{transition:opacity .6s ease}@media(prefers-reduced-motion:no-preference){.face-scene .drop{animation:face-drip 1.6s ease-in infinite}.face-scene .stream{animation:face-flow .5s linear infinite alternate}.face-scene .swirls{animation:face-fade 1.5s ease-in-out infinite alternate}.face-scene .sparkle{animation:face-twinkle 1.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes face-drip{80%{transform:translateY(3px)}to{transform:translateY(5px);opacity:.5}}@keyframes face-flow{to{opacity:.6}}@keyframes face-fade{to{opacity:.4}}@keyframes face-twinkle{50%{transform:scale(1.25)}}}.hair-scene{width:100%;height:100%;display:block;border-radius:1.5rem}.hair-scene .water-drop{animation:drop-fall 1.5s ease-in-out infinite}.hair-scene .foam-bubble{animation:foam-pulse 2s ease-in-out infinite alternate}.hair-scene .sparkle{transform-origin:center;animation:sparkle-twinkle 1.8s ease-in-out infinite alternate}@keyframes drop-fall{0%{transform:translateY(-2px);opacity:.6}50%{transform:translateY(3px);opacity:1}to{transform:translateY(-2px);opacity:.6}}@keyframes foam-pulse{0%{transform:scale(.96)}to{transform:scale(1.04)}}@media(prefers-reduced-motion:reduce){.hair-scene .water-drop,.hair-scene .foam-bubble,.hair-scene .sparkle{animation:none}}.board--game-g-18 .board__choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;max-width:32rem;margin-inline:auto;width:100%}.board--game-g-18 .choice-card{padding:.875rem .75rem;border-radius:20px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease;min-height:10.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.board--game-g-18 .choice-card__body{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.625rem;width:100%}.board--game-g-18 .choice-card__art{width:100%;max-width:11rem;aspect-ratio:7 / 5;filter:drop-shadow(0 2px 6px rgba(15,23,42,.06))}.board--game-g-18 .choice-card__label{font-size:1.25rem!important;font-weight:900!important;letter-spacing:-.01em;line-height:1.2}.board--game-g-18 .choice-card--action-trim-now{background:linear-gradient(180deg,#fff,#fff1f2);border:3px solid #f87171;box-shadow:0 .375rem #ef4444,0 6px 16px #ef44441f;color:#991b1b}.board--game-g-18 .choice-card--action-trim-now:hover:not(:disabled){background:linear-gradient(180deg,#fff5f5,#fee2e2);border-color:#ef4444;transform:translateY(-2px);box-shadow:0 .5rem #ef4444,0 8px 20px #ef44442e}.board--game-g-18 .choice-card--action-trim-now:active:not(:disabled){transform:translateY(2px);box-shadow:0 .125rem #ef4444}.board--game-g-18 .choice-card--action-not-yet{background:linear-gradient(180deg,#fff,#f0fdf4);border:3px solid #4ade80;box-shadow:0 .375rem #22c55e,0 6px 16px #22c55e1f;color:#166534}.board--game-g-18 .choice-card--action-not-yet:hover:not(:disabled){background:linear-gradient(180deg,#f0fdf4,#dcfce7);border-color:#22c55e;transform:translateY(-2px);box-shadow:0 .5rem #22c55e,0 8px 20px #22c55e2e}.board--game-g-18 .choice-card--action-not-yet:active:not(:disabled){transform:translateY(2px);box-shadow:0 .125rem #22c55e}.board--game-g-18 .choice-card--excluded,.board--game-g-18 .choice-card--excluded:hover{border-color:#cbd5e1;background:#f1f5f9;box-shadow:none;color:#94a3b8;cursor:not-allowed;transform:none}.board--game-g-18 .choice-card--suggested{border-color:var(--sg-accent)!important;box-shadow:0 .375rem 0 var(--sg-accent),0 0 0 4px #f59e0b40!important}@media(max-width:40rem){.board--game-g-18 .board__choices{gap:.75rem}.board--game-g-18 .choice-card{padding:.625rem .5rem;min-height:8.5rem}.board--game-g-18 .choice-card__label{font-size:1.05rem!important}}.time-scene{width:100%;height:100%;display:block;border-radius:1.5rem;transition:background-color .6s ease}.time-scene .clock-hand-hour,.time-scene .clock-hand-minute{transform-origin:180px 140px;transition:transform .5s ease}.time-scene .sparkle{transform-origin:center;animation:sparkle-twinkle 1.8s ease-in-out infinite alternate}@keyframes sparkle-twinkle{0%{transform:scale(.7) rotate(0);opacity:.5}to{transform:scale(1.1) rotate(15deg);opacity:1}}@media(prefers-reduced-motion:reduce){.time-scene .clock-hand-hour,.time-scene .clock-hand-minute,.time-scene .sparkle{animation:none;transition:none}}@media(prefers-reduced-motion:no-preference){.comm-wave{transform-origin:160px 128px;animation:comm-wave 1.2s ease-in-out infinite alternate}.comm-nod{animation:comm-nod 1.2s ease-in-out infinite}.comm-shake{transform-origin:132px 72px;animation:comm-shake .9s ease-in-out infinite alternate}.comm-point{animation:comm-point 1.4s ease-in-out infinite alternate}.comm-help{transform-origin:160px 128px;animation:comm-help 1.4s ease-in-out infinite alternate}.comm-bubble{transform-box:fill-box;transform-origin:left bottom;animation:comm-pop 1.8s ease-in-out infinite}.comm-lines{animation:comm-fade 1.2s ease-in-out infinite alternate}@keyframes comm-wave{0%{transform:rotate(-8deg)}to{transform:rotate(8deg)}}@keyframes comm-nod{50%{transform:translateY(5px)}}@keyframes comm-shake{0%{transform:rotate(-6deg)}to{transform:rotate(6deg)}}@keyframes comm-point{to{transform:translate(5px)}}@keyframes comm-help{to{transform:translateY(-4px)}}@keyframes comm-pop{0%,60%,to{transform:scale(1)}70%{transform:scale(1.06)}}@keyframes comm-fade{to{opacity:.35}}}.aac-symbol{display:block;box-sizing:border-box;width:100%;max-width:14rem;aspect-ratio:1;margin-inline:auto;padding:.5rem;border:4px solid #111111;border-radius:1rem}.aac-symbol img{display:block;width:100%;height:100%;object-fit:contain}@media(prefers-reduced-motion:no-preference){.need-cue{animation:need-cue 1s ease-in-out infinite alternate}.need-helper{animation:need-helper .45s ease-out}@keyframes need-cue{to{opacity:.35}}@keyframes need-helper{0%{opacity:0;transform:translate(16px)}}}.dash{display:grid;gap:1.5rem;max-width:72rem;margin:0 auto;padding:1rem 1rem 3rem}.dash__top{display:flex;align-items:center;gap:.75rem;padding:.25rem 0}.dash__logo{width:auto;height:2.25rem}.dash__product{padding:.25rem .875rem;border-radius:999px;background:var(--sg-primary);color:var(--sg-primary-ink);font-weight:800;letter-spacing:.02em}.dash__main{display:grid;gap:2rem}.dash-hero{position:relative;display:grid;grid-template-columns:1fr;overflow:hidden;padding:2rem 1.5rem 0;border-radius:2rem;background:linear-gradient(180deg,var(--sg-sky) 0%,#f4fbf6 70%);box-shadow:var(--sg-shadow)}.dash-hero__text{position:relative;z-index:1;display:grid;gap:.5rem;align-content:start;max-width:34rem}.dash-hero__eyebrow{display:inline-flex;align-items:center;gap:.375rem;color:var(--sg-accent-ink);font-weight:800;letter-spacing:.04em;text-transform:uppercase;font-size:.875rem}.dash-hero h1{font-size:clamp(2.25rem,1.5rem + 3.5vw,3.75rem);line-height:1.05;letter-spacing:-.02em}.dash-hero__lead{font-size:clamp(1.125rem,1rem + .5vw,1.375rem)}.dash-hero__count{justify-self:start;margin-top:.5rem;padding:.375rem 1rem;border-radius:999px;background:var(--sg-sun-soft);font-weight:700}.dash-hero__count strong{color:var(--sg-accent-ink);font-size:1.25rem}.dash-hero__mascot{position:relative;z-index:1;justify-self:center;width:min(15rem,70%);height:auto;margin-bottom:1.5rem}.dash-hero__grass{position:absolute;inset:auto 0 0;width:100%;height:4.5rem;object-fit:cover;object-position:left bottom;mix-blend-mode:multiply}.dash-hero__cloud{position:absolute;width:9rem;height:auto;opacity:.7}.dash-hero__cloud--one{bottom:9rem;right:4%;width:6rem}.dash-hero__cloud--two{top:45%;left:-2rem;width:6rem;opacity:.45}@media(min-width:40.0625rem){.dash-hero{grid-template-columns:1.5fr 1fr;align-items:center;padding:1.75rem 3rem 0}.dash-hero__text{padding-bottom:3rem}.dash-hero__mascot{width:min(13rem,100%);margin-bottom:1rem}.dash-hero__cloud--one{top:1rem;bottom:auto;right:40%;width:9rem}}.dash-filter{display:flex;flex-wrap:wrap;gap:.5rem}.dash-filter__chip{min-height:3rem;padding:.5rem 1.125rem;border:2px solid var(--sg-line);border-radius:999px;background:var(--sg-surface);color:var(--sg-ink);font:inherit;font-weight:700;cursor:pointer}.dash-filter__chip:hover{border-color:var(--sg-primary)}.dash-filter__chip[aria-pressed=true]{border-color:var(--sg-primary);background:var(--sg-primary);color:var(--sg-primary-ink)}.dash-batch{display:grid;gap:1rem}.dash-batch__head{display:flex;align-items:center;gap:1rem}.dash-batch__art{flex:none;width:5rem;height:auto}.dash-batch h2{font-size:clamp(1.5rem,1.2rem + 1.2vw,2rem);line-height:1.15}.dash-batch__count{color:var(--sg-ink-muted);font-weight:600}.dash-batch__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:1.25rem;margin:0;padding:0;list-style:none}.dash-batch__grid>li{display:grid}.game-tile{display:grid;grid-template-rows:auto 1fr;overflow:hidden;border:2px solid var(--sg-line);border-radius:1.5rem;background:var(--sg-surface);box-shadow:var(--sg-shadow);color:var(--sg-ink);text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.game-tile:hover{border-color:var(--sg-primary);box-shadow:0 8px 28px #1b3a2d24}.game-tile__art{display:grid;place-items:center;padding:1.25rem 1rem;background:var(--sg-mint-soft)}.dash-batch__grid>li:nth-child(2n) .game-tile__art{background:var(--sg-sun-soft)}.game-tile__disc{display:grid;place-items:center;width:9rem;aspect-ratio:1;border-radius:50%;background:var(--sg-surface);overflow:hidden}.game-tile__disc svg{display:block;width:100%;height:auto}.game-tile__disc img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.game-tile__body{display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.25rem 1.25rem}.game-tile__tags{display:flex;align-self:stretch;flex-wrap:wrap;gap:.375rem}.game-tile__id,.level-pill{padding:.125rem .625rem;border-radius:999px;font-size:.8125rem;font-weight:800}.game-tile__id{background:var(--sg-primary);color:var(--sg-primary-ink)}.level-pill{border-radius:.75rem;border:1.5px solid currentColor;color:var(--sg-ink)}.level-pill--dac{background:var(--sg-mint-soft)}.level-pill--sw{background:var(--sg-sun-soft)}.level-pill--se{background:var(--sg-accent-soft)}.level-pill--oe{background:var(--sg-sky)}.game-tile__title{font-size:1.375rem;line-height:1.2}.game-tile__objective{color:var(--sg-ink-muted)}.game-tile__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;margin-top:auto;padding-top:.5rem}.game-tile__steps{display:inline-flex;align-items:center;gap:.375rem;color:var(--sg-ink-muted);font-weight:700}.game-tile__play{display:inline-flex;align-items:center;gap:.375rem;min-height:3rem;padding:.5rem 1.25rem;border-radius:999px;background:var(--sg-primary);color:var(--sg-primary-ink);font-weight:800;transition:background .2s ease}.game-tile:hover .game-tile__play{background:var(--sg-accent-ink)}.dash__note{color:var(--sg-ink-muted);font-size:.875rem;text-align:center}@media(max-width:40rem),(max-height:30rem)and (orientation:landscape){.dash{gap:1rem;padding:.75rem .75rem 2rem}.dash__logo{height:1.875rem}.dash__main{gap:1.5rem}.dash-hero{min-height:0;padding:1.25rem 1.25rem 3.75rem;border-radius:1.5rem}.dash-hero__text{max-width:none}.dash-hero h1{font-size:clamp(1.875rem,1.2rem + 3.5vw,2.25rem)}.dash-hero__lead{font-size:1rem}.dash-hero__count{font-size:.9375rem}.dash-hero__mascot{position:absolute;right:.75rem;bottom:1.25rem;width:5.25rem;margin:0}.dash-hero__grass{height:3.5rem}.dash-hero__cloud--one{right:1rem;bottom:auto;top:.75rem;width:5rem}.dash-hero__cloud--two{display:none}.dash-filter{gap:.375rem}.dash-filter__chip{padding:.375rem .875rem;font-size:.875rem}.dash-batch__art{width:4.5rem}.dash-batch__grid{gap:.875rem}.game-tile{grid-template-columns:5.25rem 1fr;grid-template-rows:none;border-radius:1.25rem}.game-tile__art{padding:.75rem .5rem}.game-tile__disc{width:4.25rem}.game-tile__body{gap:.375rem;padding:.75rem .875rem .875rem}.game-tile__title{font-size:1.125rem}.game-tile__objective{font-size:.9375rem;line-height:1.35}.game-tile__id,.level-pill{font-size:.75rem}.game-tile__foot{gap:.25rem}.game-tile__play{padding:.5rem .875rem}}.dash-empty{display:grid;gap:1rem;justify-items:start;max-width:48rem;margin:0 auto;padding:2rem 1rem}@media(prefers-reduced-motion:no-preference){.game-tile:hover{transform:translateY(-4px)}.dash-hero__mascot{animation:dash-float 4s ease-in-out infinite}.dash-hero__cloud--one{animation:dash-drift 14s ease-in-out infinite alternate}@keyframes dash-float{50%{transform:translateY(-8px) rotate(-2deg)}}@keyframes dash-drift{to{transform:translate(-2.5rem)}}}.board{display:grid;gap:1rem;align-items:center}@media(min-width:64rem),(min-width:40.0625rem)and (orientation:landscape){.board{grid-template-columns:1.1fr 1fr}}.board.board--practice{grid-template-columns:minmax(0,1fr)}.board__scene{padding:.5rem;border-radius:calc(var(--sg-radius) * 1.5);background:var(--sg-surface);box-shadow:var(--sg-shadow)}.board__level-action{grid-column:1 / -1}.board--text-only .choice-card{min-height:5rem;align-content:center}.board__scene svg{display:block;width:100%;max-height:min(22rem,34vh)}.board__scene .shower-practice__stage svg,.board__scene .rub__stage svg,.board__scene .shampoo-pour-practice__stage svg,.board__scene .brush-practice__stage svg{width:100%;height:100%;max-height:none!important;display:block}.board__choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,7.5rem),1fr));gap:1rem}.board__choices:has(>:nth-child(4):last-child){grid-template-columns:repeat(auto-fit,minmax(clamp(calc(25% - 1rem),(40rem - 100%) * 999,calc(50% - 1rem)),1fr))}.choice-card{display:grid;align-content:start;min-height:3rem;padding:.75rem;border:3px solid var(--sg-primary);border-radius:calc(var(--sg-radius) * 1.25);background:var(--sg-surface);box-shadow:0 .375rem 0 var(--sg-primary);color:var(--sg-ink);font:inherit;cursor:pointer;touch-action:manipulation}.choice-card:hover{background:var(--sg-primary-soft)}.choice-card--excluded,.choice-card--excluded:hover{border-color:var(--sg-line);background:#f0efec;box-shadow:none;color:var(--sg-ink-muted);cursor:not-allowed}.choice-card--excluded .choice-card__art{opacity:.35;filter:grayscale(1)}.choice-card--suggested{border-color:var(--sg-accent);background:var(--sg-accent-soft);box-shadow:0 .375rem 0 var(--sg-accent)}.choice-card__guide{color:var(--sg-hint);font-size:.875rem;font-weight:800}.choice-card:active{transform:translateY(.25rem);box-shadow:0 .125rem 0 var(--sg-primary)}.choice-card--incorrect{border-color:#d32f2f;background:#ffebee;box-shadow:0 .375rem #d32f2f}.choice-card--incorrect:hover{background:#ffcdd2}.choice-card__body{display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem;justify-items:center;align-content:start;container-type:inline-size}.choice-card__art{width:100%;max-width:10rem;aspect-ratio:7 / 5}.choice-card .choice-card__art svg{height:100%}.choice-card__label{max-width:100%;font-size:max(.8125rem,min(1.25rem,calc(100cqi / (var(--longest-word, 8) * .7))));font-weight:800;line-height:1.2;overflow-wrap:break-word;text-wrap:balance}.choice-card__art,.slot__art{display:block}.choice-card__art svg,.slot__art svg{display:block;width:100%;height:auto}.board__finish{display:grid;gap:1rem;justify-items:center;padding:1.5rem 1rem;border-radius:calc(var(--sg-radius) * 1.5);background:var(--sg-success-soft);color:var(--sg-success);font-size:1.25rem;font-weight:800;text-align:center}.board__mascot{width:7rem;height:auto}.board__finish-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.board--match .board__scene{background:var(--sg-mint-soft)}.board__matches{display:grid;gap:.5rem;padding:1rem 1.25rem;border-radius:var(--sg-radius);background:var(--sg-surface);box-shadow:var(--sg-shadow)}.board__matches h2{font-size:1.125rem}.board__matches p{color:var(--sg-ink-muted)}.board__matches ol{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}.board__matches li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;padding:.5rem;border-radius:.75rem;background:var(--sg-success-soft);font-size:.9375rem}.board__matches li svg,.board__matches li strong{color:var(--sg-success)}@media(max-width:40rem){.board__matches li{grid-template-columns:auto 1fr}.board__matches li strong{grid-column:2}}.board__slots{display:grid;grid-template-columns:repeat(var(--slots, 4),minmax(0,1fr));gap:.75rem;margin:0;padding:0;list-style:none}.slot{display:grid;align-content:start;justify-items:center;gap:.25rem;min-height:8.5rem;padding:.5rem;border:3px dashed var(--sg-line);border-radius:var(--sg-radius);background:#ffffff80;text-align:center}.slot__number{color:var(--sg-ink-muted);font-size:.875rem;font-weight:800}.slot__empty{margin:auto 0;color:var(--sg-ink-muted);font-weight:700}.slot--next{border-color:var(--sg-accent);background:var(--sg-accent-soft)}.slot--next .slot__empty{color:var(--sg-accent-ink)}.slot--placed{border-style:solid;border-color:var(--sg-success);background:var(--sg-success-soft)}.slot__art{width:4.5rem}.slot__label{display:inline-flex;align-items:flex-start;gap:.25rem;color:var(--sg-success);font-size:.9375rem;font-weight:700;line-height:1.2;text-align:left}.slot__label svg{flex:none}@media(prefers-reduced-motion:no-preference){.shake{animation:board-shake .4s ease}.slot--placed{animation:board-pop .35s ease-out}.slot--next{animation:board-breathe 2s ease-in-out infinite}.board__mascot{animation:board-bounce 1.6s ease-in-out infinite}@keyframes board-shake{25%{transform:translate(-.4rem)}50%{transform:translate(.4rem)}75%{transform:translate(-.2rem)}}@keyframes board-pop{0%{transform:scale(.85)}}@keyframes board-breathe{50%{box-shadow:0 0 0 .3rem #da5b2640}}@keyframes board-bounce{50%{transform:translateY(-10px) rotate(3deg)}}}@media(max-width:40rem){.board{gap:.75rem}.board__scene{padding:.25rem}.board__scene svg{max-height:min(15rem,27vh);margin-inline:auto}.board__choices{grid-template-columns:repeat(auto-fit,minmax(5.75rem,1fr));gap:.5rem}.choice-card{padding:.5rem .375rem;box-shadow:0 .25rem 0 var(--sg-primary)}.choice-card__body{gap:.25rem}.choice-card__art{max-width:7rem}.choice-card__label{font-size:max(.8125rem,min(1rem,calc(100cqi / (var(--longest-word, 8) * .7))))}.board__slots{grid-template-columns:repeat(var(--slots-phone, 3),minmax(0,1fr));gap:.5rem}.board__slots--route{grid-template-columns:repeat(2,minmax(0,1fr))}.slot{min-height:5.5rem;padding:.375rem}.slot__number{font-size:.75rem}.slot__art{width:3rem}.slot__label{font-size:.8125rem}.board__finish{padding:1rem .75rem;font-size:1.0625rem}.board__mascot{width:5rem}}@media(max-height:30rem)and (orientation:landscape){.board__scene svg{max-height:55vh}}.request{display:grid;gap:1rem;align-items:start}@media(min-width:40.0625rem){.request{grid-template-columns:1.1fr 1fr}.request__finish,.request__feedback,.request__used{grid-column:1 / -1}}.request__scene{display:grid;gap:.375rem;margin:0;padding:.5rem;border-radius:calc(var(--sg-radius) * 1.5);background:var(--sg-surface);box-shadow:var(--sg-shadow)}.request__scene svg{display:block;width:100%;height:auto;max-height:min(18rem,40vh);border-radius:var(--sg-radius)}.request__scene figcaption{font-size:1.125rem;font-weight:800;text-align:center}.request__side{display:grid;gap:.75rem}.request__strip{display:flex;align-items:center;gap:.75rem;min-height:4.5rem;padding:.5rem .75rem;border:3px dashed var(--sg-accent);border-radius:999px;background:var(--sg-accent-soft)}.request__strip--filled{border-style:solid;border-color:var(--sg-success);background:var(--sg-success-soft)}.request__strip-label{flex:none;color:var(--sg-accent-ink);font-size:1.125rem;font-weight:800}.request__strip--filled .request__strip-label{color:var(--sg-success)}.request__empty{color:var(--sg-ink-muted);font-size:1.5rem;font-weight:800}.request__said{display:flex;align-items:center;gap:.5rem;min-width:0}.request__said-art{display:block;flex:none;width:3.25rem}.request__said-art svg,.request__chip-art svg{display:block;width:100%;height:auto}.request__said strong{color:var(--sg-success);font-size:1.125rem;line-height:1.2}.request__next{justify-self:stretch;min-height:3.5rem;font-size:1.25rem}.request__used{display:grid;gap:.5rem}.request__used h2{color:var(--sg-ink-muted);font-size:1rem}.request__used ul{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;margin:0;padding:0;list-style:none}.request__chip{display:grid;justify-items:center;align-content:center;gap:.25rem;min-height:5rem;padding:.375rem .25rem;border:2px dashed var(--sg-line);border-radius:var(--sg-radius);background:#fff9;font-size:.8125rem;font-weight:700;line-height:1.2;text-align:center}.request__chip--used{border-style:solid;border-color:var(--sg-success);background:var(--sg-surface);color:var(--sg-success)}.request__chip-art{display:block;width:3rem}.request__chip-empty{color:var(--sg-ink-muted);font-size:1rem}@media(max-width:40rem){.request{gap:.75rem}.request__scene{gap:.25rem;padding:.375rem}.request__scene svg{max-height:17vh;margin-inline:auto}.request__strip{order:2}.request__next{order:3}.request__cards .choice-card__art{max-width:5rem}.request__scene figcaption{font-size:1rem}.request__strip{min-height:3.75rem}.request__strip-label,.request__said strong{font-size:1rem}.request__said-art{width:2.5rem}.request__used ul{gap:.25rem}.request__chip{min-height:4rem;font-size:.6875rem}.request__chip-art{width:2.25rem}}@media(prefers-reduced-motion:no-preference){.request__said{animation:request-stick .35s ease-out}@keyframes request-stick{0%{transform:translateY(-.75rem) scale(.9);opacity:.4}}}.request__cards .choice-card__art{aspect-ratio:1;max-width:9rem}.request__cards .choice-card__art .aac-symbol{max-width:none}.request__said-art .aac-symbol,.request__chip-art .aac-symbol{padding:.125rem;border-width:2px;border-radius:.5rem}.request__target{display:block;width:100%;padding:0;border:4px solid var(--sg-accent);border-radius:calc(var(--sg-radius) * 1.25);background:transparent;box-shadow:0 .375rem 0 var(--sg-accent);overflow:hidden;cursor:pointer;touch-action:manipulation}.request__target:active{transform:translateY(.125rem);box-shadow:0 .25rem 0 var(--sg-accent)}.request__target svg{display:block;width:100%;height:auto}.request__count{display:inline-block;margin-inline-start:.375rem;padding:.0625rem .5rem;border-radius:999px;background:var(--sg-accent-soft);color:var(--sg-accent-ink);font-size:.875rem}.request__credit{grid-column:1 / -1;margin:0;color:var(--sg-ink-muted);font-size:.8125rem;text-align:center}@media(prefers-reduced-motion:reduce){.request__target:active{transform:none}}.messages{display:grid;gap:1rem;align-items:start}@media(min-width:40.0625rem){.messages{grid-template-columns:1fr 1.15fr}.messages__finish,.messages__feedback{grid-column:1 / -1}}.messages__scene{display:grid;gap:.375rem;margin:0;padding:.5rem;border-radius:calc(var(--sg-radius) * 1.5);background:var(--sg-surface);box-shadow:var(--sg-shadow)}.messages__scene svg{display:block;width:100%;height:auto;max-height:min(18rem,40vh);border-radius:var(--sg-radius)}.messages__scene figcaption{font-size:1.0625rem;font-weight:800;text-align:center}.messages__side{display:grid;gap:.75rem}.messages__card{display:grid;gap:.375rem;padding:.75rem;border:3px solid var(--sg-primary);border-radius:calc(var(--sg-radius) * 1.25);background:var(--sg-surface);box-shadow:.3rem .3rem 0 var(--sg-primary-soft)}.messages__row{display:flex;align-items:center;gap:.625rem;min-height:3.25rem;padding:.375rem .625rem;border:2px dashed var(--sg-line);border-radius:.875rem}.messages__row--active{border-color:var(--sg-accent);background:var(--sg-accent-soft)}.messages__row--filled{border-style:solid;border-color:var(--sg-success);background:var(--sg-success-soft)}.messages__label{flex:none;min-width:3.25rem;color:var(--sg-ink-muted);font-weight:800}.messages__row--active .messages__label{color:var(--sg-accent-ink)}.messages__blank{color:var(--sg-ink-muted);font-weight:700}.messages__value{display:flex;align-items:center;gap:.5rem;min-width:0;color:var(--sg-success);font-weight:800;line-height:1.25}.messages__avatar{display:block;flex:none;width:2.75rem}.messages__avatar svg,.messages__phrase-art svg{display:block;width:100%;height:auto}.messages__reply{display:flex;align-items:flex-start;gap:.5rem;margin:.25rem 0 0;padding:.625rem .75rem;border-radius:.875rem .875rem .875rem .25rem;background:var(--sg-primary);color:#fff;font-weight:700;line-height:1.3}.messages__reply svg{flex:none;color:var(--sg-sun)}.messages__phrases{display:grid;gap:.5rem}.messages__phrase{display:flex;align-items:center;gap:.625rem;min-height:3.5rem;padding:.5rem .75rem;border:3px solid var(--sg-primary);border-radius:calc(var(--sg-radius) * 1.1);background:var(--sg-surface);box-shadow:0 .25rem 0 var(--sg-primary);color:var(--sg-ink);font:inherit;font-weight:700;line-height:1.25;text-align:left;cursor:pointer}.messages__phrase:hover{background:var(--sg-primary-soft)}.messages__phrase-art{display:block;flex:none;width:3.25rem}.messages__phrase-text{display:grid;gap:.125rem;min-width:0}.messages__phrase--suggested{border-color:var(--sg-accent);background:var(--sg-accent-soft);box-shadow:0 .25rem 0 var(--sg-accent)}.messages__phrase--excluded,.messages__phrase--excluded:hover{border-color:var(--sg-line);background:#f0efec;box-shadow:none;color:var(--sg-ink-muted);cursor:not-allowed}.messages__phrase--excluded .messages__phrase-art{opacity:.35;filter:grayscale(1)}.messages__next{min-height:3.5rem;font-size:1.25rem}@media(max-width:40rem){.messages{gap:.75rem}.messages__scene{padding:.375rem}.messages__scene svg{max-height:18vh;margin-inline:auto}.messages__scene figcaption{font-size:.9375rem}.messages__people,.messages__phrases,.messages__next{order:-1}.messages__row{min-height:2.75rem}.messages__phrase{font-size:.9375rem}.messages__phrase-art{width:2.5rem}}@media(prefers-reduced-motion:no-preference){.messages__row--filled .messages__value,.messages__reply{animation:messages-in .35s ease-out}@keyframes messages-in{0%{transform:translateY(-.5rem);opacity:.4}}}.walk{display:grid;gap:1rem;align-items:start}@media(min-width:40.0625rem){.walk{grid-template-columns:1.4fr 1fr}.walk__legend{grid-column:1}.walk__scene{grid-column:2;grid-row:1}.walk__floor{grid-column:1;grid-row:1 / span 2}.walk__controls{grid-column:2;grid-row:2}.walk__finish,.walk__feedback{grid-column:1 / -1}}.walk__scene{display:grid;gap:.375rem;margin:0;padding:.5rem;border-radius:calc(var(--sg-radius) * 1.5);background:var(--sg-surface);box-shadow:var(--sg-shadow)}.walk__scene svg{display:block;width:100%;height:auto;max-height:min(11rem,26vh);border-radius:var(--sg-radius)}.walk__scene figcaption{font-size:1rem;font-weight:800;text-align:center}.walk__floor{position:relative;width:100%;aspect-ratio:calc(var(--cols) / var(--rows));overflow:hidden;border:4px solid var(--sg-primary);border-radius:calc(var(--sg-radius) * 1.25);background-color:#f6efe0;background-image:linear-gradient(to right,rgb(0 0 0 / .09) 2px,transparent 2px),linear-gradient(to bottom,rgb(0 0 0 / .09) 2px,transparent 2px);background-size:calc(100% / var(--cols)) calc(100% / var(--rows))}.walk__floor:focus-visible{outline:4px solid var(--sg-accent);outline-offset:2px}.walk__floor--talking{opacity:.85}.walk__bench,.walk__person,.walk__you{position:absolute;left:calc(var(--c) * 100% / var(--cols));top:calc(var(--r) * 100% / var(--rows));width:calc(100% / var(--cols));height:calc(100% / var(--rows))}.walk__bench{box-sizing:border-box;border:3px solid #9c7a55;border-radius:.5rem;background:repeating-linear-gradient(45deg,#c8a27a,#c8a27a 6px,#d4b08a 6px 12px)}.walk__person,.walk__you{display:grid;grid-template-rows:minmax(0,1fr) auto;justify-items:center;padding:.125rem;text-align:center}.walk__person-art,.walk__you-art{display:block;min-height:0;width:100%}.walk__person-art svg,.walk__you-art svg{display:block;width:100%;height:100%}.walk__person-name{font-size:.6875rem;font-weight:800;line-height:1.05}.walk__person small{position:absolute;top:0;right:0;left:0;padding:.0625rem .125rem;border-radius:.375rem;background:var(--sg-accent-soft);color:var(--sg-accent-ink);font-size:.625rem;font-weight:800}.walk__person--near{border-radius:.5rem;background:#ffffffb3;outline:3px solid var(--sg-primary)}.walk__person--marked{border-radius:.5rem;outline:3px solid var(--sg-accent);background:var(--sg-accent-soft)}.walk__person--faded{opacity:.4;filter:grayscale(1)}.walk__you{z-index:2;transition:left .18s ease-out,top .18s ease-out}.walk__you .walk__person-name{padding:0 .25rem;border-radius:.375rem;background:var(--sg-primary);color:#fff}.walk__controls{display:grid;gap:.75rem;min-width:0}.walk__pad{display:grid;grid-template-columns:repeat(3,3.5rem);grid-template-areas:". up ." "left . right" ". down .";gap:.375rem;justify-content:center}.walk__arrow{display:grid;place-items:center;width:3.5rem;height:3.5rem;border:3px solid var(--sg-primary);border-radius:1rem;background:var(--sg-surface);box-shadow:0 .25rem 0 var(--sg-primary);color:var(--sg-primary);cursor:pointer;touch-action:manipulation}.walk__arrow:hover{background:var(--sg-primary-soft)}.walk__arrow:active{transform:translateY(.125rem);box-shadow:0 .125rem 0 var(--sg-primary)}.walk__arrow--up{grid-area:up}.walk__arrow--left{grid-area:left}.walk__arrow--right{grid-area:right}.walk__arrow--down{grid-area:down}.walk__talk{display:grid;gap:.5rem}.walk__talk-button{min-height:3.5rem;font-size:1.125rem}.walk__options,.walk__reply{display:grid;gap:.5rem}.walk__sentence{margin:0;padding:.5rem .75rem;border:3px solid var(--sg-success);border-radius:calc(var(--sg-radius) * 1.25);background:var(--sg-success-soft);font-weight:800;line-height:1.3}.walk__reply .messages__reply{justify-self:start;max-width:95%}.walk__next{min-height:3.5rem;font-size:1.25rem}@media(max-width:40rem){.walk__person .walk__person-name{display:none}.walk__scene svg{max-height:12vh;margin-inline:auto}.walk__scene figcaption{font-size:.9375rem}}@media(prefers-reduced-motion:reduce){.walk__you{transition:none}.walk__arrow:active{transform:none}}.walk__legend{display:flex;flex-wrap:wrap;gap:.375rem .75rem;margin:0;padding:0;list-style:none}.walk__legend-item{display:inline-flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:700}.walk__legend-item--faded{color:var(--sg-ink-muted);text-decoration:line-through}.walk__legend-art{display:block;width:2.5rem}.walk__legend-art svg{display:block;width:100%;height:auto}.ba{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.375rem;padding:.5rem;border-radius:calc(var(--sg-radius) * 1.5);background:var(--sg-surface);box-shadow:var(--sg-shadow)}.ba__frame{display:grid;gap:.25rem;margin:0;min-width:0}.ba__frame svg{display:block;width:100%;height:auto;border:3px solid var(--sg-line);border-radius:var(--sg-radius)}.ba__frame--now svg{border-color:var(--sg-accent)}.ba__tag{justify-self:start;padding:.0625rem .625rem;border-radius:999px;background:var(--sg-line);color:var(--sg-ink);font-size:.875rem;font-weight:800}.ba__tag--now{background:var(--sg-accent);color:#fff}.ba__frame figcaption{font-size:.9375rem;font-weight:800;line-height:1.25;text-align:center}.ba__arrow{display:grid;place-items:center;color:var(--sg-accent)}@media(max-width:40rem){.ba{gap:.125rem;padding:.375rem}.ba__frame figcaption{font-size:.75rem}.ba__tag{font-size:.75rem}.ba__arrow svg{width:1.25rem}}@media(prefers-reduced-motion:no-preference){.ba-ring{animation:ba-ring 1.4s ease-in-out infinite alternate}@keyframes ba-ring{to{opacity:.35}}}.talk{display:grid;gap:1rem;align-items:start}@media(min-width:40.0625rem){.talk{grid-template-columns:1fr 1.2fr}.talk__finish,.talk__feedback{grid-column:1 / -1}}.talk__scene{display:grid;gap:.375rem;margin:0;padding:.5rem;border-radius:calc(var(--sg-radius) * 1.5);background:var(--sg-surface);box-shadow:var(--sg-shadow)}.talk__scene svg{display:block;width:100%;height:auto;max-height:min(18rem,40vh);border-radius:var(--sg-radius)}.talk__scene figcaption{font-size:1.0625rem;font-weight:800;text-align:center}.talk__thread{display:grid;gap:.75rem;padding:.75rem;border-radius:calc(var(--sg-radius) * 1.5);background:var(--sg-surface);box-shadow:var(--sg-shadow)}.talk__head{display:flex;align-items:center;gap:.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--sg-line)}.talk__avatar{display:block;width:3rem}.talk__avatar svg,.talk__reply-art svg{display:block;width:100%;height:auto}.talk__messages{display:grid;gap:.5rem;max-height:22rem;margin:0;padding:0;overflow-y:auto;list-style:none}.talk__note{color:var(--sg-ink-muted);font-size:.9375rem;font-weight:700;text-align:center}.talk__pair{display:grid;gap:.5rem}.talk__bubble{display:grid;gap:.125rem;max-width:85%;margin:0;padding:.5rem .75rem;line-height:1.3}.talk__bubble--you{justify-self:end;border-radius:1rem 1rem .25rem;background:var(--sg-success-soft);color:var(--sg-ink)}.talk__bubble--partner{justify-self:start;border-radius:1rem 1rem 1rem .25rem;background:var(--sg-primary);color:#fff}.talk__who{font-size:.75rem;font-weight:800;opacity:.85}.talk__replies{display:grid;gap:.5rem;padding-top:.5rem;border-top:2px dashed var(--sg-line)}.talk__reply{display:flex;align-items:center;gap:.5rem;min-height:3.25rem;padding:.5rem .75rem;border:3px solid var(--sg-primary);border-radius:1.25rem 1.25rem .375rem;background:var(--sg-surface);box-shadow:0 .25rem 0 var(--sg-primary);color:var(--sg-ink);font:inherit;font-weight:700;line-height:1.25;text-align:left;cursor:pointer}.talk__reply:hover{background:var(--sg-primary-soft)}.talk__reply-art{display:block;flex:none;width:2.75rem}.talk__reply-text{display:grid;gap:.125rem;min-width:0}.talk__reply--suggested{border-color:var(--sg-accent);background:var(--sg-accent-soft);box-shadow:0 .25rem 0 var(--sg-accent)}.talk__reply--excluded,.talk__reply--excluded:hover{border-color:var(--sg-line);background:#f0efec;box-shadow:none;color:var(--sg-ink-muted);cursor:not-allowed}.talk__reply--excluded .talk__reply-art{opacity:.35;filter:grayscale(1)}.talk__next{min-height:3.5rem;font-size:1.25rem}@media(max-width:40rem){.talk{gap:.75rem}.talk__thread{order:-1}.talk__scene{padding:.375rem}.talk__scene svg{max-height:16vh;margin-inline:auto}.talk__scene figcaption{font-size:.9375rem}.talk__thread{padding:.625rem}.talk__avatar{width:2.25rem}.talk__reply{font-size:.9375rem}.talk__reply-art{width:2.25rem}}@media(prefers-reduced-motion:no-preference){.talk__pair:last-child .talk__bubble--you{animation:talk-in .3s ease-out}.talk__pair:last-child .talk__bubble--partner{animation:talk-in .3s ease-out .35s both}@keyframes talk-in{0%{transform:translateY(.5rem);opacity:0}}}.talk__scene--change,.talk__scene--change:is(div){padding:0;background:transparent;box-shadow:none}.talk__scene--change svg{max-height:none;margin-inline:0}.hp__path{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.375rem;margin:0;padding:0;list-style:none}.hp__path:before{content:"";position:absolute;top:1.25rem;right:12%;left:12%;border-top:4px dashed var(--sg-line)}.hp__gate{position:relative;display:grid;justify-items:center;align-content:start;gap:.125rem;color:var(--sg-ink-muted);font-size:.9375rem;font-weight:800;text-align:center}.hp__marker{display:grid;place-items:center;width:2.5rem;height:2.5rem;border:3px solid var(--sg-line);border-radius:50%;background:var(--sg-surface);color:var(--sg-ink);font-size:1.125rem}.hp__gate--done{color:var(--sg-success)}.hp__gate--done .hp__marker{border-color:var(--sg-success);color:var(--sg-success)}.hp__gate--here{color:var(--sg-ink)}.hp__gate--here .hp__marker{border-color:var(--sg-primary);background:var(--sg-primary);color:#fff}.hp__gate small{color:var(--sg-accent-ink);font-size:.75rem;font-weight:800}.hp__stamp{display:inline-flex;align-items:center;gap:.375rem;justify-self:center;margin:0;color:var(--sg-success);font-size:1.125rem;font-weight:800}.hp__path,.hp__stamp{grid-column:1 / -1}@media(max-width:40rem){.hp__path{order:-2}.hp__marker{width:2.25rem;height:2.25rem}.hp__path:before{top:1.125rem}}.wmail{display:grid;gap:1rem;align-items:start}@media(min-width:40.0625rem){.wmail{grid-template-columns:1fr 1.3fr}.wmail__finish,.wmail__feedback{grid-column:1 / -1}}.wmail__scene{display:grid;gap:.375rem;margin:0;padding:.5rem;border-radius:calc(var(--sg-radius) * 1.5);background:var(--sg-surface);box-shadow:var(--sg-shadow)}.wmail__scene svg{display:block;width:100%;height:auto;max-height:min(16rem,36vh);border-radius:var(--sg-radius)}.wmail__scene figcaption{font-size:1.0625rem;font-weight:800;text-align:center}.wmail__main{display:grid;gap:.75rem;min-width:0}.wmail__window{display:grid;overflow:hidden;border:3px solid var(--sg-primary);border-radius:calc(var(--sg-radius) * 1.25);background:#fff;box-shadow:var(--sg-shadow)}.wmail__bar{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:var(--sg-primary);color:#fff}.wmail__bar-icon{display:block;width:2.5rem;border-radius:.5rem;background:#fff}.wmail__bar-icon svg{display:block;width:100%;height:auto}.wmail__fields{display:grid;margin:0}.wmail__field{display:flex;align-items:baseline;gap:.75rem;padding:.5rem .75rem;border-bottom:2px solid var(--sg-line)}.wmail__field dt{flex:none;min-width:4.5rem;color:var(--sg-ink-muted);font-weight:800}.wmail__field dd{margin:0;font-weight:700}.wmail__field--active{background:var(--sg-accent-soft)}.wmail__empty{color:var(--sg-ink-muted);font-weight:700}.wmail__body{display:grid;gap:.375rem;min-height:4.5rem;padding:.625rem .75rem}.wmail__line{margin:0;font-weight:700;line-height:1.35}.wmail__line--active{padding:.25rem .5rem;border:2px dashed var(--sg-accent);border-radius:.5rem;background:var(--sg-accent-soft)}.wmail__window--chat .wmail__line:not(.wmail__line--active){justify-self:end;max-width:90%;padding:.375rem .75rem;border:2px solid var(--sg-success);border-radius:.875rem .875rem .25rem;background:var(--sg-success-soft)}.wmail__window--in-person .wmail__line:not(.wmail__line--active):before{content:"“"}.wmail__window--in-person .wmail__line:not(.wmail__line--active):after{content:"”"}.wmail__foot{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .75rem;border-top:2px solid var(--sg-line)}.wmail__send{min-height:3rem}.wmail__sent{display:inline-flex;align-items:center;gap:.25rem;color:var(--sg-success);font-weight:800}.wmail__options,.wmail__reply{display:grid;gap:.5rem}.wmail__reply .messages__reply{justify-self:start;max-width:95%}.wmail__next{min-height:3.5rem;font-size:1.25rem}@media(max-width:40rem){.wmail__scene svg{max-height:14vh;margin-inline:auto}.wmail__scene figcaption{font-size:.9375rem}}.wmail__send:disabled{opacity:.45;cursor:not-allowed}.wmail__scene--change{padding:0;background:transparent;box-shadow:none}.wmail__scene--change svg{max-height:none;margin-inline:0}.feelings{display:grid;gap:.75rem;align-items:start}.feelings__wide{grid-column:1 / -1}.feelings__top{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem}.feelings__face{display:block;flex:none;width:3.5rem}.feelings__face svg{display:block;width:100%;height:auto}.feelings__top>strong{font-size:1.5rem}.feelings__track{display:flex;flex-wrap:wrap;gap:.375rem;margin:0 0 0 auto;padding:0;list-style:none}.feelings__stop{display:inline-flex;align-items:center;gap:.25rem;min-height:2rem;padding:.125rem .75rem;border:2px solid var(--sg-line);border-radius:999px;color:var(--sg-ink-muted);font-size:.9375rem;font-weight:800}.feelings__stop--now{border-color:var(--sg-primary);background:var(--sg-primary);color:#fff}.feelings__stop--done{border-color:var(--sg-success);color:var(--sg-success)}.feelings__scene{position:relative;display:grid;gap:.375rem;margin:0;padding:.5rem;border-radius:calc(var(--sg-radius) * 1.5);background:var(--sg-surface);box-shadow:var(--sg-shadow)}.feelings__scene svg{display:block;width:100%;height:auto;max-height:min(12rem,26vh);border-radius:var(--sg-radius)}.feelings__scene figcaption{font-size:1.375rem;font-weight:800;text-align:center}.feelings__bubble{position:absolute;top:1rem;right:1rem;left:1rem;margin:0;padding:.625rem .875rem;border:3px solid var(--sg-success);border-radius:1rem;background:#fff;box-shadow:var(--sg-shadow);font-size:1.125rem;font-weight:800;line-height:1.3;text-align:center}.feelings__ways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.625rem}.feelings__way{display:grid;justify-items:center;align-content:start;gap:.25rem;min-height:3rem;padding:.5rem .375rem .625rem;border:3px solid var(--sg-primary);border-radius:calc(var(--sg-radius) * 1.25);background:var(--sg-surface);box-shadow:0 .375rem 0 var(--sg-primary);color:var(--sg-ink);font:inherit;text-align:center;cursor:pointer;touch-action:manipulation}.feelings__way:hover:not(:disabled){background:var(--sg-primary-soft)}.feelings__way-art{display:block;width:100%;max-width:8rem;aspect-ratio:7 / 5}.feelings__way-art svg{display:block;width:100%;height:100%}.feelings__way strong{font-size:1.125rem;line-height:1.2;overflow-wrap:anywhere}.feelings__way small{color:var(--sg-hint);font-size:.875rem;font-weight:800}.feelings__way--suggested{border-color:var(--sg-accent);background:var(--sg-accent-soft);box-shadow:0 .375rem 0 var(--sg-accent)}.feelings__way--excluded,.feelings__way--excluded:hover{border-color:var(--sg-line);background:#f0efec;box-shadow:none;color:var(--sg-ink-muted);cursor:not-allowed}.feelings__way--excluded .feelings__way-art{opacity:.35;filter:grayscale(1)}.feelings__summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.625rem;margin:0;padding:0;list-style:none}.feelings__summary-card{display:grid;justify-items:center;gap:.25rem;padding:.5rem .375rem;border:3px solid var(--sg-success);border-radius:calc(var(--sg-radius) * 1.25);background:var(--sg-success-soft);text-align:center;font-weight:800;line-height:1.2}.feelings__summary-art{display:block;width:100%;max-width:6rem}.feelings__summary-art svg{display:block;width:100%;height:auto}.feelings__next{justify-self:center;min-height:3.5rem;font-size:1.25rem}@media(max-width:40rem){.feelings__ways,.feelings__summary{order:1}.feelings__scene{order:2}.feelings__next{order:3}.feelings__wide{order:4}.feelings__scene svg{max-height:26vh;margin-inline:auto}.feelings__scene figcaption{font-size:1.125rem}.feelings__bubble{top:.75rem;font-size:.9375rem}.feelings__way strong{font-size:.9375rem}.feelings__track{margin-left:0}}.level-chooser{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr))}.level-chooser__choice{display:grid;gap:.25rem;min-height:6rem;padding:1rem;border:3px solid var(--sg-primary);border-radius:calc(var(--sg-radius) * 1.25);background:var(--sg-surface);box-shadow:0 .375rem 0 var(--sg-primary);color:var(--sg-ink);font:inherit;text-align:left;cursor:pointer}.level-chooser__choice:hover{background:var(--sg-primary-soft)}.level-chooser__choice strong{color:var(--sg-primary);font-size:1.5rem}.level-chooser__choice span{font-size:1.125rem;font-weight:700}.opinion__question{display:flex;align-items:center;gap:.5rem;margin:0;padding:.5rem .75rem;border-radius:.875rem .875rem .875rem .25rem;background:var(--sg-primary);color:#fff;font-weight:700;line-height:1.3}.opinion__asker{display:block;flex:none;width:3rem;border-radius:50%;background:#fff}.opinion__asker svg{display:block;width:100%;height:auto}.opinion__choices{display:grid;gap:.5rem}.opinion__said{display:flex;align-items:center;gap:.5rem;margin:0;padding:.375rem .75rem;border:2px solid var(--sg-line);border-radius:999px;background:var(--sg-surface);font-weight:700;line-height:1.3}.opinion__said .messages__avatar{flex:none;width:2.25rem}.opinion__differ{display:flex;align-items:center;gap:.5rem;margin:0;padding:.5rem .75rem;border:3px solid var(--sg-primary);border-radius:.875rem .875rem .875rem .25rem;background:var(--sg-surface);font-weight:700;line-height:1.3}.liked{display:grid;gap:.375rem;padding:.625rem .875rem;border:3px solid var(--sg-primary);border-radius:calc(var(--sg-radius) * 1.25);background:var(--sg-surface)}.liked h2{margin:0;font-size:1.125rem}.liked__tier{color:var(--sg-success)}.liked__bar{height:1.5rem;overflow:hidden;border:3px solid var(--sg-primary);border-radius:999px;background:var(--sg-line)}.liked__fill{display:block;height:100%;background:#d9487c;transition:width .5s ease}.liked__count{display:flex;align-items:center;gap:.25rem;margin:0;color:#9d1f4e;font-weight:800}.liked__reaction{display:grid;gap:.375rem;padding:.625rem .875rem;border:3px solid var(--sg-success);border-radius:.875rem .875rem .25rem;background:var(--sg-success-soft)}.liked__reaction--0,.liked__reaction--1,.liked__reaction--2{border-color:var(--sg-accent);background:var(--sg-accent-soft)}.liked__said,.liked__rating{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin:0;font-weight:700;line-height:1.3}.liked__hearts{display:inline-flex;gap:.125rem;color:#9d1f4e}@media(prefers-reduced-motion:reduce){.liked__fill{transition:none}}.opinion__next{min-height:3.5rem;font-size:1.25rem}@media(max-width:40rem){.opinion .messages__side,.opinion__choices{order:-1}}.wot{display:grid;gap:.75rem}.wot__goal{margin:0;padding:.625rem .75rem;border:3px solid var(--sg-accent);border-radius:calc(var(--sg-radius) * 1.25);background:var(--sg-accent-soft);font-weight:700;line-height:1.3}.wot__goal strong{color:var(--sg-accent-ink)}.wot__time{display:grid;gap:.75rem}.wot__side{display:grid;gap:.75rem;align-content:center}@media(min-width:40.0625rem){.wot__time{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}}.wot__moment{display:grid;gap:.5rem;width:min(100%,30rem);margin-inline:auto}.wot__scene{display:grid;gap:.375rem;margin:0;padding:.5rem;border-radius:calc(var(--sg-radius) * 1.5);background:var(--sg-surface);box-shadow:var(--sg-shadow)}.wot__scene>svg{display:block;width:100%;height:auto;max-height:min(13rem,32vh);border-radius:var(--sg-radius)}.wot__scene figcaption{display:flex;align-items:center;justify-content:center;gap:.375rem;font-size:1.125rem;font-weight:800;text-align:center}.wot__moment--chosen{grid-template-columns:minmax(0,1fr) auto;align-items:center;width:100%}.wot__moment--chosen .wot__scene>svg{max-height:6rem}.wot__light{display:flex;align-items:center;justify-content:center;gap:.625rem;min-height:3rem;padding:.375rem 1rem;border:3px solid var(--sg-line);border-radius:999px;background:var(--sg-surface);color:var(--sg-ink-muted)}.wot__lamp{width:1.5rem;height:1.5rem;border:3px solid currentColor;border-radius:50%;background:var(--sg-line)}.wot__light--no{border-color:var(--sg-accent);background:var(--sg-accent-soft);color:var(--sg-accent-ink)}.wot__light--no .wot__lamp{background:var(--sg-accent)}.wot__light--yes{border-color:var(--sg-success);background:var(--sg-success-soft);color:var(--sg-success)}.wot__light--yes .wot__lamp{background:var(--sg-success)}.wot__past{display:flex;flex-wrap:wrap;justify-content:center;gap:.375rem;margin:0;padding:0;list-style:none}.wot__past li{padding:.25rem .625rem;border:2px solid var(--sg-line);border-radius:999px;color:var(--sg-ink-muted);font-size:.875rem;font-weight:700}.wot__past small{color:var(--sg-accent-ink);font-weight:800}.wot__gate{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.wot__action{display:grid;justify-items:center;align-content:center;gap:.25rem;min-height:5rem;padding:.75rem .5rem;border:3px solid var(--sg-primary);border-radius:calc(var(--sg-radius) * 1.25);background:var(--sg-surface);box-shadow:0 .375rem 0 var(--sg-primary);color:var(--sg-ink);font:inherit;font-size:1.25rem;font-weight:800;text-align:center;cursor:pointer;touch-action:manipulation}.wot__action:hover{background:var(--sg-primary-soft)}.wot__action small{color:var(--sg-hint);font-size:.875rem;font-weight:800}.wot__action--suggested{border-color:var(--sg-accent);background:var(--sg-accent-soft);box-shadow:0 .375rem 0 var(--sg-accent)}.wot__action--excluded,.wot__action--excluded:hover{border-color:var(--sg-line);background:#f0efec;box-shadow:none;color:var(--sg-ink-muted);cursor:not-allowed}.wot__lines,.wot__thread{display:grid;gap:.5rem}.wot__said{justify-self:end;max-width:90%;margin:0;padding:.5rem .75rem;border:2px solid var(--sg-success);border-radius:.875rem .875rem .25rem;background:var(--sg-success-soft);font-weight:700;line-height:1.3}.wot__thread .messages__reply{justify-self:start;max-width:90%}.wot__next{min-height:3.5rem;font-size:1.25rem}@media(max-width:40rem){.wot__moment--chosen{grid-template-columns:1fr}.wot__scene>svg{max-height:30vh}}.stage{position:relative;width:100%;aspect-ratio:1.94;overflow:hidden;border-radius:var(--sg-radius);background:linear-gradient(#f3f6f0 78%,#dfe6d7 78%)}.stage__scene{position:absolute;top:0;right:0;width:72%;animation:stage-in .45s ease both}.stage__scene svg{display:block;width:100%;height:auto;max-height:none}.stage__learner{position:absolute;bottom:0;left:1%;width:20%;transition:left 1.2s ease-in-out;animation:stage-walk .4s ease-in-out 3}.stage--near .stage__learner{left:27%;animation-name:stage-walk-near}.stage__learner svg{display:block;width:100%;height:auto;max-height:none}@keyframes stage-in{0%{opacity:0;transform:translate(.75rem)}to{opacity:1;transform:none}}@keyframes stage-walk{0%,to{transform:translateY(0)}50%{transform:translateY(-5%)}}@keyframes stage-walk-near{0%,to{transform:translateY(0)}50%{transform:translateY(-5.5%)}}.stage__talk{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;align-items:start}.stage__bubble{position:relative;display:grid;gap:.125rem;margin:0;padding:.375rem .625rem;border:3px solid var(--sg-primary);border-radius:1rem;background:#fff;font-size:1rem;font-weight:800;line-height:1.25;text-align:left;animation:stage-pop .3s ease both}.stage__bubble small{color:var(--sg-ink-muted);font-size:.75rem;font-weight:800;text-transform:uppercase}.stage__bubble:before{content:"";position:absolute;top:-.6rem;width:.9rem;height:.9rem;border-top:3px solid var(--sg-primary);border-left:3px solid var(--sg-primary);background:#fff;transform:rotate(45deg)}.stage__bubble--you{grid-column:1}.stage__bubble--you:before{left:18%}.stage__bubble--them{grid-column:2;background:var(--sg-primary-soft)}.stage__bubble--them:before{right:18%;background:var(--sg-primary-soft)}.stage__bubble--tried{border-style:dashed;border-color:var(--sg-accent);background:var(--sg-accent-soft)}.stage__bubble--tried:before{border-color:var(--sg-accent);background:var(--sg-accent-soft)}.stage__typing{position:absolute;top:1.625rem;left:.75rem;display:inline-flex;gap:.25rem;align-items:center;animation:stage-hide 0s 1s forwards}.stage__typing i{width:.5rem;height:.5rem;border-radius:50%;background:var(--sg-primary);animation:stage-dot .6s ease-in-out infinite}.stage__typing i:nth-child(2){animation-delay:.15s}.stage__typing i:nth-child(3){animation-delay:.3s}.stage__words{visibility:hidden;animation:stage-reveal 0s 1s forwards}@keyframes stage-pop{0%{opacity:0;transform:translateY(.25rem) scale(.96)}to{opacity:1;transform:none}}@keyframes stage-hide{to{visibility:hidden}}@keyframes stage-reveal{to{visibility:visible}}@keyframes stage-dot{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-.2rem)}}@media(max-width:40rem){.stage__talk{grid-template-columns:minmax(0,1fr)}.stage__bubble--you,.stage__bubble--them{grid-column:1}}@media(prefers-reduced-motion:reduce){.stage__learner{transition:none;animation:none!important}.stage__scene,.stage__bubble{animation:none}.stage__typing{display:none}.stage__words{visibility:visible;animation:none}}.wot__thread--sr,.wot__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.guess{--guess-ink: #1d2b36;--guess-board: #2a6fb0;--guess-yes: #2f7d4f;--guess-no: #b3432f;--guess-ask: #9a5b00;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"scene" "clues" "choices" "outcome" "feedback" "board";gap:.875rem;align-items:start}.guess--complete{grid-template-areas:"feedback" "meaning" "board"}.guess__board{grid-area:board}.guess__scene{grid-area:scene}.guess__clues{grid-area:clues}.guess__choices{grid-area:choices}.guess__feedback{grid-area:feedback;margin:0}.guess__meaning{grid-area:meaning}@media(min-width:60rem){.guess{grid-template-columns:minmax(9rem,11rem) minmax(0,1.5fr) minmax(0,1fr);grid-template-areas:"board scene clues" "board choices choices" "board outcome outcome" "board feedback feedback"}.guess--complete{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:"board meaning" "board feedback"}.guess--outcome{grid-template-areas:"board scene outcome" "board scene feedback"}}.guess__board{display:grid;gap:.5rem;padding:.625rem;border:3px solid var(--guess-ink);border-radius:1rem;background:var(--guess-board);box-shadow:inset 0 -6px #0000002e}.guess__board h2{margin:0;color:#fff;font-size:1.0625rem;text-align:center;text-transform:uppercase}.guess__board ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:0;padding:0;list-style:none}@media(min-width:60rem){.guess:not(.guess--complete) .guess__board ol{grid-template-columns:repeat(2,minmax(0,1fr))}}.guess__tile{position:relative;display:grid;overflow:hidden;border:2px solid var(--guess-ink);border-radius:.5rem;background:#fff}.guess__portrait svg{display:block;width:100%;height:auto}@media(min-width:60rem){.guess:not(.guess--complete) .guess__portrait svg{height:5rem}.guess--complete .guess__portrait svg{height:8rem}}.guess__name{padding:.125rem .25rem;border-top:2px solid var(--guess-ink);background:#f7f3e8;color:var(--guess-ink);font-size:.875rem;font-weight:900;text-align:center}.guess__tile em{position:absolute;top:.25rem;left:.25rem;padding:0 .375rem;border-radius:999px;background:var(--sg-accent-ink);color:#fff;font-size:.75rem;font-style:normal;font-weight:900}.guess__tile--now{border-color:var(--sg-sun);box-shadow:0 0 0 3px var(--sg-sun)}.guess__tile--done .guess__portrait{opacity:.55;filter:saturate(.6)}.guess__stamp{position:absolute;inset:auto .25rem 1.75rem;display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.125rem .25rem;border:2px solid currentColor;border-radius:.375rem;background:#fffffff0;font-size:.75rem;font-weight:900;text-transform:uppercase;transform:rotate(-6deg)}.guess__tile--yes .guess__stamp{color:var(--guess-yes)}.guess__tile--no .guess__stamp{color:var(--guess-no)}.guess__tile--ask .guess__stamp{color:var(--guess-ask)}.guess__stamp-icon{display:block;width:1.125rem;height:1.125rem}.guess__scene{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:.5rem;margin:0}@media(max-width:59.99rem){.guess__scene{width:min(100%,26rem);justify-self:center}}.guess__picture{grid-column:1 / -1;grid-row:2;width:min(100%,28rem);justify-self:center;display:block;overflow:hidden;border:3px solid var(--guess-ink);border-radius:1rem}.guess__picture svg{display:block;width:100%;height:auto}.guess__bubble{position:relative;display:grid;gap:.125rem;margin:0;padding:.375rem .75rem;border:2px solid var(--guess-ink);border-radius:1rem;background:#fff;color:var(--guess-ink);font-size:1.0625rem;font-weight:900;line-height:1.25}.guess__bubble b{color:var(--sg-ink-muted);font-size:.8125rem;font-weight:800}.guess__bubble--ask{grid-column:1;grid-row:1;justify-self:start;border-bottom-left-radius:.25rem;background:#e3f3f5}.guess__bubble--reply{grid-column:1 / -1;grid-row:3;width:100%;justify-self:end;border-bottom-right-radius:.25rem;background:#fff6d6}.guess__bubble--focus{outline:3px solid var(--guess-ink);outline-offset:3px}.guess__scene-actions{grid-column:2;grid-row:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.guess__scene-actions .sg-button,.guess__next{min-width:0;white-space:normal}.guess__scene-actions .sg-button{flex-direction:column;gap:.25rem;padding:.5rem .75rem;border-radius:.75rem;font-size:.9375rem;line-height:1.2}.guess__scene-actions .sg-button svg{flex:none;width:24px;height:24px}.guess__waiting{grid-column:1 / -1;margin:0;color:var(--sg-ink-muted);font-weight:800}.guess__choice:disabled:not(.guess__choice--excluded),.guess__clue:disabled{opacity:.55;cursor:default;box-shadow:none}.guess__clue[aria-pressed=true]{outline:3px solid var(--guess-ink);outline-offset:2px}.guess__outcome{grid-area:outcome;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.875rem;padding:1rem;border:3px solid var(--guess-ink);border-radius:1rem;background:#fff}.guess__outcome p{margin:0;font-size:1.25rem;font-weight:800;line-height:1.35}.guess__next{grid-column:1 / -1}.consent__look-away .learner-head>g[fill] circle{transform:translate(10px)}.guess__clues{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.guess__clues h2{grid-column:1 / -1;display:flex;align-items:center;gap:.375rem;margin:0;font-size:1.0625rem}@media(min-width:60rem){.guess__clues{grid-template-columns:minmax(0,1fr)}}.guess__clue{display:grid;align-content:center;gap:.25rem;min-height:3rem;padding:.5rem .625rem;border:2px dashed var(--guess-board);border-radius:.75rem;background:repeating-linear-gradient(45deg,transparent 0 7px,rgb(42 111 176 / .08) 7px 14px),#fff;color:var(--guess-ink);font:inherit;text-align:left;cursor:pointer}.guess__clue b{color:var(--guess-board);font-size:.8125rem;font-weight:900;text-transform:uppercase}.guess__clue span{color:var(--sg-ink-muted);font-weight:800;line-height:1.25}.guess__clue--open{border-style:solid;background:#fff}.guess__clue--open span{color:var(--guess-ink);font-size:1.0625rem}.guess__clue:focus-visible,.guess__choice:focus-visible{outline:3px solid var(--sg-focus);outline-offset:3px}.guess__choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.625rem}@media(max-width:30rem){.guess__bubble--ask{grid-column:1 / -1}.guess__scene-actions{grid-column:1 / -1;grid-row:2}.guess__picture{grid-row:3}.guess__bubble--reply{grid-row:4}.sg-shell:has(.guess) .sg-shell__actions{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row}.sg-shell:has(.guess) .sg-shell__actions .sg-button{min-width:0;white-space:normal}.guess__choices{grid-template-columns:minmax(0,1fr)}.guess .guess__choice{min-height:3.5rem}}.guess__choice{display:flex;align-items:center;gap:.625rem;min-height:4.5rem;padding:.5rem .75rem;border:3px solid var(--guess-ink);border-radius:.875rem;background:#fff;box-shadow:0 4px 0 var(--guess-ink);color:var(--guess-ink);font:inherit;text-align:left;cursor:pointer}.guess__choice:hover{background:#f7f3e8}.guess__choice-text{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:.25rem;min-width:0}.guess__choice strong{font-size:1.0625rem;line-height:1.2}.guess__choice small{padding:.125rem .5rem;border-radius:999px;background:var(--guess-ink);color:#fff;font-size:.8125rem;font-weight:800}.guess__choice-icon{display:block;flex:none;width:2.5rem;height:2.5rem}.guess-answer{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;color:#fff}.guess-answer--yes{background:var(--guess-yes, #2f7d4f)}.guess-answer--no{background:var(--guess-no, #b3432f)}.guess-answer--ask{background:var(--guess-ask, #9a5b00)}span.guess-answer>svg{width:60%;height:60%}.guess__choice--suggested{border-color:var(--sg-accent);box-shadow:0 0 0 3px var(--sg-accent),0 0 0 7px var(--sg-accent-soft)}.guess__choice--suggested small{background:var(--sg-accent-ink)}.guess__choice--excluded{border-color:#aeb8bf;background:#eef1ef;box-shadow:none;color:#5c6670;cursor:not-allowed}.guess__choice--excluded .guess-answer{background:#8a949c}.guess__choice--excluded small{background:#5c6670}.guess__meaning{display:grid;gap:.625rem;padding:1rem;border:3px solid var(--guess-ink);border-radius:1rem;background:#fff;box-shadow:0 4px 0 var(--guess-ink)}.guess__meaning h2{margin:0;font-size:1.375rem}.guess__rule{display:flex;align-items:center;gap:.625rem;margin:0;font-size:1.0625rem;font-weight:800;line-height:1.3}.guess__finish{justify-content:flex-start}.consent__look-away{transform:rotate(-12deg);transform-origin:0 0}@media(prefers-reduced-motion:no-preference){.consent__move,.consent[data-phase=response] .consent__gesture{animation:consent-response .7s ease-out}.consent[data-phase=response] .consent__look-away{animation:consent-look-away .7s ease-out}.guess__clue--open span{animation:guess-flip .3s ease-out}.guess__stamp{animation:guess-stamp .3s ease-out}@keyframes consent-response{0%{transform:translate(var(--from-x),var(--from-y))}to{transform:translate(0)}}@keyframes consent-look-away{0%{transform:rotate(0)}to{transform:rotate(-12deg)}}@keyframes guess-flip{0%{transform:rotateX(80deg);opacity:0}}@keyframes guess-stamp{0%{transform:rotate(-6deg) scale(1.8);opacity:0}}}.hands{display:grid;gap:1rem}.hands__plan{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}.hands__plan li{display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;border:2px solid var(--sg-line);border-radius:.75rem;font-weight:800}.hands__plan li[aria-current]{border-color:var(--sg-accent-ink);background:var(--sg-accent-soft)}.hands__plan li[data-done=true]{background:var(--sg-success-soft)}.hands__plan b{display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--sg-primary);color:#fff}.hands__practice{display:grid;gap:1rem;align-items:start}.hands__scene{min-width:0;border:2px solid var(--sg-line);border-radius:1rem;overflow:hidden;background:var(--sg-surface)}.hands__scene>p{margin:0;padding:.75rem;font-weight:700;line-height:1.4}.hands__live-art svg{display:block;width:100%;height:auto}.hands__walk{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;background:var(--sg-primary-soft)}.hands__dialogue{display:grid;gap:.5rem;padding:.75rem}.hands__dialogue p{margin:0;padding:.75rem;border:2px solid var(--sg-line);border-radius:.75rem;font-weight:700;line-height:1.4}.hands__dialogue p:first-child{background:var(--sg-primary-soft);justify-self:start}.hands__act{display:grid;gap:.75rem;min-width:0}.hands__choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.hands__choice{display:grid;justify-items:center;align-content:start;gap:.5rem;padding:.75rem .5rem;min-height:3rem;min-width:0;border:3px solid var(--sg-primary);border-radius:.875rem;background:var(--sg-surface);color:var(--sg-ink);font:inherit;font-weight:800;line-height:1.3;text-align:center;cursor:pointer}.hands__choice:focus-visible{outline:3px solid var(--sg-focus);outline-offset:3px}.hands__choice-art{width:min(100%,8rem)}.hands__choice-art svg,.hands__adult-art svg{display:block;width:100%;height:auto}.hands__choice[data-guide=true]{border-color:var(--sg-accent-ink);box-shadow:0 0 0 3px var(--sg-accent-soft)}.hands__choice small{font-size:.85rem}.hands__choice--excluded{border-color:var(--sg-line);background:#eef1ef;cursor:not-allowed}.hands__choice--excluded .hands__choice-art{filter:grayscale(1)}.hands__trusted{display:grid;gap:1rem}.hands__trusted h2{margin:0;font-size:1.375rem}.hands__adults{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.hands__adult-art{width:min(100%,11rem)}.hands__choice[aria-pressed=true]{background:var(--sg-success-soft)}.hands__finish{display:flex;gap:.75rem;flex-wrap:wrap}@media(min-width:60rem){.hands__practice{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.hands__adults{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:30rem){.hands__plan{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.hands__plan li{display:grid;justify-items:center;padding:.5rem .25rem;font-size:.875rem;text-align:center}.sg-shell:has(.hands) .sg-shell__actions{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row}.sg-shell:has(.hands) .sg-shell__actions .sg-button{min-width:0;white-space:normal}}.rather{--rather-ink: #1d2b36;--rather-yes: #1f7a72;--rather-no: #b3432f;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"scene" "play" "feedback";gap:.875rem;align-items:start}.rather--complete{grid-template-areas:"summary" "rule" "feedback"}.rather__scene{grid-area:scene}.rather__card,.rather__words{grid-area:play}.rather__feedback{grid-area:feedback;margin:0}.rather__summary{grid-area:summary}.rather__rule{grid-area:rule}@media(min-width:60rem){.rather{--rather-scene: min(30rem, calc((100dvh - 21rem) * 4 / 3));grid-template-columns:minmax(0,var(--rather-scene)) minmax(0,1fr);grid-template-areas:"scene play" "scene feedback";grid-template-rows:auto 1fr}.rather--complete{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);grid-template-areas:"summary rule" "summary feedback"}}.rather__scene{display:grid;gap:.5rem}@media(max-width:59.99rem){.rather__scene{width:min(100%,26rem);justify-self:center}}.rather__picture{display:block;overflow:hidden;border:3px solid var(--rather-ink);border-radius:1rem}.rather__picture svg{display:block;width:100%;height:auto}.rather__ask{margin:0;padding:.5rem .875rem;border:2px solid var(--rather-ink);border-radius:.25rem 1rem 1rem;background:#fff;color:var(--rather-ink);font-size:1.1875rem;font-weight:900;line-height:1.3}.rather__ask b{color:var(--sg-ink-muted)}.rather__card{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;border:3px solid var(--rather-ink);border-radius:1.25rem;box-shadow:0 6px 0 var(--rather-ink)}.rather__side{position:relative;display:grid;justify-items:center;align-content:center;gap:.625rem;min-height:11rem;padding:1rem .75rem;border:0;color:#fff;font:inherit;cursor:pointer}.rather__side--yes{border-radius:1rem 0 0 1rem;background:radial-gradient(circle at 30% 20%,rgb(255 255 255 / .18),transparent 60%),var(--rather-yes)}.rather__side--no{border-radius:0 1rem 1rem 0;background:radial-gradient(circle at 70% 20%,rgb(255 255 255 / .18),transparent 60%),var(--rather-no)}.rather__side:hover{filter:brightness(1.08)}.rather__side:focus-visible{z-index:1;outline:4px solid var(--sg-sun);outline-offset:-8px}.rather__side strong{font-size:1.5rem;line-height:1.1;text-transform:uppercase}.rather__side-icon{display:inline-block;flex:none;width:4rem;height:4rem;vertical-align:middle}.rather-icon{display:grid;place-items:center;width:100%;height:100%;border:3px solid #ffffff;border-radius:50%;color:#fff}.rather-icon--yes{background:var(--rather-yes, #1f7a72)}.rather-icon--no{background:var(--rather-no, #b3432f)}span.rather-icon>svg{width:58%;height:58%}.rather__side .rather-icon{background:#ffffff2e}.rather__or{position:absolute;top:50%;left:50%;z-index:2;pointer-events:none;display:grid;place-items:center;width:3rem;height:3rem;border:3px solid var(--rather-ink);border-radius:50%;background:var(--sg-sun);color:var(--rather-ink);font-size:1.125rem;font-weight:900;transform:translate(-50%,-50%)}.rather__words{display:grid;gap:.5rem}.rather__chosen{display:flex;align-items:center;gap:.5rem;margin:0;color:var(--rather-ink);font-size:1.25rem;font-weight:900;text-transform:uppercase}.rather__chosen .rather__side-icon{width:2.5rem;height:2.5rem}.rather__say{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .625rem;min-height:3.25rem;padding:.5rem .875rem;border:3px solid var(--rather-ink);border-radius:1.25rem 1.25rem 1.25rem .25rem;background:#fff;box-shadow:0 4px 0 var(--rather-ink);color:var(--rather-ink);font:inherit;text-align:left;cursor:pointer}.rather__words--yes .rather__say:not(.rather__say--excluded){background:#e7f4f2}.rather__words--no .rather__say:not(.rather__say--excluded){background:#fbece8}.rather__say:hover{filter:brightness(.97)}.rather__say:focus-visible{outline:3px solid var(--sg-focus);outline-offset:3px}.rather__say-you{padding:0 .5rem;border-radius:999px;background:var(--rather-ink);color:#fff;font-size:.75rem;font-weight:900;text-transform:uppercase}.rather__say strong{flex:1;min-width:12rem;font-size:1.0625rem;line-height:1.25}.rather__say small{padding:.125rem .5rem;border-radius:999px;background:var(--rather-ink);color:#fff;font-size:.8125rem;font-weight:800}.rather__say--suggested{border-color:var(--sg-accent);box-shadow:0 0 0 3px var(--sg-accent),0 0 0 7px var(--sg-accent-soft)}.rather__say--suggested small{background:var(--sg-accent-ink)}.rather__say--excluded{border-color:#aeb8bf;background:#eef1ef;box-shadow:none;color:#5c6670;cursor:not-allowed}.rather__say--excluded small,.rather__say--excluded .rather__say-you{background:#5c6670}.rather__change{justify-self:start}.rather__summary,.rather__rule{display:grid;gap:.625rem;padding:1rem;border:3px solid var(--rather-ink);border-radius:1rem;background:#fff;box-shadow:0 4px 0 var(--rather-ink)}.rather__summary h2{margin:0;font-size:1.25rem}.rather__summary ol{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}.rather__answer{display:flex;align-items:center;gap:.75rem;padding:.375rem;border-left:.375rem solid var(--rather-yes);border-radius:.5rem;background:#f4f8f7}.rather__answer--no{border-left-color:var(--rather-no);background:#fbf3f1}.rather__answer-art{flex:none;width:4.5rem;overflow:hidden;border-radius:.375rem}.rather__answer-art svg{display:block;width:100%;height:auto}.rather__answer-text{display:grid;gap:.125rem;min-width:0;color:var(--rather-ink);font-size:.9375rem;font-weight:700;line-height:1.25}.rather__answer-text strong{display:flex;align-items:center;gap:.375rem;font-size:1rem}.rather__answer-text .rather__side-icon{width:1.5rem;height:1.5rem}.rather__answer-text .rather-icon{border-width:2px}.rather__rule-main{margin:0;font-size:1.1875rem;font-weight:900}.rather__rule ul{display:grid;gap:.375rem;margin:0;padding-left:1.25rem;font-weight:800;line-height:1.3}.rather__finish{justify-content:flex-start}@media(max-width:30rem){.sg-shell:has(.rather) .sg-shell__actions{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row}.sg-shell:has(.rather) .sg-shell__actions .sg-button{min-width:0;white-space:normal}.rather__side{min-height:8.5rem}.rather__side-icon{width:3rem;height:3rem}.rather__side strong{font-size:1.25rem}.rather__say strong{min-width:0}}@media(prefers-reduced-motion:no-preference){.rather__scene,.rather__words{animation:rather-in .3s ease-out}.rather__or{animation:rather-or .5s ease-out}@keyframes rather-in{0%{transform:translateY(.5rem);opacity:0}}@keyframes rather-or{0%{transform:translate(-50%,-50%) scale(.3) rotate(-90deg)}}}.sim{--sim-ink: #1d2b36;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"learning" "stage" "hud";gap:1rem;align-items:start}.sim--complete{grid-template-areas:"learning" "done"}.sim__learning{grid-area:learning}.sim__stage{grid-area:stage}.sim__hud{grid-area:hud}.sim__done{grid-area:done}@media(min-width:60rem){.sim{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);grid-template-areas:"learning learning" "stage hud"}.sim--complete{grid-template-areas:"learning learning" "done done"}}.sim__learning{padding:.75rem 1rem;border-left:4px solid var(--sg-accent);background:#e7f4ee;color:var(--sg-ink)}.sim__learning b{font-size:.875rem}.sim__learning p{margin:.125rem 0 0;font-weight:700;line-height:1.4}.sim__stage{width:100%;max-width:32rem;justify-self:center;overflow:hidden;border:3px solid var(--sim-ink);border-radius:1rem;background:#fff}.sim__roles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:.625rem;gap:.5rem;text-align:center;color:var(--sim-ink)}.sim__picture svg{display:block;width:100%;height:auto}.sim__dialogue{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;padding:.75rem}.sim__bubble{display:grid;align-content:start;gap:.25rem;margin:0;padding:.625rem;border:2px solid var(--sim-ink);border-radius:.75rem;color:var(--sim-ink);font-weight:700;line-height:1.35;overflow-wrap:anywhere}.sim__bubble b{font-size:.8125rem}.sim__bubble--you{background:#e7f4ee}.sim__bubble--them{background:#fff6d6}.sim__hud{display:grid;gap:.875rem;min-width:0}.sim__goal{display:flex;align-items:center;gap:.75rem;color:var(--sim-ink)}.sim__goal strong{font-size:1.375rem;line-height:1.25}.sim__goal-art{display:block;width:3rem;height:3rem;flex:none}.sim__listen{justify-self:start}.sim__plan{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:0;padding:0;list-style:none}.sim__plan li{display:flex;align-items:center;gap:.5rem;min-width:0;padding:.625rem;border:2px solid #aeb8bf;border-radius:.75rem;background:#fff;color:var(--sim-ink);font-size:.875rem;line-height:1.3}.sim__plan li>span:nth-child(2){display:grid;flex:1;min-width:0;gap:.25rem}.sim__plan--now{border-color:var(--sg-accent)!important;background:#e7f4ee!important}.sim__plan--done{border-color:var(--sg-accent)!important}.sim__plan svg{flex:none;color:var(--sg-accent)}.sim__step-number{font-size:1.25rem;font-weight:900}.sim__read{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:0}.sim__read div{padding:.75rem;border:2px solid var(--sim-ink);border-radius:.75rem;background:#fff;color:var(--sim-ink)}.sim__read dt{font-size:.875rem;font-weight:800}.sim__read dd{margin:.25rem 0 0;font-weight:700;line-height:1.35}.sim__options{display:grid;gap:.625rem}.sim__options--body{grid-template-columns:repeat(3,minmax(0,1fr))}.sim__options:empty{display:none}.sim__option{display:flex;align-items:center;gap:.75rem;min-height:3.25rem;padding:.625rem .75rem;border:2px solid var(--sim-ink);border-radius:.75rem;background:#fff;color:var(--sim-ink);font:inherit;text-align:left;cursor:pointer}.sim__options--body .sim__option{flex-direction:column;align-items:stretch;padding:.5rem;text-align:center}.sim__option:hover{background:#eef4fa}.sim__option:focus-visible,.sim__next:focus-visible{outline:4px solid var(--sg-focus);outline-offset:3px}.sim__option-art{display:block;flex:none;width:2.75rem;height:2.75rem;overflow:hidden;border-radius:.5rem}.sim__options--body .sim__option-art{width:100%;height:auto}.sim__option-art svg{display:block;width:100%;height:auto}.sim__option-text{display:flex;flex:1;min-width:0;flex-direction:column;gap:.375rem;align-items:flex-start}.sim__options--body .sim__option-text{align-items:center}.sim__option strong{font-size:1rem;line-height:1.3}.sim__option small{padding:.125rem .5rem;border-radius:.375rem;background:var(--sim-ink);color:#fff;font-size:.8125rem;font-weight:800}.sim__option--suggested{border-color:var(--sg-accent);box-shadow:0 0 0 3px var(--sg-accent)}.sim__option--suggested small{background:var(--sg-accent-ink)}.sim__option--excluded{border-color:#aeb8bf;background:#eef1ef;color:#5c6670;cursor:not-allowed}.sim__option--excluded svg{filter:grayscale(1);opacity:.7}.sim__feedback{margin:0}.sim__next{justify-self:start}.sim-icon{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:#2a6fb0;color:#fff}span.sim-icon>svg{width:58%;height:58%}.sim-icon--read-yes{background:#2f7d4f}.sim-icon--read-no{background:#b3432f}.sim-icon--read-check{background:#9a5b00}.sim__done{display:grid;grid-template-columns:repeat(2,minmax(0,8rem)) minmax(0,1fr);align-items:center;gap:.75rem 1rem;padding:1rem;border:2px solid var(--sim-ink);border-radius:1rem;background:#fff;color:var(--sim-ink)}.sim__done-art{overflow:hidden;border-radius:.75rem}.sim__done-art svg{display:block;width:100%;height:auto}.sim__done>p:not(.sim__feedback){margin:0;font-size:1.25rem;font-weight:900;line-height:1.3}.sim__done .sim__feedback,.sim__finish{grid-column:1 / -1}.sim__finish{justify-content:flex-start}@media(max-width:30rem){.sim__plan,.sim__read,.sim__options--body{grid-template-columns:minmax(0,1fr)}.sim__options--body .sim__option{flex-direction:row;align-items:center;text-align:left}.sim__options--body .sim__option-art{width:6rem}.sim__options--body .sim__option-text{align-items:flex-start}.sim__dialogue{grid-template-columns:minmax(0,1fr)}.sim__listen,.sim__next{width:100%}.sim__done{grid-template-columns:repeat(2,minmax(0,1fr))}.sim__done>p:not(.sim__feedback){grid-column:1 / -1}.sg-shell:has(.sim) .sg-shell__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row}.sg-shell:has(.sim) .sg-shell__actions .sg-button{min-width:0;white-space:normal}}.phone{--phone-ink: #1d2b36;--phone-brand: #3b5bdb;display:grid;grid-template-columns:minmax(0,1fr);gap:.875rem;width:100%;max-width:40rem;margin-inline:auto;align-items:start}.phone__device{width:100%;max-width:28rem;justify-self:center;overflow:hidden;border:.375rem solid #141c25;border-radius:1.5rem;background:#f4f6fb}.phone__contact{display:flex;align-items:center;gap:.625rem;padding:.625rem .875rem;background:var(--phone-brand);color:#fff}.phone__contact strong{font-size:1.125rem}.phone__mode{display:flex;align-items:center;gap:.375rem;margin-left:auto;font-size:.8125rem}.phone__avatar{display:block;flex:none;width:2.75rem;height:2.75rem;border-radius:50%;overflow:hidden}.phone__avatar svg{display:block;width:100%;height:100%}.phone__screen{display:grid;gap:.625rem;padding:.875rem}.phone__video{overflow:hidden;border-radius:.75rem;background:#3a4f63}.phone__video>svg{display:block;width:100%;height:auto}.phone-video--away .consent__look-away{transform:rotate(-12deg);transform-origin:0 0}.phone-video--away .learner-head>g[fill] circle{transform:translate(10px)}@media(min-width:40rem){.phone__device:has(.phone__video){max-width:36rem}.phone__screen:has(.phone__video){grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.phone__video{grid-column:1;grid-row:1 / span 2}.phone__video+.phone__thread{grid-column:2;grid-row:1}.phone__video~.phone__cue{grid-column:2;grid-row:2}}.phone__thread{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}.phone__bubble{display:grid;gap:.25rem;width:fit-content;max-width:92%;margin:0;padding:.625rem .75rem;border-radius:1rem;font-size:1rem;font-weight:700;line-height:1.35;overflow-wrap:anywhere}.phone__who{font-size:.8125rem}.phone__bubble--them{justify-self:start;border:1px solid #aeb8bf;border-bottom-left-radius:.25rem;background:#fff;color:var(--phone-ink)}.phone__bubble--you{justify-self:end;border-bottom-right-radius:.25rem;background:var(--phone-brand);color:#fff}.phone__cue{margin:0;padding:.625rem;border-radius:.5rem;background:#fff1a8;color:var(--phone-ink);font-weight:800;line-height:1.35}.phone__context,.phone__later{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem;border-left:4px solid var(--phone-brand);background:#e7ecfd;color:var(--phone-ink)}.phone__context>div,.phone__later>div{min-width:0}.phone__context p,.phone__later p{margin:.25rem 0 .625rem;font-weight:700;line-height:1.35}.phone__context p:last-child{margin-bottom:0}.phone__context b,.phone__later small{font-size:.875rem}.phone__later{border-color:#9a5b00;background:#fff6d6}.phone__later-icon{display:block;flex:none;width:2.75rem;height:2.75rem}.phone__keyboard{display:grid;gap:.625rem}.phone__choice{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;min-height:4rem;padding:.75rem .875rem;border:2px solid var(--phone-ink);border-radius:.875rem;background:#fff;color:var(--phone-ink);font:inherit;text-align:left;cursor:pointer}.phone__choice:hover{border-color:var(--phone-brand)}.phone__choice:focus-visible,.phone__primary:focus-visible{outline:3px solid var(--sg-focus);outline-offset:3px}.phone__choice strong{font-size:1rem;line-height:1.35}.phone__choice small{padding:.125rem .5rem;border-radius:.375rem;background:var(--phone-ink);color:#fff;font-size:.8125rem;font-weight:800}.phone__choice--suggested{border-color:var(--sg-accent);box-shadow:0 0 0 3px var(--sg-accent-soft)}.phone__choice--suggested small{background:var(--sg-accent-ink)}.phone__choice--excluded{border-color:#aeb8bf;background:#eef1ef;color:#5c6670;cursor:not-allowed}.phone__choice--excluded small{background:#5c6670}.phone__result{display:grid;gap:.75rem;padding:1rem;border:2px solid var(--phone-ink);border-radius:1rem;background:#f4f6fb}.phone__result-contact{display:flex;align-items:center;gap:.625rem}.phone__feedback{margin:0}.phone__feedback:empty{display:none}.phone__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.phone__actions .sg-button{white-space:normal;min-width:0}.phone__recap{display:grid;gap:1rem;padding:1rem;border:2px solid var(--sg-line);border-radius:1rem;background:var(--sg-surface)}.phone__recap h2{margin:0;font-size:1.25rem}.phone__rule{margin:0;padding:.75rem;border-left:4px solid var(--sg-primary);background:var(--sg-primary-soft);font-weight:800;line-height:1.4}.phone__checks,.phone__chats{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}.phone__checks li,.phone__chats li{display:flex;align-items:center;gap:.625rem;font-weight:700}.phone__checks svg,.phone__chats li>svg{flex:none;color:var(--sg-success)}.phone__chats{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:1rem;border-top:1px solid var(--sg-line)}.phone__finish{justify-content:flex-start}.phone-icon{display:grid;place-items:center;width:100%;height:100%;aspect-ratio:1;border-radius:50%;background:var(--phone-brand, #3b5bdb);color:#fff}.phone-icon--later{background:#9a5b00}span.phone-icon>svg{width:58%;height:58%}.sg-shell:has(.phone) .sg-shell__instruction{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem 1rem;text-align:left}.sg-shell:has(.phone) .sg-shell__progress{grid-column:1;grid-row:1}.sg-shell:has(.phone) .sg-shell__instruction h1{grid-column:1;grid-row:2}.sg-shell:has(.phone) .sg-shell__help-toggle{grid-column:2;grid-row:1 / span 2;align-self:center}.sg-shell:has(.phone) .sg-shell__actions--expanded{grid-column:1 / -1;grid-row:3;justify-content:flex-start}@media(max-width:30rem){.phone__actions{display:grid;grid-template-columns:minmax(0,1fr)}.phone__primary{grid-row:1}.phone__mode{font-size:.75rem}.phone__context,.phone__later,.phone__screen{padding:.625rem}.phone__chats{grid-template-columns:minmax(0,1fr)}.sg-shell:has(.phone) .sg-shell__instruction h1{grid-column:1 / -1}.sg-shell:has(.phone) .sg-shell__help-toggle{grid-row:1}.sg-shell:has(.phone) .sg-shell__actions--expanded{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row}.sg-shell:has(.phone) .sg-shell__actions .sg-button{min-width:0;white-space:normal}}.skin{--skin-spot: #d64550;--skin-halo: rgb(224 112 124 / .35);display:grid;gap:.875rem;align-items:start}@media(min-width:60rem){.skin{grid-template-columns:min(calc(100% - 25rem),calc(100dvh - 17.5rem)) minmax(0,1fr)}}.skin__view{position:relative;aspect-ratio:1;overflow:hidden;border:2px solid var(--sg-line);border-radius:1.25rem;background:#fdf0dc;box-shadow:var(--sg-shadow)}.skin__art,.skin__art svg{display:block;width:100%;height:100%}.skin__art{position:absolute;inset:0}.skin__symptom{position:absolute;top:.75rem;left:.75rem;margin:0;padding:.25rem .75rem;border-radius:999px;background:#fff;box-shadow:0 0 0 2px var(--skin-halo);color:var(--sg-ink);font-weight:900}.skin__spot{position:absolute;z-index:1;display:grid;place-items:center;width:3rem;height:3rem;padding:0;border:0;border-radius:50%;background:none;transform:translate(-50%,-50%)}button.skin__spot{cursor:pointer}.skin__spot:before{content:"";width:1.375rem;height:1.375rem;border-radius:50%;background:radial-gradient(circle at 38% 38%,#f3a2a2 0 18%,var(--skin-spot) 48%,#c23b47 70%);box-shadow:0 0 0 .3rem var(--skin-halo);transition:transform .35s ease,opacity .35s ease,background .35s ease}.skin__spot--arm:before{width:2.5rem;height:1.75rem;border-radius:50%;background:radial-gradient(circle at 22% 40%,var(--skin-spot) 0 4px,transparent 4.5px),radial-gradient(circle at 48% 24%,var(--skin-spot) 0 3.5px,transparent 4px),radial-gradient(circle at 72% 52%,var(--skin-spot) 0 4px,transparent 4.5px),radial-gradient(circle at 40% 72%,var(--skin-spot) 0 3.5px,transparent 4px),radial-gradient(circle at 84% 28%,var(--skin-spot) 0 3px,transparent 3.5px),#e0707c80;box-shadow:none}.skin__spot--calm:before{background:#ecb0a073;box-shadow:none;transform:scale(.7)}.skin__spot--calm:after{content:"";position:absolute;width:1.75rem;height:.875rem;border-radius:50%;background:#ffffffbf;box-shadow:0 0 0 1px #9fbfcccc}.skin__spot--arm.skin__spot--calm:after{width:2.5rem;height:1.125rem}.skin__spot--pointed{outline:3px dashed #ffffff;outline-offset:-2px}.skin__spot--suggested{box-shadow:0 0 0 4px var(--sg-accent),0 0 0 8px var(--sg-accent-soft)}button.skin__spot:focus-visible{outline:3px solid var(--sg-focus);outline-offset:2px}.skin__pointer{position:absolute;z-index:2;width:5.5rem;margin:-.5rem 0 0 .25rem;transform:translateY(-100%);pointer-events:none;filter:drop-shadow(0 3px 3px rgb(29 43 54 / .25))}.skin__pointer svg{display:block;width:100%;height:auto}.skin__side{display:grid;gap:.75rem;min-width:0}.skin__feedback{margin:0}.skin__choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.skin__card{display:grid;gap:.75rem;padding:.875rem;border:2px solid var(--sg-line);border-radius:1.125rem;background:var(--sg-surface);box-shadow:var(--sg-shadow)}.skin__card-title{margin:0;font-weight:800}.skin__count{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}.skin__count li{display:grid;place-items:center;width:2.25rem;height:2.25rem;border:2px solid var(--sg-line);border-radius:50%;color:var(--sg-ink-muted);font-weight:900}.skin__count .skin__count--now{border-color:var(--sg-accent);background:var(--sg-accent-soft);color:var(--sg-ink)}.skin__count .skin__count--done{border-color:var(--sg-success);background:var(--sg-success-soft);color:var(--sg-success)}.skin__compare{display:flex;align-items:center;justify-content:center;gap:.75rem}.skin__compare figure{display:grid;justify-items:center;gap:.25rem;margin:0}.skin__compare figcaption{font-weight:900}.skin__mini{position:relative;display:block;width:min(7rem,28vw);aspect-ratio:1;overflow:hidden;border:2px solid var(--sg-line);border-radius:50%}.skin__mini svg{display:block;width:100%;height:100%}.skin__spot--mini{width:1rem;height:1rem}.skin__spot--mini:before{width:.4rem;height:.4rem;box-shadow:0 0 0 .12rem var(--skin-halo)}.skin__spot--mini.skin__spot--arm:before{width:.9rem;height:.6rem}.skin__arrow{color:var(--sg-ink-muted);font-size:1.75rem;font-weight:900}.skin__note{margin:0;color:var(--sg-ink-muted);font-weight:700;line-height:1.35}.skin__finish{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 1rem;padding:.875rem}.skin__finish .board__mascot{width:4.5rem}@media(prefers-reduced-motion:no-preference){.skin__spot--calm:before{animation:skin-pop .45s ease-out}.skin__spot--calm:after{animation:skin-dab .45s ease-out}@keyframes skin-pop{0%{transform:scale(1);opacity:1}40%{transform:scale(1.35);opacity:.9}to{transform:scale(.7);opacity:1}}@keyframes skin-dab{0%{transform:scale(.2);opacity:0}}}*,*:before,*:after{box-sizing:border-box}.night-prep-arena{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:960px;margin:0 auto;padding:.5rem;box-sizing:border-box;overflow:hidden}.night-prep-scene-container{width:100%;border-radius:16px;overflow:hidden;box-sizing:border-box;box-shadow:0 4px 20px #0f172a1a}.night-prep-checklist-bar{background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:.875rem 1rem;box-shadow:0 4px 16px #0f172a0d;width:100%;box-sizing:border-box;overflow:hidden}.checklist-bar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #f1f5f9}.checklist-title{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:700;color:#0f172a}.checklist-counter{font-size:.8125rem;font-weight:800;color:#0284c7;background:#e0f2fe;padding:.2rem .625rem;border-radius:999px}.checklist-items-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;width:100%;box-sizing:border-box}@media(max-width:860px){.checklist-items-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:440px){.checklist-items-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.375rem}}.checklist-item-pill{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;min-width:0;box-sizing:border-box;overflow:hidden;transition:all .2s ease}.checklist-item-pill--current{background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640;animation:pulse-ring 2s infinite}@keyframes pulse-ring{0%,to{box-shadow:0 0 0 2px #3b82f659}50%{box-shadow:0 0 0 5px #3b82f626}}.checklist-item-pill--done{background:#f0fdf4;border-color:#86efac}.checklist-item-icon{width:28px;height:28px;flex-shrink:0;border-radius:6px;overflow:hidden}.checklist-item-info{display:flex;flex-direction:column;flex:1;min-width:0;overflow:hidden}.checklist-item-num{font-size:.625rem;font-weight:700;color:#64748b;text-transform:uppercase;line-height:1}.checklist-item-name{font-size:.75rem;font-weight:700;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25;margin-top:2px}.checklist-item-badge{flex-shrink:0}.badge-done{display:inline-flex;align-items:center;gap:.2rem;font-size:.625rem;font-weight:800;color:#15803d;background:#dcfce7;padding:.15rem .35rem;border-radius:4px}.badge-target{display:inline-flex;align-items:center;gap:.2rem;font-size:.625rem;font-weight:800;color:#1d4ed8;background:#dbeafe;padding:.15rem .35rem;border-radius:4px}.badge-pending{font-size:.625rem;font-weight:600;color:#94a3b8;background:#f1f5f9;padding:.15rem .3rem;border-radius:4px}.night-prep-decision-zone{display:flex;flex-direction:column;gap:1rem;width:100%;box-sizing:border-box}.night-prep-mission-card{display:flex;align-items:center;gap:1.25rem;padding:1.125rem 1.375rem;background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:16px;color:#fff;box-shadow:0 8px 24px #0f172a26;width:100%;box-sizing:border-box;overflow:hidden}@media(max-width:600px){.night-prep-mission-card{flex-direction:column;text-align:center;padding:1rem;gap:.75rem}}.mission-spotlight-icon{width:72px;height:72px;flex-shrink:0;background:#ffffff1a;border-radius:16px;padding:4px;border:2px solid rgba(56,189,248,.4);box-shadow:0 4px 16px #38bdf833}.mission-spotlight-text{flex:1;min-width:0}.mission-task-tag{display:inline-block;font-size:.75rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#38bdf8;background:#0284c740;padding:.2rem .625rem;border-radius:999px;margin-bottom:.375rem}.mission-prompt-heading{font-size:1.125rem;font-weight:800;line-height:1.4;margin:0 0 .375rem;color:#f8fafc}.mission-prompt-hint{font-size:.875rem;color:#cbd5e1;margin:0;line-height:1.4}.night-prep-choices-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.875rem;width:100%;box-sizing:border-box}@media(max-width:700px){.night-prep-choices-grid{grid-template-columns:1fr;gap:.625rem}}.night-prep-choice-btn{display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;gap:.625rem;padding:1rem .75rem;background:#fff;border:2.5px solid #cbd5e1;border-radius:16px;cursor:pointer;min-height:170px;min-width:0;box-sizing:border-box;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0f172a0a;position:relative;overflow:hidden}.night-prep-choice-btn:hover:not(:disabled){transform:translateY(-2px);border-color:#0284c7;box-shadow:0 8px 24px #0284c726}.night-prep-choice-btn:active:not(:disabled){transform:translateY(0)}.night-prep-choice-btn:focus-visible{outline:3px solid #0284c7;outline-offset:3px}.night-prep-choice-btn--correct-candidate:hover:not(:disabled){border-color:#10b981;box-shadow:0 8px 24px #10b98126}.night-prep-choice-btn--suggested{border-color:#10b981;background:#f0fdf4;animation:pulse-suggest 1.5s infinite}@keyframes pulse-suggest{0%,to{box-shadow:0 0 0 3px #10b98159}50%{box-shadow:0 0 0 8px #10b98126}}.night-prep-choice-btn--excluded{opacity:.4;filter:grayscale(.85);cursor:not-allowed;border-color:#e2e8f0;background:#f8fafc}.choice-status-pill{display:inline-flex;align-items:center;gap:.375rem;font-size:.6875rem;font-weight:800;padding:.2rem .5rem;border-radius:999px;background:#f1f5f9;color:#475569}.night-prep-choice-btn--correct-candidate .choice-status-pill{background:#e0f2fe;color:#0369a1}.night-prep-choice-btn--distractor .choice-status-pill{background:#fee2e2;color:#b91c1c}.choice-illustration-wrap{width:72px;height:72px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.choice-label-wrap{flex:1;display:flex;align-items:center;min-width:0}.choice-label-text{font-size:.875rem;font-weight:700;color:#1e293b;line-height:1.35}.choice-feedback-tag{font-size:.6875rem;font-weight:800;padding:.3rem .5rem;border-radius:6px;width:100%}.choice-feedback-tag--wrong{background:#fee2e2;color:#dc2626}.choice-feedback-tag--suggested{background:#dcfce7;color:#15803d}.night-prep-feedback-banner{display:flex;align-items:center;gap:.875rem;padding:.875rem 1.125rem;border-radius:12px;font-size:.875rem;font-weight:600;line-height:1.4;width:100%;box-sizing:border-box}.night-prep-feedback-banner--neutral{background:#f8fafc;color:#334155;border:1px solid #e2e8f0}.night-prep-feedback-banner--hint{background:#fefce8;color:#854d0e;border:1px solid #fef08a}.night-prep-feedback-banner--success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.night-prep-celebration-card{background:#fff;border-radius:20px;border:2px solid #e2e8f0;padding:1.75rem;box-shadow:0 12px 32px #0f172a14;display:flex;flex-direction:column;gap:1.5rem;width:100%;box-sizing:border-box;overflow:hidden}@media(max-width:600px){.night-prep-celebration-card{padding:1.125rem}}.celebration-hero-header{text-align:center}.celebration-hero-sun{width:56px;height:56px;border-radius:50%;background:#fef3c7;display:flex;align-items:center;justify-content:center;margin:0 auto .625rem;box-shadow:0 0 0 6px #fef3c780}.celebration-headline{font-size:1.375rem;font-weight:800;color:#0f172a;margin:0 0 .375rem}.celebration-subhead{font-size:.9375rem;color:#475569;max-width:600px;margin:0 auto}.celebration-comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%;box-sizing:border-box}@media(max-width:680px){.celebration-comparison-grid{grid-template-columns:1fr}}.comparison-card{border-radius:14px;padding:1rem;min-width:0;box-sizing:border-box}.comparison-card--prepared{background:#f0fdf4;border:2px solid #86efac}.comparison-card--rush{background:#fef2f2;border:2px solid #fca5a5}.comparison-card-badge{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:800;margin-bottom:.625rem}.comparison-card--prepared .comparison-card-badge{color:#15803d}.comparison-card--rush .comparison-card-badge{color:#b91c1c}.comparison-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem;font-size:.8125rem;font-weight:600;color:#166534}.comparison-list--rush{color:#991b1b}.celebration-items-showcase{background:#f8fafc;border-radius:16px;padding:1rem;border:1px solid #e2e8f0;width:100%;box-sizing:border-box}.showcase-title{font-size:.9375rem;font-weight:700;color:#1e293b;margin:0 0 .875rem;text-align:center}.showcase-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.625rem;width:100%;box-sizing:border-box}@media(max-width:768px){.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.showcase-tile{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:.625rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.25rem;cursor:pointer;min-width:0;box-sizing:border-box;transition:all .2s ease}.showcase-tile:hover{border-color:#0284c7;transform:translateY(-2px);box-shadow:0 4px 12px #0284c71a}.showcase-tile--selected{border-color:#10b981;background:#f0fdf4;box-shadow:0 0 0 3px #10b98140}.showcase-tile-icon{width:44px;height:44px}.showcase-tile-name{font-size:.75rem;font-weight:700;color:#0f172a}.showcase-tile-benefit{font-size:.625rem;color:#64748b;line-height:1.2}.celebration-footer-actions{display:flex;align-items:center;justify-content:center;gap:1.75rem;padding-top:.875rem;border-top:1px solid #f1f5f9}@media(max-width:600px){.celebration-footer-actions{flex-direction:column;gap:.875rem}}.celebration-mascot-img{width:90px;height:auto;object-fit:contain}.celebration-buttons-group{display:flex;flex-direction:column;gap:.625rem}.clock-sim-container{display:flex;flex-direction:column;gap:20px;width:100%;max-width:1100px;margin:0 auto;padding:12px 16px 32px;box-sizing:border-box;min-width:0}.clock-sim-header{display:flex;flex-direction:column;gap:12px;background:#fff;border-radius:20px;padding:18px 24px;color:#1b3a2d;box-shadow:0 4px 20px #1b3a2d14;border:2px solid #e0ddd5;box-sizing:border-box}.clock-sim-header-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.clock-sim-step-badge{display:inline-flex;align-items:center;gap:6px;background:#e4f0e7;color:#1b3a2d;border:1.5px solid #a7d3b9;padding:6px 14px;border-radius:30px;font-size:.9rem;font-weight:700;letter-spacing:.02em}.clock-sim-goal-badge{display:inline-flex;align-items:center;gap:8px;background:#da5b26;color:#fff;padding:6px 16px;border-radius:30px;font-size:.95rem;font-weight:800;letter-spacing:.02em;box-shadow:0 4px 12px #da5b2647}.clock-sim-prompt-text{font-size:1.25rem;font-weight:700;line-height:1.45;color:#1b3a2d;margin:0}.clock-sim-workspace{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:24px;align-items:start;width:100%;box-sizing:border-box}@media(max-width:860px){.clock-sim-workspace{grid-template-columns:minmax(0,1fr)}}.phone-chassis{position:relative;background:#fff;border-radius:44px;padding:12px;box-shadow:0 20px 48px #1b3a2d24,0 0 0 4px #1b3a2d,0 0 0 8px #e4f0e7;box-sizing:border-box;margin:0 auto;width:100%;max-width:400px;transition:transform .2s ease}.phone-screen{position:relative;background:#fff;border-radius:36px;overflow:hidden;color:#1b3a2d;display:flex;flex-direction:column;min-height:530px;box-shadow:inset 0 1px 4px #1b3a2d14;border:1.5px solid #e0ddd5;box-sizing:border-box}.phone-status-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 18px 6px;font-size:.85rem;font-weight:700;color:#4e6a5c;z-index:10;background:#fff}.phone-notch{width:110px;height:20px;background:#1b3a2d;border-radius:12px;margin:0 auto;position:relative;display:flex;align-items:center;justify-content:center;gap:8px}.phone-notch-camera{width:8px;height:8px;border-radius:50%;background:#0f2319;border:1px solid #2d5a42}.phone-notch-speaker{width:32px;height:4px;border-radius:3px;background:#2d5a42}.phone-app-header{display:flex;flex-direction:column;align-items:center;padding:10px 16px 12px;background:#1b3a2d;color:#fff}.phone-app-title{font-size:1.1rem;font-weight:700;letter-spacing:.02em;color:#fff;display:flex;align-items:center;gap:8px}.phone-tabs{display:flex;background:#ffffff26;border-radius:16px;padding:4px;gap:4px;margin-top:8px;width:100%;box-sizing:border-box}.phone-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;background:transparent;border:none;color:#e4f0e7;padding:8px 6px;border-radius:12px;font-size:.82rem;font-weight:700;cursor:default;transition:all .2s ease}.phone-tab-btn.active{background:#da5b26;color:#fff;box-shadow:0 4px 12px #da5b2659}.phone-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:16px 14px 20px;box-sizing:border-box;position:relative;background:#fff8ed}.phone-notification-flyout{position:absolute;top:8px;left:12px;right:12px;background:#fff;border-radius:18px;padding:12px 14px;display:flex;align-items:center;gap:12px;box-shadow:0 12px 28px #1b3a2d33;border:2px solid #da5b26;z-index:20;animation:slideDownNotification .4s cubic-bezier(.16,1,.3,1)}@keyframes slideDownNotification{0%{transform:translateY(-40px);opacity:0}to{transform:translateY(0);opacity:1}}.notification-icon-wrap{width:40px;height:40px;border-radius:12px;background:#da5b26;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.notification-text-wrap{display:flex;flex-direction:column;gap:2px;min-width:0}.notification-app-name{font-size:.75rem;font-weight:700;color:#da5b26;letter-spacing:.05em;text-transform:uppercase}.notification-title{font-size:.92rem;font-weight:700;color:#1b3a2d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-time{font-size:.78rem;color:#4e6a5c}.alarm-clock-view{width:100%;display:flex;flex-direction:column;align-items:center;gap:14px}.digital-time-display{display:flex;align-items:baseline;justify-content:center;gap:6px;background:#fff;border-radius:20px;padding:12px 18px;border:2px solid #1b3a2d;box-shadow:0 6px 16px #1b3a2d14;width:100%;box-sizing:border-box}.digital-digits{font-family:inherit;font-size:3.2rem;font-weight:800;color:#1b3a2d;letter-spacing:.04em}.digital-period-tag{font-size:1.25rem;font-weight:800;color:#da5b26;margin-left:6px}.time-stepper-row{display:flex;align-items:center;justify-content:center;gap:12px;width:100%}.stepper-column{display:flex;flex-direction:column;align-items:center;gap:6px}.stepper-label{font-size:.8rem;font-weight:700;color:#4e6a5c;text-transform:uppercase;letter-spacing:.05em}.stepper-btn{width:48px;height:48px;border-radius:14px;background:#e4f0e7;color:#1b3a2d;border:2px solid #1b3a2d;display:flex;align-items:center;justify-content:center;font-size:1.4rem;cursor:pointer;transition:all .15s ease}.stepper-btn:hover{background:#cce7d6;transform:translateY(-2px)}.stepper-btn:active{transform:translateY(1px)}.stepper-value-pill{min-width:60px;padding:6px 10px;background:#fff;border-radius:12px;font-size:1.3rem;font-weight:800;color:#1b3a2d;text-align:center;font-family:inherit;border:2px solid #1b3a2d}.period-switch{display:flex;flex-direction:column;gap:6px;background:#fff;padding:4px;border-radius:16px;border:2px solid #1b3a2d}.period-pill{padding:8px 12px;border-radius:12px;border:none;background:transparent;color:#4e6a5c;font-size:.85rem;font-weight:800;cursor:pointer;transition:all .15s ease}.period-pill.active{background:#da5b26;color:#fff}.timer-dial-view{width:100%;display:flex;flex-direction:column;align-items:center;gap:16px}.timer-radial-dial{position:relative;width:190px;height:190px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;box-shadow:0 6px 18px #1b3a2d14;border:2px solid #e0ddd5}.timer-radial-svg{transform:rotate(-90deg);width:100%;height:100%}.timer-radial-text{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center}.timer-radial-digits{font-family:inherit;font-size:2.3rem;font-weight:800;color:#1b3a2d;letter-spacing:.02em}.timer-radial-label{font-size:.8rem;color:#4e6a5c;font-weight:700;text-transform:uppercase}.timer-modifiers-row{display:flex;gap:8px;width:100%;justify-content:center;flex-wrap:wrap}.timer-mod-btn{background:#e4f0e7;border:2px solid #1b3a2d;border-radius:12px;color:#1b3a2d;padding:8px 12px;font-size:.9rem;font-weight:800;cursor:pointer;transition:all .15s ease}.timer-mod-btn:hover{background:#cce7d6}.timer-mod-btn.sub{background:#fee2e2;color:#b91c1c;border-color:#dc2626}.timer-mod-btn.sub:hover{background:#fecaca}.timer-mod-btn.reset{background:#f1f5f9;color:#64748b;border-color:#cbd5e1}.reminder-mode-view{width:100%;display:flex;flex-direction:column;gap:12px}.category-badges-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.category-badge-btn{display:flex;align-items:center;gap:8px;background:#fff;border:2px solid #cbd5e1;border-radius:12px;padding:10px 12px;color:#1b3a2d;font-size:.88rem;font-weight:700;cursor:pointer;transition:all .15s ease;text-align:left}.category-badge-btn.active{border-color:#1b3a2d;background:#e4f0e7;color:#1b3a2d;box-shadow:0 4px 10px #1b3a2d1f}.phone-primary-action-btn{width:100%;padding:14px 20px;border-radius:999px;border:none;font-size:1.05rem;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 6px 18px #1b3a2d33}.phone-primary-action-btn.alarm-action{background:#1b3a2d;color:#fff;border:2px solid #0f2319}.phone-primary-action-btn.timer-action{background:#2d5a42;color:#fff;border:2px solid #1b3a2d}.phone-primary-action-btn.reminder-action{background:#da5b26;color:#fff;border:2px solid #b34a1d}.phone-primary-action-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.phone-primary-action-btn:active{transform:translateY(1px)}.sim-side-panel{display:flex;flex-direction:column;gap:18px;min-width:0;width:100%;box-sizing:border-box}.sim-scene-banner-card{width:100%;box-sizing:border-box;overflow:hidden;border-radius:16px}.manual-setting-guide-card{display:flex;flex-direction:column;gap:10px;background:#fff;border-radius:18px;padding:18px 20px;border:2px solid #e0ddd5;box-shadow:0 4px 16px #1b3a2d0f;box-sizing:border-box}.guide-card-title{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:800;color:#1b3a2d;text-transform:uppercase;letter-spacing:.04em}.guide-steps-list{display:flex;flex-direction:column;gap:8px}.guide-step-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#fdfbf7;border:1px solid #e0ddd5;border-radius:12px;font-size:.95rem;font-weight:600;color:#1b3a2d}.guide-step-number{width:24px;height:24px;border-radius:50%;background:#1b3a2d;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;flex-shrink:0}.sim-feedback-box{border-radius:16px;padding:14px 18px;display:flex;align-items:center;gap:12px;font-size:1rem;font-weight:600;box-sizing:border-box;transition:all .3s ease}.sim-feedback-box.neutral{background:#fff;color:#1b3a2d;border:2px solid #e0ddd5}.sim-feedback-box.hint{background:#fdebdd;color:#9a3f14;border:2px solid #da5b26}.sim-feedback-box.success{background:#e4f0e7;color:#1b3a2d;border:2px solid #2d5a42;box-shadow:0 4px 14px #2d5a4226}.sim-next-mission-btn{display:flex;align-items:center;justify-content:center;gap:10px;background:#1b3a2d;color:#fff;border:none;border-radius:999px;padding:16px 24px;font-size:1.15rem;font-weight:800;cursor:pointer;box-shadow:0 8px 24px #1b3a2d40;transition:all .2s ease;width:100%}.sim-next-mission-btn:hover{transform:translateY(-2px);background:#0f2319}.sim-completion-card{display:flex;flex-direction:column;align-items:center;gap:20px;background:#fff;border-radius:24px;padding:32px 24px;text-align:center;box-shadow:0 12px 36px #1b3a2d1a;border:2px solid #e0ddd5;width:100%;box-sizing:border-box}.sim-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:12px;width:100%;box-sizing:border-box}.sim-summary-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px;background:#fdfbf7;border-radius:14px;border:1.5px solid #e0ddd5}.sim-summary-item-title{font-size:.85rem;font-weight:700;color:#1b3a2d}.sim-summary-item-badge{font-size:.95rem;font-weight:800;color:#da5b26;font-family:inherit}@keyframes pulseRing{0%{transform:scale(1);box-shadow:0 0 #da5b26b3}70%{transform:scale(1.04);box-shadow:0 0 0 14px #da5b2600}to{transform:scale(1.02);box-shadow:0 0 #da5b2600}}.phone-chassis.ringing{animation:phoneVibrate .4s infinite}@keyframes phoneVibrate{0%{transform:translate(0) rotate(0)}25%{transform:translate(-2px,2px) rotate(-.5deg)}50%{transform:translate(2px,-1px) rotate(.5deg)}75%{transform:translate(-1px,-2px) rotate(-.5deg)}to{transform:translate(1px,1px) rotate(0)}}.schedule-sim-container{width:100%;max-width:1050px;margin:0 auto;display:flex;flex-direction:column;gap:14px;padding:8px 12px 28px;box-sizing:border-box}.game-hud-bar{background:#fff;border-radius:16px;padding:12px 18px;border:2px solid #e4f0e7;box-shadow:0 4px 14px #1b3a2d14;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.game-hud-quest{display:flex;align-items:center;gap:12px}.game-hud-quest-icon{width:44px;height:44px;border-radius:12px;background:#ffedd5;color:#da5b26;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;border:1.5px solid #fdba74}.game-hud-quest-icon.resolved{background:#dcfce7;color:#16a34a;border-color:#86efac}.game-hud-quest-info{display:flex;flex-direction:column}.game-hud-quest-title{font-size:.98rem;font-weight:800;color:#1b3a2d}.game-hud-quest-desc{font-size:.82rem;font-weight:600;color:#64748b}.game-hud-clash-pill{padding:6px 14px;border-radius:20px;font-size:.82rem;font-weight:800;display:inline-flex;align-items:center;gap:6px;background:#fee2e2;color:#b91c1c;border:1.5px solid #f87171}.game-hud-clash-pill.resolved{background:#dcfce7;color:#15803d;border-color:#86efac}.game-room-viewport{position:relative;width:100%;background:#f1f5f9;border-radius:20px;border:3px solid #1b3a2d;box-shadow:0 12px 36px #1b3a2d29;overflow:hidden;display:flex;flex-direction:column}.game-room-header{background:#1b3a2d;color:#fff;padding:8px 18px;display:flex;align-items:center;justify-content:space-between;font-size:.85rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.room-guide-text{color:#a7f3d0;font-size:.8rem;font-weight:700;text-transform:none}.game-room-floor{position:relative;width:100%;height:460px;background-color:#dfbe99;background-image:url(/assets/floor-wood-Dt8MbWkD.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:14px;border:4px solid #4a2c14;box-shadow:inset 0 2px 24px #00000047,0 8px 24px #00000029;display:grid;grid-template-columns:repeat(var(--cols, 8),1fr);grid-template-rows:repeat(var(--rows, 6),1fr);outline:none;-webkit-user-select:none;user-select:none;cursor:pointer;overflow:hidden}.floor-tile{position:relative;border:none;box-sizing:border-box;transition:background .15s ease}.floor-tile:hover{background:#ffffff2e;border-radius:6px}.furniture-entity{position:absolute;left:calc(var(--c) * (100% / var(--cols)));top:calc(var(--r) * (100% / var(--rows)));width:calc(100% / var(--cols));height:calc(100% / var(--rows));display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2}.furniture-sprite-svg{width:92%;height:92%;max-width:84px;max-height:76px;display:block;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3));pointer-events:none;transition:transform .2s ease}.furniture-sprite-svg.plant{width:82%;height:90%;max-width:70px;max-height:80px}.character-entity{position:absolute;left:calc(var(--c) * (100% / var(--cols)));top:calc(var(--r) * (100% / var(--rows)));width:calc(100% / var(--cols));height:calc(100% / var(--rows));display:flex;flex-direction:column;align-items:center;justify-content:flex-end;transition:all .22s cubic-bezier(.25,1,.5,1);z-index:5;cursor:pointer;background:transparent;border:none;padding:0;font-family:inherit;outline:none}.player-entity{z-index:10}.human-sprite-svg{width:74px;height:86px;max-width:94%;display:block;overflow:visible;filter:drop-shadow(0 4px 7px rgba(0,0,0,.25));transition:transform .15s ease}.human-sprite-svg.shopper{width:88px;height:86px}.human-sprite-svg.walking-bob{animation:walkBob .22s infinite alternate ease-in-out}@keyframes walkBob{0%{transform:translateY(0)}to{transform:translateY(-7px)}}.target-aura-ring{position:absolute;bottom:12px;width:54px;height:18px;border-radius:50%;background:#22c55e40;border:2px solid #22c55e;box-shadow:0 0 12px #22c55e8c;animation:pulseAura 1.8s infinite ease-in-out;pointer-events:none;z-index:-1}@keyframes pulseAura{0%,to{transform:scale(.95);opacity:.6}50%{transform:scale(1.12);opacity:1}}.player-nametag{background:#1b3a2d;color:#fff;font-size:.72rem;font-weight:800;padding:2px 8px;border-radius:12px;margin-top:1px;white-space:nowrap;box-shadow:0 2px 6px #00000040;border:1px solid rgba(255,255,255,.35)}.npc-nametag{background:#fffffff0;color:#1b3a2d;border:1px solid #cbd5e1;font-size:.72rem;font-weight:800;padding:2px 8px;border-radius:12px;margin-top:1px;white-space:nowrap;box-shadow:0 2px 6px #00000026}.talk-prompt-bubble{position:absolute;top:-24px;background:#16a34a;color:#fff;font-size:.74rem;font-weight:900;padding:4px 11px;border-radius:16px;display:flex;align-items:center;gap:4px;box-shadow:0 4px 12px #16a34a73;border:1.5px solid #ffffff;animation:popFloat .8s infinite alternate ease-in-out;white-space:nowrap;z-index:20}.talk-prompt-bubble:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #16a34a}@keyframes popFloat{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.game-dialogue-overlay{background:#fff;border-top:3px solid #1b3a2d;padding:16px 20px;display:flex;flex-direction:column;gap:14px;animation:slideUpDialogue .3s cubic-bezier(.16,1,.3,1)}@keyframes slideUpDialogue{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.dialogue-speaker-strip{display:flex;align-items:center;gap:12px}.dialogue-speaker-avatar{width:58px;height:68px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;flex-shrink:0}.dialogue-speaker-avatar .human-sprite-svg{width:52px;height:64px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.dialogue-speech-box{background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:14px;padding:10px 16px;flex:1}.dialogue-speaker-name{font-size:.78rem;font-weight:800;color:#1b3a2d;text-transform:uppercase;margin-bottom:2px}.dialogue-speech-text{font-size:.95rem;font-weight:600;color:#1e293b;line-height:1.45}.dialogue-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.dialogue-option-button{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:#fff;border:2px solid #cbd5e1;border-radius:14px;cursor:pointer;text-align:left;font-family:inherit;transition:all .15s ease;min-height:64px}.dialogue-option-button:hover:not(:disabled){border-color:#da5b26;background:#fff8ed;transform:translateY(-2px);box-shadow:0 4px 14px #da5b2626}.dialogue-option-button:disabled{opacity:.45;cursor:not-allowed;border-color:#e2e8f0}.dialogue-option-icon{font-size:1.3rem;flex-shrink:0;margin-top:2px}.dialogue-option-label{font-size:.88rem;font-weight:700;color:#1e293b;line-height:1.35}.game-controls-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 14px;background:#fff;border-radius:16px;border:2px solid #e4f0e7;flex-wrap:wrap}.game-dpad{display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(3,48px);gap:4px}.dpad-button{background:#e4f0e7;border:2px solid #1b3a2d;border-radius:10px;color:#1b3a2d;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s ease}.dpad-button:hover{background:#1b3a2d;color:#fff}.dpad-button:active{transform:scale(.92)}.dpad-button.up{grid-column:2;grid-row:1}.dpad-button.left{grid-column:1;grid-row:2}.dpad-button.center{grid-column:2;grid-row:2;background:#fff;border:none;font-size:.75rem;font-weight:800;color:#64748b;cursor:default}.dpad-button.right{grid-column:3;grid-row:2}.dpad-button.down{grid-column:2;grid-row:3}.game-actions-panel{flex:1;display:flex;flex-direction:column;gap:8px}.game-proximity-talk-btn{padding:14px 22px;background:#16a34a;color:#fff;border:none;border-radius:14px;font-size:1rem;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s ease;box-shadow:0 4px 16px #16a34a4d;animation:pulseGreen 1.5s infinite alternate ease-in-out}.game-proximity-talk-btn:hover{background:#15803d;transform:translateY(-2px)}@keyframes pulseGreen{0%{transform:scale(1)}to{transform:scale(1.02)}}.game-walk-hint-box{padding:10px 14px;background:#f8fafc;border:1.5px dashed #94a3b8;border-radius:12px;font-size:.85rem;font-weight:700;color:#475569;display:flex;align-items:center;gap:8px}.game-resolution-strip{background:#f0fdf4;border:2px solid #86efac;border-radius:14px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.resolution-info{display:flex;align-items:center;gap:10px;font-size:.95rem;font-weight:800;color:#166534}.game-next-quest-btn{padding:12px 24px;background:#1b3a2d;color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:800;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:0 4px 12px #1b3a2d40}.game-next-quest-btn:hover{background:#da5b26;transform:translateY(-2px)}.game-completion-screen{background:#fff;border-radius:20px;border:2px solid #e4f0e7;padding:36px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px;box-shadow:0 10px 30px #1b3a2d1a}.game-completion-badge{font-size:4rem}.game-completion-title{font-size:1.6rem;font-weight:900;color:#1b3a2d}.game-completion-desc{max-width:620px;font-size:.98rem;font-weight:600;color:#475569;line-height:1.6}.game-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;width:100%;max-width:780px}.game-summary-card{background:#f0fdf4;border:1.5px solid #86efac;border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:10px;text-align:left}.game-restart-btn{padding:14px 28px;background:#1b3a2d;color:#fff;border:none;border-radius:14px;font-size:1rem;font-weight:800;cursor:pointer;transition:all .2s ease}.game-restart-btn:hover{background:#da5b26;transform:translateY(-2px)}@media(max-width:680px){.game-room-floor{height:340px}.game-controls-bar{flex-direction:column;align-items:stretch}.game-dpad{margin:0 auto}}.late-sim-container{display:flex;flex-direction:column;width:100%;max-width:1100px;margin:0 auto;gap:16px;box-sizing:border-box}.late-sim-viewport-wrapper{display:flex;flex-direction:column;gap:14px;width:100%}.late-sim-hud-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff8ed;border:2px solid #da5b26;border-radius:16px;padding:12px 18px;box-shadow:0 4px 12px #da5b261f;transition:all .3s ease}.late-sim-hud-banner.resolved{background:#e4f0e7;border-color:#1b3a2d;box-shadow:0 4px 14px #1b3a2d24}.late-hud-left{display:flex;align-items:center;gap:14px}.late-hud-badge-icon{width:42px;height:42px;border-radius:12px;background:#fed7aa;color:#c2410c;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}.late-hud-badge-icon.resolved{background:#bbf7d0;color:#166534}.late-hud-text-box{display:flex;flex-direction:column;gap:3px}.late-hud-case-tag{font-size:.95rem;font-weight:800;color:#1b3a2d}.late-hud-incident-desc{font-size:.85rem;font-weight:600;color:#475569}.late-hud-status-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.late-hud-time-pill{display:flex;align-items:center;gap:6px;background:#fff;border:1.5px solid #cbd5e1;border-radius:20px;padding:6px 12px;font-size:.8rem;font-weight:700;color:#334155}.late-hud-status-pill{display:flex;align-items:center;gap:6px;background:#fee2e2;border:1.5px solid #ef4444;color:#b91c1c;padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:800;letter-spacing:.02em}.late-hud-status-pill.resolved{background:#dcfce7;border-color:#22c55e;color:#15803d}.late-sim-stage-box{position:relative;background:#1b3a2d;border-radius:18px;overflow:hidden;box-shadow:0 8px 24px #1b3a2d33}.late-stage-header{display:flex;align-items:center;justify-content:space-between;background:#1b3a2d;padding:8px 16px;color:#fff}.stage-location-tag{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:700;color:#a7f3d0}.stage-controls-hint{font-size:.78rem;font-weight:600;color:#e2e8f0}.late-sim-floor{position:relative;width:100%;height:460px;display:grid;grid-template-columns:repeat(var(--cols, 8),1fr);grid-template-rows:repeat(var(--rows, 6),1fr);outline:none;-webkit-user-select:none;user-select:none;cursor:pointer;overflow:hidden;background-color:#d1d5db;background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:inset 0 2px 24px #0000004d}.late-sim-floor.pavement,.late-sim-floor.rain-shelter,.late-sim-floor.mrt{background-image:url(/assets/floor-pavement-CRZGlRFx.jpg)}.late-sim-floor.apartment{background-image:url(/assets/floor-wood-Dt8MbWkD.jpg)}.late-sim-floor.clinic{background-color:#e2e8f0;background-image:linear-gradient(#cbd5e1 2px,transparent 2px),linear-gradient(90deg,#cbd5e1 2px,transparent 2px);background-size:calc(100% / var(--cols, 8)) calc(100% / var(--rows, 6))}.late-floor-tile{position:relative;box-sizing:border-box;transition:background .15s ease}.late-floor-tile:hover{background:#ffffff2e;border-radius:6px}.late-prop-entity{position:absolute;left:calc(var(--c) * (100% / var(--cols)));top:calc(var(--r) * (100% / var(--rows)));width:calc(100% / var(--cols));height:calc(100% / var(--rows));display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2}.late-prop-svg{width:92%;height:92%;max-width:86px;max-height:78px;display:block;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.late-bystander-entity{position:absolute;left:calc(var(--c) * (100% / var(--cols)));top:calc(var(--r) * (100% / var(--rows)));width:calc(100% / var(--cols));height:calc(100% / var(--rows));display:flex;flex-direction:column;align-items:center;justify-content:flex-end;z-index:4;cursor:pointer;background:transparent;border:none;outline:none;padding:0;font-family:inherit;transition:transform .2s ease}.late-bystander-entity:hover{transform:translateY(-2px)}.late-bystander-nametag{background:#fffffff0;color:#1b3a2d;border:1px solid #cbd5e1;font-size:.7rem;font-weight:800;padding:2px 8px;border-radius:12px;margin-top:1px;white-space:nowrap;box-shadow:0 2px 6px #00000026}.late-player-entity{position:absolute;left:calc(var(--c) * (100% / var(--cols)));top:calc(var(--r) * (100% / var(--rows)));width:calc(100% / var(--cols));height:calc(100% / var(--rows));display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:2px;transition:all .22s cubic-bezier(.25,1,.5,1);z-index:10;pointer-events:none}.late-player-nametag{background:#1b3a2d;color:#fff;font-size:.72rem;font-weight:800;padding:2px 8px;border-radius:12px;margin-top:1px;white-space:nowrap;box-shadow:0 2px 6px #00000040;border:1px solid rgba(255,255,255,.35)}.smartphone-sim-overlay{position:absolute;inset:0;background:#0f172aa6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px;z-index:30;animation:fadeInPhone .25s ease-out}@keyframes fadeInPhone{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.smartphone-shell{width:100%;max-width:500px;background:#fff;border-radius:28px;border:4px solid #1e293b;box-shadow:0 20px 40px #00000059;display:flex;flex-direction:column;overflow:hidden;max-height:440px}.smartphone-status-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 18px 4px;background:#f8fafc;font-size:.72rem;font-weight:700;color:#475569;border-bottom:1px solid #e2e8f0}.phone-carrier-name{color:#1b3a2d;font-weight:800}.smartphone-app-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#1b3a2d;color:#fff}.phone-header-title-box{display:flex;flex-direction:column}.app-title{font-size:.95rem;font-weight:800}.app-subtitle{font-size:.78rem;color:#a7f3d0;font-weight:600}.phone-minimize-btn{background:#ffffff2e;border:none;color:#fff;width:30px;height:30px;border-radius:50%;font-size:.9rem;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.phone-minimize-btn:hover{background:#ffffff59}.smartphone-screen-body{padding:14px 16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;background:#f8fafc;flex:1}.phone-step-prompt{font-size:.88rem;font-weight:700;color:#1e293b;margin:0;line-height:1.4}.phone-contacts-list{display:flex;flex-direction:column;gap:10px}.phone-contact-card{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#fff;border:2px solid #cbd5e1;border-radius:16px;cursor:pointer;transition:all .15s ease;font-family:inherit;text-align:left}.phone-contact-card:hover{border-color:#da5b26;background:#fff8ed;transform:translateY(-2px);box-shadow:0 4px 12px #da5b261f}.phone-contact-card.supervisor-card{border-color:#16a34a;background:#f0fdf4}.phone-contact-card.supervisor-card:hover{border-color:#15803d;background:#dcfce7}.contact-card-avatar{width:44px;height:52px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.contact-card-info{display:flex;flex-direction:column;flex:1}.contact-card-name{font-size:.92rem;font-weight:800;color:#1e293b}.contact-card-role{font-size:.78rem;color:#64748b;font-weight:600}.contact-action-tag{background:#1b3a2d;color:#fff;font-size:.74rem;font-weight:800;padding:4px 10px;border-radius:12px}.chat-partner-bar{display:flex;align-items:center;gap:10px;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.partner-avatar-thumb{width:40px;height:48px;display:flex;align-items:center;justify-content:center}.partner-details{display:flex;flex-direction:column}.partner-name{font-size:.92rem;font-weight:800;color:#1b3a2d}.partner-status{font-size:.75rem;font-weight:700;color:#16a34a}.phone-incident-callout{display:flex;justify-content:space-between;background:#fed7aa;border:1px solid #f97316;border-radius:10px;padding:6px 12px;font-size:.78rem;font-weight:700;color:#9a3412}.phone-message-options-grid{display:flex;flex-direction:column;gap:8px}.phone-message-option-btn{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;background:#fff;border:2px solid #cbd5e1;border-radius:14px;cursor:pointer;text-align:left;font-family:inherit;transition:all .15s ease}.phone-message-option-btn:hover{border-color:#16a34a;background:#f0fdf4;transform:translateY(-2px);box-shadow:0 4px 12px #16a34a1f}.msg-icon{color:#16a34a;flex-shrink:0;margin-top:2px}.msg-option-text{font-size:.85rem;font-weight:600;color:#1e293b;line-height:1.4}.phone-chat-log{display:flex;flex-direction:column;gap:12px;padding:6px 0}.chat-bubble{max-width:85%;padding:10px 14px;border-radius:18px;display:flex;flex-direction:column;gap:4px;animation:popBubble .2s cubic-bezier(.16,1,.3,1)}@keyframes popBubble{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-bubble.user-bubble{align-self:flex-end;background:#1b3a2d;color:#fff;border-bottom-right-radius:4px}.chat-bubble.user-bubble .bubble-sender{font-size:.7rem;font-weight:800;color:#a7f3d0}.chat-bubble.user-bubble .bubble-time{font-size:.68rem;color:#cbd5e1;align-self:flex-end}.chat-bubble.supervisor-bubble{align-self:flex-start;background:#fff;border:1.5px solid #cbd5e1;color:#1e293b;border-bottom-left-radius:4px}.chat-bubble.supervisor-bubble .bubble-sender{font-size:.7rem;font-weight:800;color:#15803d}.chat-bubble.supervisor-bubble .bubble-time{font-size:.68rem;color:#94a3b8;align-self:flex-end}.bubble-text{margin:0;font-size:.88rem;font-weight:600;line-height:1.4}.typing-dots{display:flex;gap:4px;padding:4px 0}.typing-dots span{width:6px;height:6px;background:#94a3b8;border-radius:50%;animation:typingBounce 1s infinite alternate}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%{transform:translateY(0);opacity:.4}to{transform:translateY(-4px);opacity:1}}.phone-resolved-confirmation{display:flex;align-items:center;justify-content:center;gap:8px;background:#dcfce7;border:1.5px solid #22c55e;border-radius:12px;padding:10px;color:#15803d;font-size:.88rem;font-weight:800;margin-top:6px}.late-bottom-controls-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:2px solid #cbd5e1;border-radius:18px;padding:12px 18px;box-shadow:0 4px 12px #0000000f}.late-dpad-box{display:flex;flex-direction:column;align-items:center;gap:4px}.dpad-mid-row{display:flex;align-items:center;gap:6px}.dpad-btn{width:44px;height:44px;background:#f1f5f9;border:2px solid #94a3b8;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#1b3a2d;transition:all .15s ease}.dpad-btn:hover{background:#e4f0e7;border-color:#1b3a2d;transform:scale(1.05)}.dpad-center-label{font-size:.65rem;font-weight:900;color:#64748b;width:38px;text-align:center}.late-action-cta-box{flex:1;display:flex;justify-content:flex-end}.sim-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:14px;font-size:.95rem;font-weight:800;cursor:pointer;border:none;font-family:inherit;transition:all .15s ease}.open-communicator-btn{background:#1b3a2d;color:#fff;box-shadow:0 4px 12px #1b3a2d40}.open-communicator-btn:hover{background:#24634f;transform:translateY(-2px);box-shadow:0 6px 16px #1b3a2d59}.next-case-btn{background:#16a34a;color:#fff;box-shadow:0 4px 12px #16a34a4d}.next-case-btn:hover{background:#15803d;transform:translateY(-2px);box-shadow:0 6px 16px #16a34a66}.late-sim-complete-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border:3px solid #1b3a2d;border-radius:24px;padding:36px 28px;gap:16px;box-shadow:0 10px 30px #1b3a2d26;animation:fadeInComplete .4s ease-out}@keyframes fadeInComplete{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.complete-badge-icon{width:80px;height:80px;border-radius:50%;background:#dcfce7;color:#16a34a;display:flex;align-items:center;justify-content:center}.complete-title{font-size:1.6rem;font-weight:900;color:#1b3a2d;margin:0}.complete-desc{font-size:1rem;font-weight:600;color:#475569;max-width:640px;line-height:1.5;margin:0}.complete-summary-badges{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.summary-pill{background:#f1f5f9;border:1px solid #cbd5e1;padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:800;color:#1b3a2d}.complete-buttons-row{display:flex;gap:14px;margin-top:10px}.sim-btn.primary{background:#1b3a2d;color:#fff}.sim-btn.secondary{background:#f1f5f9;color:#1e293b;border:1.5px solid #cbd5e1}@media(max-width:768px){.late-sim-hud-banner{flex-direction:column;align-items:flex-start}.late-sim-floor{height:380px}.late-bottom-controls-bar{flex-direction:column;align-items:stretch}.late-action-cta-box{justify-content:center}}.house{display:grid;gap:.875rem;align-items:start}@media(min-width:60rem){.house{grid-template-columns:min(calc(100% - 27rem),calc((100dvh - 25rem) * 4 / 3)) minmax(0,1fr)}}.house__hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.house__plan{overflow:hidden;border-radius:1rem;background:#37433d;box-shadow:var(--sg-shadow)}.house__rooms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:40rem){.house__rooms{grid-template-columns:minmax(0,1fr)}}.house__room{position:relative;aspect-ratio:4 / 3}.house__room-art,.house__room-art svg{display:block;width:100%;height:100%}.house__room-art{position:absolute;inset:0}.house__room-name{position:absolute;bottom:.75rem;left:.875rem;margin:0;padding:.125rem .5rem;border-radius:.375rem;background:#ffffffd9;color:#37433d;font-size:.75rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.house__thing,.house__gap{position:absolute;z-index:1;display:grid;justify-items:center;gap:.125rem;width:max-content;min-width:3rem;min-height:3rem;transform:translate(-50%,-50%)}.house__thing{padding:0;border:0;background:none;color:var(--sg-ink);font:inherit;cursor:pointer}.house__sticker,.house__gap-ring{display:grid;place-items:center;width:3.25rem;height:3.25rem;border-radius:50%}.house__sticker{border:3px solid #ffffff;background:#fffaf0;box-shadow:0 0 0 2px #37433d,0 4px 8px #1b3a2d40}.house__sticker svg{width:2.75rem;height:2.5rem}.house__tag{display:grid;justify-items:center;max-width:7rem;padding:.125rem .5rem;border-radius:.5rem;background:#37433d;color:#fff;font-size:.8125rem;font-weight:800;line-height:1.2;text-align:center}.house__thing:hover .house__sticker,.house__thing:focus-visible .house__sticker{box-shadow:0 0 0 3px var(--sg-primary),0 6px 12px #1b3a2d4d}.house__thing:focus-visible{outline:3px solid var(--sg-focus);outline-offset:3px;border-radius:.75rem}.house__thing--action .house__sticker{background:#e2f0f6}.house__thing--done .house__sticker{background:var(--sg-success-soft)}.house__thing--done .house__tag{background:var(--sg-success)}.house__done{font-size:.75rem}.house__thing--suggested .house__sticker{box-shadow:0 0 0 4px var(--sg-accent),0 0 0 8px var(--sg-accent-soft)}.house__thing--suggested .house__tag{background:var(--sg-accent-ink)}.house__thing--excluded{cursor:not-allowed}.house__thing--excluded .house__sticker{opacity:.5}.house__thing--excluded .house__tag{background:#6b726e}.house__thing .choice-card__guide{color:#fff;font-size:.75rem}.house__gap-ring{border:2px dashed #6b726e;background:#ffffff80}.house__gap .house__tag{background:#37433db3;font-size:.75rem}.house__side{display:grid;gap:.75rem;min-width:0}.house__bag,.house__door{display:grid;gap:.625rem;padding:.875rem;border:2px solid var(--sg-line);border-radius:1.125rem;background:var(--sg-surface);box-shadow:var(--sg-shadow)}.house__bag h2,.house__door h2{margin:0;font-size:1.0625rem}.house__bag-head,.house__door-head{display:flex;align-items:center;gap:.75rem}.house__bag-art{flex:none;width:3.25rem}.house__door-art{flex:none;width:2.75rem}.house__bag-art svg,.house__door-art svg{display:block;width:100%;height:auto}.house__tip{margin:.125rem 0 0;color:var(--sg-ink-muted);font-size:.9375rem;font-weight:700;line-height:1.3}.house__packed{display:flex;flex-wrap:wrap;gap:.375rem;margin:0;padding:.375rem;border-radius:.875rem;background:#e5efe9;list-style:none}.house__packed-item{display:inline-flex;align-items:center;gap:.375rem;min-height:3rem;padding:.25rem .75rem .25rem .25rem;border:2px solid var(--sg-line);border-radius:999px;background:var(--sg-surface);color:var(--sg-ink);font:inherit;font-weight:800;cursor:pointer}.house__packed-item:disabled{cursor:default}.house__packed-art{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:50%;background:#fffaf0}.house__packed-art svg{width:2rem;height:1.75rem}.house__checks{display:flex;flex-wrap:wrap;gap:.25rem;margin:0;padding:0;list-style:none}.house__check{display:inline-flex;background:var(--sg-accent-soft);align-items:center;gap:.375rem;padding:.1875rem .625rem .1875rem .25rem;border-radius:999px;font-size:.875rem;font-weight:700}.house__check-mark{display:grid;flex:none;place-items:center;width:1.375rem;height:1.375rem;border-radius:50%;background:var(--sg-surface);font-size:.75rem;font-weight:900}.house__leave{min-height:3.25rem}.house__leave--suggested{box-shadow:0 0 0 4px var(--sg-accent-soft)}.house__feedback{margin:0}.house__finish{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 1rem;padding:.875rem}.house__finish .board__mascot{width:4.5rem}@media(max-width:40rem){.house__sticker,.house__gap-ring{width:2.875rem;height:2.875rem}.house__sticker svg{width:2.375rem;height:2.125rem}.house__tag{font-size:.75rem}}.house__plan-steps{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin:0;padding:0;list-style:none}.house__step{position:relative;display:grid;justify-items:center;align-content:start;gap:.125rem;padding:.375rem .25rem;border:3px solid var(--sg-line);border-radius:.875rem;background:var(--sg-surface);text-align:center}.house__step-time{font-size:.9375rem;font-weight:800}.house__step-art{width:2.75rem}.house__step-art svg{display:block;width:100%;height:auto}.house__step-label{font-size:.875rem;font-weight:800;line-height:1.15}.house__step-state{min-height:1rem;font-size:.8125rem;font-weight:800}.house__step--now{border-color:var(--sg-accent);background:var(--sg-accent-soft);box-shadow:0 .2rem 0 var(--sg-accent)}.house__step--now .house__step-state{color:var(--sg-accent-ink)}.house__step--done{border-color:var(--sg-success);background:var(--sg-success-soft)}.house__step--done .house__step-state{color:var(--sg-success)}@media(max-width:40rem){.house__step-art{width:2rem}.house__step-label{font-size:.75rem}}.kit-game{display:grid;gap:1rem;align-items:start}@media(min-width:40.0625rem){.kit-game{grid-template-columns:1.4fr 1fr}.kit-game__feedback,.kit-game__finish,.kit-game--complete .kit-game__kit{grid-column:1 / -1}}.kit-game__drawer{overflow:hidden;border:3px solid #9c7a55;border-radius:calc(var(--sg-radius) * 1.25);background:#f5ecdc;box-shadow:var(--sg-shadow)}.kit-game__drawer-front{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.625rem 1rem;background:#c8a27a;color:#2c1d0e;font-weight:800}.kit-game__handle{width:4rem;height:.75rem;border:3px solid #6f5236;border-radius:999px;background:#e3cbad}.kit-game__tray{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,7.5rem),1fr));gap:.75rem;padding:1rem;box-shadow:inset 0 .5rem .75rem -.5rem #2c1d0e59}.kit-game__item,.kit-game__gap{display:grid;justify-items:center;align-content:center;gap:.25rem;min-height:9rem;padding:.5rem .375rem;border-radius:var(--sg-radius);text-align:center}.kit-game__item{border:3px solid var(--sg-primary);background:var(--sg-surface);box-shadow:0 .3rem 0 var(--sg-primary);color:var(--sg-ink);font:inherit;cursor:pointer;touch-action:manipulation}.kit-game__item:hover{background:var(--sg-primary-soft)}.kit-game__item{container-type:inline-size}.kit-game__label{max-width:100%;font-size:max(.8125rem,min(1.0625rem,calc(100cqi / (var(--longest-word, 8) * .7))));line-height:1.2;overflow-wrap:break-word}.kit-game__item small{color:var(--sg-hint);font-size:.875rem;font-weight:800}.kit-game__item--suggested{border-color:var(--sg-accent);background:var(--sg-accent-soft);box-shadow:0 .3rem 0 var(--sg-accent)}.kit-game__item--excluded,.kit-game__item--excluded:hover{border-color:var(--sg-line);background:#f0efec;box-shadow:none;color:var(--sg-ink-muted);cursor:not-allowed}.kit-game__item--excluded .kit-game__art{opacity:.35;filter:grayscale(1)}.kit-game__gap{border:2px dashed #c8b596;color:var(--sg-ink-muted);font-size:.875rem;font-weight:700}.kit-game__art{display:block;width:100%;max-width:7.5rem}.kit-game__art svg{display:block;width:100%;height:auto}.kit-game__kit{display:grid;gap:.75rem;padding:1rem;border:3px solid var(--sg-primary);border-top-width:.75rem;border-radius:calc(var(--sg-radius) * 1.5);background:var(--sg-primary-soft)}.kit-game__kit h2{display:flex;align-items:center;gap:.5rem;font-size:1.25rem}.kit-game__kit h2 svg{color:var(--sg-primary)}.kit-game__slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:0;padding:0;list-style:none}.kit-game__slot{display:grid;justify-items:center;align-content:center;gap:.25rem;min-height:6.5rem;padding:.375rem;border:2px dashed var(--sg-line);border-radius:var(--sg-radius);background:#fff9;text-align:center}.kit-game__slot--filled{border-style:solid;border-color:var(--sg-success);background:var(--sg-surface)}.kit-game__slot .kit-game__art{max-width:4rem}.kit-game__slot strong{display:inline-flex;align-items:flex-start;gap:.25rem;color:var(--sg-success);font-size:.875rem;line-height:1.2}.kit-game__slot strong svg{flex:none}.kit-game__empty{color:var(--sg-ink-muted);font-size:.875rem;font-weight:700}@media(max-width:40rem){.kit-game{gap:.75rem}.kit-game__tray{grid-template-columns:repeat(auto-fit,minmax(min(100%,5.25rem),1fr));gap:.375rem;padding:.625rem}.kit-game__item,.kit-game__gap{min-height:7.5rem}.kit-game__label{font-size:max(.75rem,min(.9375rem,calc(100cqi / (var(--longest-word, 8) * .7))))}.kit-game__kit{padding:.75rem}.kit-game__kit h2{font-size:1.0625rem}.kit-game__slot{min-height:5.5rem}.kit-game__slot .kit-game__art{max-width:3rem}.kit-game__slot strong{font-size:.75rem}}@media(prefers-reduced-motion:no-preference){.kit-game__drawer{animation:kit-drawer-open .35s ease-out}.kit-game__slot--filled{animation:kit-pop .35s ease-out}@keyframes kit-drawer-open{0%{transform:translateY(-.75rem);opacity:.4}}@keyframes kit-pop{0%{transform:scale(.85)}}}.pod-sim{display:flex;flex-direction:column;gap:1.25rem;width:100%;max-width:980px;margin:0 auto;padding:.5rem;box-sizing:border-box}.pod-episode{display:flex;flex-direction:column;gap:1.25rem;width:100%}.pod-episode__ribbon{display:flex;align-items:center;justify-content:space-between;background:#fff;border:2.5px solid #cbd5e1;border-radius:1.25rem;padding:.75rem 1.25rem;box-shadow:0 4px 12px #0000000a}.pod-episode__badge{display:flex;align-items:center;gap:.6rem;padding:.45rem 1rem;border-radius:999px;color:#fff;box-shadow:0 2px 8px #00000026}.pod-episode__badge-icon{font-size:1.35rem;line-height:1}.pod-episode__badge-text{font-size:.95rem;font-weight:900;letter-spacing:.02em}.pod-episode__steps-counter{display:flex;align-items:center;gap:.6rem}.pod-episode__step-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:900;background:#f1f5f9;color:#64748b;border:2px solid #cbd5e1;transition:all .2s ease}.pod-episode__step-dot--done{background:#dcfce7;color:#16a34a;border-color:#86efac}.pod-episode__step-dot--active{background:#0284c7;color:#fff;border-color:#0369a1;transform:scale(1.1);box-shadow:0 0 0 3px #0284c74d}.pod-window{position:relative;width:100%;height:240px;border-radius:1.5rem;overflow:hidden;border:5px solid #1e293b;background-size:cover;background-position:center;box-shadow:0 12px 32px #0f172a38,inset 0 2px 4px #ffffff4d;-webkit-user-select:none;user-select:none;transition:all .3s ease}@media(min-width:640px){.pod-window{height:300px}}.pod-window__frame{position:absolute;inset:0;pointer-events:none;z-index:3}.pod-window__mullion-v{position:absolute;top:0;bottom:0;left:50%;width:4px;background:#1e293b73}.pod-window__mullion-h{position:absolute;left:0;right:0;top:45%;height:4px;background:#1e293b73}.pod-window__sill{position:absolute;bottom:0;left:0;right:0;height:12px;background:linear-gradient(180deg,#334155,#1e293b);border-top:2px solid #475569}.pod-window__badge{position:absolute;top:14px;left:14px;display:flex;align-items:center;gap:.6rem;background:#0f172ac7;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:.45rem .9rem;border-radius:999px;border:1.5px solid rgba(255,255,255,.25);box-shadow:0 4px 12px #0000004d;z-index:4}.pod-window__badge-icon{font-size:1.35rem;line-height:1}.pod-window__badge-info{display:flex;flex-direction:column}.pod-window__badge-title{font-size:.9rem;font-weight:900;color:#f8fafc}.pod-window__badge-sub{font-size:.75rem;font-weight:700;color:#cbd5e1}.pod-window__celestial{position:absolute;inset:0;pointer-events:none;z-index:2}.pod-window__sun{position:absolute;transition:all .3s ease}.pod-window__sun--dawn{right:15%;bottom:25%}.pod-window__sun--noon{left:50%;transform:translate(-50%)}.pod-window__sun--sunset{left:28%}.pod-window__moon{position:absolute;right:20%;top:15%}.pod-window__sun-glow{position:absolute;inset:-15px;border-radius:50%;filter:blur(14px)}.pod-window__sun-glow--dawn{background:radial-gradient(circle,rgba(251,191,36,.7) 0%,transparent 70%)}.pod-window__sun-glow--noon{background:radial-gradient(circle,rgba(250,204,21,.8) 0%,transparent 70%)}.pod-window__sun-glow--sunset{background:radial-gradient(circle,rgba(249,115,22,.75) 0%,transparent 70%)}.pod-window__moon-glow{position:absolute;inset:-15px;border-radius:50%;background:radial-gradient(circle,rgba(254,240,138,.6) 0%,transparent 70%);filter:blur(12px)}.pod-sun--glow{animation:dawnGlow 2s infinite alternate ease-in-out}@keyframes dawnGlow{0%{transform:scale(1);filter:drop-shadow(0 0 6px #fde68a)}to{transform:scale(1.1);filter:drop-shadow(0 0 16px #f59e0b)}}.pod-curtains{position:absolute;inset:0;display:flex;pointer-events:none;z-index:2;transition:all .7s cubic-bezier(.4,0,.2,1)}.pod-curtain{width:50%;height:100%;background:linear-gradient(90deg,#94a3b8,#cbd5e1,#64748b);opacity:.95;box-shadow:inset 0 0 20px #0003;transition:transform .8s cubic-bezier(.4,0,.2,1)}.pod-curtains--open .pod-curtain--left{transform:translate(-85%)}.pod-curtains--open .pod-curtain--right{transform:translate(85%)}.pod-lamp-glow{position:absolute;inset:0;background:radial-gradient(circle at 80% 50%,rgba(251,146,60,.35) 0%,transparent 70%);pointer-events:none;z-index:2}.pod-night-dim{position:absolute;inset:0;background:#0f172acc;pointer-events:none;z-index:2}.pod-tactile-arena{display:flex;flex-direction:column;background:#fff;border:3px solid #cbd5e1;border-radius:1.5rem;padding:1.5rem;box-shadow:0 8px 24px #0000000f}.pod-toy{display:flex;flex-direction:column;gap:1.25rem}.pod-toy__header{display:flex;flex-direction:column;gap:.3rem;text-align:left}.pod-toy__tag{font-size:.8rem;font-weight:900;color:#0284c7;letter-spacing:.06em;text-transform:uppercase}.pod-toy__header h3{font-size:1.4rem;font-weight:900;color:#0f172a;margin:0}.pod-toy__header p{font-size:1rem;font-weight:700;color:#475569;margin:0}.pod-curtain-control{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#f8fafc;border:3px solid #e2e8f0;border-radius:1.25rem;padding:1.25rem}.pod-curtain-handle-btn{display:flex;align-items:center;gap:.4rem;padding:.85rem 1.4rem;border-radius:1rem;border:3px solid #d97706;background:#fef3c7;color:#92400e;font-size:1.05rem;font-weight:900;cursor:pointer;box-shadow:0 4px #d97706,0 6px 14px #d9770633;transition:all .12s ease}.pod-curtain-handle-btn:hover{transform:translateY(-2px);box-shadow:0 6px #d97706,0 8px 18px #d9770647}.pod-curtain-handle-btn:active{transform:translateY(3px);box-shadow:0 1px #d97706}.pod-curtain-track{flex:1;text-align:center}.pod-curtain-slider{font-size:1.15rem;font-weight:900;color:#64748b;padding:.75rem;border-radius:.75rem;background:#fff;border:2px dashed #cbd5e1;transition:all .3s ease}.pod-curtain-slider--open{background:#fef9c3;color:#854d0e;border-color:#facc15;border-style:solid}.pod-toaster-machine{display:flex;align-items:center;justify-content:center;gap:2rem;background:#f8fafc;border:3px solid #e2e8f0;border-radius:1.25rem;padding:1.5rem}.pod-toaster-housing{display:flex;flex-direction:column;align-items:center;justify-content:center;width:180px;height:120px;background:linear-gradient(180deg,#94a3b8,#64748b);border-radius:1.25rem;border:3px solid #475569;box-shadow:inset 0 4px 8px #fff6,0 6px 16px #00000026;position:relative}.pod-bread-slot{font-size:2.5rem;line-height:1;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.pod-bread-slot--down{transform:translateY(22px);opacity:.6}.pod-bread-slot--popped{transform:translateY(-28px) scale(1.15);animation:toastBounce .6s ease-out}@keyframes toastBounce{0%{transform:translateY(20px)}60%{transform:translateY(-34px) scale(1.2)}to{transform:translateY(-28px) scale(1.15)}}.pod-toaster-dial{font-size:.75rem;font-weight:800;color:#e2e8f0;margin-top:.5rem}.pod-toaster-lever{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1rem 1.6rem;border-radius:1.25rem;border:3px solid #d97706;background:#fef3c7;color:#92400e;font-size:1.1rem;font-weight:900;cursor:pointer;box-shadow:0 5px #d97706,0 8px 18px #d9770633;transition:all .15s ease}.pod-toaster-lever:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 7px #d97706,0 10px 22px #d9770647}.pod-toaster-lever:active:not(:disabled),.pod-toaster-lever--down{transform:translateY(6px);box-shadow:0 1px #d97706}.pod-pour-station{display:flex;align-items:center;justify-content:center;gap:2.5rem;background:#f8fafc;border:3px solid #e2e8f0;border-radius:1.25rem;padding:1.5rem}.pod-pitcher-btn,.pod-cooler-lever-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.2rem 1.6rem;border-radius:1.25rem;border:3px solid #d97706;background:#fef3c7;color:#92400e;font-size:1.05rem;font-weight:900;cursor:pointer;box-shadow:0 5px #d97706,0 8px 18px #d9770633;transition:all .15s ease}.pod-cooler-lever-btn{border-color:#0284c7;background:#e0f2fe;color:#0369a1;box-shadow:0 5px #0284c7,0 8px 18px #0284c733}.pod-pitcher-btn:active,.pod-cooler-lever-btn:active{transform:translateY(4px);box-shadow:0 1px #d97706}.pod-pitcher-icon{font-size:3rem;line-height:1}.pod-glass{position:relative;width:90px;height:130px;background:#ffffffd9;border:4px solid #94a3b8;border-top:none;border-radius:0 0 1rem 1rem;overflow:hidden;box-shadow:0 6px 16px #00000014;display:flex;align-items:flex-end}.pod-glass__liquid{width:100%;background:linear-gradient(180deg,#f59e0b,#d97706);transition:height .1s linear}.pod-glass__liquid--water{background:linear-gradient(180deg,#38bdf8,#0284c7)}.pod-glass__fill-line{position:absolute;top:15px;left:0;right:0;height:2px;border-top:2px dashed #dc2626}.pod-glass__label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.8rem;font-weight:900;color:#0f172a;background:#ffffffb3;padding:.15rem .4rem;border-radius:4px}.pod-slider-arena{display:flex;flex-direction:column;gap:.75rem;background:#f8fafc;border:3px solid #e2e8f0;border-radius:1.25rem;padding:1.5rem}.pod-slider-labels{display:flex;justify-content:space-between;font-size:.95rem;font-weight:800;color:#475569}.pod-range-slider{width:100%;height:24px;border-radius:12px;background:#e2e8f0;outline:none;cursor:grab;appearance:none;-webkit-appearance:none}.pod-range-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:44px;height:44px;border-radius:50%;background:#facc15;border:4px solid #ca8a04;cursor:grab;box-shadow:0 4px 12px #ca8a0466}.pod-range-slider--sunset::-webkit-slider-thumb{background:#f97316;border-color:#c2410c;box-shadow:0 4px 12px #c2410c66}.pod-slider-track-hint{font-size:.95rem;font-weight:800;color:#0284c7;text-align:center}.pod-tray-assembly{display:flex;flex-direction:column;gap:1.25rem;background:#f8fafc;border:3px solid #e2e8f0;border-radius:1.25rem;padding:1.25rem}.pod-dishes-counter{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.pod-dish-btn{display:flex;align-items:center;gap:.6rem;padding:.75rem 1.2rem;border-radius:1rem;border:3px solid #0284c7;background:#fff;color:#0f172a;font-size:1rem;font-weight:900;cursor:pointer;box-shadow:0 4px #0284c7,0 6px 12px #0284c726;transition:all .15s ease}.pod-dish-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px #0284c7}.pod-dish-btn--placed{opacity:.4;border-color:#cbd5e1;box-shadow:none;cursor:not-allowed}.pod-dish-btn__emoji{font-size:1.8rem;line-height:1}.pod-lunch-tray{background:#fed7aa;border:4px solid #ea580c;border-radius:1.25rem;padding:1rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:inset 0 4px 10px #00000014}.pod-lunch-tray__title{font-size:1rem;font-weight:900;color:#9a3412}.pod-lunch-tray__slots{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.pod-tray-slot{height:70px;border-radius:.75rem;background:#fff7ed;border:2px dashed #fdba74;display:flex;align-items:center;justify-content:center;font-size:1.05rem;font-weight:900;color:#9a3412}.pod-lamp-interactive{display:flex;justify-content:center;padding:1rem}.pod-lamp-fixture{display:flex;flex-direction:column;align-items:center;gap:.5rem}.pod-lamp-shade{padding:1rem 2rem;border-radius:1.5rem 1.5rem .5rem .5rem;background:#e2e8f0;border:3px solid #94a3b8;font-size:1.15rem;font-weight:900;color:#475569;transition:all .3s ease}.pod-lamp-fixture--lit .pod-lamp-shade{background:#fef08a;border-color:#f59e0b;color:#854d0e;box-shadow:0 0 30px #f59e0b99}.pod-lamp-chain-pull{display:flex;flex-direction:column;align-items:center;background:none;border:none;cursor:pointer;padding:0;transition:transform .15s ease}.pod-chain-beads{width:4px;height:40px;background:repeating-linear-gradient(180deg,#b45309 0px,#b45309 4px,transparent 4px,transparent 8px)}.pod-chain-fob{display:flex;align-items:center;gap:.3rem;padding:.5rem 1rem;border-radius:999px;border:3px solid #b45309;background:#fef3c7;color:#92400e;font-size:.95rem;font-weight:900;box-shadow:0 4px #b45309}.pod-lamp-chain-pull--pulled{transform:translateY(16px)}.pod-stew-workbench{display:flex;align-items:center;justify-content:center;gap:2rem;background:#f8fafc;border:3px solid #e2e8f0;border-radius:1.25rem;padding:1.5rem}.pod-ladle-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 1.5rem;border-radius:1.25rem;border:3px solid #ea580c;background:#ffedd5;color:#9a3412;font-size:1rem;font-weight:900;cursor:pointer;box-shadow:0 5px #ea580c;transition:all .15s ease}.pod-ladle-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 7px #ea580c}.pod-ladle-btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px #ea580c}.pod-ladle-icon{font-size:3rem;line-height:1}.pod-dinner-bowl{display:flex;flex-direction:column;align-items:center;gap:.5rem}.pod-dinner-bowl__rim{position:relative;width:110px;height:80px;border-radius:0 0 50px 50px;background:#fff;border:4px solid #94a3b8;overflow:hidden;display:flex;align-items:flex-end}.pod-dinner-bowl__food{width:100%;background:linear-gradient(180deg,#c2410c,#9a3412);transition:height .3s ease}.pod-dinner-bowl__steam{position:absolute;top:5px;left:50%;transform:translate(-50%);font-size:1.5rem;animation:steamRise 2s infinite ease-out}@keyframes steamRise{0%{opacity:0;transform:translate(-50%)}50%{opacity:1}to{opacity:0;transform:translate(-50%,-15px)}}.pod-dinner-bowl__label{font-size:.85rem;font-weight:800;color:#475569}.pod-constellation-sky{display:flex;flex-direction:column;align-items:center;gap:1rem;background:#0f172a;border-radius:1.25rem;padding:1.5rem;position:relative}.pod-star-node{display:flex;align-items:center;gap:.5rem;background:#ffffff1a;border:2px solid rgba(254,240,138,.4);color:#fef08a;border-radius:999px;padding:.5rem 1.25rem;font-size:1rem;font-weight:800;cursor:pointer;transition:all .2s ease}.pod-star-node:hover{transform:scale(1.05);background:#fff3}.pod-star-node--connected{background:#fef08a4d;border-color:#fef08a;box-shadow:0 0 15px #fef08a80}.pod-constellation-status{color:#fef08a;font-size:1rem;font-weight:900}.pod-bed-interactive{display:flex;flex-direction:column;align-items:center;gap:1rem;background:#f8fafc;border:3px solid #e2e8f0;border-radius:1.25rem;padding:1.5rem}.pod-bed-headboard{font-size:1.3rem;font-weight:900;color:#1e293b}.pod-blanket-pull-btn{display:flex;align-items:center;gap:.6rem;padding:1rem 1.8rem;border-radius:1.25rem;border:3px solid #4338ca;background:#e0e7ff;color:#3730a3;font-size:1.15rem;font-weight:900;cursor:pointer;box-shadow:0 5px #4338ca;transition:all .15s ease}.pod-blanket-pull-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 7px #4338ca}.pod-blanket-pull-btn--tucked{background:#dcfce7;border-color:#16a34a;color:#15803d;box-shadow:0 2px #16a34a;cursor:default}.pod-bedside-switch{display:flex;justify-content:center;padding:1rem}.pod-switch-box{display:flex;flex-direction:column;align-items:center;gap:.6rem;background:#f1f5f9;border:3px solid #cbd5e1;border-radius:1.25rem;padding:1.25rem 2rem}.pod-switch-label{font-size:.85rem;font-weight:900;color:#64748b;text-transform:uppercase}.pod-rocker-switch{display:flex;align-items:center;gap:.6rem;padding:.9rem 1.6rem;border-radius:1rem;border:3px solid #334155;background:#fff;color:#0f172a;font-size:1.1rem;font-weight:900;cursor:pointer;box-shadow:0 6px #334155,0 8px 18px #0000001a;transition:all .15s ease}.pod-rocker-switch--off{background:#1e293b;color:#f8fafc;border-color:#0f172a;box-shadow:0 2px #0f172a}.pod-summary-card{display:flex;flex-direction:column;background:#fff;border:3.5px solid #cbd5e1;border-radius:1.5rem;overflow:hidden;box-shadow:0 10px 28px #0000001a}@media(min-width:640px){.pod-summary-card{flex-direction:row}}.pod-summary-card__media{position:relative;width:100%;height:220px;flex-shrink:0;background:#f1f5f9}@media(min-width:640px){.pod-summary-card__media{width:280px;height:auto}}.pod-summary-card__img{width:100%;height:100%;object-fit:cover;display:block}.pod-summary-card__badge{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:.4rem;color:#fff;font-size:.85rem;font-weight:900;padding:.4rem .85rem;border-radius:999px;box-shadow:0 2px 8px #0000004d}.pod-summary-card__content{flex:1;padding:1.5rem;display:flex;flex-direction:column;justify-content:center;gap:.75rem}.pod-summary-card__tag{font-size:.8rem;font-weight:900;color:#16a34a;letter-spacing:.08em;text-transform:uppercase}.pod-summary-card__title{font-size:1.6rem;font-weight:900;color:#0f172a;margin:0}.pod-summary-card__desc{font-size:1.05rem;font-weight:700;color:#334155;margin:0;line-height:1.45}.pod-summary-card__continue-btn{margin-top:.5rem;font-size:1.05rem;padding:.85rem 1.5rem}.pod-master-challenge{display:flex;flex-direction:column;gap:1.25rem}.pod-master-challenge__header{display:flex;flex-direction:column;gap:.25rem}.pod-master-challenge__badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:900;color:#d97706;text-transform:uppercase;letter-spacing:.05em}.pod-master-challenge__header h2{font-size:1.4rem;font-weight:900;color:#0f172a;margin:0}.pod-quiz-card{display:flex;flex-direction:column;background:#fff;border:3px solid #cbd5e1;border-radius:1.25rem;overflow:hidden;box-shadow:0 4px 14px #0000000f}@media(min-width:640px){.pod-quiz-card{flex-direction:row}}.pod-quiz-card__media{width:100%;height:180px;background:#f1f5f9;flex-shrink:0}@media(min-width:640px){.pod-quiz-card__media{width:220px;height:auto}}.pod-quiz-card__img{width:100%;height:100%;object-fit:cover;display:block}.pod-quiz-card__info{flex:1;padding:1.25rem;display:flex;flex-direction:column;justify-content:center;gap:.4rem}.pod-quiz-card__tag{font-size:.75rem;font-weight:900;color:#0284c7;letter-spacing:.08em;text-transform:uppercase}.pod-quiz-card__label{font-size:1.4rem;font-weight:900;color:#0f172a;margin:0}.pod-quiz-card__prompt{font-size:1.05rem;font-weight:700;color:#334155;margin:0}.pod-quiz-dial__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem}@media(min-width:768px){.pod-quiz-dial__grid{grid-template-columns:repeat(4,1fr)}}.pod-quiz-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:110px;padding:.85rem;border-radius:1.25rem;border:3px solid #cbd5e1;background:#fff;cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;transition:transform .12s ease,box-shadow .12s ease;box-shadow:0 4px #cbd5e1,0 6px 14px #0000000f;gap:.25rem}.pod-quiz-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px #cbd5e1,0 8px 18px #0000001a}.pod-quiz-btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #cbd5e1,0 2px 6px #00000014}.pod-quiz-btn:focus-visible{outline:4px solid #0284c7;outline-offset:3px}.pod-quiz-btn--morning{border-color:#f59e0b}.pod-quiz-btn--morning:hover:not(:disabled){box-shadow:0 6px #d97706,0 8px 18px #f59e0b33}.pod-quiz-btn--afternoon{border-color:#0284c7}.pod-quiz-btn--afternoon:hover:not(:disabled){box-shadow:0 6px #0369a1,0 8px 18px #0284c733}.pod-quiz-btn--evening{border-color:#ea580c}.pod-quiz-btn--evening:hover:not(:disabled){box-shadow:0 6px #c2410c,0 8px 18px #ea580c33}.pod-quiz-btn--night{border-color:#4f46e5}.pod-quiz-btn--night:hover:not(:disabled){box-shadow:0 6px #3730a3,0 8px 18px #4f46e533}.pod-quiz-btn__icon{font-size:2rem;line-height:1}.pod-quiz-btn__title{font-size:1.15rem;font-weight:900;color:#0f172a}.pod-quiz-btn__time{font-size:.8rem;font-weight:800;color:#64748b}.pod-quiz-btn--suggested{border-color:#0284c7;animation:pulseSuggested 1.2s infinite alternate}@keyframes pulseSuggested{0%{box-shadow:0 0 0 2px #0284c7,0 4px 12px #0284c74d}to{box-shadow:0 0 0 6px #0284c7,0 6px 20px #0284c780}}.pod-quiz-btn__guide{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:900;color:#0284c7}.pod-quiz-btn--excluded{opacity:.35;cursor:not-allowed;filter:grayscale(.6)}.pod-quiz-btn__excluded-tag{font-size:.75rem;font-weight:800;color:#e11d48}.pod-feedback{margin:0;font-size:1.05rem}.pod-finish{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2.25rem 1.25rem;text-align:center;background:#fff;border:3px solid #cbd5e1;border-radius:1.5rem;box-shadow:0 10px 25px #00000014}@media(min-width:640px){.pod-finish{flex-direction:row;text-align:left;padding:2.5rem 2rem}}.pod-finish__mascot{max-width:160px;height:auto;flex-shrink:0}.pod-finish__content{display:flex;flex-direction:column;gap:.85rem}.pod-finish__content h2{font-size:1.7rem;font-weight:900;color:#0f172a;margin:0}.pod-finish__content p{font-size:1.1rem;color:#334155;margin:0;line-height:1.5}.pod-finish__routine-chips{display:flex;flex-direction:column;gap:.5rem}.pod-finish__chip{padding:.5rem 1rem;border-radius:999px;font-size:.9rem;font-weight:800}.pod-finish__chip--morning{background:#fef3c7;color:#92400e;border:1.5px solid #fde68a}.pod-finish__chip--afternoon{background:#e0f2fe;color:#0369a1;border:1.5px solid #bae6fd}.pod-finish__chip--evening{background:#ffedd5;color:#9a3412;border:1.5px solid #fed7aa}.pod-finish__chip--night{background:#e0e7ff;color:#3730a3;border:1.5px solid #c7d2fe}.pod-finish__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.calendar-sticker-game{display:flex;flex-direction:column;align-items:center;width:100%;max-width:820px;margin:0 auto;padding:.5rem;box-sizing:border-box;gap:1.25rem}.calendar-sticker-main{display:flex;flex-direction:column;align-items:center;width:100%;gap:1.25rem}.calendar-top-panel{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%;box-sizing:border-box}@media(max-width:680px){.calendar-top-panel{grid-template-columns:1fr}}.sticker-tray-bar{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;background:#fff;border:3px solid #1d2b36;border-radius:18px;padding:.85rem 1rem;box-shadow:0 4px 14px #0000000f;box-sizing:border-box;text-align:center}.sticker-tray-label{font-size:.95rem;font-weight:800;color:#1d2b36;display:flex;align-items:center;gap:.4rem;text-transform:uppercase;letter-spacing:.5px}.draggable-sticker-btn{display:flex;align-items:center;gap:.85rem;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:3px dashed #d97706;border-radius:14px;padding:.6rem 1.25rem;cursor:grab;-webkit-user-select:none;user-select:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;animation:pulse-sticker 2s infinite ease-in-out;min-height:52px}@keyframes pulse-sticker{0%,to{transform:scale(1);box-shadow:0 4px 12px #d9770640}50%{transform:scale(1.03);box-shadow:0 8px 20px #d9770666}}.draggable-sticker-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #d9770659;border-color:#b45309}.draggable-sticker-btn:active{cursor:grabbing;transform:scale(.97)}.draggable-sticker-btn.selected{border-style:solid;border-color:#2563eb;background:#eff6ff;box-shadow:0 0 0 4px #2563eb4d;animation:none}.sticker-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sticker-text{font-size:1.05rem;font-weight:900;color:#0f172a}.sticker-tray-instruction{font-size:.8rem;font-weight:700;color:#64748b;width:100%}.date-inspector-card{display:flex;flex-direction:column;justify-content:space-between;gap:.65rem;background:#fff;border:3px solid #1d2b36;border-radius:18px;padding:.85rem 1rem;box-shadow:0 4px 14px #0000000f;color:#1d2b36;box-sizing:border-box}.date-inspector-header{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #f1f5f9;padding-bottom:.5rem}.date-inspector-badge{font-size:.75rem;font-weight:800;text-transform:uppercase;color:#475569;background:#f8fafc;border:1px solid #cbd5e1;padding:2px 8px;border-radius:10px;letter-spacing:.5px}.date-inspector-target-date{font-size:1.05rem;font-weight:900;color:#dc2626}.date-inspector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.date-inspector-item{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px;padding:.55rem .35rem;text-align:center;gap:2px}.date-inspector-item--day{background:#f0f9ff;border:2px solid #bae6fd;border-top:4px solid #0284c7}.date-inspector-item--day .date-inspector-part-label{color:#0284c7}.date-inspector-item--day .date-inspector-part-sub{color:#0369a1}.date-inspector-item--month{background:#fef2f2;border:2px solid #fecaca;border-top:4px solid #dc2626}.date-inspector-item--month .date-inspector-part-label{color:#dc2626}.date-inspector-item--month .date-inspector-part-sub{color:#b91c1c}.date-inspector-item--year{background:#fffbeb;border:2px solid #fde68a;border-top:4px solid #d97706}.date-inspector-item--year .date-inspector-part-label{color:#d97706}.date-inspector-item--year .date-inspector-part-sub{color:#92400e}.date-inspector-part-label{font-size:.65rem;font-weight:900;letter-spacing:.5px}.date-inspector-part-val{font-size:.85rem;font-weight:900;color:#0f172a;margin-top:1px;line-height:1.1}.date-inspector-part-sub{font-size:.68rem;font-weight:700;margin-top:1px}.date-locate-btn{margin-top:5px;padding:4px 8px;border-radius:8px;font-size:.72rem;font-weight:800;cursor:pointer;background:#fff;transition:all .2s ease}.date-locate-btn--day{border:1.5px solid #0284c7;color:#0284c7}.date-locate-btn--day:hover{background:#0284c7;color:#fff}.date-locate-btn--month{border:1.5px solid #dc2626;color:#dc2626}.date-locate-btn--month:hover{background:#dc2626;color:#fff}.date-locate-btn--year{border:1.5px solid #d97706;color:#d97706}.date-locate-btn--year:hover{background:#d97706;color:#fff}.date-inspector-strategy{margin-top:.35rem;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:10px;padding:6px 10px;font-size:.78rem;color:#334155;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.date-strategy-bullet{font-weight:900;color:#1d2b36;text-transform:uppercase;font-size:.7rem}.calendar-board{width:100%;max-width:680px;background:#fff;border:4px solid #0f172a;border-radius:22px;overflow:hidden;box-shadow:0 12px 32px #0f172a26;position:relative}.calendar-binder-rings{display:flex;justify-content:space-around;background:#cbd5e1;padding:6px 12px;border-bottom:2px solid #94a3b8}.calendar-ring{width:16px;height:24px;background:linear-gradient(135deg,#e2e8f0,#64748b,#334155);border-radius:6px;box-shadow:0 2px 4px #00000040,inset 0 1px 1px #fffc}.calendar-board-header{background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;padding:.85rem 1.4rem;text-align:center;display:flex;align-items:center;justify-content:space-between}.calendar-header-title{margin:0;display:flex;align-items:baseline;gap:.65rem;font-size:1.5rem;font-weight:900;letter-spacing:1px}.calendar-month-tag{color:#fff;font-size:1.5rem;font-weight:900;padding:3px 8px;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:all .3s ease}.calendar-month-tag:hover{background:#ffffff26;border-color:#fff9}.calendar-year-tag{color:#fef08a;font-size:1.35rem;font-weight:800;padding:3px 8px;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:all .3s ease}.calendar-year-tag:hover{background:#fef08a33;border-color:#fef08a}.calendar-tag--glow{background:#fff!important;color:#991b1b!important;box-shadow:0 0 14px #fef08a;transform:scale(1.08)}.calendar-board-badge{background:#fff3;border:1px solid rgba(255,255,255,.3);padding:.3rem .85rem;border-radius:20px;font-size:.85rem;font-weight:800}.calendar-days-row{display:grid;grid-template-columns:repeat(7,1fr);background:#1e293b;color:#f8fafc;text-align:center;font-size:.85rem;font-weight:900;padding:.35rem 0;border-bottom:2px solid #334155;transition:background .3s ease}.calendar-days-row--highlight{background:#0369a1;box-shadow:0 0 16px #38bdf866}.calendar-day-header{background:transparent;border:none;color:#fff;padding:5px 2px;letter-spacing:.5px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease;font-weight:900;font-size:.85rem}.calendar-day-header:hover{background:#ffffff26}.calendar-day-header--weekend{color:#fca5a5}.calendar-day-header--target{color:#fef08a;background:#fef08a33;border-radius:6px}.calendar-day-header--active{background:#0284c7!important;color:#fff!important;box-shadow:0 0 12px #0284c7b3;transform:scale(1.06)}.calendar-day-arrow{font-size:.65rem;color:#fef08a;line-height:1}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;padding:10px;background:#f1f5f9}.calendar-date-cell{position:relative;background:#fff;border:2px solid #cbd5e1;border-radius:12px;aspect-ratio:1;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:4px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.calendar-date-cell:hover:not(:disabled){border-color:#2563eb;background:#eff6ff;transform:translateY(-2px);box-shadow:0 4px 10px #2563eb33}.calendar-date-cell.drag-over{border-color:#16a34a;background:#dcfce7;transform:scale(1.08);box-shadow:0 6px 16px #16a34a4d}.calendar-date-cell.excluded{opacity:.3;cursor:not-allowed;background:#f1f5f9;border-color:#cbd5e1}.calendar-date-cell.empty{opacity:.25;background:#e2e8f0;border-color:#cbd5e1;cursor:default}.calendar-date-cell.target-highlight{border:3px dashed #d97706;background:#fef3c7;animation:pulse-target 1.5s infinite alternate}.calendar-date-cell.in-target-column{border-color:#0284c7!important;background:#f0f9ff!important;box-shadow:0 0 6px #0284c759}@keyframes pulse-target{0%{transform:scale(1)}to{transform:scale(1.05)}}.calendar-date-cell.placed{border:2px solid #16a34a;background:#f0fdf4}.date-number{font-size:.95rem;font-weight:900;color:#1e293b;align-self:flex-start;margin-left:3px;margin-top:2px;line-height:1}.placed-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-36%);display:flex;flex-direction:column;align-items:center;justify-content:center;width:95%;text-align:center}.placed-badge-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.placed-badge-label{font-size:.65rem;font-weight:900;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.completion-card{display:flex;flex-direction:column;align-items:center;gap:1.25rem;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:4px solid #16a34a;border-radius:24px;padding:2.25rem 1.5rem;text-align:center;max-width:620px;width:100%;box-shadow:0 12px 32px #16a34a26;box-sizing:border-box}.completion-card-img{width:150px;height:150px;border-radius:18px;object-fit:cover;box-shadow:0 6px 18px #00000026;border:3px solid #ffffff}.completion-title{font-size:1.6rem;font-weight:900;color:#14532d;margin:0}.completion-desc{font-size:1.05rem;font-weight:700;color:#166534;margin:0;max-width:520px}.calendar-mastery-recap{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem;width:100%;margin:.5rem 0}@media(max-width:580px){.calendar-mastery-recap{grid-template-columns:1fr}}.recap-box{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.35rem;background:#fff;border-radius:14px;padding:1rem .75rem;box-shadow:0 4px 12px #0000000f;border:2px solid #e2e8f0}.recap-box--day{border-color:#38bdf8}.recap-box--month{border-color:#f87171}.recap-box--year{border-color:#f59e0b}.recap-box__tag{font-size:.7rem;font-weight:900;letter-spacing:.5px;padding:2px 8px;border-radius:12px;background:#f1f5f9;color:#475569}.recap-box strong{font-size:.95rem;font-weight:900;color:#0f172a}.recap-box span:last-child{font-size:.8rem;font-weight:600;color:#64748b;line-height:1.3}.completion-actions{display:flex;flex-wrap:wrap;gap:.85rem;justify-content:center;margin-top:.5rem}.upcoming-events-game{display:flex;flex-direction:column;align-items:center;width:100%;max-width:880px;margin:0 auto;padding:.5rem;box-sizing:border-box;gap:1.25rem}.upcoming-events-scene{width:100%;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #0000001a;background:#fef08a}.upcoming-events-layout{display:flex;flex-direction:column;align-items:center;width:100%;gap:1.25rem}@media(min-width:768px){.upcoming-events-layout{flex-direction:row;align-items:flex-start;justify-content:center;gap:1.5rem}}.events-calendar-board{flex:1.2;width:100%;max-width:500px;background:#fff;border:3.5px solid #1e293b;border-radius:20px;overflow:hidden;box-shadow:0 8px 24px #00000014;box-sizing:border-box}.events-calendar-header{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;padding:.85rem 1.25rem;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.cal-header-left{display:flex;align-items:center;gap:.6rem}.events-calendar-header h2{margin:0;font-size:1.25rem;font-weight:900;letter-spacing:.5px}.events-calendar-badge{display:flex;align-items:center;gap:.4rem;background:#fff3;padding:.3rem .8rem;border-radius:20px;font-size:.85rem;font-weight:800}.events-days-row{display:grid;grid-template-columns:repeat(7,1fr);background:#1e293b;color:#fff;text-align:center;font-size:.8rem;font-weight:900;padding:.45rem 0;letter-spacing:.5px}.events-days-row .weekend-day{color:#fca5a5}.events-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;padding:8px;background:#f1f5f9;box-sizing:border-box}.events-date-cell{position:relative;background:#fff;border:2px solid #cbd5e1;border-radius:10px;aspect-ratio:1;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:3px;cursor:pointer;transition:all .2s ease;box-sizing:border-box;font-family:inherit}.events-date-cell:hover:not(.empty){border-color:#0284c7;background:#f0f9ff;transform:translateY(-1px)}.events-date-cell.today-cell{border:3px solid #f59e0b;background:#fffbeb;box-shadow:0 0 0 3px #f59e0b4d}.events-date-cell.event-cell{background:#f8fafc;border-width:2.5px}.events-date-cell.target-spotlight-cell{border:3.5px solid #0284c7;background:#e0f2fe;box-shadow:0 0 0 4px #0284c759;animation:target-pulse 2s infinite ease-in-out;z-index:2}@keyframes target-pulse{0%,to{transform:scale(1);box-shadow:0 0 0 4px #0284c759}50%{transform:scale(1.08);box-shadow:0 0 0 8px #0284c780}}.events-date-cell.highlighted{border-color:#16a34a;background:#f0fdf4}.events-date-cell.empty{opacity:.25;background:#e2e8f0;border-color:#cbd5e1;cursor:default}.events-date-number{font-size:.85rem;font-weight:900;color:#334155;align-self:flex-start;margin-left:2px;line-height:1}.today-chip{position:absolute;top:2px;right:2px;background:#f59e0b;color:#fff;font-size:.5rem;font-weight:900;padding:1px 3px;border-radius:4px}.event-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-30%);display:flex;flex-direction:column;align-items:center;justify-content:center;width:96%;text-align:center;background:#fffffff2;border:1.5px solid;border-radius:6px;padding:1px 2px;box-sizing:border-box}.event-badge-icon{font-size:1.15rem;line-height:1}.event-badge-label{font-size:.55rem;font-weight:800;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.counting-steps-strip{display:flex;flex-direction:column;gap:.35rem;background:#eff6ff;border-top:2px solid #bfdbfe;padding:.65rem 1rem}.counting-title{font-size:.8rem;font-weight:800;color:#1e40af}.steps-path{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.step-node{padding:.25rem .65rem;border-radius:8px;font-size:.8rem;font-weight:800}.step-node.start{background:#fef3c7;color:#b45309;border:1.5px solid #f59e0b}.step-node.mid{background:#fff;color:#475569;border:1.5px solid #cbd5e1}.step-node.target{background:#dbeafe;color:#1e40af;border:1.5px solid #3b82f6}.step-arrow{color:#94a3b8;font-weight:900}.questions-section{flex:1;display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:380px}.mission-spotlight-card{width:100%;background:#fff;border:3px solid #1e293b;border-radius:16px;padding:.85rem 1rem;box-shadow:0 4px 12px #0000000f;box-sizing:border-box}.mission-header-tag{display:flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:800;color:#0369a1;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.mission-date-display{display:flex;align-items:center;gap:.85rem}.mission-calendar-stamp{display:flex;flex-direction:column;align-items:center;background:#ef4444;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #ef44444d;min-width:52px}.stamp-month{background:#ef4444;color:#fff;font-size:.65rem;font-weight:900;padding:2px 6px;width:100%;text-align:center}.stamp-day{background:#fff;color:#1e293b;font-size:1.35rem;font-weight:900;padding:2px 8px;width:100%;text-align:center}.mission-event-info{display:flex;flex-direction:column;gap:3px;flex:1}.mission-date-name{font-size:1.05rem;font-weight:900;color:#1e293b}.mission-instruction-cue{font-size:.8rem;font-weight:700;color:#64748b}.mission-event-target-badge{display:inline-flex;align-items:center;gap:.4rem;background:#f1f5f9;border:1.5px solid #cbd5e1;padding:.25rem .65rem;border-radius:8px;align-self:flex-start;margin-top:2px}.target-icon{font-size:1.25rem}.target-title{font-size:.85rem;font-weight:800;color:#0f172a}.choices-container{display:flex;flex-direction:column;gap:.75rem;width:100%}.choices-heading{font-size:.9rem;font-weight:800;color:#1e293b;display:flex;align-items:center;gap:.4rem}.choice-option-btn{display:flex;align-items:center;gap:1rem;background:#fff;border:3px solid #1e293b;border-radius:16px;padding:.75rem 1rem;cursor:pointer;text-align:left;transition:all .2s ease;box-shadow:0 4px 12px #00000014;font-family:inherit;min-height:64px}.choice-option-btn:hover:not(:disabled){border-color:#0284c7;background:#f0f9ff;transform:translateY(-2px);box-shadow:0 6px 16px #0284c740}.choice-option-btn:active:not(:disabled){transform:scale(.98)}.choice-option-btn:disabled{opacity:.4;cursor:not-allowed;background:#f1f5f9;border-color:#cbd5e1}.choice-option-icon{width:50px;height:50px;min-width:50px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border-radius:12px;box-shadow:0 2px 6px #0000000f;padding:2px;box-sizing:border-box}.choice-option-content{display:flex;flex-direction:column;gap:2px;flex:1}.choice-option-text{font-size:1rem;font-weight:800;color:#1e293b;line-height:1.25}.completion-card{display:flex;flex-direction:column;align-items:center;gap:1.25rem;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:3.5px solid #22c55e;border-radius:22px;padding:2rem 1.5rem;text-align:center;max-width:600px;width:100%;box-shadow:0 8px 30px #22c55e26;box-sizing:border-box}.completion-desc{font-size:1.05rem;font-weight:700;color:#166534;margin:0}.events-showcase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.65rem;width:100%;box-sizing:border-box;margin-top:.5rem}.event-showcase-card{display:flex;align-items:center;gap:.75rem;background:#fff;border:2px solid #86efac;border-radius:12px;padding:.5rem .75rem;box-shadow:0 2px 6px #0000000d}.showcase-icon{width:40px;height:40px;min-width:40px}.showcase-info{display:flex;flex-direction:column;align-items:flex-start;text-align:left;flex:1}.showcase-title{font-size:.85rem;font-weight:800;color:#1e293b}.showcase-date{font-size:.75rem;font-weight:700;color:#0284c7}@media(max-width:480px){.events-date-cell{min-height:44px;padding:2px}.event-badge-icon{font-size:.95rem}.event-badge-label{display:none}.choice-option-btn{min-height:56px;padding:.6rem .75rem}.choice-option-icon{width:42px;height:42px;min-width:42px}.choice-option-text{font-size:.9rem}}.sims-makeover-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1060px;margin:0 auto;box-sizing:border-box;padding:.25rem 1rem 1.5rem}.sims-studio-header{display:flex;align-items:center;gap:.85rem;width:100%;background:linear-gradient(135deg,#f0fdf4,#e0f2fe);border:2px solid #a7f3d0;border-radius:18px;padding:.6rem 1.1rem;margin-bottom:.85rem;box-shadow:0 3px 10px #0000000a}.sims-plumbob-icon{font-size:1.85rem;filter:drop-shadow(0 2px 6px rgba(16,185,129,.4));animation:sims-plumbob-float 2.5s ease-in-out infinite alternate}@keyframes sims-plumbob-float{0%{transform:translateY(0) scale(1)}to{transform:translateY(-4px) scale(1.08)}}.sims-studio-title-wrap{display:flex;flex-direction:column;gap:.15rem}.sims-studio-title{margin:0;font-size:1.2rem;font-weight:800;color:#065f46;letter-spacing:-.01em}.sims-studio-subtitle{margin:0;font-size:.88rem;color:#047857;font-weight:600}.sims-studio-grid{display:grid;grid-template-columns:minmax(320px,1fr) minmax(360px,1.25fr);gap:1.25rem;width:100%;align-items:start}.sims-mirror-col{display:flex;flex-direction:column;gap:.85rem;width:100%}.sims-mirror-frame{position:relative;width:100%;background:#fff;border:3px solid #6ee7b7;border-radius:22px;overflow:hidden;box-shadow:0 8px 24px #10b9811f;display:flex;flex-direction:column;align-items:center;justify-content:center}.sims-mirror-frame .makeover-character-svg{width:100%;height:auto;max-height:250px;display:block}.sims-current-look-badge{position:absolute;bottom:.75rem;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:.5rem;background:#0f172ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:.35rem .9rem;border-radius:999px;font-size:.85rem;font-weight:700;box-shadow:0 4px 10px #0003;white-space:nowrap}.sims-look-swatch{width:.9rem;height:.9rem;border-radius:50%;border:1.5px solid #ffffff;display:inline-block}.sims-dialogue-card{background:#fff;border:2px solid #bae6fd;border-radius:20px;padding:1rem 1.2rem;box-shadow:0 4px 14px #0284c714;display:flex;flex-direction:column;gap:.75rem}.sims-dialogue-header{display:flex;align-items:center;justify-content:space-between}.sims-dialogue-label{font-size:.88rem;font-weight:800;color:#0369a1;text-transform:uppercase;letter-spacing:.03em}.sims-dialogue-quote{margin:0;font-size:1rem;font-weight:600;color:#1e293b;line-height:1.45;background:#f0f9ff;border-left:4px solid #0284c7;padding:.65rem .85rem;border-radius:8px}.sims-hairdresser-reply{display:flex;gap:.75rem;align-items:flex-start;animation:sims-fade-in .3s ease-out forwards}@keyframes sims-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sims-hairdresser-avatar{font-size:1.75rem;line-height:1}.sims-hairdresser-bubble{background:#ecfdf5;border:1.5px solid #a7f3d0;border-radius:14px;padding:.6rem .85rem;font-size:.92rem;color:#065f46;font-weight:600;line-height:1.4;flex:1}.sims-hairdresser-name{display:block;font-weight:800;font-size:.8rem;color:#047857;margin-bottom:.15rem}.sims-hairdresser-bubble p{margin:0}.sims-dialogue-actions{display:flex;gap:.75rem;flex-wrap:wrap}.sims-say-btn{flex:1;min-width:140px;background:#f8fafc!important;color:#0f172a!important;border:1.5px solid #cbd5e1!important;font-size:.95rem!important;font-weight:700!important}.sims-say-btn:hover{background:#e2e8f0!important}.sims-confirm-btn{flex:1.2;min-width:170px;font-size:1rem!important;font-weight:800!important;box-shadow:0 4px 12px #16a34a59!important}.sims-menu-col{background:#fff;border:2.5px solid #e2e8f0;border-radius:24px;padding:1.25rem;box-shadow:0 6px 20px #0000000d;display:flex;flex-direction:column;gap:1rem}.sims-tabs-nav{display:flex;gap:.5rem;background:#f1f5f9;padding:.35rem;border-radius:999px;border:1px solid #e2e8f0}.sims-tab-btn{flex:1;padding:.55rem .85rem;font-size:.92rem;font-weight:700;border:none;background:transparent;color:#64748b;border-radius:999px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.sims-tab-btn.active{background:#fff;color:#0f172a;box-shadow:0 2px 6px #0000001a}.sims-styles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.85rem;max-height:480px;overflow-y:auto;padding-right:.25rem}.sims-style-card{display:flex;flex-direction:column;align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;padding:.75rem .5rem;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);text-align:center;position:relative}.sims-style-card:hover{background:#f0fdf4;border-color:#6ee7b7;transform:translateY(-2px)}.sims-style-card.selected{background:#ecfdf5;border-color:#10b981;border-width:2.5px;box-shadow:0 4px 12px #10b98140;transform:scale(1.02)}.sims-style-preview{position:relative;width:100%;aspect-ratio:1.2;border-radius:12px;overflow:hidden;background:#fff;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.sims-preview-svg{width:100%;height:100%;display:block}.sims-selected-check{position:absolute;top:.35rem;right:.35rem;width:1.3rem;height:1.3rem;border-radius:50%;background:#10b981;color:#fff;font-size:.8rem;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #0003}.sims-style-info{display:flex;flex-direction:column;gap:.15rem}.sims-style-title{font-size:.88rem;font-weight:800;color:#0f172a}.sims-style-desc{font-size:.72rem;color:#64748b;font-weight:600}.sims-colors-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;max-height:480px;overflow-y:auto;padding-right:.25rem}.sims-color-btn{display:flex;align-items:center;gap:.75rem;background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;padding:.65rem .85rem;cursor:pointer;transition:all .2s ease;text-align:left}.sims-color-btn:hover{background:#fff;border-color:#cbd5e1;transform:translateY(-1px)}.sims-color-btn.selected{background:#fff;border-color:#0284c7;border-width:2.5px;box-shadow:0 3px 10px #0284c733}.sims-color-swatch-circle{width:2rem;height:2rem;border-radius:50%;border:2px solid #ffffff;box-shadow:0 2px 6px #00000040;flex-shrink:0}.sims-color-label{font-size:.9rem;font-weight:700;color:#1e293b;flex:1}.sims-color-badge{font-size:.72rem;font-weight:800;color:#0284c7;background:#e0f2fe;padding:.15rem .45rem;border-radius:999px}.sims-showcase-view{display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border:3px solid #6ee7b7;border-radius:28px;padding:2rem 1.5rem;max-width:640px;width:100%;box-shadow:0 10px 30px #10b98126;animation:sims-fade-in .4s cubic-bezier(.16,1,.3,1)}.sims-mascot-img{margin-bottom:.75rem}.sims-showcase-title{margin:0 0 .5rem;font-size:1.8rem;font-weight:900;color:#065f46}.sims-showcase-subtitle{margin:0 0 1.5rem;font-size:1.05rem;color:#334155;line-height:1.5;max-width:480px}.sims-polaroid-frame{background:#fff;border:3px solid #e2e8f0;border-radius:20px;padding:.85rem;box-shadow:0 8px 24px #00000014;margin-bottom:1.5rem;max-width:320px;width:100%;transform:rotate(-1.5deg);transition:transform .3s ease}.sims-polaroid-frame:hover{transform:rotate(0) scale(1.02)}.sims-polaroid-art{border-radius:14px;overflow:hidden;border:1.5px solid #cbd5e1}.sims-polaroid-caption{display:flex;flex-direction:column;gap:.25rem;padding-top:.75rem;text-align:center}.sims-polaroid-tag{font-size:.75rem;font-weight:800;color:#059669;text-transform:uppercase;letter-spacing:.04em}.sims-polaroid-name{font-size:1.15rem;font-weight:800;color:#0f172a}.sims-showcase-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}@media(max-width:768px){.sims-studio-grid{grid-template-columns:1fr}.sims-styles-grid{max-height:340px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.sims-colors-grid{max-height:280px;grid-template-columns:1fr}}.style-makeover-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1060px;margin:0 auto;box-sizing:border-box;padding:.25rem 1rem 1.5rem}.makeover-case-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;width:100%;margin-bottom:.75rem}.makeover-case-tab{display:flex;align-items:center;gap:.65rem;padding:.65rem .95rem;background:#fff;border:2.5px solid #cbd5e1;border-radius:16px;cursor:pointer;box-shadow:0 3px 8px #0000000a;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left;min-height:50px}.makeover-case-tab:hover{border-color:#3b82f6;background:#f8fafc;transform:translateY(-2px);box-shadow:0 6px 14px #3b82f61f}.makeover-case-tab:focus-visible{outline:3px solid #2563eb;outline-offset:2px}.makeover-case-tab.active{border-color:#2563eb;background:linear-gradient(135deg,#eff6ff,#dbeafe);box-shadow:0 4px 14px #2563eb2e;transform:translateY(-2px)}.makeover-case-icon{font-size:1.65rem;flex-shrink:0;line-height:1}.makeover-case-text{display:flex;flex-direction:column;gap:.15rem;overflow:hidden}.makeover-case-name{font-size:1rem;font-weight:800;color:#1e293b;letter-spacing:-.01em}.makeover-case-tab.active .makeover-case-name{color:#1d4ed8}.makeover-case-status{font-size:.76rem;font-weight:700;display:inline-flex;align-items:center;gap:.25rem;padding:.12rem .45rem;border-radius:999px;width:fit-content}.makeover-case-status.ready{background:#dcfce7;color:#15803d}.makeover-case-status.adjust{background:#fef3c7;color:#b45309}.makeover-goal-banner{display:flex;flex-direction:column;gap:.25rem;width:100%;background:linear-gradient(135deg,#f8fafc,#eef2ff);border:2px solid #c7d2fe;border-radius:14px;padding:.6rem 1rem;margin-bottom:.85rem;box-shadow:0 2px 8px #00000008}.makeover-goal-badge{display:inline-flex;align-items:center;gap:.4rem;background:#e0e7ff;color:#4338ca;font-size:.82rem;font-weight:800;padding:.2rem .65rem;border-radius:20px;width:fit-content;letter-spacing:.01em}.makeover-goal-prompt{margin:0;font-size:1.05rem;font-weight:700;color:#1e1b4b;line-height:1.35}.makeover-studio-grid{display:grid;grid-template-columns:minmax(320px,1fr) minmax(360px,1.25fr);gap:1.25rem;width:100%;align-items:start}.makeover-mirror-col{display:flex;flex-direction:column;gap:.85rem;width:100%}.makeover-mirror-frame{position:relative;width:100%;background:#fff;border:3px solid #a5b4fc;border-radius:22px;overflow:hidden;box-shadow:0 8px 24px #6366f11f;display:flex;flex-direction:column;align-items:center;justify-content:center}.makeover-mirror-frame .makeover-character-svg{width:100%;height:auto;max-height:250px;display:block}.makeover-mirror-tag{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:.5rem;background:#0f172ad1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:.35rem .9rem;border-radius:24px;font-size:.88rem;font-weight:700;box-shadow:0 4px 12px #0003;white-space:nowrap;max-width:90%;overflow:hidden;text-overflow:ellipsis}.makeover-tag-swatch{width:14px;height:14px;border-radius:50%;border:1.5px solid #ffffff;flex-shrink:0}.makeover-tag-style{font-weight:700}.makeover-tag-acc{color:#fde047;font-weight:600}.makeover-etiquette-card{display:flex;flex-direction:column;gap:.65rem;padding:1.1rem 1.25rem;border-radius:18px;box-shadow:0 4px 14px #0000000d;transition:all .25s ease}.makeover-etiquette-card.suitable{background:#f0fdf4;border:2px solid #86efac}.makeover-etiquette-card.hint{background:#fffbeb;border:2px solid #fde68a}.makeover-etiquette-header{display:flex;align-items:center;justify-content:space-between}.makeover-etiquette-title{font-size:1.05rem;font-weight:800;color:#14532d}.makeover-etiquette-card.hint .makeover-etiquette-title{color:#92400e}.makeover-etiquette-text{margin:0;font-size:.96rem;line-height:1.45;color:#166534;font-weight:600}.makeover-etiquette-card.hint .makeover-etiquette-text{color:#78350f}.makeover-showcase-btn{margin-top:.5rem;width:100%;justify-content:center;font-size:1.05rem;font-weight:800;padding:.85rem 1.25rem;border-radius:14px}.makeover-menu-col{display:flex;flex-direction:column;background:#fff;border:2.5px solid #cbd5e1;border-radius:24px;padding:1.25rem;box-shadow:0 8px 24px #0000000d;min-height:480px}.makeover-subtabs{display:flex;gap:.5rem;background:#f1f5f9;padding:.35rem;border-radius:16px;margin-bottom:1.25rem}.makeover-subtab-btn{flex:1;padding:.65rem .5rem;background:transparent;border:none;border-radius:12px;font-size:.95rem;font-weight:700;color:#64748b;cursor:pointer;transition:all .2s ease;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:.35rem}.makeover-subtab-btn:hover{color:#1e293b;background:#fff9}.makeover-subtab-btn:focus-visible{outline:3px solid #2563eb;outline-offset:2px}.makeover-subtab-btn.active{background:#fff;color:#2563eb;font-weight:800;box-shadow:0 2px 6px #00000014}.makeover-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.85rem;overflow-y:auto;max-height:420px;padding:.25rem}.makeover-item-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.65rem;background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);min-height:120px;box-sizing:border-box}.makeover-item-card:hover{background:#fff;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.makeover-item-card:focus-visible{outline:3px solid #2563eb;outline-offset:2px}.makeover-item-card.selected{background:#eff6ff;border-color:#2563eb;border-width:2.5px;box-shadow:0 4px 12px #2563eb33}.makeover-item-preview{position:relative;width:90px;height:90px;border-radius:12px;background:#fff;border:1.5px solid #e2e8f0;overflow:hidden;display:flex;align-items:center;justify-content:center}.makeover-mini-svg{width:100%;height:100%;display:block}.makeover-item-check{position:absolute;top:4px;right:4px;background:#2563eb;color:#fff;font-size:.75rem;font-weight:800;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.makeover-item-label{font-size:.88rem;font-weight:700;color:#1e293b;text-align:center;line-height:1.25}.makeover-item-card.selected .makeover-item-label{color:#1d4ed8}.makeover-acc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.85rem;overflow-y:auto;max-height:420px;padding:.25rem}.makeover-acc-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:1rem .75rem;background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);min-height:110px;text-align:center}.makeover-acc-card:hover{background:#fff;border-color:#8b5cf6;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf626}.makeover-acc-card:focus-visible{outline:3px solid #7c3aed;outline-offset:2px}.makeover-acc-card.selected{background:#f5f3ff;border-color:#7c3aed;border-width:2.5px;box-shadow:0 4px 12px #7c3aed33}.makeover-acc-icon{font-size:2.4rem;line-height:1}.makeover-acc-label{font-size:.9rem;font-weight:700;color:#1e293b;line-height:1.3}.makeover-acc-card.selected .makeover-acc-label{color:#6d28d9}.makeover-acc-check{font-size:.78rem;font-weight:800;color:#7c3aed;background:#ede9fe;padding:.15rem .5rem;border-radius:999px}.makeover-colors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.85rem;padding:.25rem}.makeover-color-btn{display:flex;align-items:center;gap:.65rem;padding:.65rem .85rem;background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;cursor:pointer;transition:all .2s ease;min-height:48px;text-align:left}.makeover-color-btn:hover{background:#fff;border-color:#f59e0b;transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b26}.makeover-color-btn:focus-visible{outline:3px solid #d97706;outline-offset:2px}.makeover-color-btn.selected{background:#fef3c7;border-color:#d97706;border-width:2.5px;box-shadow:0 4px 12px #d9770633}.makeover-color-swatch{width:24px;height:24px;border-radius:50%;border:2px solid #ffffff;box-shadow:0 2px 4px #0000002e;flex-shrink:0}.makeover-color-name{font-size:.88rem;font-weight:700;color:#1e293b;flex:1}.makeover-color-check{font-size:.85rem;font-weight:800;color:#b45309}.makeover-portfolio-view{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:860px;margin:1rem auto 2rem;padding:1.5rem;background:#fff;border:3px solid #86efac;border-radius:28px;box-shadow:0 12px 32px #22c55e26;box-sizing:border-box}.makeover-mascot-img{width:130px;height:auto;margin-bottom:.5rem;filter:drop-shadow(0 6px 12px rgba(0,0,0,.1))}.makeover-portfolio-title{margin:.25rem 0 .5rem;font-size:1.8rem;font-weight:800;color:#14532d;letter-spacing:-.02em}.makeover-portfolio-subtitle{margin:0 0 1.5rem;font-size:1.05rem;color:#166534;font-weight:600;max-width:620px;line-height:1.45}.makeover-portfolio-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;width:100%;margin-bottom:1.75rem}.makeover-portfolio-card{display:flex;flex-direction:column;align-items:center;background:#f8fafc;border:2px solid #cbd5e1;border-radius:20px;overflow:hidden;box-shadow:0 6px 16px #0000000f}.makeover-portfolio-art{width:100%;background:#fff;display:flex;align-items:center;justify-content:center;border-bottom:2px solid #e2e8f0}.makeover-portfolio-art .makeover-character-svg{width:100%;max-height:220px}.makeover-portfolio-info{display:flex;flex-direction:column;gap:.25rem;padding:.85rem .5rem;width:100%}.makeover-portfolio-setting{font-size:1.05rem;font-weight:800;color:#1e293b}.makeover-portfolio-stylename{font-size:.9rem;font-weight:600;color:#64748b}.makeover-portfolio-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;width:100%}@media(max-width:768px){.makeover-studio-grid,.makeover-case-tabs,.makeover-portfolio-cards{grid-template-columns:1fr}}.condition-treatment-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:800px;margin:0 auto;padding:1rem;box-sizing:border-box}.condition-header{width:100%;background:#fff;border:2px solid #b2dfdb;border-radius:16px;padding:1rem 1.25rem;margin-bottom:1.25rem;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;gap:.5rem}.condition-badge{display:inline-flex;align-items:center;gap:.5rem;background:#e0f2f1;color:#00695c;font-size:.875rem;font-weight:700;padding:.25rem .75rem;border-radius:20px;align-self:flex-start}.condition-prompt{font-size:1.25rem;font-weight:700;color:#1a237e;margin:0;line-height:1.4}.condition-feedback-box{width:100%;padding:1rem 1.25rem;border-radius:12px;font-size:1rem;font-weight:700;margin-bottom:1rem;text-align:center;box-sizing:border-box}.condition-feedback-box.correct{background:#e8f5e9;border:2px solid #66bb6a;color:#1b5e20}.condition-feedback-box.incorrect{background:#ffebee;border:2px solid #ef5350;color:#b71c1c}.condition-stage-area{display:flex;flex-direction:column;align-items:center;width:100%;background:linear-gradient(135deg,#f5f7fa,#e4e8f0);border:3px solid #b0bec5;border-radius:20px;padding:1.25rem;box-sizing:border-box;position:relative;box-shadow:0 8px 24px #00000014}.condition-drop-target{position:relative;width:100%;max-width:440px;height:320px;background:#fff;border:3px dashed #0288d1;border-radius:24px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:inset 0 2px 8px #0000000d;transition:all .2s ease;cursor:pointer}.condition-drop-target .hair-scene{pointer-events:none}.condition-drop-target.drag-over{background:#e1f5fe;border-color:#01579b;border-style:solid;transform:scale(1.02)}.condition-drop-target.treated{border-color:#2e7d32;border-style:solid;background:#f1f8e9;animation:conditionSuccessPulse .6s ease-out}@keyframes conditionSuccessPulse{0%{transform:scale(1);box-shadow:0 0 #2e7d3273}50%{transform:scale(1.025);box-shadow:0 0 0 14px #2e7d3200}to{transform:scale(1);box-shadow:0 0 #2e7d3200}}.condition-drop-target.selected-target{outline:4px solid #ffb300;outline-offset:2px}.condition-drop-target:focus-visible{outline:3px solid #01579b;outline-offset:2px}.condition-drop-hint{position:absolute;bottom:12px;background:#ffffffeb;border:2px solid #0288d1;border-radius:20px;padding:.35rem 1rem;font-size:.9rem;font-weight:800;color:#0277bd;box-shadow:0 2px 6px #0000001a;pointer-events:none}.condition-shelf{width:100%;background:#fff;border:2px solid #cfd8dc;border-radius:20px;padding:1rem;margin-top:1.25rem;box-sizing:border-box;box-shadow:0 4px 12px #0000000a}.condition-shelf-title{font-size:.95rem;font-weight:800;color:#37474f;margin-bottom:.75rem;text-align:center}.condition-products-grid{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.condition-product-card{display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:#fff;border:3px solid #b0bec5;border-radius:16px;padding:.85rem;cursor:grab;transition:all .2s ease;width:150px;min-height:140px;box-shadow:0 4px 8px #0000000d}.condition-product-card:hover:not(:disabled){border-color:#0288d1;transform:translateY(-4px);box-shadow:0 8px 16px #0288d12e}.condition-product-card.selected{border-color:#ffb300;background:#fffde7;transform:translateY(-4px);box-shadow:0 8px 16px #ffb3004d}.condition-product-card.recommend{border-color:#16a34a;background:#f0fdf4;box-shadow:0 4px 16px #16a34a47;animation:condition-pulse-rec 1.4s ease-in-out infinite alternate}@keyframes condition-pulse-rec{0%{transform:scale(1)}to{transform:scale(1.03)}}.condition-try-this-badge{display:inline-block;background:#16a34a;color:#fff;font-size:.75rem;font-weight:800;padding:.2rem .55rem;border-radius:9999px;margin-bottom:.25rem;box-shadow:0 2px 4px #16a34a4d}.condition-product-card.disabled{opacity:.35;cursor:not-allowed;filter:grayscale(80%)}.condition-product-card:focus-visible{outline:3px solid #0288d1;outline-offset:2px}.condition-product-art{width:125px;height:90px;display:flex;align-items:center;justify-content:center}.condition-product-label{font-size:.95rem;font-weight:800;color:#1e293b;text-align:center;margin-top:.4rem;line-height:1.25}@media(max-width:480px){.condition-drop-target{height:280px}.condition-product-card{width:130px;min-height:130px;padding:.6rem}}.nail-trim-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:820px;margin:0 auto;padding:1rem;box-sizing:border-box}.nail-trim-feedback-box{width:100%;padding:1rem 1.25rem;border-radius:14px;font-size:1.05rem;font-weight:800;margin-bottom:1rem;text-align:center;box-sizing:border-box;transition:all .2s ease}.nail-trim-feedback-box.correct{background:#ecfdf5;border:2px solid #10b981;color:#065f46}.nail-trim-feedback-box.hint{background:#fffbeb;border:2px solid #f59e0b;color:#92400e}.nail-trim-stage-area{display:flex;flex-direction:column;align-items:center;width:100%;background:linear-gradient(135deg,#fdfbf7,#f3ece2);border:3px solid #d6c8b4;border-radius:20px;padding:1.25rem;box-sizing:border-box;position:relative;box-shadow:0 8px 24px #0000000f}.nail-trim-badge{display:inline-flex;align-items:center;gap:.5rem;background:#ffedd5;color:#c2410c;font-size:.9rem;font-weight:800;padding:.3rem .85rem;border-radius:20px;margin-bottom:1rem;align-self:flex-start;border:1px solid #fdba74}.nail-trim-scene-wrapper{position:relative;width:100%;max-width:440px;height:310px;background:#fff;border:3px solid #cbd5e1;border-radius:24px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 4px 12px #0000000d;transition:all .2s ease}.nail-trim-scene-wrapper.trimmed{border-color:#22c55e;box-shadow:0 0 0 4px #22c55e33;animation:nailTrimPulse .5s ease-out}@keyframes nailTrimPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.nail-trim-scene-wrapper .nail-scene{width:100%;height:100%;display:block}.nail-trim-sparkle-overlay{position:absolute;inset:0;pointer-events:none;overflow:hidden}.nail-trim-sparkle-overlay .sparkle{position:absolute;font-size:32px;animation:g16SparkleFloat 1.2s ease-in-out infinite alternate}.nail-trim-sparkle-overlay .sparkle-1{top:15%;left:18%;animation-delay:0s}.nail-trim-sparkle-overlay .sparkle-2{top:12%;right:18%;animation-delay:.3s}.nail-trim-sparkle-overlay .sparkle-3{bottom:20%;left:28%;animation-delay:.6s}@keyframes g16SparkleFloat{0%{transform:translateY(0) scale(.9);opacity:.7}to{transform:translateY(-8px) scale(1.15);opacity:1}}.nail-trim-clipper-dock{display:flex;flex-direction:column;align-items:center;width:100%;max-width:440px;margin-top:1rem;background:#fff;border:2px dashed #0284c7;border-radius:18px;padding:.85rem 1rem;box-sizing:border-box;animation:clipperDockSlide .3s ease-out}@keyframes clipperDockSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.nail-trim-dock-title{font-size:1rem;font-weight:800;color:#0369a1;margin-bottom:.6rem;text-align:center}.nail-trim-clip-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;background:linear-gradient(180deg,#0284c7,#0369a1);color:#fff;border:none;border-radius:28px;padding:.85rem 2rem;font-size:1.15rem;font-weight:900;cursor:pointer;min-height:52px;box-shadow:0 4px 14px #0284c766;transition:all .15s ease}.nail-trim-clip-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0284c780}.nail-trim-clip-action-btn:active,.nail-trim-clip-action-btn.clipping{transform:scale(.96);background:#075985}.nail-trim-clip-action-btn:focus-visible{outline:3px solid #ffb300;outline-offset:2px}.nail-trim-choices-shelf{width:100%;background:#fff;border:2px solid #e2e8f0;border-radius:20px;padding:1.15rem;margin-top:1.25rem;box-sizing:border-box;box-shadow:0 4px 12px #0000000a}.nail-trim-choices-title{font-size:1.05rem;font-weight:800;color:#1e293b;margin-bottom:.85rem;text-align:center}.nail-trim-choices-grid{display:flex;justify-content:center;gap:1.25rem;flex-wrap:wrap}.nail-trim-choice-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.6rem;background:#fff;border:3px solid #cbd5e1;border-radius:18px;padding:.85rem 1.25rem;cursor:pointer;min-width:170px;min-height:120px;transition:all .2s ease;box-sizing:border-box}.nail-trim-choice-card:hover:not(:disabled){border-color:#0284c7;transform:translateY(-3px);box-shadow:0 6px 16px #0284c726}.nail-trim-choice-card.selected{border-color:#0284c7;background:#f0f9ff;box-shadow:0 0 0 3px #0284c74d}.nail-trim-choice-card.disabled{opacity:.35;cursor:not-allowed;filter:grayscale(.8);border-color:#e2e8f0}.nail-trim-choice-card.recommend{border-color:#10b981;background:#f0fdf4;animation:nailRecommendPulse 1.5s infinite}@keyframes nailRecommendPulse{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 8px #10b98100}}.nail-trim-try-this-badge{position:absolute;top:-12px;background:#10b981;color:#fff;font-size:.8rem;font-weight:900;padding:.2rem .65rem;border-radius:12px;box-shadow:0 2px 6px #00000026}.nail-trim-choice-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center}.nail-trim-choice-label{font-size:1rem;font-weight:800;color:#0f172a;text-align:center}.nail-trim-next-btn{background:#15803d;color:#fff;border:none;border-radius:28px;padding:.85rem 2.5rem;font-size:1.15rem;font-weight:800;cursor:pointer;min-height:52px;box-shadow:0 4px 14px #15803d66;transition:all .2s ease;margin-top:1rem}.nail-trim-next-btn:hover{background:#166534;transform:translateY(-2px);box-shadow:0 6px 18px #15803d80}.nail-trim-next-btn:focus-visible{outline:3px solid #ffb300;outline-offset:2px}@media(max-width:600px){.nail-trim-scene-wrapper{height:250px}.nail-trim-choices-grid{flex-direction:column;align-items:stretch}.nail-trim-choice-card{min-width:100%;flex-direction:row;justify-content:flex-start;padding:.75rem 1rem}.nail-trim-choice-icon{width:48px;height:48px}}.stage-route,.stage-intro{grid-column:1 / -1}.stage-route{display:flex;flex-wrap:wrap;gap:.375rem;margin:0;padding:0;list-style:none}.stage-stop{display:inline-flex;align-items:center;gap:.375rem;min-height:2rem;padding:.25rem .625rem;border:2px solid var(--sg-line);border-radius:999px;background:var(--sg-surface);color:var(--sg-ink-muted);font-size:.875rem;font-weight:800}.stage-stop>span{display:inline-grid;place-items:center;width:1.125rem;height:1.125rem;border-radius:50%;background:var(--sg-line);color:var(--sg-ink);font-size:.75rem}.stage-stop--done{border-color:var(--sg-success);color:var(--sg-success)}.stage-stop--current{border-color:var(--sg-primary);background:var(--sg-primary);color:#fff}.stage-stop--current>span{background:#fff;color:var(--sg-primary)}.stage-intro{display:grid;justify-items:center;gap:.75rem;padding:1.25rem 1rem;border:3px solid var(--sg-primary);border-radius:calc(var(--sg-radius) * 1.5);background:var(--sg-surface);text-align:center}.stage-intro h2{font-size:1.5rem}.scenes{display:grid;gap:1rem;align-items:start}@media(min-width:40.0625rem){.scenes{grid-template-columns:1fr 1.25fr}.scenes--complete .scenes__bins,.scenes__finish,.scenes__feedback{grid-column:1 / -1}}.scenes__screen{display:grid;gap:.5rem;padding:.625rem;border-radius:calc(var(--sg-radius) * 1.5);background:var(--sg-primary);box-shadow:var(--sg-shadow)}.scenes__bar{display:flex;align-items:center;gap:.375rem;color:#fff;font-size:.875rem;font-weight:800}.scenes__bar svg{color:var(--sg-sun)}.scenes__picture{overflow:hidden;border-radius:var(--sg-radius);background:#fff;cursor:grab}.scenes__picture svg,.scenes__picture img{display:block;width:100%;height:auto;max-height:min(18rem,40vh);object-fit:cover}.scenes__caption{padding:.25rem .5rem .375rem;color:#fff;font-size:1.25rem;font-weight:800;text-align:center}.scenes__bins{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.scenes__bin{display:grid;align-content:start;gap:.5rem;min-width:0}.scenes__choice{display:grid;justify-items:center;align-content:start;gap:.25rem;min-height:3rem;padding:.75rem .5rem;border:3px solid var(--sg-primary);border-radius:calc(var(--sg-radius) * 1.25);background:var(--sg-surface);box-shadow:0 .375rem 0 var(--sg-primary);color:var(--sg-ink);font:inherit;text-align:center;cursor:pointer;container-type:inline-size;touch-action:manipulation}.scenes__choice:hover{background:var(--sg-primary-soft)}.scenes__bin-art{display:block;width:100%;max-width:7rem;aspect-ratio:7 / 5}.scenes__bin-art svg{display:block;width:100%;height:100%}.scenes__bin-label{max-width:100%;font-size:max(.875rem,min(1.375rem,calc(100cqi / (var(--longest-word, 8) * .7))));line-height:1.2;overflow-wrap:break-word}.scenes__choice small{color:var(--sg-hint);font-size:.875rem;font-weight:800}.scenes__choice--suggested{border-color:var(--sg-accent);background:var(--sg-accent-soft);box-shadow:0 .375rem 0 var(--sg-accent)}.scenes__choice--excluded,.scenes__choice--excluded:hover{border-color:var(--sg-line);background:#f0efec;box-shadow:none;color:var(--sg-ink-muted);cursor:not-allowed}.scenes__choice--excluded .scenes__bin-art{opacity:.35;filter:grayscale(1)}.scenes__bin-title{display:grid;justify-items:center;gap:.25rem;padding:.5rem;border-radius:calc(var(--sg-radius) * 1.25);background:var(--sg-surface);font-size:1.125rem;text-align:center}.scenes__album{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,6.5rem),1fr));gap:.375rem;min-height:3rem;margin:0;padding:.5rem;border:2px dashed var(--sg-line);border-radius:var(--sg-radius);background:#fff9;list-style:none}.scenes__empty{grid-column:1 / -1;align-self:center;color:var(--sg-ink-muted);font-size:.875rem;font-weight:700;text-align:center}.scenes__thumb{display:grid;gap:.25rem;padding:.25rem;border:2px solid var(--sg-success);border-radius:.75rem;background:var(--sg-surface);color:var(--sg-success);font-size:.8125rem;font-weight:700;line-height:1.2}.scenes__thumb span:last-child{display:inline-flex;align-items:flex-start;gap:.25rem}.scenes__thumb svg{flex:none}.scenes__thumb-art svg,.scenes__thumb-art img{display:block;width:100%;height:auto;border-radius:.5rem}@media(max-width:40rem){.scenes{gap:.75rem}.scenes__screen{gap:.25rem;padding:.5rem}.scenes__picture svg{max-height:19vh;margin-inline:auto}.scenes__caption{padding:0 .5rem .125rem;font-size:1rem}.scenes__bins{gap:.5rem}.scenes__choice{padding:.5rem .375rem}.scenes__bin-art{max-width:3.5rem}.scenes__bin-label{font-size:max(.8125rem,min(1.0625rem,calc(100cqi / (var(--longest-word, 8) * .7))))}.scenes__album{grid-template-columns:repeat(auto-fill,minmax(min(100%,4.5rem),1fr));padding:.375rem}.scenes__thumb{font-size:.6875rem}}@media(prefers-reduced-motion:no-preference){.scenes__picture{animation:scenes-in .35s ease-out}.scenes__thumb{animation:scenes-land .35s ease-out}@keyframes scenes-in{0%{opacity:.3;transform:scale(.97)}}@keyframes scenes-land{0%{transform:scale(.85)}}}.scenes__pick{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.scenes__pick-choice{gap:.5rem}.scenes__pick-art{display:block;width:100%;overflow:hidden;border-radius:var(--sg-radius);background:#fff}.scenes__pick-art svg{display:block;width:100%;height:auto}.scenes__pick-label{font-size:1.125rem;line-height:1.2}@media(max-width:40rem){.scenes__pick{gap:.5rem}.scenes__pick-choice{padding:.5rem .375rem}.scenes__pick-label{font-size:1rem}}.scenes__choice--excluded .scenes__pick-art{opacity:.35;filter:grayscale(1)}.cabinet{--cabinet-ink: #1d2b36;--cabinet-metal: #b4c3d3;--cabinet-metal-dark: #8fa3b8;--drawer-0: #b3432f;--drawer-1: #7a4fa0;--drawer-2: #2a6fb0;--drawer-3: #9a5b00;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"desk" "feedback" "unit";gap:1rem;align-items:start}.cabinet__desk{grid-area:desk}.cabinet__feedback{grid-area:feedback}.cabinet__unit{grid-area:unit}@media(min-width:60rem){.cabinet{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:"desk unit" "desk feedback";grid-template-rows:auto 1fr}.cabinet--complete{grid-template-columns:minmax(0,1fr) minmax(0,2fr);grid-template-areas:"desk unit" "feedback unit"}.cabinet--complete .cabinet__unit{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}.cabinet__desk{display:grid;gap:.75rem;padding:.875rem;border-radius:1.25rem;background:repeating-linear-gradient(90deg,rgb(255 255 255 / .06) 0 2px,transparent 2px 38px),#b98a5e;box-shadow:inset 0 -6px #0000001f,var(--sg-shadow)}.cabinet__folder{position:relative;display:grid;justify-self:center;width:min(100%,19rem);margin:1rem 0 0;padding:.5rem;border:2px solid var(--cabinet-ink);border-radius:0 .75rem .75rem;background:#f2c872;box-shadow:0 6px #0000002e}@media(min-width:60rem){.cabinet__folder{width:min(100%,calc((100dvh - 29rem) * 4 / 3 + 1rem))}}.cabinet__tab{position:absolute;bottom:100%;left:-2px;padding:.125rem .75rem;border:2px solid var(--cabinet-ink);border-bottom:0;border-radius:.5rem .5rem 0 0;background:#f2c872;color:var(--cabinet-ink);font-size:.8125rem;font-weight:900}.cabinet__picture{display:block;overflow:hidden;border:2px solid var(--cabinet-ink);border-radius:.375rem;background:#fff}.cabinet__picture svg{display:block;width:100%;height:auto}.cabinet__folder figcaption{padding:.375rem .25rem .125rem;color:var(--cabinet-ink);font-size:1.125rem;font-weight:900;line-height:1.25;text-align:center}.cabinet__choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem}.cabinet__choice{display:flex;align-items:center;gap:.625rem;min-height:3.75rem;padding:.5rem .75rem;border:3px solid var(--cabinet-ink);border-radius:.875rem;background:#fffaf0;box-shadow:0 4px 0 var(--cabinet-ink);color:var(--cabinet-ink);font:inherit;text-align:left;cursor:pointer}.cabinet__choice:hover{background:#fff}.cabinet__choice:focus-visible{outline:3px solid var(--sg-sun);outline-offset:4px}.cabinet__choice-icon,.cabinet__label-icon{display:block;flex:none;width:2.5rem;height:2.5rem}.cabinet__choice-icon svg,.cabinet__label-icon svg{display:block;width:100%;height:100%}.cabinet__choice-text{display:flex;flex-direction:column;align-items:flex-start;gap:.125rem;min-width:0}.cabinet__choice-text>span{color:var(--sg-ink-muted);font-size:.75rem;font-weight:900;text-transform:uppercase}.cabinet__choice strong{font-size:1.125rem;line-height:1.15}.cabinet__choice small{padding:.125rem .5rem;border-radius:999px;background:var(--cabinet-ink);color:#fff;font-size:.8125rem;font-weight:800}.cabinet__choice--suggested{box-shadow:0 0 0 3px var(--sg-sun),0 4px 0 var(--cabinet-ink)}.cabinet__choice--suggested small{background:var(--sg-accent-ink)}.cabinet__choice--excluded{border-color:#8a949c;background:#d9dde1;box-shadow:none;color:#3d4750;cursor:not-allowed}.cabinet__choice--excluded .cabinet__choice-icon{filter:grayscale(1);opacity:.7}.cabinet__choice--excluded small{background:#4b555e}@media(max-width:30rem){.cabinet__choice{flex-direction:column;justify-content:center;text-align:center}.cabinet__choice-text{align-items:center}}.cabinet__feedback{margin:0}.cabinet__unit{display:grid;gap:.5rem;padding:.625rem;border:3px solid var(--cabinet-ink);border-radius:.75rem;background:linear-gradient(180deg,var(--cabinet-metal-dark),#7a8ea3)}.cabinet__drawer{--drawer: var(--cabinet-ink);display:grid;gap:0}.cabinet__drawer--0{--drawer: var(--drawer-0)}.cabinet__drawer--1{--drawer: var(--drawer-1)}.cabinet__drawer--2{--drawer: var(--drawer-2)}.cabinet__drawer--3{--drawer: var(--drawer-3)}.cabinet__front{position:relative;display:flex;align-items:center;gap:.625rem;min-height:3.5rem;padding:.375rem .75rem;border:2px solid var(--cabinet-ink);border-radius:.5rem;background:linear-gradient(180deg,#d5dee8,var(--cabinet-metal))}.cabinet__front h2{flex:1;margin:0;padding:.125rem .5rem;border-left:.375rem solid var(--drawer);border-radius:.25rem;background:#fff;color:var(--cabinet-ink);font-size:1.0625rem}.cabinet__count{display:flex;align-items:center;gap:.25rem;color:var(--cabinet-ink);font-size:.8125rem;font-weight:800;white-space:nowrap}.cabinet__handle{width:1.75rem;height:.5rem;border:2px solid var(--cabinet-ink);border-radius:999px;background:#eef2f6}.cabinet__drawer--offered .cabinet__front{box-shadow:0 0 0 3px var(--sg-sun)}.cabinet__drawer--open .cabinet__front{transform:translate(-.75rem)}.cabinet__inside{margin:0 .5rem 0 -.25rem;padding:.375rem .5rem .5rem;border:2px solid var(--cabinet-ink);border-top:0;border-radius:0 0 .5rem .5rem;background:#edf1f5}.cabinet__inside ul{display:flex;flex-wrap:wrap;gap:.375rem;margin:0;padding:0;list-style:none}.cabinet__inside li{display:flex;align-items:center;gap:.375rem;padding:.125rem .5rem .125rem .125rem;border-top:.25rem solid #f2c872;border-radius:.375rem;background:#fff;color:var(--cabinet-ink);font-size:.8125rem;font-weight:700;line-height:1.2}.cabinet__mini{flex:none;width:2.5rem;overflow:hidden;border-radius:.25rem}.cabinet__mini svg{display:block;width:100%;height:auto}.cabinet:not(.cabinet--complete) .cabinet__inside li{padding:.125rem}.cabinet:not(.cabinet--complete) .cabinet__inside li>span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.cabinet:not(.cabinet--complete) .cabinet__mini{width:3rem}@media(max-width:30rem){.cabinet__front{flex-wrap:wrap;gap:.375rem}.cabinet__handle{display:none}.cabinet__front h2{min-width:0;font-size:1rem}}.cabinet__meaning{margin:0 0 .375rem;font-size:.9375rem;font-weight:800;line-height:1.3}.cabinet__recap{display:grid;gap:.75rem;padding:1rem;border-radius:1rem;background:#fffaf0}.cabinet__recap h2{margin:0;font-size:1.375rem}.cabinet__tell{margin:0;padding:.625rem .75rem;border-left:.375rem solid var(--sg-primary);border-radius:.5rem;background:var(--sg-primary-soft);font-weight:800;line-height:1.35}.cabinet__finish{justify-content:flex-start}@media(prefers-reduced-motion:no-preference){.cabinet__folder{animation:cabinet-slide .35s ease-out}.cabinet__front{transition:transform .35s ease-out}.cabinet__inside{animation:cabinet-open .35s ease-out}@keyframes cabinet-slide{0%{transform:translateY(-1rem) rotate(-2deg);opacity:0}}@keyframes cabinet-open{0%{transform:translateY(-.5rem);opacity:0}}}.meter{--meter-ink: #1d2b36;--zone-0: #2f8f5b;--zone-1: #b8860b;--zone-2: #c8621e;--zone-3: #b3322b;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"scene" "dial" "trays";gap:.875rem;align-items:start}.meter--complete{grid-template-areas:"trays" "dial"}.meter__scene{grid-area:scene}.meter__dial{grid-area:dial}.meter__trays{grid-area:trays}@media(min-width:60rem){.meter{grid-template-columns:minmax(0,min(26rem,calc((100dvh - 33rem) * 4 / 3))) minmax(0,1fr);grid-template-areas:"scene dial" "trays trays"}.meter--complete{grid-template-columns:minmax(0,1fr) minmax(0,2fr);grid-template-areas:"dial trays"}.meter--complete .meter__trays{grid-template-columns:repeat(2,minmax(0,1fr))}}.meter__scene{display:grid;margin:0;overflow:hidden;border:3px solid var(--meter-ink);border-radius:1rem;background:#fff}@media(max-width:59.99rem){.meter__scene{width:min(100%,17rem);justify-self:center}.meter__choices{order:-1}.meter__gauge{width:min(100%,17rem)}}.meter__picture svg{display:block;width:100%;height:auto}.meter__scene figcaption{padding:.5rem .75rem;border-top:3px solid var(--meter-ink);color:var(--meter-ink);font-size:1.125rem;font-weight:900;line-height:1.25;text-align:center}.meter__dial{display:grid;gap:.75rem;min-width:0}.meter__gauge{position:relative;width:min(100%,22rem);justify-self:center}.meter__gauge svg{display:block;width:100%;height:auto}.meter__band{stroke:#fff;stroke-width:2}.meter__band--0{fill:var(--zone-0)}.meter__band--1{fill:var(--zone-1)}.meter__band--2{fill:var(--zone-2)}.meter__band--3{fill:var(--zone-3)}.meter__needle{fill:var(--meter-ink);transform-box:view-box;transform-origin:120px 122px}.meter__hub{fill:var(--meter-ink);stroke:#fff;stroke-width:3}.meter__face{position:absolute;width:13%;aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none}.meter__face-label{position:absolute;top:88%;left:50%;padding:0 .375rem;border-radius:999px;background:#fff;color:var(--meter-ink);font-size:.6875rem;font-weight:900;white-space:nowrap;transform:translate(-50%)}.meter__face svg,.meter__choice-face svg,.meter__tray-face svg{display:block;width:100%;height:100%}.meter__choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem}.meter__choice{--zone: var(--meter-ink);display:flex;align-items:center;gap:.625rem;min-height:4rem;padding:.5rem .75rem;border:3px solid var(--zone);border-radius:1rem;background:#fff;box-shadow:0 4px 0 var(--zone);color:var(--meter-ink);font:inherit;text-align:left;cursor:pointer}.meter__choice--0{--zone: var(--zone-0)}.meter__choice--1{--zone: var(--zone-1)}.meter__choice--2{--zone: var(--zone-2)}.meter__choice--3{--zone: var(--zone-3)}.meter__choice:hover{background:#f7f5f0}.meter__choice:focus-visible{outline:3px solid var(--sg-focus);outline-offset:4px}.meter__choice-face{display:block;flex:none;width:2.75rem;height:2.75rem}.meter__choice-text{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;min-width:0}@media(max-width:30rem){.meter__choice{flex-direction:column;justify-content:center;padding:.5rem;text-align:center}.meter__choice-text{align-items:center}.meter__choice strong{font-size:1.0625rem}}.meter__choice strong{font-size:1.1875rem;line-height:1.15}.meter__choice small{padding:.125rem .5rem;border-radius:999px;background:var(--meter-ink);color:#fff;font-size:.8125rem;font-weight:800}.meter__choice--suggested{box-shadow:0 0 0 3px var(--sg-accent),0 0 0 7px var(--sg-accent-soft)}.meter__choice--suggested small{background:var(--sg-accent-ink)}.meter__choice--excluded{border-color:#aeb8bf;background:#eef1ef;box-shadow:none;color:#5c6670;cursor:not-allowed}.meter__choice--excluded .meter__choice-face{filter:grayscale(1);opacity:.7}.meter__choice--excluded small{background:#5c6670}.meter__feedback{margin:0}.meter__finish{justify-content:flex-start}.meter__trays{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}@media(max-width:40rem){.meter__trays{grid-template-columns:repeat(2,minmax(0,1fr))}}.meter__tray{--zone: var(--meter-ink);display:grid;align-content:start;gap:.375rem;min-width:0;padding:.5rem;border-top:.375rem solid var(--zone);border-radius:.75rem;background:var(--sg-surface);box-shadow:var(--sg-shadow)}.meter__tray--0{--zone: var(--zone-0)}.meter__tray--1{--zone: var(--zone-1)}.meter__tray--2{--zone: var(--zone-2)}.meter__tray--3{--zone: var(--zone-3)}.meter__tray h2{display:flex;align-items:center;gap:.375rem;margin:0;color:var(--meter-ink);font-size:1rem;line-height:1.15}.meter__tray-face{display:block;flex:none;width:1.75rem;height:1.75rem}.meter__tray ul{display:grid;gap:.25rem;margin:0;padding:0;list-style:none}.meter:not(.meter--complete) .meter__tray ul{display:flex;flex-wrap:wrap}.meter:not(.meter--complete) .meter__mini>span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.meter:not(.meter--complete) .meter__mini-art{width:3.25rem}.meter__empty{color:var(--sg-ink-muted);font-size:.8125rem;font-weight:700}.meter__mini{display:flex;align-items:center;gap:.375rem;color:var(--meter-ink);font-size:.75rem;font-weight:700;line-height:1.2}.meter__mini-art{flex:none;width:2.5rem;overflow:hidden;border-radius:.375rem}.meter__mini-art svg{display:block;width:100%;height:auto}.meter__meaning{margin:0;font-size:.9375rem;font-weight:800;line-height:1.3}.meter__tell{margin:0;padding:.375rem .5rem;border-radius:.5rem;background:var(--sg-primary-soft);font-size:.875rem;font-weight:800;line-height:1.3}@media(prefers-reduced-motion:no-preference){.meter__needle{transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.meter__scene{animation:meter-in .3s ease-out}.meter__mini{animation:meter-in .35s ease-out}@keyframes meter-in{0%{transform:translateY(.5rem);opacity:0}}}.snap{--snap-ink: #1d2b36;--snap-felt: #1f5c55;--snap-felt-light: #2f7a70;--snap-true: #2f7d4f;--snap-false: #b3432f;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"table" "panel" "poster";gap:.875rem;align-items:start}.snap--complete{grid-template-areas:"poster" "panel"}.snap__table{grid-area:table}.snap__poster{grid-area:poster}.snap__panel{grid-area:panel;display:grid;gap:.75rem;min-width:0}@media(min-width:60rem){.snap{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-template-areas:"table panel" "table poster";grid-template-rows:auto 1fr}.snap--complete{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-areas:"poster panel";grid-template-rows:auto}}.snap__table{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"deck card" "play play";gap:.875rem;padding:1rem;border-radius:1.5rem;background:radial-gradient(circle at 30% 20%,var(--snap-felt-light),transparent 60%),var(--snap-felt);box-shadow:inset 0 0 0 4px #184a44,var(--sg-shadow)}.snap__deck{grid-area:deck;position:relative;display:grid;align-content:start;justify-items:center;gap:.5rem;width:5.5rem;padding-top:.5rem}.snap__back{grid-area:1 / 1;width:4.5rem;aspect-ratio:3 / 4;border:2px solid var(--snap-ink);border-radius:.5rem;background:repeating-linear-gradient(45deg,transparent 0 6px,rgb(255 255 255 / .3) 6px 12px),#d8683f}.snap__back:nth-child(2){transform:translate(3px,-3px)}.snap__back:nth-child(3){transform:translate(6px,-6px)}.snap__deck-count{color:#fff;font-size:.8125rem;font-weight:800;text-align:center}.snap__card{grid-area:card;position:relative;justify-self:center;display:grid;width:min(100%,22rem);margin:0;overflow:hidden;border:3px solid var(--snap-ink);border-radius:1rem;background:#fffaf0;box-shadow:0 .5rem 1rem #00000040}@media(min-width:60rem){.snap__card{width:min(100%,calc((100dvh - 27rem) * 4 / 3))}.snap__table--fixing{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"card play";align-items:center}.snap__table--fixing .snap__deck{display:none}}.snap__picture{position:relative;display:block;border-bottom:3px solid var(--snap-ink)}.snap__picture svg{display:block;width:100%;height:auto}.snap__statement{display:grid;place-items:center;min-height:3.5rem;padding:.5rem .75rem;color:var(--snap-ink);font-size:1.25rem;font-weight:900;line-height:1.25;text-align:center}.snap__card--fixing .snap__statement span{text-decoration:line-through;text-decoration-color:var(--snap-false);text-decoration-thickness:3px}.snap__read{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:3rem;border:0;border-top:2px solid var(--snap-ink);background:#fff;color:var(--snap-ink);font:inherit;font-weight:800;cursor:pointer}.snap__read:focus-visible{outline:4px solid var(--snap-ink);outline-offset:-5px}.snap__stamp{position:absolute;right:.75rem;bottom:.5rem;padding:.125rem .625rem;border:3px solid var(--snap-false);border-radius:.5rem;background:#ffffffeb;color:var(--snap-false);font-size:1.125rem;font-weight:900;text-transform:uppercase;transform:rotate(8deg)}.snap__mats,.snap__fix{grid-area:play}.snap__mats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.snap__mat{display:flex;align-items:center;justify-content:center;gap:.75rem;min-height:4.5rem;padding:.625rem;border:3px dashed rgb(255 255 255 / .85);border-radius:1rem;background:#ffffff1f;color:#fff;font:inherit;cursor:pointer}.snap__mat:hover{background:#ffffff38}.snap__mat:focus-visible,.snap__option:focus-visible{outline:4px solid var(--sg-sun);outline-offset:3px}.snap__mat-icon{flex:none;width:3rem;height:3rem}.snap-mat-icon{display:grid;place-items:center;height:2.75rem;aspect-ratio:1;border:3px solid #ffffff;border-radius:50%;color:#fff}.snap__mat-icon .snap-mat-icon{height:100%}span.snap-mat-icon>svg{width:62%;height:62%}.snap-mat-icon--true{background:var(--snap-true, #2f7d4f)}.snap-mat-icon--false{background:var(--snap-false, #b3432f)}.snap__mat-text{display:grid;grid-template-columns:auto auto;justify-items:start;align-items:center;gap:.125rem .5rem}.snap__mat-verb{grid-column:1 / -1;font-size:.8125rem;font-weight:800;opacity:.9}.snap__mat strong{font-size:1.375rem;line-height:1.1;text-transform:uppercase}.snap__mat small,.snap__option small{padding:.125rem .5rem;border-radius:999px;background:var(--snap-ink);color:#fff;font-size:.8125rem;font-weight:800}.snap__mat.snap--suggested{border-style:solid;border-color:var(--sg-sun);background:#fadb0b2e}.snap__mat.snap--suggested small,.snap__option.snap--suggested small{background:var(--sg-accent-ink)}.snap__mat.snap--excluded{border-color:#ffffff59;background:#0000002e;color:#fffc;cursor:not-allowed}.snap__mat.snap--excluded .snap-mat-icon{background:#6b7a86}.snap__fix{display:grid;gap:.5rem}.snap__fix p{display:flex;align-items:center;gap:.375rem;margin:0;color:#fff;font-weight:800}.snap__option{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.375rem .75rem;min-height:3rem;padding:.5rem .875rem;border:3px solid var(--snap-ink);border-radius:.75rem;background:#fffaf0;color:var(--snap-ink);font:inherit;text-align:left;cursor:pointer}.snap__option strong{font-size:1.0625rem;line-height:1.25}.snap__option.snap--suggested{border-color:var(--sg-accent);box-shadow:0 0 0 3px var(--sg-accent),0 0 0 7px var(--sg-accent-soft)}.snap__option.snap--excluded{border-color:#aeb8bf;background:#dfe4e2;color:#4b555e;cursor:not-allowed}.snap__option.snap--excluded small{background:#5c6670}.snap__poster{display:grid;gap:.5rem;padding:.875rem 1rem;border:2px solid var(--snap-ink);border-radius:.5rem;background:#fff;box-shadow:4px 4px #d8c6a6}.snap__poster h2{margin:0;padding:.25rem .5rem;border-radius:.375rem;background:#2a7f8f;color:#fff;font-size:1.125rem;text-align:center;text-transform:uppercase}.snap__poster ol{display:grid;gap:.375rem;margin:0;padding:0;list-style:none}.snap__poster li{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .5rem;color:var(--snap-ink);font-weight:800;line-height:1.25}.snap__poster li svg{flex:none;color:var(--snap-true)}.snap__poster li span{flex:1;min-width:0}.snap__poster em{padding:.0625rem .5rem;border-radius:999px;background:var(--sg-sun-soft);font-size:.75rem;font-style:normal;font-weight:900}.snap__poster .snap__empty{color:var(--sg-ink-muted);font-weight:700}.snap--complete .snap__poster li{font-size:1.0625rem}.snap__feedback{margin:0}.snap__meaning{margin:0;padding:.625rem .75rem;border-left:.375rem solid var(--sg-primary);border-radius:.5rem;background:var(--sg-primary-soft);font-weight:800;line-height:1.35}.snap__finish{justify-content:flex-start}@media(max-width:30rem){.sg-shell:has(.snap) .sg-shell__actions{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row}.sg-shell:has(.snap) .sg-shell__actions .sg-button{min-width:0;white-space:normal}.snap__table{padding:.625rem;gap:.625rem}.snap__deck{width:3.25rem}.snap__back{width:2.75rem}.snap__statement{font-size:1.0625rem}.snap__mat{flex-direction:column;gap:.375rem}.snap__mat-text{grid-template-columns:auto;justify-items:center}.snap__mat strong{font-size:1.125rem}}@media(prefers-reduced-motion:no-preference){.snap__card{animation:snap-turn .4s ease-out}.snap__card--fixing .snap__stamp{animation:snap-stamp .3s ease-out}.snap__poster li{animation:snap-add .35s ease-out}@keyframes snap-turn{0%{transform:perspective(40rem) rotateY(80deg) translate(-2rem);opacity:.4}}@keyframes snap-stamp{0%{transform:rotate(8deg) scale(1.8);opacity:0}}@keyframes snap-add{0%{transform:translate(-.75rem);opacity:0}}}.swipe{--swipe-ink: #1d2b36;--swipe-left: #b3432f;--swipe-left-soft: #fbe9e5;--swipe-right: #2f7d4f;--swipe-right-soft: #e5f3ea;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"deck deck" "left right" "how how" "feedback feedback" "recap recap";gap:.75rem;align-items:start}.swipe>.swipe__side:first-child{grid-area:left}.swipe>.swipe__side:last-child{grid-area:right}.swipe__middle{grid-area:middle;display:grid;gap:.625rem;min-width:0}@media(max-width:59.99rem){.swipe__middle{display:contents}.swipe__deck{grid-area:deck}.swipe__recap{grid-area:recap}.swipe__how{grid-area:how}.swipe__feedback{grid-area:feedback}.swipe--complete{grid-template-areas:"feedback feedback" "recap recap" "left right"}}@media(min-width:60rem){.swipe{grid-template-columns:minmax(0,1fr) minmax(20rem,1.5fr) minmax(0,1fr);grid-template-areas:"left middle right"}.swipe--complete{grid-template-columns:repeat(3,minmax(0,1fr))}}.swipe__deck{position:relative;display:grid;padding:.875rem;border-radius:1.5rem;background:radial-gradient(circle at 20% 15%,rgb(255 255 255 / .45),transparent 55%),#eadcc4;box-shadow:inset 0 0 0 2px #d8c6a6,var(--sg-shadow)}@media(max-width:59.99rem){.swipe__deck{width:min(100%,24rem);justify-self:center}}.swipe__card{position:relative;z-index:2;display:grid;gap:.375rem;padding:.5rem .5rem .625rem;border:2px solid var(--swipe-ink);border-radius:1.125rem;background:#fff;box-shadow:0 .5rem 1.25rem #1d2b362e;color:var(--swipe-ink);cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}.swipe__card:focus-visible{outline:4px solid var(--sg-focus);outline-offset:4px}.swipe__card--dragging{cursor:grabbing}.swipe__picture{display:block;overflow:hidden;border-radius:.75rem;pointer-events:none}.swipe__picture svg{display:block;width:100%;height:auto}.swipe__caption{padding:0 .25rem;font-size:1.1875rem;font-weight:900;line-height:1.25;text-align:center}.swipe__back{position:absolute;inset:.875rem;border:2px solid var(--swipe-ink);border-radius:1.125rem;background:repeating-linear-gradient(45deg,transparent 0 8px,rgb(255 255 255 / .35) 8px 16px),#a9c4d6}.swipe__back--1{z-index:1;transform:rotate(-3deg) translateY(.25rem)}.swipe__back--2{z-index:0;transform:rotate(3.5deg) translateY(.375rem);background-color:#c7b6da}.swipe__stamp{position:absolute;top:1rem;padding:.25rem .625rem;border:3px solid currentColor;border-radius:.5rem;background:#ffffffeb;font-size:1.125rem;font-weight:900;text-transform:uppercase;pointer-events:none}.swipe__stamp--left{right:1rem;color:var(--swipe-left);transform:rotate(10deg)}.swipe__stamp--right{left:1rem;color:var(--swipe-right);transform:rotate(-10deg)}.swipe__ghost{position:absolute;inset:.875rem;z-index:3;align-content:start;pointer-events:none}.swipe__how{display:flex;align-items:center;justify-content:center;gap:.375rem;margin:0;color:var(--sg-ink-muted);font-size:.9375rem;font-weight:700;text-align:center}.swipe__how svg{flex:none}.swipe__feedback{margin:0}.swipe__side{display:grid;gap:.5rem;min-width:0;padding:.625rem;border:3px solid var(--swipe-side);border-radius:1.25rem;background:var(--swipe-side-soft);transition:transform .15s ease-out,box-shadow .15s ease-out}.swipe__side:first-child{--swipe-side: var(--swipe-left);--swipe-side-soft: var(--swipe-left-soft)}.swipe__side:last-child{--swipe-side: var(--swipe-right);--swipe-side-soft: var(--swipe-right-soft)}.swipe__side--leaning{box-shadow:0 0 0 5px color-mix(in srgb,var(--swipe-side) 30%,transparent);transform:scale(1.02)}.touch-side{display:grid;place-items:center;width:auto;height:2.75rem;aspect-ratio:1;border-radius:50%;color:#fff}span.touch-side>svg{width:60%;height:60%}.touch-side--ok{background:var(--swipe-right, #2f7d4f)}.touch-side--not-ok{background:var(--swipe-left, #b3432f)}.swipe__side-icon{display:block;flex:none;width:3rem;height:3rem}.swipe__side-icon .touch-side{height:100%}.swipe__choice{display:grid;justify-items:center;gap:.25rem;min-height:3rem;padding:.625rem .5rem;border:2px solid var(--swipe-side);border-radius:1rem;background:#fff;color:var(--swipe-ink);font:inherit;cursor:pointer}.swipe__choice:hover{box-shadow:0 0 0 3px color-mix(in srgb,var(--swipe-side) 25%,transparent)}.swipe__choice:focus-visible{outline:3px solid var(--sg-focus);outline-offset:3px}.swipe__choice strong{display:flex;align-items:center;gap:.25rem;font-size:1.125rem;line-height:1.2;text-align:center}.swipe__choice small{padding:.125rem .5rem;border-radius:999px;background:var(--swipe-ink);color:#fff;font-size:.8125rem;font-weight:800}.swipe__choice--suggested{border-color:var(--sg-accent);box-shadow:0 0 0 3px var(--sg-accent),0 0 0 7px var(--sg-accent-soft)}.swipe__choice--suggested small{background:var(--sg-accent-ink)}.swipe__choice--excluded{border-color:#aeb8bf;background:#eef1ef;color:#5c6670;cursor:not-allowed}.swipe__choice--excluded .touch-side{background:#8a949c}.swipe__choice--excluded small{background:#5c6670}.swipe__side-title{display:flex;align-items:center;gap:.5rem;margin:0;color:var(--swipe-ink);font-size:1.25rem}.swipe__count{margin:0;color:var(--swipe-ink);font-size:.875rem;font-weight:800;text-align:center}.swipe__pile{display:grid;gap:.375rem;margin:0;padding:0;list-style:none}.swipe__empty{padding:.5rem;border:2px dashed color-mix(in srgb,var(--swipe-side) 45%,transparent);border-radius:.75rem;color:var(--sg-ink-muted);font-size:.875rem;font-weight:700;text-align:center}.swipe__mini{display:flex;align-items:center;gap:.5rem;padding:.25rem;border-radius:.75rem;background:#fff;color:var(--swipe-ink);font-size:.875rem;font-weight:800;line-height:1.2}.swipe__mini-art{flex:none;width:3.5rem;overflow:hidden;border-radius:.5rem}.swipe__mini-art svg{display:block;width:100%;height:auto}@media(max-width:59.99rem){.swipe__side{padding:.5rem}.swipe__side-icon{width:2.5rem;height:2.5rem}.swipe__choice strong{font-size:1rem}.swipe__pile{grid-template-columns:repeat(auto-fill,minmax(3.5rem,1fr))}.swipe__empty{grid-column:1 / -1}.swipe__mini{padding:.125rem}.swipe__mini-art{width:100%}.swipe__mini>span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.swipe--complete .swipe__mini{grid-column:1 / -1}.swipe--complete .swipe__mini-art{width:3.5rem}.swipe--complete .swipe__mini>span:last-child{position:static;width:auto;height:auto;clip:auto;white-space:normal}}.swipe__recap{display:grid;gap:.75rem;padding:1rem;border:2px solid var(--sg-line);border-radius:1.25rem;background:var(--sg-surface);box-shadow:var(--sg-shadow)}.swipe__recap h2{display:flex;align-items:center;gap:.5rem;margin:0;color:var(--sg-success);font-size:1.375rem}.swipe__finish{justify-content:flex-start}.swipe__recap p{margin:0;font-weight:800;line-height:1.35}@media(prefers-reduced-motion:no-preference){.swipe__card:not(.swipe__card--dragging):not(.swipe__ghost){transition:transform .25s ease-out;animation:swipe-in .3s ease-out}.swipe__card[data-nudge="1"]:not(.swipe__card--dragging){animation:swipe-no-1 .4s ease-out}.swipe__card[data-nudge="2"]:not(.swipe__card--dragging){animation:swipe-no-2 .4s ease-out}.swipe__ghost--left{animation:swipe-out-left .45s ease-in forwards}.swipe__ghost--right{animation:swipe-out-right .45s ease-in forwards}@keyframes swipe-in{0%{transform:scale(.94)}}@keyframes swipe-out-left{0%{transform:translate(var(--swipe-from, 0))}to{transform:translate(-130%) rotate(-18deg);opacity:0}}@keyframes swipe-out-right{0%{transform:translate(var(--swipe-from, 0))}to{transform:translate(130%) rotate(18deg);opacity:0}}@keyframes swipe-no-1{25%{transform:translate(-10px)}50%{transform:translate(10px)}75%{transform:translate(-5px)}}@keyframes swipe-no-2{25%{transform:translate(-10px)}50%{transform:translate(10px)}75%{transform:translate(-5px)}}}@media(prefers-reduced-motion:reduce){.swipe__ghost{display:none}}@media(max-width:30rem){.sg-shell:has(.swipe) .sg-shell__actions{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row}.sg-shell:has(.swipe) .sg-shell__actions .sg-button{min-width:0;white-space:normal}}.fall{display:grid;gap:.75rem}.fall__start,.fall__results{display:grid;justify-items:center;gap:.75rem;padding:1.25rem 1rem;border:3px solid var(--sg-primary);border-radius:calc(var(--sg-radius) * 1.5);background:var(--sg-surface);text-align:center}.fall__how,.fall__big{margin:0;font-size:1.25rem;font-weight:800}.fall__modes{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.fall__mode{min-height:3.5rem;font-size:1.125rem}.fall__note{margin:0;color:var(--sg-ink-muted);font-weight:700}.fall__hud{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem}.fall__time,.fall__score{display:inline-flex;align-items:center;gap:.375rem;font-size:1.25rem;font-weight:800}.fall__bar{display:inline-block;width:6rem;height:.75rem;border-radius:999px;background:var(--sg-line);overflow:hidden}.fall__bar span{display:block;height:100%;background:var(--sg-primary)}.fall__pause{margin-left:auto;min-height:2.75rem}.fall__field{--card-height: 5.25rem;position:relative;height:min(26rem,55vh);min-height:18rem;overflow:hidden;border:4px solid var(--sg-primary);border-radius:calc(var(--sg-radius) * 1.25);background:linear-gradient(#e8f2ee,#f6efe0)}.fall__field--paused{opacity:.6}.fall__card{position:absolute;top:calc(var(--y, 0) * (100% - var(--card-height)));left:calc(var(--lane, 0) * 100% / var(--lanes) + .25rem);display:grid;align-content:center;justify-items:center;width:calc(100% / var(--lanes) - .5rem);min-height:3.5rem;max-height:var(--card-height);padding:.375rem .5rem;border:3px solid var(--sg-primary);border-radius:1rem 1rem 1rem .25rem;background:#fff;box-shadow:0 .25rem 0 var(--sg-primary);color:var(--sg-ink);font:inherit;font-size:1rem;font-weight:800;line-height:1.2;text-align:center;cursor:pointer;touch-action:manipulation}.fall__card small{font-size:.875rem}.fall__card--caught{border-color:var(--sg-success);background:var(--sg-success-soft);color:var(--sg-success)}.fall__card--bad{border-color:var(--sg-accent);background:var(--sg-accent-soft);color:var(--sg-accent-ink)}.fall__card--missed,.fall__card--passed{border-color:var(--sg-line);background:#f0efec;color:var(--sg-ink-muted);box-shadow:none}.fall__card:disabled{cursor:default}.fall__field--calm{display:grid;grid-template-columns:repeat(var(--lanes),minmax(0,1fr));gap:.5rem;align-content:start;height:auto;padding:.5rem;overflow:visible}.fall__card--calm{position:static;width:auto;max-height:none}.fall__fix{display:grid;gap:.75rem;align-items:start}@media(min-width:40.0625rem){.fall__fix{grid-template-columns:1fr 1.3fr}.fall__finish,.fall__feedback{grid-column:1 / -1}}.fall__scene{margin:0;padding:.5rem;border-radius:calc(var(--sg-radius) * 1.5);background:var(--sg-surface);box-shadow:var(--sg-shadow)}.fall__scene svg{display:block;width:100%;height:auto;max-height:min(12rem,26vh);margin-inline:auto}.fall__fix-main,.fall__swap{display:grid;gap:.5rem;min-width:0}.fall__line{display:grid;gap:.5rem;padding:.625rem .875rem;border:3px solid var(--sg-primary);border-radius:1rem 1rem 1rem .25rem;background:var(--sg-surface)}.fall__line p{margin:0}.fall__line q{font-size:1.375rem;font-weight:800;line-height:1.25}.fall__listen{justify-self:start;min-height:3rem}.fall__next{justify-self:center;min-height:3.5rem;font-size:1.25rem}@media(prefers-reduced-motion:reduce){.fall__card{transition:none}}.mail{display:grid;grid-template-areas:"letter" "targets" "tray";gap:.75rem;align-items:start}.mail__letter{grid-area:letter}.mail__targets{grid-area:targets}.mail__tray{grid-area:tray}.mail__wide{grid-column:1 / -1}@media(min-width:40.0625rem){.mail{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);grid-template-areas:"letter targets" "tray targets";gap:1rem}}.mail__letter{display:grid;gap:.5rem;padding:.75rem;border:3px solid var(--sg-primary);border-radius:calc(var(--sg-radius) * 1.25);background:var(--sg-surface);box-shadow:.3rem .3rem 0 var(--sg-primary-soft)}.mail__letter h2,.mail__tray h2,.mail__sent h2{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1rem}.mail__request{display:flex;align-items:center;gap:.75rem}.mail__picture{flex:none;display:grid;place-items:center;width:4rem;height:4rem;border-radius:50%;background:var(--sg-primary-soft);color:var(--sg-primary)}.mail__picture svg{width:2.5rem;height:2.5rem}.mail__listen{justify-self:start;min-height:3rem}.mail__helps{color:var(--sg-ink-muted);font-size:.8125rem;font-weight:700;line-height:1.2;text-align:center}.mail__text{margin:0;font-size:1.25rem;font-weight:800;line-height:1.3}.mail__address{display:grid;gap:.375rem;margin:0}.mail__field{display:flex;align-items:center;gap:.625rem;min-height:2.75rem;padding:.25rem .625rem;border:2px dashed var(--sg-line);border-radius:.875rem}.mail__field dt{min-width:2.75rem;color:var(--sg-ink-muted);font-weight:800}.mail__field dd{margin:0;font-weight:800}.mail__field--active{border-color:var(--sg-accent);background:var(--sg-accent-soft)}.mail__field--active dt{color:var(--sg-accent-ink)}.mail__field--filled{border-style:solid;border-color:var(--sg-success);background:var(--sg-success-soft);color:var(--sg-success)}.mail__targets{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,8.5rem),1fr));gap:.75rem}.mail__targets--channels{grid-template-columns:repeat(2,minmax(0,1fr))}.mail__count{color:var(--sg-success);font-size:.8125rem;font-weight:800}.mail__tray{display:grid;gap:.375rem}.mail__tray-note{margin:0;color:var(--sg-ink-muted);font-size:.9375rem;font-weight:700}.mail__tray ul,.mail__sent ul{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}.mail__card{width:100%;min-height:3rem;padding:.5rem .75rem;border:2px solid var(--sg-primary);border-radius:.875rem;background:var(--sg-surface);box-shadow:0 .2rem 0 var(--sg-primary);color:var(--sg-ink);font:inherit;font-weight:700;line-height:1.25;text-align:left;cursor:grab}.mail__card:hover{background:var(--sg-primary-soft)}.mail__card--selected{border-color:var(--sg-accent);background:var(--sg-accent-soft);box-shadow:0 .2rem 0 var(--sg-accent)}.mail__sent li{display:grid;gap:.125rem;padding:.5rem .75rem;border:2px solid var(--sg-success);border-radius:.875rem;background:var(--sg-success-soft);font-weight:700;line-height:1.3}.mail__sent strong{color:var(--sg-success);font-size:.9375rem}.mail__sent{display:grid;gap:.5rem}@media(max-width:40rem){.mail__text{display:none}.mail__picture{width:3rem;height:3rem}.mail__letter{padding:.5rem}.mail__letter h2{display:none}.mail__address{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}.mail__targets{grid-template-columns:repeat(auto-fit,minmax(5.5rem,1fr));gap:.5rem}.mail__target{padding:.5rem}.mail__target .choice-card__art{max-width:4.5rem}}.meaning-levels{display:grid;gap:1rem;align-items:center}.meaning-levels__picture{width:min(100%,18rem);margin-inline:auto;overflow:hidden;border:.5rem solid var(--sg-primary);border-radius:calc(var(--sg-radius) * 1.5);background:var(--sg-surface)}.meaning-levels__picture svg{display:block;width:100%;height:auto}.meaning-levels__choices{display:grid;gap:.75rem;grid-template-columns:repeat(3,minmax(0,1fr))}.meaning-levels__choice{display:grid;gap:.25rem;min-height:6rem;padding:1rem;border:3px solid var(--sg-primary);border-radius:calc(var(--sg-radius) * 1.25);background:var(--sg-surface);box-shadow:0 .375rem 0 var(--sg-primary);color:var(--sg-ink);font:inherit;text-align:left;cursor:pointer}.meaning-levels__choice:hover{background:var(--sg-primary-soft)}.meaning-levels__choice strong{color:var(--sg-primary);font-size:1.5rem}.meaning-levels__choice span{font-size:1.125rem;font-weight:700}@media(max-width:40rem){.meaning-levels__choices{grid-template-columns:1fr}}.mparts{display:grid;gap:1rem;align-items:start}.mparts__cue{display:grid;gap:.375rem;width:min(100%,22rem);margin:0 auto;padding:.5rem;border-radius:calc(var(--sg-radius) * 1.5);background:var(--sg-surface);box-shadow:var(--sg-shadow)}.mparts__cue svg{display:block;width:100%;height:auto;max-height:min(16rem,34vh);border-radius:var(--sg-radius)}.mparts__cue figcaption{font-size:1.125rem;font-weight:800;text-align:center}.mparts__choices,.mparts__column{display:grid;gap:.75rem}.mparts__choices--text{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr))}.mparts__choices--pictures{grid-template-columns:repeat(2,minmax(0,1fr))}.mparts__pairs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;align-items:start}.mparts__choice{display:grid;justify-items:center;align-content:center;gap:.25rem;min-height:3rem;padding:.75rem .5rem;border:3px solid var(--sg-primary);border-radius:calc(var(--sg-radius) * 1.25);background:var(--sg-surface);box-shadow:0 .375rem 0 var(--sg-primary);color:var(--sg-ink);font:inherit;font-size:1.125rem;font-weight:800;line-height:1.25;text-align:center;overflow-wrap:anywhere;cursor:pointer;touch-action:manipulation}.mparts__choice:hover{background:var(--sg-primary-soft)}.mparts__choice small{color:var(--sg-hint);font-size:.875rem;font-weight:800}.mparts__choice--picture{align-content:start;font-size:.9375rem}.mparts__art{display:block;width:100%;overflow:hidden;border-radius:var(--sg-radius);background:#fff}.mparts__art svg{display:block;width:100%;height:auto}.mparts__choice--picked,.mparts__choice--suggested{border-color:var(--sg-accent);background:var(--sg-accent-soft);box-shadow:0 .375rem 0 var(--sg-accent)}.mparts__choice--matched{border-color:var(--sg-success);background:var(--sg-surface);box-shadow:none;color:var(--sg-success);cursor:default}.mparts__choice--matched small{color:var(--sg-success)}.mparts__choice--excluded,.mparts__choice--excluded:hover{border-color:var(--sg-line);background:#f0efec;box-shadow:none;color:var(--sg-ink-muted);cursor:not-allowed}.mparts__choice--excluded .mparts__art{opacity:.35;filter:grayscale(1)}.mparts__next,.mparts__change{justify-self:center}@media(max-width:40rem){.mparts__pairs,.mparts__choices--pictures,.mparts__column{gap:.5rem}.mparts__choice{padding:.5rem .375rem;font-size:1rem}.mparts__choice--picture{font-size:.8125rem}}.mparts__credit{margin:0;color:var(--sg-ink-muted);font-size:.8125rem;text-align:center}.tapp{display:grid;grid-template-columns:minmax(0,25rem);gap:1rem;align-items:start;justify-content:center}@media(min-width:48rem){.tapp{grid-template-columns:minmax(12rem,16rem) minmax(0,25rem)}.tapp__side{grid-column:1 / -1}}@media(min-width:60rem){.tapp{grid-template-columns:minmax(12rem,16rem) minmax(0,24rem) minmax(14rem,18rem)}.tapp__side{grid-column:auto}}@media(min-width:48rem){.tapp--follow{grid-template-columns:minmax(0,24rem) minmax(18rem,34rem);grid-template-areas:"phone side" "task side"}.tapp--follow .tapp__phone{grid-area:phone}.tapp--follow .tapp__task{grid-area:task}.tapp--follow .tapp__side{grid-area:side;grid-column:auto}}.tapp__task{position:relative;display:grid;gap:.5rem;margin-top:.75rem;padding:1.25rem 1rem 1rem;border-radius:.375rem;background:repeating-linear-gradient(#fffdf6 0 1.625rem,#e9e2cf 1.625rem calc(1.625rem + 1px));box-shadow:0 1px #e0d6bd,0 10px 18px #3c301424;transform:rotate(-1.2deg)}.tapp__clip{position:absolute;top:-.75rem;left:50%;width:4.5rem;height:1.5rem;border:3px solid #5b6660;border-radius:.5rem .5rem .25rem .25rem;background:#aab4ae;transform:translate(-50%)}.tapp__task h2{margin:0;color:var(--sg-accent-ink);font-size:1.125rem;letter-spacing:.02em;text-transform:uppercase}.tapp__task p{margin:0;font-weight:800;line-height:1.3}.tapp__task dl{display:grid;gap:.25rem;margin:0}.tapp__task dl div{display:flex;justify-content:space-between;gap:.75rem}.tapp__task dt{color:var(--sg-ink-muted);font-weight:700}.tapp__task dd{margin:0;font-weight:900;text-align:right}.tapp__task .tapp__prefer{display:flex;align-items:center;gap:.375rem;color:var(--sg-accent-ink);font-weight:800}.tapp__phone{position:relative;display:grid;grid-template-columns:minmax(0,1fr);overflow:hidden;border:.625rem solid #1d2320;border-radius:2.25rem;background:var(--sg-surface);box-shadow:0 0 0 2px #3a433e,0 18px 36px #141e1940}.tapp__status{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;height:1.5rem;padding:0 1rem;background:var(--sg-primary)}.tapp__camera{position:absolute;top:.3125rem;left:50%;width:4.5rem;height:1rem;border-radius:1rem;background:#1d2320;transform:translate(-50%)}.tapp__signal{display:flex;align-items:flex-end;gap:2px;height:.625rem}.tapp__signal i{width:3px;border-radius:1px;background:#fff}.tapp__signal i:nth-child(1){height:30%}.tapp__signal i:nth-child(2){height:55%}.tapp__signal i:nth-child(3){height:80%}.tapp__signal i:nth-child(4){height:100%}.tapp__battery{width:1.375rem;height:.6875rem;border:2px solid #ffffff;border-radius:3px;background:linear-gradient(90deg,#ffffff 70%,transparent 70%);background-clip:content-box;padding:1px}.tapp__bar{display:flex;align-items:center;gap:.5rem;padding:.125rem 1rem .5rem;background:var(--sg-primary);color:#fff;font-weight:800}.tapp__map{display:block;width:100%;height:auto;border-bottom:2px solid var(--sg-line)}.tapp__map-label{fill:#1b3a2d;font-size:11px;font-weight:800;paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-linejoin:round}.tapp__home-bar{justify-self:center;width:7rem;height:.3125rem;margin:0 0 .375rem;border-radius:1rem;background:#1d2320}.tapp__side{display:grid;gap:.75rem;min-width:0}.tapp__actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));gap:.5rem}.tapp__feedback{margin:0}.tapp__finish{gap:.75rem;padding:1rem}.tapp__finish .board__mascot{width:5rem}.tapp__screen{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:.5rem;min-height:14rem;padding:.625rem .75rem}.tapp__field{display:flex;align-items:center;gap:.5rem;min-height:3rem;padding:.25rem .75rem;border:2px solid var(--sg-line);border-radius:.75rem;background:var(--sg-surface)}.tapp__field--active{border-color:var(--sg-accent);box-shadow:0 0 0 3px var(--sg-accent-soft)}.tapp__field-label{min-width:2.5rem;color:var(--sg-ink-muted);font-size:.875rem;font-weight:800}.tapp__field input{flex:1;min-width:0;min-height:2.5rem;border:0;background:transparent;color:var(--sg-ink);font:inherit;font-weight:800}.tapp__field input:focus{outline:none}.tapp__field--input:focus-within{outline:3px solid var(--sg-focus);outline-offset:2px}.tapp__dot{flex:none;width:.875rem;height:.875rem;border:3px solid var(--sg-ink);border-radius:50%;background:#fff}.tapp__pin{flex:none;color:var(--sg-accent)}.tapp__empty{margin:0;color:var(--sg-ink-muted);font-weight:700}.tapp__modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.tapp__mode{display:grid;gap:.125rem;min-height:3rem;padding:.375rem .5rem;border:2px solid var(--sg-line);border-radius:.75rem;background:var(--sg-surface);color:var(--sg-ink);font:inherit;font-weight:700;cursor:pointer}.tapp__mode--on{border-color:var(--sg-primary);background:var(--sg-primary);color:#fff}.tapp__mode--suggested{border-color:var(--sg-accent);box-shadow:0 0 0 3px var(--sg-accent-soft)}.tapp__mode--excluded{border-color:var(--sg-line);background:#f0efec;color:var(--sg-ink-muted);cursor:not-allowed}.tapp__mode .choice-card__guide{color:inherit}.tapp__search-button{min-height:3.25rem}.tapp__search-button:disabled{opacity:.5;cursor:not-allowed}.tapp__summary{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.25rem .25rem .25rem .75rem;line-height:1.25;border-radius:.75rem;background:var(--sg-primary-soft);font-weight:700}.tapp__link{flex:none;min-height:3rem;padding:0 .75rem;border:2px solid var(--sg-primary);border-radius:999px;background:var(--sg-surface);color:var(--sg-primary);font:inherit;font-weight:800;cursor:pointer}.tapp__list-title{margin:0;color:var(--sg-ink-muted);font-size:.875rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.tapp__list{display:grid;gap:.5rem}.tapp__row{display:flex;align-items:center;gap:.75rem;min-height:3.5rem;padding:.5rem .75rem;border:2px solid var(--sg-line);border-radius:.875rem;background:var(--sg-surface);color:var(--sg-ink);font:inherit;text-align:left;cursor:pointer}.tapp__row:hover{border-color:var(--sg-primary);background:var(--sg-primary-soft)}.tapp__row-text{display:grid;gap:.25rem;min-width:0;line-height:1.25}.tapp__detail{color:var(--sg-ink-muted);font-size:.875rem;font-weight:700}.tapp__chain{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem}.tapp__chain-leg{display:inline-flex;align-items:center;gap:.125rem;padding:.0625rem .375rem;border-radius:.375rem;font-size:.8125rem;font-weight:800}.tapp__chain-leg--walk{color:var(--sg-ink-muted)}.tapp__chain-leg--bus{background:#d7efe8;color:#1d5c52}.tapp__chain-leg--train{background:#dfe6f2;color:#34487a}.tapp__facts{display:flex;flex-wrap:wrap;gap:.25rem}.tapp__fact{padding:.0625rem .5rem;border-radius:999px;background:var(--sg-primary-soft);font-size:.8125rem;font-weight:700}.tapp__eta{display:grid;flex:none;margin-left:auto;font-size:1.125rem;font-weight:800;text-align:right}.tapp__eta small{color:var(--sg-ink-muted);font-size:.8125rem}.tapp__row--suggested{border-color:var(--sg-accent);background:var(--sg-accent-soft)}.tapp__row--excluded,.tapp__row--excluded:hover{border-color:var(--sg-line);background:#f0efec;color:var(--sg-ink-muted);cursor:not-allowed}.tapp__details-head{display:grid;gap:.25rem}.tapp__legs{display:grid;margin:0;padding:0;list-style:none}.tapp__leg{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;padding:.3125rem .25rem .3125rem .75rem;border-left:4px dotted var(--sg-ink-muted);line-height:1.25;font-weight:700}.tapp__leg--bus{border-left:4px solid #2b8a7e}.tapp__leg--train{border-left:4px solid #5f79a8}.tapp__leg small{color:var(--sg-ink-muted);font-weight:800}.tapp__timeline{display:grid;gap:.25rem}.tapp__track{position:relative;display:flex;height:2rem;border-radius:.5rem;background:#f0efec}.tapp__segment{display:grid;place-items:center;height:100%;border-right:2px solid #ffffff;background:#c9d1cd;color:var(--sg-ink)}.tapp__segment:first-child{border-radius:.5rem 0 0 .5rem}.tapp__segment--bus{background:#9fd6c9}.tapp__segment--train{background:#b9c6e6}.tapp__deadline{position:absolute;top:-.375rem;bottom:-.375rem;border-left:3px dashed var(--sg-accent-ink)}.tapp__marks{position:relative;height:1.5rem}.tapp__deadline-label,.tapp__time{position:absolute;top:0;transform:translate(-50%);font-size:.875rem;font-weight:800;white-space:nowrap}.tapp__deadline-label{color:var(--sg-accent-ink)}.tapp__mark--start{transform:none}.tapp__mark--end{transform:translate(-100%)}.tapp__time--late{color:var(--sg-accent-ink)}.tapp__check-mark{font-size:1.125rem;font-weight:800}.tapp__checks{display:grid;gap:.375rem;margin:0;padding:0;list-style:none}.tapp__check{display:flex;align-items:center;gap:.5rem;padding:.375rem .625rem;border-radius:.75rem;font-weight:700}.tapp__check--ok{background:var(--sg-success-soft);color:var(--sg-success)}.tapp__check--no{background:var(--sg-accent-soft);color:var(--sg-accent-ink)}.tapp__note{margin:0;color:var(--sg-ink-muted);font-size:.8125rem;font-weight:700}@media(max-width:40rem){.tapp{gap:.75rem}.tapp__task{order:1;padding:1rem .75rem .75rem}.tapp__phone{border-width:.4375rem;border-radius:1.75rem}.tapp__task{margin-top:.5rem;transform:none}.tapp__bar{padding:.5rem .75rem;font-size:.9375rem}.tapp__screen{min-height:0;padding:.5rem}}@media(prefers-reduced-motion:no-preference){.tapp__segment{animation:tapp-grow .6s ease-out both;transform-origin:left center}@keyframes tapp-grow{0%{transform:scaleX(0)}}}.tapp__now{margin:0;padding:.5rem .75rem;border-radius:.75rem;background:#eef0e8;font-weight:800}.tapp__leg--now{outline:3px solid var(--sg-accent);outline-offset:-3px;background:var(--sg-accent-soft)}.tapp__leg--done{opacity:.7}.tapp__leg--done small{color:var(--sg-success);font-weight:900}.town{display:grid;gap:.375rem;padding:.5rem;border:2px solid var(--sg-line);border-radius:1rem;background:#fff;box-shadow:var(--sg-shadow)}.town__title{margin:0;font-size:1rem}.town__canvas{position:relative;aspect-ratio:340 / 270;overflow:hidden;border-radius:.75rem}.town__canvas>svg{position:absolute;inset:0;width:100%;height:100%}.town__point{position:absolute;z-index:1;display:grid;justify-items:center;gap:.125rem;width:3rem;min-height:3rem;padding:0;border:0;background:none;color:var(--sg-ink);font:inherit;cursor:pointer;transform:translate(-50%,-1.125rem)}.town__point--above{grid-template-rows:auto auto;transform:translate(-50%,calc(-100% + 1.125rem))}.town__point--above .town__label{order:-1}.town__mark{display:grid;place-items:center;width:2.25rem;height:2.25rem;border:3px solid #ffffff;border-radius:50%;background:#1f7f71;color:#fff;box-shadow:0 .125rem .25rem #00000040}.town__point--train .town__mark{background:#6b4fa8}.town__point--home .town__mark{background:#1b3a2d}.town__point--place .town__mark{background:#d4502a}.town__label{display:grid;max-width:5.5rem;padding:0 .25rem;border-radius:.375rem;background:#ffffffe6;font-size:.6875rem;font-weight:800;line-height:1.15;text-align:center}.town__label b{color:var(--sg-accent-ink)}.town__point:focus-visible{outline:3px solid var(--sg-focus);outline-offset:2px;border-radius:.5rem}.town__point:disabled{cursor:default}.town__point--excluded .town__mark{opacity:.4}.town__point--suggested .town__mark{box-shadow:0 0 0 4px var(--sg-accent),0 0 0 8px var(--sg-accent-soft)}.town__me{position:absolute;z-index:2;padding:.125rem .375rem;border-radius:999px;background:#1b3a2d;color:#fff;font-size:.6875rem;font-weight:800;white-space:nowrap;pointer-events:none;transform:translate(-50%,-2.5rem);transition:left .6s ease,top .6s ease}.town__me--below{transform:translate(-50%,1.5rem)}.town__here{margin:0;font-weight:700}@media(prefers-reduced-motion:reduce){.town__me{transition:none}}@media(max-width:40rem){.town__canvas{aspect-ratio:3 / 4}.town__label{max-width:3.75rem;font-size:.625rem}}.jsim{--jsim-ground: #f1eee6;--jsim-teal: #1f7f71;--jsim-walk: #2d5a42;display:grid;gap:.875rem;align-items:start}@media(min-width:60rem){.jsim{grid-template-columns:min(calc(100% - 25rem),calc((100dvh - var(--jsim-offset, 21.25rem)) * 1.5)) minmax(0,1fr);grid-template-rows:auto 1fr}.jsim__side{grid-column:2;grid-row:1 / span 2}}.jsim__nav{display:grid;overflow:hidden;border:2px solid var(--sg-line);border-radius:1.25rem;background:var(--sg-surface);box-shadow:var(--sg-shadow)}.jsim__banner{display:flex;align-items:center;gap:.625rem;margin:0;padding:.625rem 1rem;background:var(--sg-primary);color:#fff;font-size:1.125rem;font-weight:800;line-height:1.25}.jsim__map{position:relative;aspect-ratio:3 / 2;overflow:hidden;background:var(--jsim-ground)}.jsim__map-tools{display:grid;gap:.5rem;padding:.625rem}.jsim__map-tools .sg-button{justify-self:start;white-space:normal}.jsim__map-tools p{margin:0;color:var(--sg-ink);font-size:1rem;line-height:1.4}.jsim__map-viewport{min-width:0;overflow:hidden}.jsim__map-viewport--enlarged{height:clamp(16rem,50dvh,26rem);overflow:auto}.jsim__map-viewport--enlarged .jsim__map{width:max(100%,60rem)}.jsim__map-viewport:focus-visible{outline:3px solid var(--sg-focus);outline-offset:-3px}@media(max-width:30rem){.sg-shell:has(.jsim) .sg-shell__actions{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row}.sg-shell:has(.jsim) .sg-shell__actions .sg-button{min-width:0;white-space:normal}}.jsim__map:focus-visible{outline:3px solid var(--sg-focus);outline-offset:-3px}.jsim__map>svg{display:block;width:100%;height:100%}.jsim__ground{fill:var(--jsim-ground)}.jsim__block{fill:#e4dfd3}.jsim__park{fill:#cfe3bf}.jsim__road-edge,.jsim__road,.jsim__planned-casing,.jsim__planned-line{fill:none;stroke-linecap:round;stroke-linejoin:round}.jsim__road-edge{stroke:#bfb5a0;stroke-width:20}.jsim__road{stroke:#fff;stroke-width:17}.jsim__road-label{fill:#7a7a6c;font-weight:800;letter-spacing:.08em;text-transform:uppercase;paint-order:stroke;stroke:var(--jsim-ground);stroke-width:2.5px;stroke-linejoin:round}.jsim__planned-casing{stroke:#fff;stroke-width:8}.jsim__planned-line{stroke:var(--jsim-walk);stroke-width:4;stroke-dasharray:.1 8}.jsim__planned--bus .jsim__planned-casing{stroke-width:10}.jsim__planned--bus .jsim__planned-line{stroke:var(--jsim-teal);stroke-width:6;stroke-dasharray:none}.jsim__planned--faint{opacity:.55}.jsim__label{fill:var(--sg-ink);font-size:9.5px;font-weight:800;paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-linejoin:round}.jsim__glyph-text{fill:#fff;font-size:8.5px;font-weight:900}.jsim__stem{stroke:var(--sg-ink);stroke-width:1.4;opacity:.55}.jsim__stem-dot{fill:#fff;stroke:var(--sg-ink);stroke-width:1.4}.jsim__bus{filter:drop-shadow(0 1.5px 1px rgb(27 58 45 / .25))}.jsim__traveller{position:absolute;z-index:1;display:block;width:2.75rem;height:2.75rem;overflow:hidden;border:3px solid #ffffff;border-radius:50%;background:#dfeee8;box-shadow:0 0 0 2px var(--sg-primary),0 3px 6px #1b3a2d4d;transform:translate(-50%,-50%);pointer-events:none}.jsim__traveller img{display:block;width:100%;height:160%;object-fit:cover;object-position:top}.jsim__traveller--riding{width:1.75rem;height:1.75rem;border-width:2px;box-shadow:0 0 0 2px var(--jsim-teal),0 3px 6px #1b3a2d4d}.jsim__marker circle{fill:#fff;stroke:var(--sg-primary);stroke-width:2.5}.jsim__marker path{fill:none;stroke:var(--sg-primary);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.jsim__marker--suggested circle{fill:var(--sg-accent-soft);stroke:var(--sg-accent)}.jsim__marker--suggested path{stroke:var(--sg-accent-ink)}.jsim__marker--excluded{opacity:.35}.jsim__note{margin:0;color:var(--sg-ink-muted);font-size:.8125rem;font-weight:700;text-align:center}.jsim__note a{color:var(--sg-primary)}.jsim__side{display:grid;gap:.75rem;min-width:0}.jsim__card{display:grid;gap:.625rem;padding:.875rem;border:2px solid var(--sg-line);border-radius:1.125rem;background:var(--sg-surface);box-shadow:var(--sg-shadow)}.jsim__card-title{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.0625rem;font-weight:800}.jsim__feedback{margin:0}.jsim__plan{background:#fffdf8}.jsim__plan-route{margin:0;color:var(--sg-primary);font-size:1.1875rem;font-weight:900}.jsim__legs{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}.jsim__legs li{display:flex;align-items:flex-start;gap:.625rem;line-height:1.3}.jsim__legs strong{display:block;color:var(--sg-ink-muted);font-size:.8125rem;letter-spacing:.04em;text-transform:uppercase}.jsim__leg-icon{display:grid;flex:none;place-items:center;width:2.25rem;height:2.25rem;border-radius:50%;color:#fff}.jsim__leg-icon--walk{background:var(--jsim-walk)}.jsim__leg-icon--bus{background:var(--jsim-teal)}.jsim__plan-checkpoints{display:flex;flex-wrap:wrap;gap:.375rem .5rem;margin:0;padding:0;list-style:none}.jsim__plan-checkpoints li{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border-radius:999px;background:var(--sg-success-soft);color:var(--sg-success);font-size:.9375rem;font-weight:800}.jsim__start{min-height:3.25rem}.jsim__crossing{border-color:var(--sg-accent)}.jsim__toilet{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));align-items:center}.jsim__signal-dot{flex:none;width:.875rem;height:.875rem;border-radius:50%;background:#e5483d;box-shadow:0 0 0 3px var(--sg-ink)}.jsim__bus-arrival{display:flex;align-items:center;gap:.75rem}.jsim__bus-front{flex:none;width:4.5rem;height:auto}.jsim__led{fill:#f6b93b;font-family:ui-monospace,monospace;font-size:12px;font-weight:900;letter-spacing:.08em}.jsim__display{margin:0;padding:.375rem .625rem;border-radius:.5rem;background:var(--sg-ink);color:#f6b93b;font-family:ui-monospace,monospace;font-weight:800;text-align:center}.jsim__count{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,6.5rem),1fr));gap:.375rem;margin:0;padding:0;list-style:none}.jsim__count li{display:flex;align-items:center;gap:.375rem;padding:.375rem .5rem;border:2px solid var(--sg-line);border-radius:.75rem;color:var(--sg-ink-muted);font-size:.875rem;font-weight:700;line-height:1.2}.jsim__count span{display:grid;flex:none;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background:#f0efec;font-weight:900}.jsim__count--passed{color:var(--sg-success)!important}.jsim__count--passed span{background:var(--sg-success-soft)}.jsim__count--now{border-color:var(--jsim-teal)!important;color:var(--sg-ink)!important}.jsim__count--now span{background:var(--jsim-teal);color:#fff}.jsim__panel-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));gap:.375rem}.jsim__card .sg-button{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.125rem .375rem;min-height:3rem}.jsim__way svg{flex:none}.jsim__card .choice-card__guide{flex-basis:100%;text-align:center}.jsim__card .sg-button--primary .choice-card__guide{color:#fff}.jsim--suggested{border-color:var(--sg-accent)!important;box-shadow:0 0 0 3px var(--sg-accent-soft)!important}.jsim--excluded{border-color:var(--sg-line)!important;background:#f0efec!important;box-shadow:none!important;color:var(--sg-ink-muted)!important;cursor:not-allowed}.jsim__steps{display:grid;gap:.5rem;padding:.75rem .875rem;border-radius:1.125rem;background:var(--sg-surface);box-shadow:var(--sg-shadow)}.jsim__steps h2{display:flex;align-items:center;gap:.375rem;margin:0;font-size:1rem}.jsim__stepper{display:flex;align-items:center;margin:0;padding:0;list-style:none}.jsim__step{display:flex;flex:1;align-items:center;color:var(--sg-ink-muted)}.jsim__step:last-child{flex:none}.jsim__step:not(:last-child):after{content:"";flex:1;height:3px;margin:0 .25rem;border-radius:2px;background:var(--sg-line)}.jsim__step--done:not(:last-child):after{background:var(--sg-success)}.jsim__step-mark{display:grid;flex:none;place-items:center;width:1.875rem;height:1.875rem;border:2px solid var(--sg-line);border-radius:50%;background:var(--sg-surface);font-size:.875rem;font-weight:900}.jsim__step--now .jsim__step-mark{border-color:var(--sg-accent);background:var(--sg-accent);color:#fff}.jsim__step--done .jsim__step-mark{border-color:var(--sg-success);background:var(--sg-success-soft);color:var(--sg-success)}.jsim__stamps{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem .5rem;padding-top:.5rem;border-top:2px solid var(--sg-line)}.jsim__stamps h3{margin:0;font-size:.9375rem}.jsim__stamps ul{display:flex;flex-wrap:wrap;gap:.375rem;margin:0;padding:0;list-style:none}.jsim__stamp{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem .25rem .25rem;border-radius:999px;background:#f3f1e8;color:var(--sg-ink-muted);font-size:.875rem;font-weight:700}.jsim__stamp--collected{background:var(--sg-success-soft);color:var(--sg-ink)}.jsim__stamp-mark{display:grid;place-items:center;width:1.375rem;height:1.375rem;border:2px solid currentColor;border-radius:50%;font-size:.75rem;font-weight:900}.jsim__visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.jsim__finish{gap:.625rem;padding:1rem}.jsim__finish .board__mascot{width:5.5rem}.jsim__finish p{margin:0;text-align:center}.jsim__finish-stamps{color:var(--sg-ink-muted);font-weight:800}@media(max-width:40rem){.jsim{gap:.625rem}.jsim__nav{border-radius:1rem}.jsim__banner{padding:.5rem .75rem;font-size:1rem}.jsim__card{padding:.75rem}.jsim__traveller{width:2.25rem;height:2.25rem}.jsim__traveller--riding{width:1.5rem;height:1.5rem}}@media(prefers-reduced-motion:no-preference){.jsim__traveller{transition:left .5s ease,top .5s ease}}.jsim__next-ring{fill:#e8790c1f;stroke:#e8790c;stroke-width:4}.jsim__next-tag{fill:#b34f00}.jsim__next-text{fill:#fff;font-size:9px;font-weight:900}@media(prefers-reduced-motion:no-preference){.jsim__next .jsim__next-ring{animation:jsim-next 1.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes jsim-next{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}}.jsim__help{margin:0;color:var(--sg-ink-muted);font-weight:700;line-height:1.3}.jsim__key{padding:.5rem .75rem .625rem;border-top:2px solid #e4dfd3;background:#fff}.jsim__key h3{margin:0 0 .25rem;font-size:.875rem}.jsim__key ul{display:flex;flex-wrap:wrap;gap:.25rem .875rem;margin:0;padding:0;list-style:none;font-size:.8125rem;font-weight:700}.jsim__key li{display:inline-flex;align-items:center;gap:.3rem}.jsim__key-mark{display:inline-grid;place-items:center;width:1.5rem;height:1.5rem}.jsim__key-mark svg{width:100%;height:100%}.jsim__key-you{display:block;width:1.5rem;height:1.5rem;overflow:hidden;border:2px solid #ffffff;border-radius:50%;background:#e3f6ef;box-shadow:0 0 0 1px #23332b}.jsim__key-you img{width:100%;height:100%;object-fit:cover}.jsim__key-line{fill:none;stroke-linecap:round}.jsim__key-line--walk{stroke:var(--jsim-walk);stroke-width:3;stroke-dasharray:.1 5}.jsim__key-line--bus{stroke:var(--jsim-teal);stroke-width:5}.rail{display:grid;gap:.875rem;align-items:start}@media(min-width:60rem){.rail{grid-template-columns:min(calc(100% - 27rem),calc((100dvh - 18.5rem) * 4 / 3)) minmax(0,1fr)}}.rail__map{display:grid;overflow:hidden;border:2px solid var(--sg-line);border-radius:1.25rem;background:#fff;box-shadow:var(--sg-shadow)}.rail__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.375rem 1rem;padding:.625rem 1rem;border-bottom:2px solid #eceae4}.rail__head h2{margin:0;font-size:1.125rem}.rail__legend{display:flex;flex-wrap:wrap;gap:.375rem .875rem;margin:0;padding:0;list-style:none;font-size:.875rem;font-weight:800}.rail__legend li{display:inline-flex;align-items:center;gap:.375rem}.rail__legend li:before{content:"";width:1.5rem;height:.375rem;border-radius:1rem;background:var(--line)}.rail__canvas{position:relative;aspect-ratio:4 / 3;background:#fff}.rail__canvas>svg{position:absolute;inset:0;width:100%;height:100%}.rail__track,.rail__casing{fill:none;stroke-linecap:round}.rail__track{stroke-width:10px}.rail__network--faded{opacity:.3}.rail__casing{stroke:#1b2a23;stroke-width:16px}.rail__track--route{stroke-width:11px}.rail__station{position:absolute;z-index:1;display:flex;align-items:center;gap:.375rem;min-width:3rem;min-height:3rem;padding:0;border:0;background:none;color:var(--sg-ink);font:inherit;text-align:left;cursor:pointer;transform:translate(-1rem,-50%)}.rail__station--left{flex-direction:row-reverse;text-align:right;transform:translate(calc(-100% + 1rem),-50%)}.rail__station--bottom{flex-direction:column;gap:.125rem;text-align:center;transform:translate(-50%,-1.5rem)}.rail__station--top{flex-direction:column-reverse;gap:.125rem;text-align:center;transform:translate(-50%,calc(-100% + 1.5rem))}.rail__station--top .rail__label{justify-items:center}.rail__dot{display:grid;flex:none;place-items:center;width:2rem;height:3rem}.rail__dot:before{content:"";width:1.125rem;height:1.125rem;border:.25rem solid var(--line);border-radius:50%;background:#fff}.rail__station--interchange .rail__dot:before{width:1.75rem;border-color:#1b2a23;border-radius:999px}.rail__label{display:grid;gap:.125rem;justify-items:start;padding:.125rem .375rem;border-radius:.5rem;background:#ffffffe6;line-height:1.15}.rail__station--left .rail__label{justify-items:end}.rail__station--bottom .rail__label{justify-items:center}.rail__label strong{font-size:.9375rem;font-weight:900}.rail__codes{display:flex;flex-wrap:wrap;gap:.1875rem}.rail__code,.rail__wc{padding:0 .3125rem;border-radius:.25rem;color:#fff;font-size:.6875rem;font-weight:900;letter-spacing:.02em;line-height:1.5}.rail__wc{background:#2f5f9e}.rail__label b{color:var(--sg-accent-ink);font-size:.75rem}.rail__station:focus-visible{outline:none}.rail__station:focus-visible .rail__label{outline:3px solid var(--sg-focus);outline-offset:1px}.rail__station:hover .rail__dot:before{box-shadow:0 0 0 4px #1b2a231f}.rail__station--route .rail__dot:before{background:#1b2a23}.rail__station--suggested .rail__dot:before{box-shadow:0 0 0 5px var(--sg-accent-soft),0 0 0 7px var(--sg-accent)}.rail__station--suggested .rail__label{background:var(--sg-accent-soft)}.rail__station--excluded{cursor:not-allowed}.rail__station--excluded .rail__dot,.rail__station--excluded .rail__label strong,.rail__station--excluded .rail__codes{opacity:.45}.rail__station:disabled{cursor:default}.rail__station--toilet .rail__wc{box-shadow:0 0 0 2px #fff,0 0 0 4px #2f5f9e}.rail__me{position:absolute;z-index:2;width:2.5rem;height:2.5rem;transform:translate(-50%,-125%);pointer-events:none;filter:drop-shadow(0 3px 4px rgb(27 42 35 / .3))}.rail__me svg{display:block;width:100%;height:100%}.rail__note{margin:0;color:var(--sg-ink-muted);font-size:.8125rem;font-weight:700}.rail__note a{color:var(--sg-primary)}.rail__side{display:grid;gap:.75rem;min-width:0}.rail__feedback{margin:0}.rail__plan{display:grid;gap:.625rem;padding:.875rem 1rem;border:2px solid var(--sg-line);border-radius:1.125rem;background:var(--sg-surface);box-shadow:var(--sg-shadow)}.rail__plan h2{margin:0;font-size:1.0625rem}.rail__empty{margin:0;color:var(--sg-ink-muted);font-weight:700}.rail__rides{display:grid;gap:0;margin:0;padding:0;list-style:none}.rail__ride{display:grid;gap:.25rem;padding:.375rem 0 .375rem 1.25rem;border-left:.5rem solid var(--line);font-weight:700;line-height:1.3}.rail__change{justify-self:start;margin-left:-1.625rem;padding:.125rem .5rem .125rem .375rem;border:2px solid #1b2a23;border-radius:999px;background:#fff;font-size:.875rem;font-weight:900}.rail__ride--toilet{margin-top:.375rem;border-left-color:#2f5f9e}.rail__ride-text{display:flex;align-items:center;gap:.375rem}.rail__undo{justify-self:start}.rail__finish{display:flex;align-items:center;gap:.75rem;padding:.75rem .875rem}.rail__finish .board__mascot{flex:none;width:3.75rem}.rail__finish-body{display:grid;gap:.5rem;justify-items:start}.rail__finish .board__finish-actions{justify-content:flex-start;gap:.5rem}@media(max-width:40rem){.rail__canvas{aspect-ratio:4 / 5}.rail__track{stroke-width:7px}.rail__track--route{stroke-width:8px}.rail__casing{stroke-width:12px}.rail__label strong{font-size:.75rem}.rail__station--top .rail__label strong,.rail__station--bottom .rail__label strong{white-space:nowrap}.rail__station{gap:.25rem}.rail__label strong{font-size:.8125rem}.rail__station--left .rail__label{max-width:5.5rem;padding-inline:.25rem}.rail__station--left .rail__codes{justify-content:flex-end}.rail__code,.rail__wc{font-size:.625rem}.rail__me{width:2rem;height:2rem}}.rail__goal{flex-basis:100%;margin:0;padding:.25rem .625rem;border-radius:.625rem;background:var(--sg-accent-soft);color:var(--sg-accent-ink);font-weight:800}.rail__total{margin:.25rem 0 0;font-size:1.0625rem;font-weight:900}.rail__next{min-height:3.5rem;font-size:1.125rem}.routine{display:grid;gap:1rem}.routine__top{display:grid;gap:1rem;align-items:stretch}@media(min-width:40.0625rem){.routine__top{grid-template-columns:1fr 1.25fr}}.routine__mirror{display:grid;place-items:center}.routine__plan{display:grid;align-content:start;gap:.75rem;padding:1rem;border-radius:calc(var(--sg-radius) * 1.5);background:var(--sg-surface);box-shadow:var(--sg-shadow)}.routine__plan h2{display:flex;align-items:center;gap:.5rem;font-size:1.25rem}.routine__plan h2 svg{color:var(--sg-accent)}.routine__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin:0;padding:0;list-style:none}.routine__step{position:relative;display:grid}.routine__step+.routine__step:before{content:"";position:absolute;top:50%;left:-1.05rem;width:.75rem;height:.75rem;border-top:3px solid var(--sg-line);border-right:3px solid var(--sg-line);transform:translateY(-50%) rotate(45deg)}.routine__slot{display:grid;justify-items:center;align-content:start;gap:.25rem;min-height:9rem;padding:.5rem;border:3px dashed var(--sg-line);border-radius:var(--sg-radius);background:#fff9;color:var(--sg-ink-muted);font:inherit;text-align:center}.routine__number{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--sg-line);color:var(--sg-ink);font-weight:800}.routine__word{font-size:1.125rem;font-weight:800}.routine__slot--target{border-color:var(--sg-accent);background:var(--sg-accent-soft);color:var(--sg-accent-ink);cursor:pointer}.routine__slot--target .routine__number{background:var(--sg-accent);color:#fff}.routine__slot--target strong{margin:auto 0;line-height:1.2}.routine__step--done .routine__slot{border-style:solid;border-color:var(--sg-success);background:var(--sg-success-soft);color:var(--sg-success)}.routine__step--done .routine__number{background:var(--sg-success);color:#fff}.routine__step--done strong{display:inline-flex;align-items:flex-start;gap:.25rem;font-size:.9375rem;line-height:1.2}.routine__step--done svg{flex:none}.routine__slot-art{display:block;width:4.5rem}.routine__slot-art svg,.routine__product-art svg{display:block;width:100%;height:auto}.routine__shelf{display:grid;gap:.5rem;padding:1rem;border-radius:calc(var(--sg-radius) * 1.5);background:var(--sg-surface);box-shadow:var(--sg-shadow)}.routine__shelf-title{color:var(--sg-ink-muted);font-weight:800}.routine__products{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,7.5rem),1fr));gap:.75rem;padding-bottom:1.25rem}.routine__products:after{content:"";position:absolute;right:-.25rem;bottom:0;left:-.25rem;height:.875rem;border-radius:.375rem;background:#c8a27a;box-shadow:0 .3rem #9c7a55}.routine__product,.routine__gap{display:grid;justify-items:center;align-content:end;gap:.25rem;min-height:3rem;padding:.5rem .375rem;border-radius:var(--sg-radius)}.routine__product{border:3px solid transparent;background:transparent;color:var(--sg-ink);font:inherit;cursor:grab;touch-action:manipulation}.routine__product:hover{border-color:var(--sg-primary);background:var(--sg-primary-soft)}.routine__product-art{display:block;width:100%;max-width:8rem}.routine__product{container-type:inline-size}.routine__product-label{max-width:100%;font-size:max(.8125rem,min(1.0625rem,calc(100cqi / (var(--longest-word, 8) * .7))));line-height:1.2;overflow-wrap:break-word}.routine__product small{color:var(--sg-hint);font-size:.875rem;font-weight:800}.routine__product--picked{border-color:var(--sg-accent);background:var(--sg-accent-soft);transform:translateY(-.5rem)}.routine__product--suggested{border-color:var(--sg-accent);background:var(--sg-accent-soft)}.routine__product--excluded,.routine__product--excluded:hover{border-color:transparent;background:#f0efec;color:var(--sg-ink-muted);cursor:not-allowed}.routine__product--excluded .routine__product-art{opacity:.35;filter:grayscale(1)}.routine__gap{align-content:center;border:2px dashed var(--sg-line);color:var(--sg-ink-muted);font-size:.875rem;font-weight:700}.routine__help{color:var(--sg-ink-muted);font-size:.9375rem}.routine__amount{max-width:34rem;width:100%;margin-inline:auto}@media(max-width:40rem){.routine{gap:.75rem}.routine__top{display:contents}.routine__plan{order:1}.routine__shelf,.routine__amount,.routine .board__finish{order:2}.routine>.sg-feedback{order:3}.routine__mirror{order:4}.routine__plan,.routine__shelf{padding:.75rem}.routine__plan h2{font-size:1.0625rem}.routine__steps{gap:.875rem}.routine__step+.routine__step:before{left:-.75rem;width:.5rem;height:.5rem}.routine__slot{min-height:6.5rem;padding:.375rem .25rem}.routine__number{width:1.625rem;height:1.625rem;font-size:.875rem}.routine__slot-art{width:3rem}.routine__step--done strong,.routine__slot--target strong{font-size:.8125rem}.routine__products{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.routine__product-art{max-width:6rem}.routine__product-label{font-size:max(.75rem,min(.9375rem,calc(100cqi / (var(--longest-word, 8) * .7))))}}@media(prefers-reduced-motion:no-preference){.routine__product{transition:transform .2s ease,background .2s ease}.routine__slot--target{animation:routine-breathe 2s ease-in-out infinite}@keyframes routine-breathe{50%{box-shadow:0 0 0 .3rem #da5b2633}}}.shave{display:grid;gap:.875rem;align-items:start}@media(min-width:60rem){.shave{grid-template-columns:min(calc(100% - 22rem),calc(100dvh - 17.5rem)) minmax(0,1fr)}}.shave__face{position:relative;aspect-ratio:1;overflow:hidden;border:2px solid var(--sg-line);border-radius:1.25rem;background:#e9f3f6;box-shadow:var(--sg-shadow);touch-action:none;-webkit-user-select:none;user-select:none}.shave__face--dragging{cursor:grabbing}.shave__art,.shave__art svg{display:block;width:100%;height:100%}.shave__art{position:absolute;inset:0;pointer-events:none}.shave__patch{position:absolute;z-index:1;min-width:3rem;min-height:3rem;padding:0;border:0;border-radius:40%;background:none;cursor:pointer;transition:opacity .35s ease,transform .35s ease}.shave__foam{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 2px 2px rgb(27 58 45 / .15));transition:opacity .35s ease}.shave__patch:focus-visible{outline:3px solid var(--sg-focus);outline-offset:2px}.shave__patch--suggested{box-shadow:0 0 0 4px var(--sg-accent),0 0 0 8px var(--sg-accent-soft)}.shave__patch--smooth{cursor:default}.shave__patch--smooth .shave__foam{opacity:0}.shave__patch--smooth:after{content:"✦";position:absolute;top:10%;right:12%;color:#fff;font-size:1rem;text-shadow:0 0 3px rgb(27 58 45 / .4)}.shave__razor,.shave__sweep{position:absolute;z-index:3;width:3.5rem;pointer-events:none}.shave__razor{transform:translate(-50%,-18%);filter:drop-shadow(0 3px 3px rgb(27 58 45 / .3))}.shave__razor svg,.shave__sweep svg{display:block;width:100%;height:auto}.shave__sweep{top:0;left:50%;transform:translate(-50%,-20%)}.shave__side{display:grid;gap:.75rem;padding:.875rem;border:2px solid var(--sg-line);border-radius:1.125rem;background:var(--sg-surface);box-shadow:var(--sg-shadow)}.shave__direction{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.125rem;font-weight:900}.shave__direction svg{flex:none;padding:.25rem;border-radius:50%;background:var(--sg-accent-soft);color:var(--sg-accent-ink)}.shave__meter{height:1rem;overflow:hidden;border:2px solid var(--sg-line);border-radius:999px;background:#eef3f0}.shave__meter span{display:block;height:100%;border-radius:999px;background:var(--sg-success);transition:width .3s ease}.shave__count{margin:0;color:var(--sg-ink-muted);font-weight:800}.shave__rinse{min-height:3.25rem}@media(prefers-reduced-motion:no-preference){.shave__sweep{animation:shave-sweep .4s ease-in both}@keyframes shave-sweep{0%{top:-10%}to{top:70%}}}.stages{display:grid;gap:1rem}.stages__deal{display:grid;justify-items:center;gap:.5rem}.stages__card{display:grid;justify-items:center;gap:.25rem;width:min(100%,17rem);padding:.75rem 1rem 1rem;border:3px solid var(--sg-primary);border-radius:calc(var(--sg-radius) * 1.25);background:var(--sg-surface);box-shadow:.35rem .35rem 0 var(--sg-primary-soft),.7rem .7rem 0 var(--sg-line);text-align:center;cursor:grab}.stages__card strong{font-size:1.25rem;line-height:1.2}.stages__card-art{display:block;width:100%;max-width:9rem}.stages__card-art svg,.stages__icon svg,.stages__choice-art svg{display:block;width:100%;height:auto}.stages__help{color:var(--sg-ink-muted);font-size:.9375rem;text-align:center}.stages__board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;align-items:stretch}.stages__column{display:grid;grid-template-rows:auto auto 1fr;align-content:start;gap:.5rem;min-width:0;padding:.75rem;border:2px solid var(--sg-line);border-radius:calc(var(--sg-radius) * 1.25);background:var(--sg-surface);box-shadow:var(--sg-shadow)}.stages__column--active{border-color:var(--sg-accent);box-shadow:0 0 0 .25rem #da5b262e}.stages__head{display:flex;align-items:center;gap:.5rem}.stages__head h2{font-size:1.0625rem;line-height:1.2}.stages__icon{flex:none;width:3rem}.stages__target{display:grid;justify-items:center;gap:.125rem;min-height:3.25rem;padding:.5rem;border:3px dashed var(--sg-primary);border-radius:var(--sg-radius);background:var(--sg-primary-soft);color:var(--sg-primary);font:inherit;font-weight:800;cursor:pointer}.stages__target:hover{border-style:solid}.stages__target small,.stages__choice small{color:var(--sg-hint);font-size:.8125rem;font-weight:800}.stages__target--suggested{border-style:solid;border-color:var(--sg-accent);background:var(--sg-accent-soft)}.stages__target--excluded,.stages__target--excluded:hover{border-color:var(--sg-line);background:#f0efec;color:var(--sg-ink-muted);cursor:not-allowed}.stages__cards{display:grid;align-content:start;gap:.375rem;margin:0;padding:0;list-style:none}.stages__chip{display:flex;align-items:flex-start;gap:.375rem;padding:.375rem .5rem;border-radius:.625rem;background:var(--sg-primary-soft);font-size:.9375rem;font-weight:700;line-height:1.25}.stages__chip--numbered{background:var(--sg-success-soft);color:var(--sg-success)}.stages__number{display:grid;flex:none;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--sg-success);color:#fff;font-size:.875rem;font-weight:800}.stages__choice{display:grid;justify-items:center;gap:.25rem;width:100%;min-height:3rem;padding:.5rem;border:3px solid var(--sg-primary);border-radius:var(--sg-radius);background:var(--sg-surface);box-shadow:0 .25rem 0 var(--sg-primary);color:var(--sg-ink);font:inherit;text-align:center;cursor:pointer}.stages__choice:hover{background:var(--sg-primary-soft)}.stages__choice{container-type:inline-size}.stages__choice-label{max-width:100%;font-size:max(.75rem,min(.9375rem,calc(100cqi / (var(--longest-word, 8) * .7))));line-height:1.2;overflow-wrap:break-word}.stages__choice-art{display:block;width:100%;max-width:6rem}.stages__choice--suggested{border-color:var(--sg-accent);background:var(--sg-accent-soft);box-shadow:0 .25rem 0 var(--sg-accent)}.stages__choice--excluded,.stages__choice--excluded:hover{border-color:var(--sg-line);background:#f0efec;box-shadow:none;color:var(--sg-ink-muted);cursor:not-allowed}.stages__choice--excluded .stages__choice-art{opacity:.35;filter:grayscale(1)}@media(max-width:40rem){.stages{gap:.75rem}.stages__deal{gap:.375rem}.stages__card{grid-template-columns:4.5rem 1fr;align-items:center;justify-items:start;gap:.5rem;width:100%;padding:.5rem .75rem;text-align:left}.stages__card-art{max-width:4.5rem}.stages__card strong{font-size:1.0625rem}.stages__help{font-size:.8125rem}.stages__board{gap:.375rem}.stages__column{padding:.5rem .375rem}.stages__head{flex-direction:column;gap:.125rem;text-align:center}.stages__head h2{font-size:.875rem}.stages__icon{width:2.25rem}.stages__target{padding:.375rem .25rem;font-size:.875rem}.stages__chip{padding:.25rem .375rem;font-size:.75rem}.stages__number{width:1.25rem;height:1.25rem;font-size:.75rem}.stages__choice{padding:.375rem .25rem}.stages__choice-art{display:none}.stages__choice-label{font-size:max(.6875rem,min(.8125rem,calc(100cqi / (var(--longest-word, 8) * .7))))}}@media(prefers-reduced-motion:no-preference){.stages__card{animation:stages-deal .3s ease-out}.stages__chip{animation:stages-land .3s ease-out}@keyframes stages-deal{0%{transform:translateY(-.75rem) rotate(-3deg);opacity:.4}}@keyframes stages-land{0%{transform:scale(.9)}}}.paint{display:grid;width:100%;justify-items:center;gap:.5rem}.paint__stage{position:relative;width:min(100%,calc(min(24rem,44vh)*1.6));aspect-ratio:8 / 5}.board__scene .paint__stage svg{display:block;width:100%;height:100%;max-height:none}.board__scene .paint__stage .paint__strokes{position:absolute;inset:0;pointer-events:none}.paint__zone{position:absolute;min-width:3rem;min-height:3rem;padding:0;border:3px dashed #1b3a2d;border-radius:50%;background:color-mix(in srgb,#ffffff 30%,transparent);cursor:crosshair;transform:translate(-50%,-50%);touch-action:none;-webkit-user-select:none;user-select:none}.paint__zone--done{border-style:solid;border-color:#1f6f43;cursor:default}.paint__zone--suggested{box-shadow:0 0 0 4px #f6c343}.paint__zone:focus-visible{outline:4px solid var(--sg-focus, #1d4fd7);outline-offset:3px}.paint__icon{position:absolute;right:-.5rem;bottom:-.5rem;display:grid;width:1.75rem;height:1.75rem;place-items:center;border-radius:50%;background:#fff;color:#1b3a2d;box-shadow:0 0 0 2px #1b3a2d}.board__scene .paint__icon svg{width:1.125rem;height:1.125rem}.paint__zone--done .paint__icon{background:#1f6f43;color:#fff;box-shadow:none}.paint__guide{position:absolute;top:100%;left:50%;margin-top:.25rem;padding:.125rem .5rem;border-radius:.5rem;background:#fff4cc;color:#1b3a2d;font-size:.875rem;font-weight:700;white-space:nowrap;transform:translate(-50%)}.paint__direction{display:flex;align-items:center;gap:.5rem;margin:0;font-weight:700}.board__scene .paint__direction svg{flex:none;width:1.375rem;height:1.375rem}.paint__meter{width:min(100%,20rem);height:.75rem;overflow:hidden;border-radius:999px;background:#dde7ec}.paint__meter span{display:block;height:100%;background:#1f6f43;transition:width .3s ease}.paint__count{margin:0}.layers{display:grid;gap:1rem;align-items:start}@media(min-width:40.0625rem){.layers{grid-template-columns:1fr 1.1fr}.layers__feedback,.layers__finish,.layers--complete .layers__look{grid-column:1 / -1}.layers--complete .layers__look{grid-template-columns:1fr 1fr;align-items:center}}.layers__look{display:grid;gap:.75rem}.layers__mirror{display:grid;place-items:center}.layers__stack{display:grid;gap:.5rem;padding:.875rem;border-radius:calc(var(--sg-radius) * 1.5);background:var(--sg-surface);box-shadow:var(--sg-shadow)}.layers__stack h2{display:flex;align-items:center;gap:.5rem;font-size:1.125rem}.layers__stack h2 svg{color:var(--sg-accent)}.layers__list{display:flex;flex-direction:column-reverse;gap:.375rem;margin:0;padding:0;list-style:none}.layers__layer{display:flex;align-items:center;gap:.5rem;min-height:3.25rem;padding:.375rem .625rem;border:2px dashed var(--sg-line);border-radius:.875rem;background:#fff9;color:var(--sg-ink-muted)}.layers__layer--placed{border-style:solid;border-color:var(--sg-success);background:var(--sg-success-soft);color:var(--sg-success)}.layers__number{display:grid;flex:none;place-items:center;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--sg-line);color:var(--sg-ink);font-size:.875rem;font-weight:800}.layers__layer--placed .layers__number{background:var(--sg-success);color:#fff}.layers__art{display:block;flex:none;width:3rem}.layers__art svg{display:block;width:100%;height:auto}.layers__layer strong{display:inline-flex;align-items:flex-start;gap:.25rem;font-size:.9375rem;line-height:1.2}.layers__layer strong svg{flex:none}.layers__empty{font-weight:700}.layers__choices{align-content:start}@media(max-width:40rem){.layers{gap:.75rem}.layers__choices,.layers__finish{order:1}.layers__feedback{order:2}.layers__look{order:3}.layers__stack{padding:.75rem}}@media(prefers-reduced-motion:no-preference){.layers__layer--placed{animation:layers-drop .35s ease-out}@keyframes layers-drop{0%{transform:translateY(-.75rem);opacity:.5}}}@media(min-width:40.0625rem){.layers.layers--applying{grid-template-columns:minmax(0,1fr)}}.visual-timetable-game{display:flex;flex-direction:column;align-items:center;width:100%;max-width:860px;margin:0 auto;padding:.5rem;box-sizing:border-box;gap:1.25rem}.timetable-character-scene{width:100%;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #0000001a;background:#0f172a}.time-of-day-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;width:100%;box-sizing:border-box}.time-tab-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem .5rem;border-radius:12px;background:#fff;border:2px solid #cbd5e1;color:#334155;cursor:pointer;transition:all .2s ease;font-family:inherit;box-shadow:0 2px 4px #0000000a}.time-tab-btn:hover{background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px)}.time-tab-btn.active{background:linear-gradient(135deg,#0284c7,#0369a1);border-color:#0284c7;color:#fff;box-shadow:0 4px 12px #0284c74d}.time-tab-btn.completed{border-color:#22c55e;background:#f0fdf4;color:#15803d}.time-tab-btn.completed.active{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff}.time-tab-icon{font-size:1.25rem;line-height:1}.time-tab-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.time-tab-title{font-size:.9rem;font-weight:800;line-height:1.2}.time-tab-count{font-size:.75rem;font-weight:700;opacity:.85}.timetable-main-section{display:flex;flex-direction:column;align-items:center;width:100%;gap:1.25rem}.activity-card-tray{display:flex;flex-direction:column;align-items:center;gap:.85rem;background:#fff;border:3px solid #1e293b;border-radius:18px;padding:1rem 1.25rem;width:100%;box-shadow:0 4px 16px #0000000f;box-sizing:border-box}.tray-header{font-size:1.05rem;font-weight:800;color:#1e293b;display:flex;align-items:center;gap:.5rem;text-align:center}.activity-cards-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem;width:100%;box-sizing:border-box}.activity-drag-card{display:flex;align-items:center;gap:.85rem;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:2.5px dashed #f59e0b;border-radius:14px;padding:.65rem .85rem;cursor:grab;-webkit-user-select:none;user-select:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;box-sizing:border-box;text-align:left;font-family:inherit;min-height:68px}.activity-drag-card:hover{transform:translateY(-2px);box-shadow:0 6px 14px #f59e0b40;border-color:#d97706}.activity-drag-card:active{cursor:grabbing;transform:scale(.98)}.activity-drag-card.selected{border-style:solid;border-color:#0284c7;background:#e0f2fe;box-shadow:0 0 0 4px #0284c740}.activity-drag-card.excluded{opacity:.4;cursor:not-allowed;background:#f1f5f9;border-color:#cbd5e1;border-style:solid}.card-icon{width:48px;height:48px;min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;box-shadow:0 2px 6px #00000014;padding:4px;box-sizing:border-box}.card-info{display:flex;flex-direction:column;gap:2px;flex:1}.card-label{font-size:.95rem;font-weight:800;color:#1e293b;line-height:1.25}.card-time-pill{font-size:.75rem;font-weight:700;color:#0369a1;background:#e0f2fe;padding:1px 6px;border-radius:4px;display:inline-block;align-self:flex-start}.tray-help-text{font-size:.85rem;font-weight:700;color:#64748b;display:flex;align-items:center;gap:.35rem}.timetable-board{width:100%;background:#fff;border:3px solid #1e293b;border-radius:18px;overflow:hidden;box-shadow:0 8px 24px #00000014;box-sizing:border-box}.timetable-board-header{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;padding:.85rem 1.25rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.timetable-header-left{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.timetable-board-header h2{margin:0;font-size:1.2rem;font-weight:900;letter-spacing:.5px}.timetable-section-pill{background:#ffffff40;padding:.2rem .65rem;border-radius:20px;font-size:.8rem;font-weight:800;letter-spacing:0}.timetable-header-badge{background:#fff3;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:800}.timetable-slots-grid{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#f8fafc;box-sizing:border-box}.timetable-slot{display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:.85rem;background:#fff;border:2px dashed #cbd5e1;border-radius:14px;padding:.75rem 1rem;min-height:72px;transition:all .2s ease;box-sizing:border-box}.timetable-slot.active-target{border-style:solid;border-color:#0284c7;background:#f0f9ff;box-shadow:0 0 0 3px #0284c733}.timetable-slot.drag-over{border-color:#22c55e;background:#f0fdf4;transform:scale(1.01)}.timetable-slot.completed{border-style:solid;border-color:#86efac;background:linear-gradient(135deg,#fff,#f0fdf4);box-shadow:0 2px 8px #22c55e14}.slot-left-info{display:flex;align-items:center;gap:.65rem}.slot-step-badge{width:32px;height:32px;min-width:32px;border-radius:50%;background:#1e293b;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1rem}.timetable-slot.completed .slot-step-badge{background:#16a34a}.slot-time-col{display:flex;flex-direction:column}.slot-time-tag{font-size:.85rem;font-weight:800;color:#475569;white-space:nowrap}.slot-center-content{display:flex;align-items:center;min-width:0}.slot-filled-content{display:flex;align-items:center;gap:.85rem;min-width:0}.slot-filled-icon{width:44px;height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;box-shadow:0 2px 6px #0000000f;padding:4px;box-sizing:border-box}.slot-filled-title{font-size:1rem;font-weight:800;color:#1e293b;line-height:1.3;overflow:hidden;text-overflow:ellipsis}.slot-empty-prompt{font-size:.9rem;font-weight:700;color:#94a3b8;font-style:italic}.slot-empty-prompt.active-prompt{color:#0284c7;font-weight:800;font-style:normal}.slot-right-badge{display:flex;align-items:center;justify-content:flex-end}.ticked-off-badge{display:flex;align-items:center;gap:.35rem;background:#22c55e;color:#fff;padding:.35rem .75rem;border-radius:20px;font-size:.8rem;font-weight:800;box-shadow:0 2px 6px #22c55e40;white-space:nowrap}.slot-active-badge{display:flex;align-items:center;gap:.25rem;background:#0284c7;color:#fff;padding:.3rem .65rem;border-radius:20px;font-size:.75rem;font-weight:800;white-space:nowrap;animation:pulse-badge 1.8s infinite ease-in-out}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.slot-pending-dot{width:10px;height:10px;border-radius:50%;background:#cbd5e1}.completion-card{display:flex;flex-direction:column;align-items:center;gap:1.25rem;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:3.5px solid #22c55e;border-radius:22px;padding:2rem 1.5rem;text-align:center;width:100%;box-shadow:0 8px 30px #22c55e26;box-sizing:border-box}.completion-mascot{width:130px;height:130px;object-fit:contain}.completion-title{font-size:1.5rem;font-weight:900;color:#15803d;margin:0;display:flex;align-items:center;gap:.5rem}.completion-desc{font-size:1.05rem;font-weight:700;color:#166534;margin:0;max-width:600px}.full-schedule-review{margin-top:.5rem}.review-section-block{border-bottom:2px solid #e2e8f0}.review-section-block:last-child{border-bottom:none}.review-section-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem .25rem;font-size:1rem;font-weight:800;color:#1e293b}.review-sec-icon{font-size:1.25rem}.review-sec-range{font-size:.8rem;font-weight:700;color:#64748b}.restart-btn{display:inline-flex;align-items:center;gap:.5rem;background:#15803d;color:#fff;padding:.85rem 1.75rem;border-radius:30px;font-size:1.05rem;font-weight:800;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #15803d4d;margin-top:.5rem}.restart-btn:hover{background:#166534;transform:translateY(-2px);box-shadow:0 6px 16px #15803d66}@media(max-width:640px){.time-of-day-tabs{grid-template-columns:repeat(2,1fr)}.timetable-slot{grid-template-columns:80px 1fr auto;gap:.5rem;padding:.65rem .75rem}.slot-left-info{gap:.4rem}.slot-step-badge{width:28px;height:28px;min-width:28px;font-size:.9rem}.slot-time-tag{font-size:.75rem}.slot-filled-icon{width:36px;height:36px;min-width:36px}.slot-filled-title{font-size:.85rem}.ticked-off-badge{font-size:.75rem;padding:.25rem .5rem}.activity-cards-list{grid-template-columns:1fr}}.rub{display:grid;justify-items:center;gap:.5rem}.rub__stage{position:relative;width:min(100%,calc(min(26rem,46vh)*1.2));aspect-ratio:6 / 5}.board__scene .rub__stage svg,.board__scene .rub__stage svg.face-scene,.board__scene .rub__stage svg.hair-scene,.board__scene .rub__stage svg.rub__head-bubbles{width:100%;height:100%;max-height:none!important;display:block}.rub__head-bubbles{position:absolute;inset:0;width:100%;height:100%;max-height:none!important;overflow:visible;pointer-events:none;z-index:2}.rub__zone{position:absolute;width:max(15%,3rem);aspect-ratio:1;padding:0;border:0;border-radius:50%;background:color-mix(in srgb,#ffffff 35%,transparent);cursor:grab;transform:translate(-50%,-50%);touch-action:none;-webkit-user-select:none;user-select:none}.rub__zone--single{width:min(38%,9.2rem);aspect-ratio:1;z-index:4;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;box-shadow:none}.rub__zone--single .rub__ring{stroke:#0284c7;stroke-width:3.5;stroke-dasharray:6 5}.rub__zone--single .rub__ring--fill{stroke:#0ea5e9;stroke-width:8}.rub__zone--single .rub__icon{width:2.25rem;height:2.25rem;right:-.35rem;bottom:-.35rem}.rub__dial-rotator{transform-origin:50px 50px}.board__scene .rub__zone svg{position:absolute;inset:0;width:100%;height:100%;max-height:none;overflow:visible}.rub__ring{fill:none;stroke:var(--sg-ink, #1d2b36);stroke-width:4;stroke-dasharray:6 5}.rub__ring--fill{stroke:#2b7fb0;stroke-width:7;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center}.rub__foam{fill:#fff;stroke:#9fbfcc;stroke-width:2;opacity:calc(var(--rub) * .95)}.rub__icon{position:absolute;right:-.25rem;bottom:-.25rem;display:grid;width:1.75rem;height:1.75rem;place-items:center;border-radius:50%;background:#fff;color:#1d2b36;box-shadow:0 0 0 2px #1d2b36}.rub__zone--done{cursor:default}.rub__zone--done .rub__icon{background:#1f6f43;color:#fff;box-shadow:none}.rub__zone--suggested{box-shadow:0 0 0 4px #f6c343}.rub__guide{position:absolute;top:100%;left:50%;margin-top:.35rem;padding:.2rem .65rem;border-radius:.5rem;background:#fff4cc;color:#1d2b36;font-size:.875rem;font-weight:700;white-space:nowrap;transform:translate(-50%);box-shadow:0 2px 6px #0000001f}.rub__guide--done{background:#dcfce7;color:#166534}.rub__zone:focus-visible{outline:4px solid var(--sg-focus, #1d4fd7);outline-offset:3px}.rub__finger{position:absolute;width:1.5rem;height:1.5rem;border-radius:50%;background:#c68a64;box-shadow:0 0 0 3px #fff,0 0 0 5px #1d2b36;pointer-events:none;transform:translate(-50%,-50%);z-index:6}.rub__direction{display:flex;align-items:center;gap:.5rem;margin:0;font-weight:700}.rub__meter{width:min(100%,20rem);height:.75rem;overflow:hidden;border-radius:999px;background:#dde7ec}.rub__meter span{display:block;height:100%;background:#1f6f43;transition:width .15s ease-out}.rub__count{margin:0;font-weight:600}@media(prefers-reduced-motion:no-preference){.rub__zone--rubbing .rub__ring--fill{animation:rub-spin .7s ease-in-out}@keyframes rub-spin{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}.rub__zone--suggested .rub__icon svg{animation:rub-turn 2s linear infinite}@keyframes rub-turn{to{transform:rotate(360deg)}}}.board__scene .rub__direction svg{flex:none;width:1.5rem;height:1.5rem}.step-action{display:grid;justify-items:center;gap:.5rem}.step-action__stage{position:relative;width:min(100%,34rem);aspect-ratio:6 / 5}.step-action__scene,.step-action__reveal{position:absolute;inset:0;pointer-events:none}.board__scene .step-action__stage svg.face-scene{width:100%;height:100%;max-height:none}.step-action__tool{position:absolute;right:1%;bottom:2%;width:25%;min-width:4.5rem;padding:.25rem;border:3px solid var(--sg-primary);border-radius:var(--sg-radius);background:var(--sg-surface);color:var(--sg-ink);font:inherit;font-size:.875rem;font-weight:800;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;line-height:1.2}.step-action__tool--ready{background:var(--sg-primary-soft)}.step-action__tool:disabled{cursor:default}.step-action__tool--guided,.step-action__target--guided{outline:4px solid var(--sg-accent);outline-offset:2px}.board__scene .step-action__tool svg{width:100%;max-height:none;height:auto}.step-action__target{position:absolute;display:grid;place-items:center;width:max(16%,3rem);min-height:3rem;aspect-ratio:1;padding:.25rem;border:3px dashed var(--sg-ink);border-radius:50%;transform:translate(-50%,-50%);background:#ffffffbf;color:var(--sg-ink);cursor:pointer;touch-action:manipulation}.step-action__target--done{border-color:transparent;background:transparent;color:var(--sg-success)}.board__scene .step-action__target--done>svg{position:absolute;right:0;bottom:0;padding:.125rem;border-radius:50%;background:var(--sg-success-soft)}.step-action__target--hand{width:25%;border-radius:var(--sg-radius)}.board__scene .step-action__target svg{width:1.5rem;height:1.5rem;max-height:none}.board__scene .step-action__target--hand svg{width:100%;height:auto}.step-action__target--hand.step-action__target--done{background:var(--sg-success-soft)}.board__scene .step-action__target--hand.step-action__target--done>svg{position:static;padding:0;border-radius:0}.step-action__guide{display:block;font-size:.8125rem;font-weight:800;color:var(--sg-hint)}.step-action__target .step-action__guide{position:absolute;top:100%;margin-top:.25rem;padding:.125rem .375rem;background:var(--sg-accent-soft);white-space:nowrap;border-radius:.25rem}.board__scene .step-action__selected{position:absolute;right:.25rem;top:.25rem;width:1.25rem;height:1.25rem;color:var(--sg-success)}.step-action__palm{position:absolute;left:19%;bottom:12%;width:25%;pointer-events:none}.board__scene .step-action__palm svg{max-height:none}.step-action__held{position:absolute;width:22%;pointer-events:none;transform:translate(-50%,-50%)}.board__scene .step-action__held svg{max-height:none}.step-action__meter{width:min(100%,20rem);height:.75rem;border-radius:1rem;overflow:hidden;background:var(--sg-line)}.step-action__meter span{display:block;height:100%;background:var(--sg-success)}.step-action__count{margin:0;text-align:center}.step-action__tool:focus-visible,.step-action__target:focus-visible{outline:4px solid var(--sg-focus);outline-offset:3px}@media(prefers-reduced-motion:no-preference){.step-action__meter span{transition:width .2s ease}}.brush-practice{display:grid;justify-items:center;gap:.75rem;width:100%}.brush-practice__stage{position:relative;width:min(100%,calc(min(26rem,46vh)*1.2));aspect-ratio:6 / 5;-webkit-user-select:none;user-select:none;touch-action:none}.board__scene .brush-practice__stage svg.hair-scene{width:100%;height:100%;max-height:none}.brush-practice__overlay{position:absolute;inset:0;width:100%;height:100%;max-height:none;overflow:visible;pointer-events:none;z-index:2}.brush-practice__burst-ring{animation:brush-burst-ring .6s ease-out forwards}@keyframes brush-burst-ring{0%{r:6;opacity:1}to{r:28;opacity:0}}.brush-lane{position:absolute;width:3.5rem;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;z-index:3}.brush-lane__track{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;pointer-events:none}.brush-lane__track-line{position:absolute;top:1rem;bottom:1.2rem;width:3px;background-image:repeating-linear-gradient(to bottom,#0284c7 0,#0284c7 6px,transparent 6px,transparent 12px);opacity:.6;border-radius:2px}.brush-lane__arrow-head{position:absolute;bottom:0;color:#0284c7;animation:brush-arrow-bounce 1.4s ease-in-out infinite}@keyframes brush-arrow-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.brush-tool-btn{position:absolute;left:50%;transform:translate(-50%,-50%);background:transparent;border:none;padding:0;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .15s ease-out}.brush-tool-btn--active{width:2.8rem;height:3.8rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.22))}.brush-tool-btn--bead{width:2.4rem;height:2.4rem}.brush-tool-btn:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.08)}.brush-lane--suggested .brush-tool-btn--active{animation:brush-tool-pulse 1.8s ease-in-out infinite alternate}@keyframes brush-tool-pulse{0%{filter:drop-shadow(0 3px 6px rgba(14,165,233,.35))}to{filter:drop-shadow(0 6px 14px rgba(14,165,233,.75))}}.brush-tool-btn--animating{animation:brush-stroke-glide .45s ease-in-out forwards!important}@keyframes brush-stroke-glide{0%{top:0%}to{top:100%}}.brush-tool-svg{width:100%;height:100%;display:block}.brush-target-bead{width:1.4rem;height:1.4rem;border-radius:999px;background:#fff;border:2px solid #0284c7;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0284c740;transition:transform .2s ease,border-color .2s ease}.brush-target-bead__dot{width:.45rem;height:.45rem;border-radius:999px;background:#0284c7}.brush-tool-btn--bead:hover .brush-target-bead,.brush-tool-btn--bead:focus-visible .brush-target-bead{transform:scale(1.2);border-color:#0369a1}.brush-practice__action-btn{display:inline-flex;align-items:center;gap:.5rem;min-height:2.8rem;padding:.5rem 1.4rem;font-size:1rem;font-weight:700;border-radius:999px;background:#f0f9ff;color:#0284c7;border:1.5px solid #bae6fd;box-shadow:0 2px 6px #0284c726;cursor:pointer;transition:all .2s ease}.brush-practice__action-btn:hover{background:#e0f2fe;border-color:#7dd3fc;transform:translateY(-1px);box-shadow:0 4px 10px #0284c738}.brush-practice__action-btn:active{transform:translateY(0)}.brush-practice__footer{display:flex;flex-direction:column;align-items:center;gap:.6rem;width:min(100%,calc(min(26rem,46vh)*1.2))}.brush-practice__progress-bar-wrap{display:flex;align-items:center;justify-content:space-between;width:100%;background:#fff;border:1.5px solid #e2e8f0;border-radius:999px;padding:.45rem 1rem;box-shadow:0 1px 3px #0000000d}.brush-practice__progress-label{display:flex;align-items:center;gap:.4rem;font-size:.92rem;font-weight:700;color:#1e293b}.brush-practice__star-icon{color:#eab308}.brush-practice__track-dots{display:flex;align-items:center;gap:.4rem}.brush-practice__dot{width:.75rem;height:.75rem;border-radius:50%;background:#e2e8f0;transition:all .3s cubic-bezier(.4,0,.2,1)}.brush-practice__dot--filled{background:#22c55e;box-shadow:0 0 0 2px #bbf7d0;transform:scale(1.15)}.brush-practice__finish-btn{white-space:nowrap!important;display:inline-flex!important;align-items:center;justify-content:center;gap:.5rem;min-height:3rem;min-width:11rem;width:auto!important;max-width:none!important;padding:.65rem 2rem!important;font-size:1.15rem;font-weight:800;margin-top:.25rem;box-shadow:0 4px 12px #16a34a59;animation:brush-finish-enter .35s cubic-bezier(.175,.885,.32,1.275)}@keyframes brush-finish-enter{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.brush-lane__arrow-head,.brush-lane--suggested .brush-tool-btn,.brush-practice__finish-btn{animation:none}}.shower-practice{display:grid;justify-items:center;gap:.75rem;width:100%}.shower-practice__stage{position:relative;width:min(100%,calc(min(26rem,46vh)*1.2));aspect-ratio:6 / 5;-webkit-user-select:none;user-select:none;touch-action:none;cursor:crosshair;border-radius:1.5rem;overflow:hidden}.board__scene .shower-practice__stage svg,.board__scene .shower-practice__stage svg.hair-scene,.board__scene .shower-practice__stage svg.shower-practice__overlay,.board__scene .shower-practice__stage svg.rub__head-bubbles{width:100%;height:100%;max-height:none!important;display:block}.shower-practice__overlay{position:absolute;inset:0;width:100%;height:100%;max-height:none!important;overflow:visible;pointer-events:none;z-index:3}.shower-stream{stroke-linecap:round}.shower-stream--1{animation:spray-drift-1 .35s linear infinite}.shower-stream--2{animation:spray-drift-2 .3s linear infinite}.shower-stream--3{animation:spray-drift-3 .28s linear infinite}@keyframes spray-drift-1{0%{stroke-dashoffset:0}to{stroke-dashoffset:-12}}@keyframes spray-drift-2{0%{stroke-dashoffset:0}to{stroke-dashoffset:-10}}@keyframes spray-drift-3{0%{stroke-dashoffset:0}to{stroke-dashoffset:-14}}.shower-splash-drop{animation:splash-flicker .4s ease-in-out infinite alternate}@keyframes splash-flicker{0%{transform:translateY(0) scale(.9);opacity:.7}to{transform:translateY(3px) scale(1.15);opacity:1}}.shower-practice__progress-pill{position:absolute;bottom:.65rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.5rem;padding:.35rem .85rem;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1.5px solid #bae6fd;border-radius:9999px;box-shadow:0 4px 12px #0ea5e926;font-size:.85rem;font-weight:700;color:#0369a1;pointer-events:none;z-index:4;white-space:nowrap}.shower-practice__progress-bar-bg{width:4.5rem;height:.45rem;background:#e0f2fe;border-radius:9999px;overflow:hidden}.shower-practice__progress-bar-fill{height:100%;background:linear-gradient(90deg,#38bdf8,#0284c7);border-radius:9999px;transition:width .15s ease-out}.shower-practice__actions{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;max-width:26rem}.shower-practice__next-btn{white-space:nowrap!important;min-width:9rem;font-weight:700;box-shadow:0 4px 14px #2d5a4240;animation:pop-in .3s cubic-bezier(.175,.885,.32,1.275)}.shower-practice__auto-btn{white-space:nowrap!important;font-weight:600}@keyframes pop-in{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.shower-stream--1,.shower-stream--2,.shower-stream--3,.shower-splash-drop,.shower-practice__next-btn{animation:none}}.shampoo-pour-practice{display:grid;justify-items:center;gap:.75rem;width:100%}.shampoo-pour-practice__stage{position:relative;width:min(100%,calc(min(26rem,46vh)*1.2));aspect-ratio:6 / 5;-webkit-user-select:none;user-select:none;touch-action:manipulation;border-radius:1.5rem;overflow:hidden}.board__scene .shampoo-pour-practice__stage svg,.board__scene .shampoo-pour-practice__stage svg.hair-scene,.board__scene .shampoo-pour-practice__stage svg.shampoo-pour-practice__overlay{width:100%;height:100%;max-height:none!important;display:block}.shampoo-pour-practice__overlay{position:absolute;inset:0;width:100%;height:100%;max-height:none!important;overflow:visible;pointer-events:none;z-index:3}.shampoo-pour-practice__pulse-glow{animation:bottle-glow 1.8s ease-in-out infinite alternate;transform-origin:center}@keyframes bottle-glow{0%{opacity:.35;transform:scale(.96)}to{opacity:.95;transform:scale(1.08)}}.shampoo-pour-practice__bottle-idle{cursor:pointer;pointer-events:auto;transition:transform .2s ease-out}.shampoo-pour-practice__bottle-idle:hover{filter:brightness(1.08)}.shampoo-pour-practice__gel-stream{stroke-dasharray:40;stroke-dashoffset:40;animation:gel-flow .5s ease-out forwards}@keyframes gel-flow{0%{stroke-dashoffset:40}to{stroke-dashoffset:0}}.shampoo-pour-practice__dollop-grow{transform-origin:180px 52px;animation:dollop-squish .6s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes dollop-squish{0%{transform:scale(0);opacity:0}60%{transform:scale(1.2,.85);opacity:1}to{transform:scale(1);opacity:1}}.shampoo-pour-practice__tap-badge{position:absolute;left:20%;bottom:26%;transform:translate(-50%);display:flex;align-items:center;gap:.35rem;padding:.3rem .75rem;background:#0284c7;color:#fff;font-size:.8rem;font-weight:700;border-radius:9999px;box-shadow:0 4px 12px #0284c759;pointer-events:none;z-index:4;animation:tap-badge-bounce 1.5s ease-in-out infinite;white-space:nowrap}@keyframes tap-badge-bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-6px)}}.shampoo-pour-practice__actions{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;max-width:26rem}.shampoo-pour-practice__next-btn{white-space:nowrap!important;min-width:9rem;font-weight:700;box-shadow:0 4px 14px #2d5a4240;animation:pop-in .3s cubic-bezier(.175,.885,.32,1.275)}.shampoo-pour-practice__auto-btn{white-space:nowrap!important;font-weight:600}@media(prefers-reduced-motion:reduce){.shampoo-pour-practice__pulse-glow,.shampoo-pour-practice__gel-stream,.shampoo-pour-practice__dollop-grow,.shampoo-pour-practice__tap-badge,.shampoo-pour-practice__next-btn{animation:none}}.ponytail-makeover{width:100%;max-width:62rem;margin:0 auto}.ponytail-makeover__salon{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(300px,360px);gap:1.5rem;align-items:start;width:100%}@media(max-width:820px){.ponytail-makeover__salon{grid-template-columns:1fr;max-width:32rem;margin:0 auto;gap:1rem}}.ponytail-makeover__stage-col{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}.ponytail-makeover__stage-card{position:relative;width:100%;aspect-ratio:6 / 5;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:1.5rem;overflow:hidden;box-shadow:0 12px 32px #1b3a2d24,0 2px 6px #0000000a;background:#fdf0dc;border:4px solid #ffffff;cursor:default}.ponytail-makeover__stage-card--brushing{cursor:grab}.ponytail-makeover__stage-card--gathering{cursor:pointer}.ponytail-makeover__stage-card--pinning{cursor:crosshair}.ponytail-makeover__stage-card svg.hair-scene{width:100%;height:100%;max-height:none;display:block}.ponytail-makeover__overlay-svg{position:absolute;inset:0;width:100%;height:100%;max-height:none;overflow:visible;z-index:3}.makeover-gather-hand-sim{cursor:pointer}.makeover-gather-hand-bounce{animation:gather-hand-subtle-bounce 1.1s infinite alternate ease-in-out;transform-box:fill-box;transform-origin:center}@keyframes gather-hand-subtle-bounce{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.makeover-drop-target{cursor:pointer}.makeover-drop-ring{stroke:#0284c7;stroke-width:2.5;stroke-dasharray:5 3;fill:#0284c72e;animation:ring-dash-march 2s linear infinite}@keyframes ring-dash-march{to{stroke-dashoffset:16}}.makeover-drop-glow{fill:#38bdf8;animation:pulse-glow-opacity 1.4s ease-in-out infinite alternate}@keyframes pulse-glow-opacity{0%{opacity:.16}to{opacity:.42}}.makeover-placed-pin{animation:pin-pop .28s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;filter:drop-shadow(0 2px 4px rgba(0,0,0,.18))}@keyframes pin-pop{0%{transform:scale(0);opacity:0}80%{transform:scale(1.25)}to{transform:scale(1);opacity:1}}.ponytail-makeover__mirror-gleam{animation:mirror-sweep 1.2s cubic-bezier(.16,1,.3,1) forwards}@keyframes mirror-sweep{0%{opacity:0;transform:translate(-150px) rotate(25deg)}40%{opacity:.7}to{opacity:0;transform:translate(350px) rotate(25deg)}}.ponytail-makeover__stage-hint{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:.55rem 1rem;background:#fffffff2;border:1.5px solid #e2e8f0;border-radius:9999px;box-shadow:0 2px 8px #0000000a;font-size:.85rem;font-weight:700;color:#334155}.ponytail-makeover__progress-track{display:inline-flex;align-items:center;gap:.45rem;font-size:.8rem;font-weight:800;color:#0284c7}.ponytail-makeover__progress-bar-bg{width:5.5rem;height:.5rem;background:#e2e8f0;border-radius:9999px;overflow:hidden}.ponytail-makeover__progress-bar-fill{height:100%;background:linear-gradient(90deg,#38bdf8,#0284c7);border-radius:9999px;transition:width .2s ease-out}.ponytail-makeover__sidebar{display:flex;flex-direction:column;gap:1rem;width:100%;padding:1.25rem 1.15rem;background:#fff;border:2px solid #e2e8f0;border-radius:1.5rem;box-shadow:0 10px 30px #0f172a12}.makeover-step-tabs{display:flex;align-items:center;justify-content:space-between;gap:.35rem;width:100%;padding-bottom:.75rem;border-bottom:1.5px solid #f1f5f9}.makeover-step-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.35rem .2rem;border-radius:.65rem;background:#f8fafc;border:1px solid #e2e8f0;text-align:center;transition:all .2s ease}.makeover-step-tab--active{background:#f0fdf4;border-color:#2d5a42;box-shadow:0 2px 8px #2d5a421f}.makeover-step-tab--done{background:#f0f9ff;border-color:#0284c7}.makeover-step-tab__num{font-size:.7rem;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.03em}.makeover-step-tab--active .makeover-step-tab__num{color:#2d5a42}.makeover-step-tab--done .makeover-step-tab__num{color:#0284c7}.makeover-step-tab__name{font-size:.75rem;font-weight:700;color:#1e293b;white-space:nowrap}.makeover-sidebar__header{display:flex;flex-direction:column;gap:.2rem}.makeover-sidebar__title{font-size:1rem;font-weight:800;color:#0f172a}.makeover-sidebar__sub{font-size:.825rem;color:#64748b;font-weight:500}.makeover-inventory__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;width:100%}@media(min-width:480px)and (max-width:820px){.makeover-inventory__grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}.makeover-item-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:.75rem .5rem;min-height:5.75rem;border-radius:1.15rem;border:2px solid #e2e8f0;background:linear-gradient(150deg,#fff,#f8fafc);box-shadow:0 3px 8px #0f172a0d;cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1);text-align:center}.makeover-item-card:hover{transform:translateY(-3px);border-color:#38bdf8;box-shadow:0 8px 18px #0284c724;background:#fff}.makeover-item-card:active{transform:translateY(-1px) scale(.98)}.makeover-item-card--active{border-color:#0284c7!important;background:linear-gradient(150deg,#f0f9ff,#e0f2fe)!important;box-shadow:0 0 0 3px #0284c738,0 8px 20px #0284c72e!important}.makeover-item-card__badge{position:absolute;top:.45rem;right:.45rem;display:flex;align-items:center;justify-content:center;width:1.3rem;height:1.3rem;border-radius:50%;background:#0284c7;color:#fff;font-size:.75rem;font-weight:900;box-shadow:0 2px 6px #0284c766;animation:badge-pop .25s cubic-bezier(.175,.885,.32,1.275)}@keyframes badge-pop{0%{transform:scale(0)}to{transform:scale(1)}}.makeover-item-card__icon{display:flex;align-items:center;justify-content:center;width:100%;height:2.85rem}.makeover-item-card__icon svg{max-width:100%;max-height:100%;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.06));transition:transform .2s cubic-bezier(.16,1,.3,1)}.makeover-item-card:hover .makeover-item-card__icon svg{transform:scale(1.08)}.makeover-item-card__info{display:flex;flex-direction:column;align-items:center;gap:.1rem;width:100%}.makeover-item-card__name{font-size:.8rem;font-weight:800;color:#0f172a;line-height:1.15}.makeover-item-card__sub{font-size:.68rem;font-weight:600;color:#64748b;line-height:1.1}.makeover-item-card--active .makeover-item-card__name{color:#0369a1}.makeover-sim-action-hint{display:flex;align-items:center;justify-content:center;padding:.85rem 1rem;border-radius:1rem;background:#f0fdf4;border:1.5px dashed #22c55e;color:#15803d;font-size:.9rem;font-weight:800;text-align:center;animation:pulse-border 1.5s infinite ease-in-out}@keyframes pulse-border{0%,to{box-shadow:0 0 #22c55e33}50%{box-shadow:0 0 0 4px #22c55e40}}.makeover-drag-ghost{position:fixed;pointer-events:none;z-index:9999;transform:translate(-50%,-50%) scale(1.25);filter:drop-shadow(0 6px 14px rgba(0,0,0,.3))}.makeover-pin-tools{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding:.4rem .6rem;background:#f8fafc;border-radius:.75rem;border:1px solid #e2e8f0}.makeover-pin-tools__count{font-size:.8rem;font-weight:800;color:#0369a1}.makeover-pin-tools__btn{padding:.3rem .6rem;font-size:.75rem;font-weight:700;border-radius:.5rem;border:1px solid #cbd5e1;background:#fff;color:#475569;cursor:pointer;transition:all .15s ease}.makeover-pin-tools__btn:hover{background:#f1f5f9;color:#0f172a}.makeover-sidebar__actions{display:flex;flex-direction:column;gap:.5rem;width:100%;margin-top:.5rem}.makeover-action-btn{width:100%;min-height:3.25rem!important;font-size:1rem!important;font-weight:800!important;border-radius:1rem!important;letter-spacing:.01em;white-space:nowrap!important;box-shadow:0 4px 14px #2d5a4238;transition:all .2s cubic-bezier(.16,1,.3,1)}.makeover-action-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2d5a424d}.makeover-action-btn--glow{background:linear-gradient(135deg,#059669,#047857)!important;border-color:#059669!important;animation:pulse-glow 2s infinite ease-in-out}@keyframes pulse-glow{0%,to{box-shadow:0 4px 14px #05966940}50%{box-shadow:0 6px 22px #05966973}}.ponytail-makeover__finish{display:flex;flex-direction:column;align-items:center;gap:1.25rem;text-align:center;padding:2rem 1rem;max-width:32rem;margin:0 auto;background:#fff;border-radius:1.5rem;border:2px solid #e2e8f0;box-shadow:0 10px 30px #0f172a14}.ponytail-makeover__mascot{width:11rem;height:auto;animation:finish-bounce 1s infinite alternate ease-in-out}@keyframes finish-bounce{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.ponytail-makeover__finish-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem;width:100%}.cooking-mama-sim{width:100%;max-width:64rem;margin:0 auto;display:flex;flex-direction:column;gap:1.25rem}.cm-step-tracker{display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:#fff;padding:.625rem 1rem;border-radius:16px;border:2px solid #e2e8f0;box-shadow:0 4px 12px #0f172a0d;overflow-x:auto}.cm-step-pill{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:999px;font-size:.8125rem;font-weight:800;color:#64748b;background:#f1f5f9;border:2px solid transparent;cursor:pointer;white-space:nowrap;transition:all .2s ease}.cm-step-pill--active{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8;box-shadow:0 2px 8px #3b82f633}.cm-step-pill--done{background:#f0fdf4;border-color:#22c55e;color:#15803d}.cm-layout-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,370px);gap:1.5rem;align-items:start}@media(max-width:860px){.cm-layout-grid{grid-template-columns:1fr}}.cm-arena-card{position:relative;width:100%;aspect-ratio:4 / 3;min-height:340px;background:#f8fafc;border-radius:24px;border:3px solid #cbd5e1;box-shadow:0 10px 28px #0f172a14;overflow:hidden;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}.cm-arena-header{display:flex;align-items:center;justify-content:space-between;padding:.625rem 1rem;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:2px solid #e2e8f0;z-index:5}.cm-arena-title{font-size:.9375rem;font-weight:900;color:#0f172a;display:flex;align-items:center;gap:.5rem}.cm-arena-progress{font-size:.8125rem;font-weight:800;padding:3px 10px;border-radius:999px;background:#e0f2fe;color:#0369a1}.cm-stage-viewport{position:relative;flex:1;width:100%;height:100%;overflow:hidden}.cm-lamp-scene{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:background .4s ease}.cm-lamp-switch-btn{position:absolute;top:1.25rem;right:1.25rem;background:#f59e0b;color:#fff;border:none;border-radius:999px;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:900;cursor:pointer;box-shadow:0 4px 12px #f59e0b59;display:flex;align-items:center;gap:.5rem;transition:transform .15s ease,background .15s ease;z-index:6}.cm-lamp-switch-btn:hover{transform:scale(1.05);background:#d97706}.cm-lamp-light-beam{position:absolute;inset:0;background:radial-gradient(circle at 35% 25%,rgba(254,240,138,.45) 0%,rgba(254,240,138,.1) 60%,transparent 100%);pointer-events:none;animation:cm-pulse-light 3s ease-in-out infinite alternate}@keyframes cm-pulse-light{0%{opacity:.85}to{opacity:1}}.cm-hand-mat-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.cm-hand-img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.cm-nail-hotspot{position:absolute;width:44px;height:44px;border-radius:50%;transform:translate(-50%,-50%);cursor:pointer;display:flex;align-items:center;justify-content:center;touch-action:manipulation;z-index:4}.cm-nail-guide-ring{width:32px;height:32px;border-radius:50%;border:3px dashed #ef4444;background:#fee2e299;animation:cm-breathe-guide 1.5s ease-in-out infinite alternate;display:flex;align-items:center;justify-content:center;font-size:16px}@keyframes cm-breathe-guide{0%{transform:scale(.9);opacity:.8}to{transform:scale(1.15);opacity:1;border-color:#dc2626}}.cm-clipped-piece{position:absolute;width:16px;height:8px;border-radius:50% 50% 0 0;background:#fff;border:1px solid #cbd5e1;box-shadow:0 1px 3px #0003;pointer-events:none;animation:cm-drop-clipping .4s ease-out forwards}@keyframes cm-drop-clipping{0%{transform:translateY(0) rotate(0) scale(1.2);opacity:1}to{transform:translateY(35px) rotate(45deg) scale(.9);opacity:.85}}.cm-file-hotspot{position:absolute;width:44px;height:44px;border-radius:50%;transform:translate(-50%,-50%);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:4}.cm-file-guide-ring{width:32px;height:32px;border-radius:50%;border:3px solid #3b82f6;background:#e0f2fea6;animation:cm-file-pulse 1.2s ease-in-out infinite alternate;display:flex;align-items:center;justify-content:center;font-size:15px}@keyframes cm-file-pulse{0%{transform:scale(.95)}to{transform:scale(1.15);background:#bae6fdcc}}.cm-trash-bin-zone{position:absolute;bottom:1.5rem;right:2rem;width:110px;height:120px;border-radius:18px;background:#fff;border:3px dashed #64748b;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 8px 20px #0f172a1f;transition:transform .2s ease,border-color .2s ease;z-index:5}.cm-trash-bin-zone--open{transform:scale(1.08);border-color:#22c55e;background:#f0fdf4}.cm-table-clipping-item{position:absolute;cursor:pointer;padding:8px;touch-action:manipulation;z-index:4;transition:transform .18s ease}.cm-table-clipping-item:hover{transform:scale(1.25)}.cm-clipping-svg{width:28px;height:16px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}.cm-wash-scene{position:relative;width:100%;height:100%;background:linear-gradient(180deg,#f0fdf4,#e0f2fe);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}.cm-soap-pump-btn{background:#fff;border:3px solid #0284c7;border-radius:20px;padding:.75rem 1.25rem;font-size:1rem;font-weight:900;color:#0369a1;cursor:pointer;box-shadow:0 4px 12px #0284c733;display:flex;align-items:center;gap:.5rem;transition:all .15s ease;margin-top:.75rem}.cm-soap-pump-btn:hover{transform:translateY(-2px);background:#f0f9ff}.cm-soap-bubble{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#e0f2fecc 70%,#bae6fd99);border:1px solid rgba(255,255,255,.9);box-shadow:0 2px 6px #00000014;pointer-events:none;animation:cm-bubble-float 2.5s ease-in-out infinite alternate}@keyframes cm-bubble-float{0%{transform:translateY(0) scale(.95)}to{transform:translateY(-8px) scale(1.05)}}.cm-decision-col{display:flex;flex-direction:column;gap:1rem}.cm-instruction-box{background:#fff;border:2px solid #e2e8f0;border-radius:20px;padding:1rem 1.25rem;box-shadow:0 4px 12px #0f172a0f}.cm-step-tag{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:900;text-transform:uppercase;color:#2563eb;background:#dbeafe;padding:3px 10px;border-radius:999px;margin-bottom:.5rem}.cm-prompt-text{font-size:1.125rem;font-weight:800;color:#0f172a;line-height:1.35;margin:0}.cm-choice-list{display:flex;flex-direction:column;gap:.75rem}.cm-choice-btn{display:flex;align-items:center;gap:.875rem;width:100%;padding:.75rem 1rem;border-radius:18px;background:#fff;border:3px solid #cbd5e1;box-shadow:0 .25rem #cbd5e1;text-align:left;cursor:pointer;transition:all .15s ease;font:inherit}.cm-choice-btn:hover:not(:disabled){border-color:#3b82f6;background:#eff6ff;box-shadow:0 .25rem #3b82f6;transform:translateY(-2px)}.cm-choice-btn--active{border-color:#16a34a;background:#f0fdf4;box-shadow:0 .25rem #16a34a}.cm-choice-btn--excluded{opacity:.45;border-color:#e2e8f0;background:#f1f5f9;box-shadow:none;cursor:not-allowed;transform:none!important}.cm-choice-thumbnail{width:68px;height:68px;border-radius:12px;object-fit:cover;flex-shrink:0;border:1px solid #e2e8f0}.cm-choice-label{font-size:1rem;font-weight:800;color:#0f172a;line-height:1.3}.cm-feedback-banner{padding:.75rem 1rem;border-radius:14px;font-weight:800;font-size:.9375rem;display:flex;align-items:center;gap:.5rem}.cm-feedback-banner--success{background:#dcfce7;color:#15803d;border:1px solid #86efac}.cm-feedback-banner--hint{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.cm-finish-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1.5rem;background:#f0fdf4;border:3px solid #86efac;border-radius:24px;box-shadow:0 8px 24px #16a34a1a;gap:1.25rem}.cm-finish-heading{font-size:1.5rem;font-weight:900;color:#166534;margin:0}.cm-finish-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem;width:100%;max-width:44rem}.cm-summary-item{display:flex;flex-direction:column;align-items:center;gap:.375rem;background:#fff;padding:.75rem .5rem;border-radius:14px;border:2px solid #bbf7d0;font-size:.8125rem;font-weight:800;color:#166534}.cm-summary-img{width:48px;height:48px;border-radius:8px;object-fit:cover}.cm-finish-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:.5rem}.clock-game{display:flex;flex-direction:column;gap:1.25rem;width:100%;max-width:620px;margin:0 auto;padding:.5rem}.clock-game__main{display:flex;flex-direction:column;align-items:stretch;gap:1.25rem;width:100%}.clock-mission-card{background:linear-gradient(135deg,var(--sg-primary, #1b3a2d) 0%,var(--sg-primary-dark, #0f2319) 100%);color:var(--sg-primary-ink, #ffffff);border:3px solid var(--sg-primary, #1b3a2d);border-radius:1.25rem;padding:1.25rem;box-shadow:var(--sg-shadow, 0 2px 16px rgb(27 58 45 / .08));display:flex;flex-direction:column;gap:1rem}.clock-mission-card__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;border-bottom:1px solid rgb(159 226 204 / .25);padding-bottom:.6rem}.clock-mission-card__tag{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--sg-mint, #9fe2cc)}.clock-mission-card__step-tag{background:var(--sg-sun, #fadb0b);color:var(--sg-primary-dark, #0f2319);padding:.2rem .7rem;border-radius:9999px;font-size:.8rem;font-weight:800}.clock-mission-card__body{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}.clock-mission-card__target-display{background:var(--sg-surface, #ffffff);border:3px solid var(--sg-mint, #9fe2cc);border-radius:1rem;padding:.75rem 1.25rem;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:140px}.clock-mission-card__target-label{font-size:.72rem;font-weight:800;letter-spacing:.06em;color:var(--sg-ink-muted, #4e6a5c);text-transform:uppercase}.clock-mission-card__heading{margin:0;font-size:2.4rem;font-weight:900;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:var(--sg-primary, #1b3a2d);letter-spacing:.05em;line-height:1.1}.clock-mission-card__guide-box{flex:1;display:flex;flex-direction:column;gap:.6rem;min-width:min(220px,100%)}.clock-mission-card__prompt{margin:0;font-size:1.15rem;font-weight:800;color:var(--sg-primary-ink, #ffffff);line-height:1.35}.clock-mission-card__hand-hints{display:flex;flex-wrap:wrap;gap:.5rem}.hand-hint{display:inline-flex;align-items:center;gap:.35rem;font-size:.9rem;font-weight:700;padding:.3rem .7rem;border-radius:.5rem;background:var(--sg-surface, #ffffff);border:2px solid transparent}.hand-hint--hour{color:#0d47a1;border-color:#1976d2}.hand-hint--minute{color:#ad1457;border-color:#e91e63}.clock-instrument-card{background:var(--sg-surface, #ffffff);border:3px solid var(--sg-border, #cbd5e1);border-radius:1.25rem;padding:1.25rem;box-shadow:0 4px 14px #0000000d;display:flex;flex-direction:column;align-items:center;gap:1.15rem}.clock-instrument__header{text-align:center;display:flex;flex-direction:column;gap:.2rem}.clock-instrument__title{font-size:1.2rem;font-weight:900;color:#0f172a}.clock-instrument__subtitle{font-size:.88rem;font-weight:600;color:#64748b}.clock-instrument__switch-bar{display:flex;gap:.5rem;width:100%;max-width:440px;background:#f1f5f9;border:2px solid #cbd5e1;border-radius:.9rem;padding:.3rem}.clock-instrument__switch-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.45rem;min-height:48px;padding:.5rem .75rem;font-size:.92rem;font-weight:800;color:#475569;background:transparent;border:2px solid transparent;border-radius:.65rem;cursor:pointer;transition:all .15s ease}.clock-instrument__switch-btn.active.clock-instrument__switch-btn--hour{background:#fff;color:#0d47a1;border-color:#1976d2;box-shadow:0 2px 6px #1976d233}.clock-instrument__switch-btn.active.clock-instrument__switch-btn--minute{background:#fff;color:#ad1457;border-color:#e91e63;box-shadow:0 2px 6px #e91e6333}.clock-instrument__switch-btn:focus-visible{outline:3px solid var(--sg-focus, #da5b26);outline-offset:2px}.clock-switch-dot{width:12px;height:12px;border-radius:50%;display:inline-block;flex-shrink:0}.clock-switch-dot--hour{background:#1976d2}.clock-switch-dot--minute{background:#e91e63}.clock-game__svg-wrapper{position:relative;width:100%;max-width:320px;aspect-ratio:1 / 1;-webkit-user-select:none;user-select:none;touch-action:none;margin:.25rem 0}.clock-game__svg{width:100%;height:100%;overflow:visible;cursor:pointer;filter:drop-shadow(0 6px 14px rgba(0,0,0,.08))}.clock-game__minute-label{pointer-events:none}.clock-game__hour-btn{cursor:pointer}.clock-game__hour-btn:hover circle{fill:var(--sg-mint-soft, #e3f6ef)}.clock-game__hour-btn:focus{outline:none}.clock-game__hour-btn:focus-visible circle{stroke:var(--sg-focus, #da5b26);stroke-width:4}.clock-instrument__how{display:inline-flex;align-items:center;gap:.45rem;margin:0;font-size:.95rem;font-weight:700;color:var(--sg-ink-muted, #4e6a5c);text-align:center}.clock-align-meter{display:flex;flex-direction:column;gap:.6rem;width:100%;padding:.85rem 1rem;border-radius:.85rem;transition:all .2s ease}.clock-align-meter--pending{background:#f8fafc;border:2px solid #e2e8f0}.clock-align-meter--matched{background:#ecfdf5;border:2px solid #10b981}.clock-align-meter__time-block{display:flex;align-items:center;justify-content:space-between;border-bottom:1px dashed rgba(0,0,0,.1);padding-bottom:.4rem}.clock-align-meter__time-label{font-size:.78rem;font-weight:800;letter-spacing:.06em;color:#64748b}.clock-align-meter__time-val{font-size:1.15rem;font-weight:900;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#1e293b}.clock-align-meter__status-block{display:flex;flex-direction:column;gap:.4rem}.clock-align-meter__hands-text{font-size:.88rem;font-weight:600;color:#475569}.clock-align-meter__badge{display:inline-flex;align-items:center;gap:.45rem;font-size:.85rem;font-weight:800;padding:.4rem .65rem;border-radius:.5rem}.clock-align-meter__badge--matched{background:#d1fae5;color:#065f46}.clock-align-meter__badge--pending{background:#f1f5f9;color:#475569}.clock-game__action{display:flex;flex-direction:column;gap:.75rem;width:100%}.clock-game__check-btn{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;min-height:52px;font-size:1.2rem;font-weight:900;border-radius:.85rem;box-shadow:0 4px 10px #0000001a}.clock-feedback-bar{margin:0;font-size:1rem;font-weight:700;line-height:1.4;border-radius:.85rem;padding:.85rem 1rem;display:flex;align-items:center;gap:.75rem}.clock-game__finish{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:2.5rem 1.5rem;text-align:center;background:#fff;border:3px solid var(--sg-border, #cbd5e1);border-radius:1.5rem;box-shadow:0 8px 24px #0000000d}.clock-game__mascot{max-width:180px;height:auto}.clock-game__finish h2{font-size:1.7rem;font-weight:900;color:#0f172a;margin:0}.clock-game__finish p{font-size:1.1rem;color:#475569;max-width:440px;line-height:1.5;margin:0}.clock-game__finish-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:.5rem}@media(max-width:480px){.clock-mission-card__body{flex-direction:column;align-items:stretch}.clock-mission-card__target-display{width:100%}.clock-mission-card__heading{font-size:2.1rem}}.privacy{display:grid;gap:1rem;align-items:start}.privacy__view{width:min(100%,16rem);justify-self:center;margin:0;overflow:hidden;border:2px solid var(--sg-line);border-radius:1rem;background:var(--sg-surface)}.privacy__view h2,.privacy__view figcaption{margin:0;padding:.5rem .75rem;font-size:1rem;font-weight:800}.privacy__view p,.privacy__view ul{margin:0;padding:.5rem .75rem;font-size:.9375rem;font-weight:700;line-height:1.35;list-style:none}.privacy__diagram{position:relative;aspect-ratio:2 / 3;pointer-events:none}.privacy__diagram>svg{display:block;width:100%;height:100%}.privacy__marker,.privacy__card-number{display:grid;place-items:center;width:1.75rem;height:1.75rem;border:2px solid #ffffff;border-radius:50%;background:var(--sg-primary);color:#fff;font-weight:900}.privacy__marker{position:absolute;transform:translate(-50%,-50%)}.privacy__side{display:grid;gap:.875rem;min-width:0}.privacy__choices,.privacy__recap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.privacy__choice{position:relative;display:grid;justify-items:center;align-content:start;gap:.5rem;min-width:0;min-height:3rem;padding:.75rem .5rem;border:3px solid var(--sg-primary);border-radius:1rem;background:var(--sg-surface);color:var(--sg-ink);font:inherit;font-weight:800;line-height:1.3;text-align:center;cursor:pointer}.privacy__card-number{position:absolute;top:.5rem;left:.5rem}.privacy__choice-art{display:block;width:min(100%,8rem);aspect-ratio:2 / 3}.privacy__choice-art svg{width:100%;height:100%}.privacy__choice:focus-visible{outline:3px solid var(--sg-focus);outline-offset:3px}.privacy__choice:hover:not(:disabled){background:var(--sg-primary-soft)}.privacy__choice--suggested{border-color:var(--sg-accent);box-shadow:0 0 0 3px var(--sg-accent-soft)}.privacy__choice--excluded{border-color:var(--sg-line);background:#eef1ef;cursor:not-allowed}.privacy__stage{margin:0;padding-bottom:.5rem;border-bottom:2px solid var(--sg-line);font-weight:800}.privacy__read{justify-self:start}.privacy__result{display:grid;justify-items:start;gap:.75rem}.privacy__result p{margin:0;font-weight:800}.privacy__card{display:grid;gap:.75rem;padding:1rem;border:2px solid var(--sg-line);border-radius:1rem;background:var(--sg-surface);font-weight:700;line-height:1.4}.privacy__card p{margin:0}.privacy__safety{padding:.75rem;border-left:.3rem solid var(--sg-primary);background:var(--sg-primary-soft)}.privacy__finish .board__mascot{width:4.5rem}@media(min-width:60rem){.privacy{grid-template-columns:clamp(12rem,calc((100dvh - 20rem) * 2 / 3),22rem) minmax(0,1fr)}.privacy--recap{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media(max-width:30rem){.privacy__view{width:min(100%,11rem)}.privacy__choice-art{width:min(100%,5.5rem)}.privacy__recap{grid-template-columns:1fr}.sg-shell:has(.privacy) .sg-shell__actions{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row}.sg-shell:has(.privacy) .sg-shell__actions .sg-button{min-width:0;white-space:normal}}.spot-it-game{display:flex;flex-direction:column;align-items:center;width:100%;max-width:860px;margin:0 auto;padding:.5rem;box-sizing:border-box;gap:1.25rem}.spot-it-scene{width:100%;max-width:480px;max-height:180px;display:flex;justify-content:center;align-items:center;border-radius:16px;overflow:hidden;box-shadow:0 4px 14px #0000001a;background:#fff}.spot-it-scene svg{width:100%;height:100%;max-height:180px;object-fit:contain}.spot-it-main-section{display:flex;flex-direction:column;align-items:center;width:100%;gap:1.25rem}.spot-it-lineup-board{width:100%;background:linear-gradient(135deg,#fff,#f5f5f5);border:4px solid #1d2b36;border-radius:20px;overflow:hidden;box-shadow:0 8px 24px #0000001f;padding:1.25rem;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:1rem}.lineup-title{font-size:1.2rem;font-weight:900;color:#1d2b36;margin:0;display:flex;align-items:center;gap:.5rem}.characters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.25rem;width:100%;justify-items:center}.spot-it-character-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:#fff;border:3px solid #1d2b36;border-radius:18px;padding:1rem;min-height:190px;width:100%;max-width:220px;cursor:pointer;transition:all .25 ease;box-shadow:0 4px 14px #00000014;box-sizing:border-box}.spot-it-character-card:hover:not(:disabled){transform:translateY(-4px) scale(1.02);border-color:#e91e63;box-shadow:0 8px 22px #e91e6340;background:#fff5f8}.spot-it-character-card:disabled{opacity:.4;cursor:not-allowed;background:#f5f5f5;border-color:#e0e0e0}.character-art-wrapper{width:100%;height:120px;display:flex;align-items:center;justify-content:center}.character-art-wrapper svg{width:100%;height:100%;object-fit:contain}.character-card-label{font-size:1.05rem;font-weight:800;color:#1d2b36;text-align:center}.spot-lens-icon{position:absolute;top:10px;right:10px;background:#e91e6326;color:#e91e63;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.spot-it-character-card:hover .spot-lens-icon{transform:scale(1.2);background:#e91e63;color:#fff}.completion-card{display:flex;flex-direction:column;align-items:center;gap:1rem;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:4px solid #2e7d32;border-radius:20px;padding:2rem;text-align:center;max-width:540px;width:100%;box-shadow:0 8px 24px #0000001f}.completion-mascot{width:140px;height:140px;object-fit:contain}.completion-title{font-size:1.5rem;font-weight:900;color:#1b5e20;margin:0}.completion-desc{font-size:1.1rem;font-weight:700;color:#2e7d32;margin:0}.community-scene-character{transition:transform .15s ease,filter .15s ease}.community-scene-character:hover{transform:translate(-50%,-10%) scale(1.08)!important;filter:drop-shadow(0 4px 12px rgba(0,0,0,.25));z-index:10}.community-scene-character:active{transform:translate(-50%,-10%) scale(.96)!important}.community-scene-character:focus-visible{outline:3px solid #e91e63;outline-offset:4px;border-radius:16px}@media(prefers-reduced-motion:reduce){.community-scene-character,.community-scene-character:hover,.community-scene-character:active{transition:none;transform:translate(-50%,-10%)!important;filter:none}}.nail-scrub-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:880px;margin:0 auto;padding:.75rem;box-sizing:border-box}.nail-scrub-feedback-box{width:100%;padding:.85rem 1.25rem;border-radius:14px;font-size:1.05rem;font-weight:800;margin-bottom:.75rem;text-align:center;box-sizing:border-box;transition:all .2s ease;box-shadow:0 2px 8px #0000000a}.nail-scrub-feedback-box.correct{background:#ecfdf5;border:2px solid #10b981;color:#065f46}.nail-scrub-feedback-box.hint{background:#fffbeb;border:2px solid #f59e0b;color:#92400e}.nail-scrub-station{display:flex;flex-direction:column;align-items:center;width:100%;background:linear-gradient(180deg,#f0f9ff,#e0f2fe);border:3px solid #7dd3fc;border-radius:24px;padding:1.25rem;box-sizing:border-box;position:relative;box-shadow:0 8px 24px #0284c714}.nail-scrub-header-row{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.nail-scrub-badge{display:inline-flex;align-items:center;gap:.5rem;background:#e0f2fe;color:#0369a1;font-size:.9rem;font-weight:800;padding:.35rem .85rem;border-radius:20px;border:1px solid #38bdf8}.nail-scrub-stats-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.nail-scrub-clumps-pill{display:inline-flex;align-items:center;gap:.4rem;background:#fef2f2;color:#b91c1c;font-size:.9rem;font-weight:800;padding:.35rem .85rem;border-radius:20px;border:1px solid #fca5a5}.nail-scrub-progress-pill{display:inline-flex;align-items:center;gap:.4rem;background:#dcfce7;color:#15803d;font-size:.9rem;font-weight:800;padding:.35rem .85rem;border-radius:20px;border:1px solid #86efac}.nail-scrub-tools-rack{display:flex;flex-direction:column;align-items:center;width:100%;margin-bottom:1rem}.nail-scrub-tools-grid{display:flex;gap:1rem;width:100%;max-width:580px;justify-content:center}.nail-tool-card{flex:1;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fff;border:3px solid #cbd5e1;border-radius:16px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left;position:relative;min-height:62px;box-shadow:0 2px 6px #0000000a}.nail-tool-card:hover{transform:translateY(-2px);border-color:#0284c7;box-shadow:0 6px 16px #0284c726}.nail-tool-card.active{border-color:#0284c7;background:#f0f9ff;box-shadow:0 0 0 3px #0284c740}.nail-tool-card.highlight-pulse{animation:toolPulseAlert 1.2s infinite}@keyframes toolPulseAlert{0%{transform:scale(1);border-color:#ea580c;box-shadow:0 0 #ea580c66}50%{transform:scale(1.03);border-color:#f97316;box-shadow:0 0 0 6px #ea580c00}to{transform:scale(1);border-color:#ea580c;box-shadow:0 0 #ea580c00}}.nail-tool-icon{font-size:2rem;line-height:1}.nail-tool-info{display:flex;flex-direction:column}.nail-tool-info strong{font-size:1rem;color:#0f172a}.nail-tool-info small{font-size:.8rem;color:#64748b;font-weight:600}.nail-tool-badge{position:absolute;top:-8px;right:10px;background:#0284c7;color:#fff;font-size:.7rem;font-weight:900;padding:2px 8px;border-radius:10px;letter-spacing:.04em;text-transform:uppercase}.nail-tool-callout{position:absolute;top:-12px;right:8px;background:#ea580c;color:#fff;font-size:.75rem;font-weight:900;padding:3px 8px;border-radius:10px;animation:bounceCallout 1s infinite}@keyframes bounceCallout{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.nail-scrub-basin{position:relative;width:100%;max-width:840px;background:#f8fafc;border:4px solid #bae6fd;border-radius:28px;box-shadow:inset 0 4px 16px #0284c714,0 8px 24px #0000000d;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;padding:2.5rem 1.25rem 1.25rem;box-sizing:border-box}.nail-scrub-water-faucet{position:absolute;top:0;left:50%;transform:translate(-50%);width:52px;height:34px;background:linear-gradient(180deg,#94a3b8,#cbd5e1,#64748b);border-radius:0 0 14px 14px;z-index:5;box-shadow:0 2px 6px #0003}.nail-scrub-water-stream{position:absolute;top:30px;left:50%;bottom:14px;transform:translate(-50%);width:16px;background:linear-gradient(180deg,#38bdf8bf,#0ea5e9d9);border-radius:8px;z-index:4;opacity:.85;animation:waterFlow .8s linear infinite;pointer-events:none}@keyframes waterFlow{0%{transform:translate(-50%) scaleX(1);opacity:.8}50%{transform:translate(-50%) scaleX(1.18);opacity:.95}to{transform:translate(-50%) scaleX(1);opacity:.8}}.nail-scrub-water-splash{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:54px;height:20px;border-radius:50%;background:#bae6fda6;border:2px solid rgba(56,189,248,.5);animation:splashRipple 1.2s infinite;pointer-events:none;z-index:3}@keyframes splashRipple{0%{transform:translate(-50%) scale(.6);opacity:1}to{transform:translate(-50%) scale(1.6);opacity:0}}.nail-scrub-hands-wrapper{position:relative;display:flex;justify-content:center;align-items:center;gap:1.25rem;width:100%;z-index:2}.nail-hand-card{flex:1;max-width:380px;position:relative;border-radius:20px;overflow:hidden;box-shadow:0 4px 14px #00000014;background:#fff;border:2px solid #e2e8f0}.nail-hand-svg{width:100%;height:auto;display:block;aspect-ratio:1200 / 896}.nail-finger-target{cursor:pointer;outline:none}.nail-finger-target:focus-visible circle.nail-hit-target{stroke:#f59e0b;stroke-width:6;stroke-dasharray:8 6}.nail-finger-target.cleaned{cursor:default}.nail-dirt-group{transition:opacity .15s ease-out}.nail-soap-bubbles{pointer-events:none;animation:soapLatherFloat .7s infinite alternate ease-in-out}@keyframes soapLatherFloat{0%{transform:translateY(0) scale(.96)}to{transform:translateY(-4px) scale(1.04)}}.nail-clump-badge-bounce{pointer-events:none;animation:clumpBadgeBounce 1.4s infinite ease-in-out}@keyframes clumpBadgeBounce{0%,to{transform:translate(232px,385px)}50%{transform:translate(232px,377px)}}.nail-splinter-plucking{animation:pluckThornMotion .45s ease-out forwards}@keyframes pluckThornMotion{0%{transform:translateY(0);opacity:1}50%{transform:translateY(-45px) scale(1.1);opacity:.8}to{transform:translateY(-110px) scale(.2);opacity:0}}.nail-sparkle-text{pointer-events:none;animation:sparkleTextPop .9s ease-out forwards;filter:drop-shadow(0 2px 8px rgba(250,204,21,.75))}@keyframes sparkleTextPop{0%{transform:scale(.4) translateY(0);opacity:0}50%{transform:scale(1.15) translateY(-14px);opacity:1}to{transform:scale(1) translateY(-26px);opacity:0}}.nail-floating-tool{position:absolute;pointer-events:none;transform:translate(-30%,-70%);font-size:2.8rem;z-index:30;transition:transform .05s ease-out;filter:drop-shadow(0 4px 10px rgba(0,0,0,.3))}.nail-floating-tool.scrubbing{animation:brushScrubMotion .2s infinite alternate ease-in-out}@keyframes brushScrubMotion{0%{transform:translate(-30%,-70%) rotate(-18deg)}to{transform:translate(-30%,-70%) rotate(18deg)}}@media(max-width:600px){.nail-scrub-basin{padding:2rem .5rem .75rem}.nail-scrub-hands-wrapper{gap:.5rem}.nail-scrub-tools-grid{flex-direction:column}.nail-tool-card{min-height:52px}}.haircut-spotter-root{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:980px;margin:0 auto;padding:.5rem 1rem 2rem;font-family:inherit;color:#1e293b;box-sizing:border-box}.salon-studio-frame{width:100%;background:linear-gradient(180deg,#fff,#f8fafc);border:3px solid #cbd5e1;border-radius:20px;box-shadow:0 10px 25px -5px #0f172a14,0 8px 10px -6px #0f172a0a;overflow:hidden;position:relative}.salon-vanity-bar{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#78350f,#b45309,#d97706,#b45309,#78350f);padding:.6rem 1.25rem;color:#fff;border-bottom:2px solid #fef3c7}.salon-vanity-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;letter-spacing:.02em;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.3)}.vanity-bulb-row{display:flex;gap:.5rem;align-items:center}.vanity-bulb{width:12px;height:12px;border-radius:50%;background:#fef08a;box-shadow:0 0 8px #fde047,0 0 2px #fff;border:1px solid #ca8a04}.salon-guide-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around;gap:.75rem;background:#f1f5f9;padding:.75rem 1rem;border-bottom:1px solid #e2e8f0}.guide-badge{display:flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;color:#334155;background:#fff;padding:.35rem .75rem;border-radius:9999px;border:1px solid #cbd5e1;box-shadow:0 1px 2px #0000000d}.guide-badge.guide-badge--alert{color:#991b1b;background:#fef2f2;border-color:#fecaca}.guide-badge.guide-badge--neat{color:#065f46;background:#f0fdf4;border-color:#bbf7d0}.salon-mirror-arena{padding:1.5rem 1.25rem 1.25rem;background:radial-gradient(circle at 50% 20%,#fff,#f1f5f9);display:flex;flex-direction:column;gap:1.25rem}.salon-prompt-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.4rem}.salon-prompt-title{display:flex;align-items:center;gap:.5rem;font-size:1.3rem;font-weight:800;color:#0f172a;margin:0}.salon-round-tag{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#b45309;background:#fef3c7;padding:.2rem .75rem;border-radius:9999px;border:1px solid #fde68a}.salon-prompt-text{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0;line-height:1.4;max-width:780px}.salon-characters-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;width:100%}@media(max-width:768px){.salon-characters-grid{grid-template-columns:1fr;gap:1rem}}.character-booth-card{display:flex;flex-direction:column;align-items:center;background:#fff;border:2.5px solid #cbd5e1;border-radius:16px;padding:1.25rem 1rem 1rem;cursor:pointer;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d;text-align:center;min-height:260px}.character-booth-card:hover:not(:disabled){border-color:#d97706;transform:translateY(-4px);box-shadow:0 12px 20px -3px #d9770626,0 4px 6px -4px #d977061a}.character-booth-card:focus-visible{outline:3px solid #d97706;outline-offset:3px}.character-booth-card.booth-card--success{border-color:#10b981;background:#f0fdf4;box-shadow:0 0 0 3px #a7f3d0,0 10px 15px -3px #10b98133}.character-booth-card:disabled{opacity:.55;filter:grayscale(.3);cursor:not-allowed;transform:none;background:#f8fafc;border-color:#e2e8f0}.booth-card-header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:.5rem}.booth-card-name{font-size:.95rem;font-weight:700;color:#1e293b}.booth-inspect-pill{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;color:#475569;background:#f1f5f9;padding:.2rem .5rem;border-radius:9999px;border:1px solid #cbd5e1}.booth-portrait-stage{position:relative;width:160px;height:160px;margin:0 auto .75rem;display:flex;align-items:center;justify-content:center}.haircut-character-canvas{width:100%;height:100%}.haircut-character-svg{width:100%;height:100%;display:block}.snip-tool-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.1);display:flex;flex-direction:column;align-items:center;gap:.25rem;background:#0f172ad9;color:#fff;padding:.5rem .85rem;border-radius:12px;font-size:.85rem;font-weight:700;animation:snipBounce .45s ease-in-out infinite alternate;box-shadow:0 4px 12px #00000040;pointer-events:none;z-index:10}@keyframes snipBounce{0%{transform:translate(-50%,-50%) scale(1) rotate(-5deg)}to{transform:translate(-50%,-50%) scale(1.1) rotate(5deg)}}.booth-card-label{font-size:.95rem;font-weight:600;color:#0f172a;line-height:1.3;margin-top:auto}.salon-feedback-section{width:100%;margin-top:.5rem}.salon-feedback-callout{display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.25rem;border-radius:14px;border:2px solid transparent;transition:all .3s ease}.salon-feedback-callout--success{background:#ecfdf5;border-color:#10b981;color:#065f46}.salon-feedback-callout--hint{background:#fef2f2;border-color:#f87171;color:#991b1b}.salon-feedback-callout--neutral{background:#f8fafc;border-color:#cbd5e1;color:#334155}.callout-header-row{display:flex;align-items:center;gap:.6rem;font-size:1.05rem;font-weight:700}.callout-body-text{font-size:.95rem;line-height:1.45;margin:0}.salon-next-action-bar{display:flex;justify-content:flex-end;margin-top:.5rem}.salon-next-button{display:inline-flex;align-items:center;gap:.6rem;background:#059669;color:#fff;font-size:1.05rem;font-weight:700;padding:.75rem 1.75rem;border-radius:12px;border:none;cursor:pointer;box-shadow:0 4px 10px #0596694d;transition:all .2s ease;min-height:48px}.salon-next-button:hover{background:#047857;transform:translateY(-2px);box-shadow:0 6px 14px #05966966}.salon-next-button:focus-visible{outline:3px solid #059669;outline-offset:3px}.salon-counter-shelf{background:linear-gradient(180deg,#b45309,#78350f);padding:.75rem 1.25rem;display:flex;align-items:center;justify-content:space-between;border-top:3px solid #d97706;color:#fef3c7;font-size:.85rem;font-weight:600}.shelf-tools-tray{display:flex;align-items:center;gap:1.25rem}.shelf-tool-item{display:flex;align-items:center;gap:.35rem}.salon-completion-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border:3px solid #10b981;border-radius:20px;padding:1.5rem 1.25rem 1.25rem;box-shadow:0 16px 24px -5px #00000014;max-width:580px;margin:1rem auto;gap:.85rem;box-sizing:border-box}.salon-celebration-mascot{width:84px;height:84px;object-fit:contain;animation:mascotPop .6s cubic-bezier(.34,1.56,.64,1)}@keyframes mascotPop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.salon-completion-title{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1.4rem;font-weight:800;color:#065f46;margin:0}.salon-completion-desc{font-size:.95rem;color:#334155;line-height:1.4;margin:0;max-width:500px}.groomed-friends-gallery{width:100%;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;padding:.6rem .75rem .75rem;box-sizing:border-box}.gallery-title{display:flex;align-items:center;justify-content:center;gap:.35rem;font-size:.82rem;font-weight:700;color:#0f766e;margin:0 0 .5rem}.gallery-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem .35rem;width:100%;justify-items:center}.gallery-mini-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.gallery-avatar{width:48px;height:48px;border-radius:50%;background:#fff;border:2px solid #a7f3d0;box-shadow:0 2px 4px #10b9811f;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.gallery-avatar:hover{transform:scale(1.1);border-color:#059669}.gallery-avatar .haircut-character-canvas{width:100%;height:100%}.gallery-name{font-size:.72rem;font-weight:600;color:#334155}.salon-completion-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem;width:100%;margin-top:.25rem}.salon-restart-button{display:inline-flex;align-items:center;gap:.45rem;background:#0f766e;color:#fff;font-size:.95rem;font-weight:700;padding:.65rem 1.4rem;border-radius:12px;border:none;cursor:pointer;min-height:48px;transition:all .2s ease;box-shadow:0 2px 6px #0f766e40}.salon-restart-button:hover{background:#115e59;transform:translateY(-2px);box-shadow:0 4px 10px #0f766e59}.salon-restart-button:focus-visible{outline:3px solid #0f766e;outline-offset:2px}.salon-exit-button{display:inline-flex;align-items:center;gap:.45rem;background:#fff;color:#334155;font-size:.95rem;font-weight:700;padding:.65rem 1.4rem;border-radius:12px;border:2px solid #cbd5e1;cursor:pointer;min-height:48px;transition:all .2s ease}.salon-exit-button:hover{background:#f1f5f9;border-color:#94a3b8;color:#0f172a;transform:translateY(-2px)}.salon-exit-button:focus-visible{outline:3px solid #0f766e;outline-offset:2px}.webgl-stage{display:flex;flex-direction:column;align-items:center;gap:1.25rem;width:100%;max-width:1040px;margin:0 auto;padding:.5rem 1rem 2rem}.webgl-controls-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;width:100%;padding:.75rem 1.25rem;background:var(--sg-surface);border:1px solid var(--sg-border, #e2e8f0);border-radius:var(--sg-radius, 1rem);box-shadow:0 2px 8px #0000000a}.webgl-badge{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:.95rem;color:var(--sg-ink, #0f172a)}.webgl-status-dot{width:.65rem;height:.65rem;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px #22c55e40;animation:webgl-pulse 2s infinite ease-in-out}@keyframes webgl-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.75}}.webgl-actions{display:flex;align-items:center;gap:.5rem}.webgl-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.88rem;cursor:pointer}.webgl-frame-container{position:relative;width:100%;aspect-ratio:16 / 10;max-height:640px;min-height:380px;background:#0f172a;border-radius:1.25rem;overflow:hidden;box-shadow:0 10px 25px -5px #00000026,0 8px 10px -6px #0000001a;border:2px solid rgba(255,255,255,.1)}.webgl-loading-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0f172a;color:#f8fafc;z-index:5;gap:.75rem;pointer-events:none;transition:opacity .3s ease}.webgl-spinner{width:3.5rem;height:3.5rem;border:4px solid rgba(255,255,255,.15);border-top-color:#f97316;border-radius:50%;animation:webgl-spin 1s linear infinite}@keyframes webgl-spin{to{transform:rotate(360deg)}}.webgl-loading-text{font-size:1.15rem;font-weight:700;color:#fff;margin:0}.webgl-loading-sub{font-size:.85rem;color:#94a3b8;margin:0}.webgl-iframe{display:block;width:100%;height:100%;border:none;background:#000}.webgl-frame-container:fullscreen,.webgl-frame-container:-webkit-full-screen,.webgl-frame-container:-moz-full-screen,.webgl-frame-container:-ms-fullscreen{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;aspect-ratio:auto!important;border-radius:0!important;border:none!important;margin:0!important;padding:0!important;background:#000!important;box-shadow:none!important;z-index:2147483647!important}.webgl-frame-container:fullscreen .webgl-iframe,.webgl-frame-container:-webkit-full-screen .webgl-iframe,.webgl-frame-container:-moz-full-screen .webgl-iframe,.webgl-frame-container:-ms-fullscreen .webgl-iframe{width:100%!important;height:100%!important;border:none!important;background:#000!important}.webgl-fullscreen-exit-btn{position:absolute;top:1.25rem;right:1.25rem;z-index:100;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;min-width:48px;padding:.6rem 1.15rem;background:#0f172ad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:9999px;font-size:.92rem;font-weight:600;box-shadow:0 4px 14px #00000073;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;opacity:.85}.webgl-fullscreen-exit-btn:hover,.webgl-fullscreen-exit-btn:focus-visible{opacity:1;background:#0f172afa;border-color:#ffffff80;transform:translateY(-1px);box-shadow:0 6px 20px #000000a6}@media(max-width:640px){.webgl-frame-container{aspect-ratio:4 / 3;min-height:320px}.webgl-controls-bar{flex-direction:column;align-items:stretch}.webgl-actions{justify-content:flex-end}.webgl-fullscreen-exit-btn{top:.75rem;right:.75rem;padding:.5rem .85rem;font-size:.82rem}}