: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}*,*:before,*:after{box-sizing:border-box}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}}.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-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-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}}}@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)}.game-tile__disc svg{display:block;width:100%;height:auto}.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__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__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}}}.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}}}.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}}}.draft{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)}.draft__title{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.0625rem}.draft__parts,.draft__fixes{display:grid;gap:.5rem}.draft__part{display:flex;align-items:center;gap:.625rem;min-height:3.25rem;padding:.375rem .625rem;border:2px solid var(--sg-primary);border-radius:.875rem;background:var(--sg-surface);color:var(--sg-ink);font:inherit;font-weight:700;line-height:1.25;text-align:left}button.draft__part{box-shadow:0 .2rem 0 var(--sg-primary);cursor:pointer}button.draft__part:hover{background:var(--sg-primary-soft)}.draft__label{flex:none;min-width:3.25rem;color:var(--sg-ink-muted);font-weight:800}.draft__text{display:grid;gap:.125rem;min-width:0}.draft__part--suggested{border-color:var(--sg-accent);background:var(--sg-accent-soft);box-shadow:0 .2rem 0 var(--sg-accent)}.draft__part--fine,.draft__part--fine:hover{border-color:var(--sg-line);background:#f0efec;box-shadow:none;color:var(--sg-ink-muted);cursor:not-allowed}.draft__part--static{border-style:dashed;border-color:var(--sg-line)}.draft__part--change{border-style:solid;border-color:var(--sg-accent);background:var(--sg-accent-soft)}.draft__part--fixed{border-style:solid;border-color:var(--sg-success);background:var(--sg-success-soft)}.draft__tag{font-size:.8125rem;font-weight:800;color:var(--sg-accent-ink)}.draft__part--fixed .draft__tag{color:var(--sg-success)}.draft__next{min-height:3.5rem;font-size:1.25rem}@media(max-width:40rem){.draft-layout .messages__side{order:-1}.draft{padding:.625rem}.draft__part{min-height:3rem;font-size:.9375rem}}@media(prefers-reduced-motion:no-preference){.draft__part--fixed .draft__text{animation:draft-in .35s ease-out}@keyframes draft-in{0%{transform:translateY(-.4rem);opacity:.4}}}.feelings{display:grid;grid-template-areas:"side" "card" "scene" "wide";gap:.75rem;align-items:start}.feelings__card{grid-area:card}.feelings__scene{grid-area:scene}.feelings__side{grid-area:side}.feelings__wide{grid-column:1 / -1}@media(min-width:40.0625rem){.feelings{grid-template-columns:1fr 1.2fr;grid-template-areas:"card side" "scene side";gap:1rem}}.feelings__card{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border:3px solid var(--sg-accent);border-radius:calc(var(--sg-radius) * 1.25);background:var(--sg-accent-soft)}.feelings__face{display:block;flex:none;width:4.5rem}.feelings__face svg,.feelings__stop-art svg,.feelings__summary-art svg{display:block;width:100%;height:auto}.feelings__about{display:grid;gap:.125rem;line-height:1.3}.feelings__about strong{color:var(--sg-accent-ink);font-size:1.25rem}.feelings__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)}.feelings__scene svg{display:block;width:100%;height:auto;max-height:min(16rem,36vh);border-radius:var(--sg-radius)}.feelings__scene figcaption{font-size:1.0625rem;font-weight:800;text-align:center}.feelings__side{display:grid;gap:.75rem}.feelings__track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:0;padding:0;list-style:none}.feelings__stop{display:grid;justify-items:center;gap:.125rem;padding:.375rem;border:2px dashed var(--sg-line);border-radius:.875rem;background:var(--sg-surface);text-align:center}.feelings__stop-art{display:block;width:100%;max-width:5.5rem;overflow:hidden;border-radius:.5rem}.feelings__stop small{display:inline-flex;align-items:center;gap:.25rem;color:var(--sg-ink-muted);font-size:.8125rem;font-weight:800}.feelings__stop--now{border-style:solid;border-color:var(--sg-accent);background:var(--sg-accent-soft)}.feelings__stop--now small{color:var(--sg-accent-ink)}.feelings__stop--done{border-style:solid;border-color:var(--sg-success);background:var(--sg-success-soft)}.feelings__stop--done small{color:var(--sg-success)}.feelings__ways{display:grid;gap:.5rem}.feelings__summary{display:grid;gap:.5rem;margin:0}.feelings__summary-row{display:grid;gap:.25rem;padding:.5rem .75rem;border:2px solid var(--sg-success);border-radius:.875rem;background:var(--sg-success-soft)}.feelings__summary-row dt{color:var(--sg-success);font-weight:800}.feelings__summary-row dd{display:flex;align-items:center;gap:.5rem;margin:0;font-weight:700;line-height:1.25}.feelings__summary-art{display:block;flex:none;width:2.5rem}.feelings__next{min-height:3.5rem;font-size:1.25rem}@media(max-width:40rem){.feelings__face{width:3.5rem}.feelings__about{font-size:.9375rem}.feelings__scene svg{max-height:18vh;margin-inline:auto}.feelings__stop{padding:.25rem}.feelings__stop-art{display:none}.feelings__stop strong{font-size:.8125rem}}@media(prefers-reduced-motion:no-preference){.feelings__stop--done small,.feelings__summary-row{animation:feelings-in .35s ease-out}@keyframes feelings-in{0%{transform:translateY(-.4rem);opacity:.4}}}.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{margin:.25rem 0 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}.opinion__next{min-height:3.5rem;font-size:1.25rem}@media(max-width:40rem){.opinion .messages__side,.opinion__choices{order:-1}}.approach{display:grid;gap:.75rem}.approach__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}.approach__goal strong{color:var(--sg-accent-ink)}.approach__timeline{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:0;padding:0;list-style:none}.approach__timeline:before{content:"";position:absolute;top:50%;right:1rem;left:1rem;border-top:4px dashed var(--sg-line)}.approach__timeline>li{position:relative;display:grid}.approach__card{height:100%}.approach__moment{display:grid;justify-items:center;align-content:start;gap:.375rem;padding:.75rem;border:3px solid var(--sg-line);border-radius:calc(var(--sg-radius) * 1.25);background:var(--sg-surface);text-align:center}.approach__moment .choice-card__art{width:100%;max-width:10rem}.approach__moment-label{font-weight:800;line-height:1.25}.approach__timeline--chosen .approach__moment{padding:.375rem}.approach__timeline--chosen .approach__moment .choice-card__art{max-width:4.5rem}.approach__timeline--chosen .approach__moment-label{font-size:.875rem}.approach__moment--past{color:var(--sg-ink-muted)}.approach__moment--past .choice-card__art{opacity:.4;filter:grayscale(1)}.approach__moment--good{border-color:var(--sg-success);background:var(--sg-success-soft)}.approach__tag{display:inline-flex;align-items:center;gap:.25rem;color:var(--sg-success);font-size:.875rem;font-weight:800}.approach__openers,.approach__talk{display:grid;gap:.5rem}.approach__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}.approach__talk .messages__reply{justify-self:start;max-width:90%}.approach__next{min-height:3.5rem;font-size:1.25rem}@media(max-width:40rem){.approach__goal{order:-2}.approach__openers,.approach__talk{order:-1}.approach__timeline{gap:.375rem}.approach__card,.approach__moment{padding:.375rem}.approach__moment-label{font-size:.8125rem}.approach__goal{padding:.5rem .625rem;font-size:.9375rem}}.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" "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{--guess-scene: min(26rem, calc((100dvh - 31.5rem) * 4 / 3));grid-template-columns:minmax(13rem,16rem) minmax(0,var(--guess-scene)) minmax(0,1fr);grid-template-areas:"board scene clues" "board choices choices" "board feedback feedback"}.guess--complete{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:"board meaning" "board 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:min(7rem,calc((100dvh - 27rem) / 3))}.guess--complete .guess__portrait svg{height:min(10rem,calc((100dvh - 25rem)/2))}}.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;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{justify-self:start;border-bottom-left-radius:.25rem;background:#e3f3f5}.guess__bubble--reply{justify-self:end;border-bottom-right-radius:.25rem;background:#fff6d6}.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__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}@media(prefers-reduced-motion:no-preference){.guess__scene{animation:guess-in .35s ease-out}.guess__clue--open span{animation:guess-flip .3s ease-out}.guess__stamp{animation:guess-stamp .3s ease-out}@keyframes guess-in{0%{transform:translateY(.5rem);opacity:0}}@keyframes guess-flip{0%{transform:rotateX(80deg);opacity:0}}@keyframes guess-stamp{0%{transform:rotate(-6deg) scale(1.8);opacity:0}}}.hands{--hands-ink: #1d2b36;--hands-paper: #fffaf0;--hands-caption: #fff1a8;display:grid;gap:.875rem}.hands__strip,.hands__adults{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;margin:0;padding:.625rem;border-radius:1rem;background:radial-gradient(circle,rgb(29 43 54 / .12) 1px,transparent 1.5px) 0 0 / 10px 10px,#f3e6cf;list-style:none}@media(min-width:48rem){.hands__strip,.hands__adults{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:60rem){.hands__strip,.hands__adults{width:min(100%,calc((100dvh - 32rem) * 4 / 3 * 4 + 3.125rem));justify-self:center}.hands__act{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:.875rem;align-items:start}}.hands__panel,.hands__adults li{display:grid;grid-template-rows:auto 1fr;overflow:hidden;border:3px solid var(--hands-ink);border-radius:.5rem;background:var(--hands-paper);box-shadow:3px 3px 0 var(--hands-ink)}.hands__picture{display:block;border-bottom:3px solid var(--hands-ink)}.hands__picture svg{display:block;width:100%;height:auto}.hands__caption{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .375rem;padding:.375rem .5rem;background:var(--hands-caption);color:var(--hands-ink);font-size:.9375rem;font-weight:800;line-height:1.25}.hands__caption b{font-weight:900;text-transform:uppercase}.hands__panel:first-child .hands__caption b{flex-basis:100%;font-size:.8125rem}.hands__caption svg{color:var(--sg-success)}.hands__number{display:inline-grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--hands-ink);color:#fff;font-size:.875rem}.hands__caption em{padding:.125rem .5rem;border-radius:999px;background:var(--sg-accent-ink);color:#fff;font-size:.8125rem;font-style:normal;font-weight:900}.hands__blank{display:grid;place-items:center;aspect-ratio:4 / 3;border-bottom:3px dashed #a9b3ba;background:radial-gradient(circle,rgb(29 43 54 / .1) 1.5px,transparent 2px) 0 0 / 12px 12px,#fff;color:#a9b3ba;font-size:3rem;font-weight:900}.hands__panel:not(.hands__panel--drawn) .hands__caption{background:#eef1ef}.hands__panel--current{border-style:dashed;border-color:var(--sg-accent-ink);box-shadow:0 0 0 4px var(--sg-accent-soft),3px 3px 0 var(--sg-accent-ink)}.hands__panel--current .hands__blank{color:var(--sg-accent-ink)}@media(max-width:47.99rem){.hands__strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;padding:.5rem}.hands__strip .hands__panel:first-child{grid-column:1 / -1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto}.hands__strip .hands__panel:first-child .hands__picture{border-right:3px solid var(--hands-ink);border-bottom:0}.hands__blank{font-size:1.75rem}.hands__caption{padding:.25rem .375rem;font-size:.8125rem}.hands__caption em{font-size:.75rem}}.hands__choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.hands__choice{display:grid;grid-template-columns:minmax(0,7rem) minmax(0,1fr);align-items:center;gap:.5rem .75rem;min-height:3rem;padding:.5rem;border:3px solid var(--hands-ink);border-radius:.75rem;background:#fff;box-shadow:3px 3px 0 var(--hands-ink);color:var(--hands-ink);font:inherit;text-align:left;cursor:pointer}.hands__choice:hover{background:var(--hands-paper)}.hands__choice:focus-visible{outline:3px solid var(--sg-focus);outline-offset:4px}.hands__choice-art{overflow:hidden;border:2px solid var(--hands-ink);border-radius:.375rem}.hands__choice-art svg{display:block;width:100%;height:auto}.hands__choice-text{display:flex;flex-direction:column;align-items:flex-start;gap:.375rem}.hands__choice strong{font-size:1.125rem;line-height:1.25}.hands__choice small{padding:.125rem .5rem;border-radius:999px;background:var(--hands-ink);color:#fff;font-size:.8125rem;font-weight:800}.hands__choice--suggested{border-color:var(--sg-accent);box-shadow:0 0 0 3px var(--sg-accent),0 0 0 7px var(--sg-accent-soft)}.hands__choice--suggested small{background:var(--sg-accent-ink)}.hands__choice--excluded{border-color:#aeb8bf;background:#eef1ef;box-shadow:none;color:#5c6670;cursor:not-allowed}.hands__choice--excluded .hands__choice-art{border-color:#aeb8bf;filter:grayscale(1)}.hands__choice--excluded small{background:#5c6670}@media(max-width:30rem){.hands__choice{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}.hands__choice-art{width:100%}.hands__choice-text{align-items:center}.hands__choice strong{font-size:1rem}}.hands__feedback{margin:0}.hands__done{display:grid;gap:.75rem;padding:.875rem;border:3px solid var(--hands-ink);border-radius:.75rem;background:#fff;box-shadow:3px 3px 0 var(--hands-ink)}.hands__done p{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.0625rem;font-weight:800;line-height:1.35}.hands__done p svg{flex:none;color:var(--sg-accent-ink)}.hands__next{justify-self:start}.hands__trusted{display:grid;gap:.5rem}.hands__trusted h2{margin:0;font-size:1.375rem}.hands__trusted h2:focus{outline:none}.hands__plan{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}.hands__plan li{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem .25rem .25rem;border:2px solid var(--hands-ink);border-radius:999px;background:var(--hands-caption);font-weight:800}.hands__plan b{display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--hands-ink);color:#fff}.hands__finish{justify-content:flex-start}@media(prefers-reduced-motion:no-preference){.hands__panel--drawn .hands__picture{animation:hands-draw .4s ease-out}@keyframes hands-draw{0%{transform:scale(.85);opacity:0}}}.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{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%;right:0;z-index:2;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){.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;--sim-hud: #20324a;--sim-hud-light: #2d4564;--sim-marker: #43c07a;display:grid;grid-template-columns:minmax(0,1fr);gap:.875rem;align-items:start}@media(min-width:60rem){.sim{grid-template-columns:minmax(0,min(30rem,calc((100dvh - 19rem) * 4 / 3))) minmax(0,1fr)}}.sim__stage{position:relative;overflow:hidden;border:4px solid var(--sim-hud);border-radius:1rem;background:#f1f6fb;box-shadow:0 0 0 2px #8fa9c4,var(--sg-shadow)}@media(max-width:59.99rem){.sim__stage{width:min(100%,28rem);justify-self:center}}.sim__picture svg{display:block;width:100%;height:auto}.sim__marker{position:absolute;top:4%;left:27.5%;width:1.25rem;height:1.75rem;background:var(--sim-marker);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);transform:translate(-50%)}.sim__bubble{position:absolute;top:.5rem;display:grid;max-width:46%;margin:0;padding:.25rem .625rem;border:2px solid var(--sim-ink);border-radius:.875rem;background:#fff;color:var(--sim-ink);font-size:.9375rem;font-weight:900;line-height:1.2}.sim__bubble b{color:var(--sg-ink-muted);font-size:.75rem}.sim__bubble--you{left:.5rem;margin-top:1.75rem;border-bottom-left-radius:.25rem;background:#e5f6ec}.sim__bubble--them{right:.5rem;border-bottom-right-radius:.25rem;background:#fff6d6}.sim__hud{display:grid;gap:.625rem;padding:.75rem;border-radius:1rem;background:var(--sim-hud);color:#fff}.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:.375rem .5rem;border:2px solid var(--sim-hud-light);border-radius:.75rem;background:#ffffff0f;font-size:.875rem;font-weight:700;line-height:1.2}.sim__plan li>span:nth-child(2){display:grid;flex:1;min-width:0}.sim__plan b{color:#b9cde3;font-size:.75rem;text-transform:uppercase}.sim__plan svg{flex:none;color:var(--sim-marker)}.sim__plan--now{border-color:var(--sg-sun)!important}.sim__plan--done{border-color:var(--sim-marker)!important}.sim__plan-icon{display:block;flex:none;width:2.5rem;overflow:hidden;border-radius:.5rem}.sim__plan-icon svg{display:block;width:100%;height:auto}.sim__plan-icon .sim-icon{aspect-ratio:1}.sim__read{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:0}.sim__read div{padding:.375rem .625rem;border:2px solid var(--sim-hud-light);border-radius:.75rem}.sim__read dt{color:#b9cde3;font-size:.75rem;font-weight:800;text-transform:uppercase}.sim__read dd{margin:0;font-weight:800;line-height:1.25}.sim__options{display:grid;gap:.5rem}.sim__options--body{grid-template-columns:repeat(3,minmax(0,1fr))}.sim__option{display:flex;align-items:center;gap:.5rem;min-height:3rem;padding:.5rem .75rem;border:2px solid #ffffff;border-radius:.75rem;background:#fff;box-shadow:0 4px #0f1c2c;color:var(--sim-ink);font:inherit;text-align:left;cursor:pointer}.sim__options--body .sim__option{flex-direction:column;align-items:stretch;padding:.375rem;text-align:center}.sim__option:hover{background:#eef4fa}.sim__option:focus-visible,.sim__next:focus-visible{outline:4px solid var(--sg-sun);outline-offset:3px}.sim__option-art{display:block;flex:none;width:2.75rem;overflow:hidden;border-radius:.5rem}.sim__options--body .sim__option-art{width:100%}.sim__option-art svg{display:block;width:100%;height:auto}.sim__option-text{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:.25rem}.sim__options--body .sim__option-text{align-items:center}.sim__option strong{font-size:1rem;line-height:1.2}.sim__option small{padding:.125rem .5rem;border-radius:999px;background:var(--sim-ink);color:#fff;font-size:.75rem;font-weight:800}.sim__option--suggested{border-color:var(--sg-sun);box-shadow:0 0 0 3px var(--sg-sun),0 4px #0f1c2c}.sim__option--suggested small{background:var(--sg-accent-ink)}.sim__option--excluded{border-color:#6d7f93;background:#b9c4cf;box-shadow:none;color:#2c3844;cursor:not-allowed}.sim__option--excluded svg{filter:grayscale(1);opacity:.7}.sim__option--excluded small{background:#3d4a57}.sim .sim__next{justify-self:start;border-color:var(--sg-sun);background:var(--sg-sun);color:var(--sim-ink)}.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__feedback{margin:0}.sim__done{display:grid;grid-template-columns:repeat(2,minmax(0,8rem)) minmax(0,1fr);align-items:center;gap:.75rem 1rem;padding:1rem;border-radius:1rem;background:var(--sim-hud);color:#fff}@media(min-width:60rem){.sim--complete{grid-template-columns:minmax(0,1fr)}}.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}.sim__finish .sg-button:not(.sg-button--primary){background:#fff}@media(max-width:30rem){.sim__plan,.sim__read{grid-template-columns:minmax(0,1fr)}.sim__done{grid-template-columns:repeat(2,minmax(0,1fr))}.sim__done>p:not(.sim__feedback){grid-column:1 / -1}}@media(prefers-reduced-motion:no-preference){.sim__marker{animation:sim-bob 1.2s ease-in-out 2}.sim__bubble{animation:sim-pop .3s ease-out}@keyframes sim-bob{50%{transform:translate(-50%,-4px)}}@keyframes sim-pop{0%{transform:scale(.8);opacity:0}}}.phone{--phone-ink: #1d2b36;--phone-brand: #3b5bdb;--phone-brand-soft: #e7ecfd;display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;align-items:start}@media(min-width:60rem){.phone:not(.phone--complete){grid-template-columns:minmax(0,24rem) minmax(0,1fr);grid-template-areas:"device keys" "device side";grid-template-rows:auto 1fr}.phone__device{grid-area:device}.phone__keyboard{grid-area:keys}.phone__side{grid-area:side}}.phone__device{display:flex;flex-direction:column;width:min(100%,24rem);justify-self:center;overflow:hidden;border:.625rem solid #141c25;border-radius:2rem;background:#f4f6fb;box-shadow:0 1rem 2rem #141c2540}@media(min-width:60rem){.phone__device{height:max(24rem,calc(100dvh - 15.5rem))}}.phone__status{display:flex;justify-content:space-between;padding:.25rem 1rem .125rem;background:var(--phone-brand);color:#fff;font-size:.75rem;font-weight:800}.phone__status span{display:flex;align-items:center;gap:.25rem}.phone__contact{display:flex;align-items:center;gap:.625rem;padding:.375rem .875rem .5rem;background:var(--phone-brand);color:#fff}.phone__contact>span:last-child{display:grid}.phone__contact strong{font-size:1.0625rem}.phone__contact small{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:700}.phone__contact small svg{color:#7ee2a8}.phone__avatar{display:block;flex:none;width:2.25rem;height:2.25rem;border-radius:50%;overflow:hidden}.phone__avatar svg{display:block;width:100%;height:100%}.phone__screen{display:flex;flex:1;flex-direction:column;gap:.5rem;min-height:0;overflow:auto;padding:.625rem}.phone__screen--video{position:relative;padding:.625rem}@media(max-width:59.99rem){.phone__screen--video{min-height:15rem}}.phone__video{position:absolute;inset:0;overflow:hidden;background:#3a4f63}.phone__video>svg{display:block;width:100%;height:100%}.phone__screen--video .phone__thread{position:relative;margin-top:auto}.phone__screen--video .phone__later{position:relative;margin-top:0}.phone__call-bar{position:absolute;top:.625rem;right:.625rem;display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;background:#d9443a;color:#fff}.phone__thread{display:flex;flex-direction:column;gap:.375rem;margin:0;padding:0;list-style:none}.phone__bubble{display:grid;max-width:85%;padding:.375rem .75rem;border-radius:1rem;font-size:1rem;font-weight:700;line-height:1.3}.phone__who{font-size:.6875rem;font-weight:900;text-transform:uppercase;opacity:.8}.phone__bubble--them{align-self:flex-start;border-bottom-left-radius:.25rem;background:#fff;box-shadow:0 1px 2px #0000001f;color:var(--phone-ink)}.phone__bubble--you{align-self:flex-end;border-bottom-right-radius:.25rem;background:var(--phone-brand);color:#fff}.phone__cue{align-self:center;padding:.125rem .625rem;border-radius:999px;background:#fff1a8;color:var(--phone-ink);font-size:.875rem;font-weight:800;text-align:center}.phone__later{display:flex;align-items:center;gap:.625rem;margin-top:auto;padding:.625rem .75rem;border-radius:1rem;background:#1d2b36e6;color:#fff;font-weight:700;line-height:1.3}.phone__later>span:last-child{display:grid}.phone__later b{color:#fadb0b;font-size:.75rem;text-transform:uppercase}.phone__later-icon{display:block;flex:none;width:2.25rem;height:2.25rem}.phone__keyboard{display:grid;gap:.375rem;padding:.625rem .75rem .75rem;border:2px solid #c3cbe0;border-radius:1.25rem;background:#e9edf5}@media(max-width:59.99rem){.phone__keyboard{width:min(100%,24rem);justify-self:center}}.phone__keyboard-title{margin:0;color:var(--sg-ink-muted);font-size:.75rem;font-weight:900;text-transform:uppercase}.phone__choice{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.25rem .5rem;min-height:3rem;padding:.25rem .75rem;border:2px solid #c3cbe0;border-radius:1rem;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{outline:3px solid var(--sg-focus);outline-offset:2px}.phone__choice strong{font-size:.9375rem;line-height:1.25}.phone__choice small{padding:.125rem .5rem;border-radius:999px;background:var(--phone-ink);color:#fff;font-size:.75rem;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:#c9ced4;background:#dfe3e8;color:#4b555e;cursor:not-allowed}.phone__choice--excluded small{background:#5c6670}.phone__side{display:grid;gap:.875rem;min-width:0}.phone__checklist{display:grid;gap:.5rem;padding:.75rem 1rem;border:2px solid var(--sg-line);border-radius:1rem;background:var(--sg-surface);box-shadow:var(--sg-shadow)}.phone__checklist h2{margin:0;font-size:1.125rem}@media(max-width:30rem){.phone__chats{grid-template-columns:repeat(2,minmax(0,1fr))}}.phone__checklist ul{display:grid;gap:.375rem;margin:0;padding:0;list-style:none}.phone__checklist>ul:first-of-type{display:flex;flex-wrap:wrap;gap:.375rem 1rem}.phone__checklist>ul:first-of-type li{display:flex;align-items:center;gap:.5rem;color:var(--sg-ink-muted);font-size:1.0625rem;font-weight:800}.phone__checklist li svg{flex:none}.phone__checklist .phone__check--done{color:var(--sg-success)}.phone__rule{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}.phone__chats{grid-template-columns:repeat(4,minmax(0,1fr));padding-top:.5rem!important;border-top:2px dashed var(--sg-line)}.phone__chats li{display:flex;align-items:center;gap:.375rem;min-width:0;padding:.25rem .375rem .25rem .25rem;border-radius:999px;font-size:.875rem;background:#f4f6fb;font-weight:800}.phone__chats li svg:last-child{margin-left:auto;color:var(--sg-success)}.phone__chat--now{box-shadow:inset 0 0 0 2px var(--phone-brand)}.phone__chat--done{background:var(--sg-success-soft)!important}.phone__feedback{margin:0}.phone__finish{justify-content:flex-start}@media(prefers-reduced-motion:no-preference){.phone__bubble,.phone__later{animation:phone-in .3s ease-out}@keyframes phone-in{0%{transform:translateY(.5rem);opacity:0}}}.phone-icon{display:grid;place-items:center;height:2.75rem;aspect-ratio:1;border-radius:50%;background:var(--phone-brand, #3b5bdb);color:#fff}.phone-icon--later{background:#9a5b00}.phone__later-icon .phone-icon{height:100%}span.phone-icon>svg{width:58%;height:58%}.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}}}.house{display:grid;gap:.875rem;align-items:start}@media(min-width:60rem){.house{grid-template-columns:min(calc(100% - 27rem),calc((100dvh - 17rem) * 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}}.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-game{display:flex;flex-direction:column;gap:1.25rem;width:100%;max-width:960px;margin:0 auto;padding:.5rem}.pod-game__tray{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:#fff;border:3px solid #cbd5e1;border-radius:1.25rem;padding:1rem;box-shadow:0 4px 12px #0000000d}.pod-game__tray-title{font-size:.9rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.pod-game__card{display:flex;align-items:center;gap:1rem;background:#f8fafc;border:3px solid #0284c7;border-radius:1rem;padding:.75rem 1.25rem;cursor:grab;-webkit-user-select:none;user-select:none;transition:all .15s ease;box-shadow:0 4px 10px #0284c726}.pod-game__card:active{cursor:grabbing}.pod-game__card--selected{outline:4px solid #0284c7;outline-offset:2px;background:#e0f2fe}.pod-game__card-art{width:70px;height:50px;display:flex;align-items:center;justify-content:center}.pod-game__card-text{font-size:1.25rem;font-weight:900;color:#0f172a}.pod-game__tray-help{font-size:.9rem;font-weight:700;color:#64748b;margin:0}.pod-game__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;width:100%}@media(min-width:768px){.pod-game__grid{grid-template-columns:repeat(4,1fr)}}.pod-zone{display:flex;flex-direction:column;min-height:220px;background:#fff;border:3px solid #cbd5e1;border-radius:1.25rem;overflow:hidden;position:relative;transition:all .15s ease;cursor:pointer;padding:0;text-align:left}.pod-zone:focus-visible{outline:4px solid #0284c7;outline-offset:2px}.pod-zone--excluded{opacity:.4;cursor:not-allowed}.pod-zone--suggested{border-color:#0284c7;box-shadow:0 0 0 4px #0284c74d}.pod-zone__header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;font-size:1.1rem;font-weight:900;border-bottom:2px solid rgba(0,0,0,.1)}.pod-zone--morning .pod-zone__header{background:#fef08a;color:#713f12}.pod-zone--afternoon .pod-zone__header{background:#bae6fd;color:#0369a1}.pod-zone--evening .pod-zone__header{background:#fed7aa;color:#9a3412}.pod-zone--night .pod-zone__header{background:#1e1b4b;color:#e0e7ff}.pod-zone__body{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:1rem;text-align:center;gap:.5rem}.pod-zone__placeholder{font-size:.95rem;font-weight:800;color:#94a3b8;border:2px dashed #cbd5e1;border-radius:.75rem;padding:1.5rem .5rem;width:100%}.pod-zone__placed{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%}.pod-zone__placed-label{font-size:1rem;font-weight:900;color:#1e293b;display:flex;align-items:center;gap:.35rem}.pod-zone__guide{font-size:.85rem;font-weight:800;color:#e11d48}.pod-zone__guide--suggested{color:#0284c7}.pod-game__finish{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:2rem 1rem;text-align:center;background:#fff;border:3px solid var(--sg-border, #cbd5e1);border-radius:1.5rem}.pod-game__mascot{max-width:180px;height:auto}.pod-game__finish-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.calendar-sticker-game{display:flex;flex-direction:column;align-items:center;width:100%;max-width:760px;margin:0 auto;padding:.5rem;box-sizing:border-box;gap:1rem}.calendar-sticker-scene{width:100%;max-width:460px;max-height:180px;display:flex;justify-content:center;align-items:center;border-radius:16px;overflow:hidden;box-shadow:0 4px 14px #0000001a;background:#fff}.calendar-sticker-scene svg{width:100%;height:100%;max-height:180px;object-fit:contain}.calendar-sticker-main{display:flex;flex-direction:column;align-items:center;width:100%;gap:1.25rem}.sticker-tray-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem;background:linear-gradient(135deg,#fff,#f5f5f5);border:3px solid #1d2b36;border-radius:16px;padding:.85rem 1.25rem;width:100%;box-shadow:0 4px 12px #00000014;box-sizing:border-box}.sticker-tray-label{font-size:1.1rem;font-weight:800;color:#1d2b36;display:flex;align-items:center;gap:.5rem}.draggable-sticker-btn{display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#fffde7,#fff9c4);border:3px dashed #f57c00;border-radius:14px;padding:.5rem 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}@keyframes pulse-sticker{0%,to{transform:scale(1);box-shadow:0 4px 12px #f57c0033}50%{transform:scale(1.04);box-shadow:0 8px 20px #f57c0066}}.draggable-sticker-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f57c004d;border-color:#e65100}.draggable-sticker-btn:active{cursor:grabbing;transform:scale(.97)}.draggable-sticker-btn.selected{border-style:solid;border-color:#1976d2;background:#e3f2fd;box-shadow:0 0 0 4px #1976d24d;animation:none}.sticker-icon{width:48px;height:38px;display:flex;align-items:center;justify-content:center}.sticker-text{font-size:1.1rem;font-weight:900;color:#1d2b36}.sticker-tray-instruction{font-size:.85rem;font-weight:700;color:#555;width:100%;text-align:center}.calendar-board{width:100%;max-width:560px;background:#fff;border:4px solid #1d2b36;border-radius:20px;overflow:hidden;box-shadow:0 8px 24px #0000001f}.calendar-board-header{background:linear-gradient(135deg,#e53935,#c62828);color:#fff;padding:.75rem 1.25rem;text-align:center;display:flex;align-items:center;justify-content:space-between}.calendar-board-header h2{margin:0;font-size:1.4rem;font-weight:900;letter-spacing:1px}.calendar-board-badge{background:#ffffff40;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:800}.calendar-days-row{display:grid;grid-template-columns:repeat(7,1fr);background:#212121;color:#fff;text-align:center;font-size:.85rem;font-weight:900;padding:.4rem 0}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;padding:8px;background:#eceff1}.calendar-date-cell{position:relative;background:#fff;border:2px solid #cfd8dc;border-radius:10px;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 ease;box-sizing:border-box}.calendar-date-cell:hover:not(:disabled){border-color:#1976d2;background:#e3f2fd}.calendar-date-cell.drag-over{border-color:#4caf50;background:#e8f5e9;transform:scale(1.06)}.calendar-date-cell.excluded{opacity:.35;cursor:not-allowed;background:#eee;border-color:#bdbdbd}.calendar-date-cell.empty{opacity:.2;background:#f5f5f5;border-color:#e0e0e0;cursor:default}.calendar-date-cell.target-highlight{border:3px dashed #f57c00;background:#fffde7;animation:pulse-target 1.5s infinite alternate}@keyframes pulse-target{0%{transform:scale(1)}to{transform:scale(1.05)}}.calendar-date-cell.placed{border:2px solid #4caf50;background:#f1f8e9}.date-number{font-size:.95rem;font-weight:900;color:#37474f;align-self:flex-start;margin-left:2px;margin-top:2px;line-height:1}.placed-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-40%);display:flex;flex-direction:column;align-items:center;justify-content:center;width:90%;text-align:center}.placed-badge-icon{width:32px;height:32px}.placed-badge-label{font-size:.65rem;font-weight:900;color:#1d2b36;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.upcoming-events-game{display:flex;flex-direction:column;align-items:center;width:100%;max-width:840px;margin:0 auto;padding:.5rem;box-sizing:border-box;gap:1.25rem}.upcoming-events-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}.upcoming-events-scene svg{width:100%;height:100%;max-height:180px;object-fit:contain}.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}}.events-calendar-board{flex:1;width:100%;max-width:480px;background:#fff;border:4px solid #1d2b36;border-radius:20px;overflow:hidden;box-shadow:0 8px 24px #0000001f}.events-calendar-header{background:linear-gradient(135deg,#0288d1,#01579b);color:#fff;padding:.75rem 1.25rem;text-align:center;display:flex;align-items:center;justify-content:space-between}.events-calendar-header h2{margin:0;font-size:1.35rem;font-weight:900;letter-spacing:1px}.events-calendar-badge{background:#ffffff40;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:800}.events-days-row{display:grid;grid-template-columns:repeat(7,1fr);background:#212121;color:#fff;text-align:center;font-size:.85rem;font-weight:900;padding:.4rem 0}.events-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;padding:8px;background:#eceff1}.events-date-cell{position:relative;background:#fff;border:2px solid #cfd8dc;border-radius:10px;aspect-ratio:1;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:3px;cursor:pointer;transition:all .2s ease;box-sizing:border-box}.events-date-cell:hover{border-color:#0288d1;background:#e1f5fe}.events-date-cell.today-cell{border:3px solid #fbc02d;background:#fffde7;box-shadow:0 0 0 3px #fbc02d4d}.events-date-cell.event-cell{border:2px solid #e91e63;background:#fce4ec}.events-date-cell.highlighted{border:3px solid #4caf50;background:#e8f5e9;transform:scale(1.06)}.events-date-cell.empty{opacity:.2;background:#f5f5f5;border-color:#e0e0e0;cursor:default}.events-date-number{font-size:.9rem;font-weight:900;color:#37474f;align-self:flex-start;margin-left:2px;margin-top:1px;line-height:1}.today-chip{position:absolute;top:2px;right:2px;background:#fbc02d;color:#1d2b36;font-size:.55rem;font-weight:900;padding:1px 3px;border-radius:4px}.event-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-35%);display:flex;flex-direction:column;align-items:center;justify-content:center;width:95%;text-align:center}.event-badge-icon{font-size:1.1rem;line-height:1}.event-badge-label{font-size:.6rem;font-weight:900;color:#880e4f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.questions-section{flex:1;display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:360px}.choices-container{display:flex;flex-direction:column;gap:.75rem;width:100%}.choice-option-btn{display:flex;align-items:center;gap:.85rem;background:#fff;border:3px solid #1d2b36;border-radius:16px;padding:.85rem 1.1rem;cursor:pointer;text-align:left;transition:all .2s ease;box-shadow:0 4px 12px #00000014;min-height:56px}.choice-option-btn:hover:not(:disabled){border-color:#0288d1;background:#e1f5fe;transform:translateY(-2px);box-shadow:0 6px 16px #0288d133}.choice-option-btn:disabled{opacity:.4;cursor:not-allowed;background:#f5f5f5;border-color:#e0e0e0}.choice-option-icon{width:44px;height:38px;display:flex;align-items:center;justify-content:center}.choice-option-text{font-size:1.05rem;font-weight:800;color:#1d2b36}.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:520px;width:100%;box-shadow:0 8px 24px #0000001f}.salon-cut-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:800px;margin:0 auto;padding:1rem;box-sizing:border-box}.salon-step-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}.salon-step-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}.salon-prompt{font-size:1.25rem;font-weight:700;color:#1a237e;margin:0;line-height:1.4}.salon-hint-box{background:#fff8e1;border-left:4px solid #ffb300;padding:.75rem 1rem;border-radius:8px;margin-top:.5rem;font-size:.95rem;color:#5d4037;font-weight:600}.salon-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}.salon-feedback-box.correct{background:#e8f5e9;border:2px solid #66bb6a;color:#1b5e20}.salon-feedback-box.incorrect{background:#ffebee;border:2px solid #ef5350;color:#b71c1c}.salon-choices-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;width:100%;margin-top:.5rem}.salon-choice-card{display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:#fff;border:3px solid #cfd8dc;border-radius:16px;padding:1.25rem;cursor:pointer;transition:all .2s ease-in-out;min-height:160px;box-shadow:0 4px 8px #0000000a}.salon-choice-card:hover:not(:disabled){border-color:#0288d1;transform:translateY(-4px);box-shadow:0 8px 16px #0288d126}.salon-choice-card:focus-visible{outline:3px solid #0288d1;outline-offset:2px}.salon-choice-card.disabled{opacity:.4;cursor:not-allowed;filter:grayscale(80%)}.salon-choice-art{width:120px;height:90px;display:flex;align-items:center;justify-content:center}.salon-choice-label{font-size:1rem;font-weight:700;color:#263238;text-align:center;margin-top:.75rem}.salon-station{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}.salon-toolbar{display:flex;align-items:center;justify-content:center;gap:1rem;width:100%;background:#fff;border:2px solid #90caf9;border-radius:30px;padding:.5rem 1rem;margin-bottom:1.25rem;box-shadow:0 2px 8px #0000000f}.salon-tool-btn{display:flex;align-items:center;gap:.5rem;background:#f1f8e9;border:2px solid #aed581;border-radius:20px;padding:.5rem 1.25rem;font-size:1rem;font-weight:700;color:#33691e;cursor:pointer;min-height:48px;transition:all .2s ease}.salon-tool-btn:hover{background:#dce775}.salon-tool-btn.selected{background:#7cb342;border-color:#33691e;color:#fff;box-shadow:0 4px 10px #7cb34266}.salon-tool-btn:focus-visible{outline:3px solid #33691e;outline-offset:2px}.salon-chair-stage{position:relative;width:100%;max-width:440px;height:360px;background:#fff;border:3px solid #cfd8dc;border-radius:24px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:inset 0 2px 8px #0000000d;touch-action:none;cursor:crosshair}.salon-chair-stage:hover .scissor-pointer{opacity:1}.scissor-pointer{position:absolute;pointer-events:none;font-size:2.5rem;transform:translate(-50%,-50%);z-index:20;transition:transform .05s ease-out,opacity .2s ease;opacity:0;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 4px 6px rgba(0,0,0,.25))}.scissor-pointer.snapping{animation:scissorSnip .25s ease-in-out infinite alternate}@keyframes scissorSnip{0%{transform:translate(-50%,-50%) rotate(0) scale(1)}to{transform:translate(-50%,-50%) rotate(-25deg) scale(1.15)}}.salon-cut-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.salon-cut-zone{position:absolute;pointer-events:auto;background:transparent;border:none;padding:0;margin:0;cursor:crosshair;min-width:80px;min-height:60px;transform:translate(-50%,-50%);border-radius:50%;outline:none}.salon-cut-zone:focus-visible{outline:3px dashed #0288d1;outline-offset:4px;background:#0288d11a}.salon-cut-zone.trimmed{pointer-events:none}.target-top-bangs{top:25%;left:50%;width:110px;height:60px}.target-left-side{top:42%;left:28%;width:70px;height:80px}.target-right-side{top:42%;left:72%;width:70px;height:80px}.target-back-neck{top:65%;left:50%;width:120px;height:60px}.snip-popup{position:absolute;top:35%;left:50%;transform:translate(-50%,-50%);background:#ffeb3b;color:#212121;border:3px solid #f57f17;border-radius:12px;padding:.5rem 1.25rem;font-size:1.4rem;font-weight:900;box-shadow:0 6px 16px #0003;animation:snipBounce .4s ease-out;pointer-events:none;z-index:30}@keyframes snipBounce{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}60%{transform:translate(-50%,-50%) scale(1.15);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.salon-finish-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:1.25rem}.salon-finish-btn{background:#43a047;color:#fff;border:none;border-radius:28px;padding:.85rem 2.5rem;font-size:1.2rem;font-weight:800;cursor:pointer;min-height:52px;box-shadow:0 4px 14px #43a04766;transition:all .2s ease}.salon-finish-btn:hover{background:#2e7d32;transform:scale(1.04)}.salon-finish-btn:focus-visible{outline:3px solid #1b5e20;outline-offset:2px}@media(max-width:480px){.salon-choices-grid{grid-template-columns:1fr}.salon-chair-stage{height:320px}}.style-makeover-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:800px;margin:0 auto;padding:1rem;box-sizing:border-box}.style-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}.style-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}.style-prompt{font-size:1.25rem;font-weight:700;color:#1a237e;margin:0;line-height:1.4}.style-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}.style-feedback-box.correct{background:#e8f5e9;border:2px solid #66bb6a;color:#1b5e20}.style-feedback-box.incorrect{background:#ffebee;border:2px solid #ef5350;color:#b71c1c}.style-choices-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;width:100%;margin-top:.5rem}.style-choice-card{display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:#fff;border:3px solid #cfd8dc;border-radius:16px;padding:1.25rem;cursor:pointer;transition:all .2s ease-in-out;min-height:160px;box-shadow:0 4px 8px #0000000a}.style-choice-card:hover:not(:disabled){border-color:#0288d1;transform:translateY(-4px);box-shadow:0 8px 16px #0288d126}.style-choice-card:focus-visible{outline:3px solid #0288d1;outline-offset:2px}.style-choice-card.disabled{opacity:.4;cursor:not-allowed;filter:grayscale(80%)}.style-choice-art{width:120px;height:90px;display:flex;align-items:center;justify-content:center}.style-choice-label{font-size:1rem;font-weight:700;color:#263238;text-align:center;margin-top:.75rem}.style-station{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}.style-canvas{position:relative;width:100%;max-width:440px;height:360px;background:#fff;border:3px solid #cfd8dc;border-radius:24px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:inset 0 2px 8px #0000000d;touch-action:none;cursor:crosshair}.style-canvas:hover .tool-pointer{opacity:1}.tool-pointer{position:absolute;pointer-events:none;font-size:2.5rem;transform:translate(-50%,-50%);z-index:20;transition:transform .05s ease-out,opacity .2s ease;opacity:0;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 4px 6px rgba(0,0,0,.25))}.tool-pointer.styling{animation:toolPulse .25s ease-in-out infinite alternate}@keyframes toolPulse{0%{transform:translate(-50%,-50%) rotate(0) scale(1)}to{transform:translate(-50%,-50%) rotate(15deg) scale(1.2)}}.style-head-zone{position:absolute;top:35%;left:50%;transform:translate(-50%,-50%);width:160px;height:160px;border-radius:50%;cursor:crosshair;background:transparent;border:none;padding:0;margin:0;outline:none;z-index:10}.style-head-zone:focus-visible{outline:3px dashed #0288d1;outline-offset:4px;background:#0288d11a}.style-next-btn{background:#43a047;color:#fff;border:none;border-radius:28px;padding:.85rem 2.5rem;font-size:1.2rem;font-weight:800;cursor:pointer;min-height:52px;box-shadow:0 4px 14px #43a04766;transition:all .2s ease;margin-top:1.25rem}.style-next-btn:hover{background:#2e7d32;transform:scale(1.04)}.style-next-btn:focus-visible{outline:3px solid #1b5e20;outline-offset:2px}@media(max-width:480px){.style-choices-grid{grid-template-columns:1fr}.style-canvas{height:320px}}.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.drag-over{background:#e1f5fe;border-color:#01579b;border-style:solid;transform:scale(1.02)}.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.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:110px;height:80px;display:flex;align-items:center;justify-content:center}.condition-product-label{font-size:.9rem;font-weight:800;color:#263238;text-align:center;margin-top:.5rem}@media(max-width:480px){.condition-drop-target{height:280px}.condition-product-card{width:130px;min-height:130px;padding:.6rem}}.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)}}}.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{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__stamp{position:absolute;right:.75rem;bottom:4.25rem;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){.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{--swipe-card: min(32rem, calc((100dvh - 30rem) * 4 / 3));grid-template-columns:minmax(0,1fr) minmax(15.5rem,var(--swipe-card)) 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}}.lines{display:grid;gap:1rem;align-items:start}@media(min-width:40.0625rem){.lines{grid-template-columns:1.1fr 1fr}.lines__wide{grid-column:1 / -1}}.lines__scene{display:grid;gap:.375rem;margin:0;padding:.625rem;border-radius:calc(var(--sg-radius) * 1.5);background:var(--sg-surface);box-shadow:var(--sg-shadow)}.lines__scene figcaption{font-size:1.0625rem;font-weight:800;text-align:center}.lines__talk{display:grid}.lines__talk svg{display:block;width:100%;height:auto;max-height:min(14rem,32vh);border-radius:var(--sg-radius)}.lines__bubble{position:relative;display:grid;gap:.125rem;justify-self:start;max-width:88%;margin:0 0 .75rem;padding:.5rem .75rem;border:3px solid var(--sg-primary);border-radius:1rem 1rem 1rem .25rem;background:var(--sg-surface);font-size:1.125rem;font-weight:800;line-height:1.3}.lines__bubble:after{content:"";position:absolute;bottom:-.75rem;left:1.5rem;border:.375rem solid transparent;border-top-color:var(--sg-primary);border-left-color:var(--sg-primary)}.lines__bubble--swapped{border-color:var(--sg-success);background:var(--sg-success-soft)}.lines__bubble--swapped:after{border-top-color:var(--sg-success);border-left-color:var(--sg-success)}.lines__who{color:var(--sg-ink-muted);font-size:.8125rem}.lines__old{color:var(--sg-ink-muted);font-size:.875rem;font-weight:700}.lines__listener{justify-self:end;margin:0;padding-right:1rem;color:var(--sg-ink-muted);font-size:.875rem;font-weight:800}.lines__side{display:grid;gap:.75rem}.lines__swaps{display:grid;gap:.5rem}.lines__next{min-height:3.5rem;font-size:1.25rem}.lines__trays{display:grid;gap:.75rem}@media(min-width:30rem){.lines__trays{grid-template-columns:repeat(2,minmax(0,1fr))}}.lines__tray{padding:.625rem .75rem;border:2px solid var(--sg-line);border-radius:calc(var(--sg-radius) * 1.25);background:var(--sg-surface)}.lines__tray--keep{border-color:var(--sg-success)}.lines__tray--swap{border-color:var(--sg-accent)}.lines__tray h2{display:flex;align-items:center;gap:.5rem;margin:0 0 .375rem;font-size:1rem}.lines__tray-art{display:block;flex:none;width:2.5rem}.lines__tray-art svg{display:block;width:100%;height:auto}.lines__tray ul{display:grid;gap:.375rem;margin:0;padding:0;list-style:none}.lines__tray li{display:grid;gap:.125rem;padding:.375rem .5rem;border-radius:.625rem;background:var(--sg-bg);font-weight:700;line-height:1.3}@media(max-width:40rem){.lines{gap:.75rem}.lines__side{order:-1}.lines__bubble{font-size:1rem}.lines__talk svg{max-height:18vh}}@media(prefers-reduced-motion:no-preference){.lines__bubble--swapped,.lines__tray li:last-child{animation:lines-in .35s ease-out}@keyframes lines-in{0%{transform:translateY(-.4rem);opacity:.4}}}.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__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__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}}.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}}.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)}}}.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: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:#d6cfbf;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:.3}.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}}.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__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:.8125rem}.rail__station{gap:.25rem}.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}}.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__later{margin:auto 0;font-weight:700}.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)}}}.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}}}.visual-timetable-game{display:flex;flex-direction:column;align-items:center;width:100%;max-width:840px;margin:0 auto;padding:.5rem;box-sizing:border-box;gap:1.25rem}.timetable-character-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}.timetable-character-scene svg{width:100%;height:100%;max-height:180px;object-fit:contain}.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:.75rem;background:linear-gradient(135deg,#fff,#f5f5f5);border:3px solid #1d2b36;border-radius:18px;padding:1rem 1.25rem;width:100%;box-shadow:0 4px 14px #00000014;box-sizing:border-box}.tray-header{font-size:1.1rem;font-weight:800;color:#1d2b36;display:flex;align-items:center;gap:.5rem}.activity-cards-list{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem;width:100%}.activity-drag-card{display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#fffde7,#fff9c4);border:3px dashed #f57c00;border-radius:14px;padding:.6rem 1rem;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;animation:pulse-card 2s infinite ease-in-out}@keyframes pulse-card{0%,to{transform:scale(1);box-shadow:0 4px 10px #f57c0033}50%{transform:scale(1.03);box-shadow:0 8px 18px #f57c0059}}.activity-drag-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f57c004d;border-color:#e65100}.activity-drag-card:active{cursor:grabbing;transform:scale(.97)}.activity-drag-card.selected{border-style:solid;border-color:#1976d2;background:#e3f2fd;box-shadow:0 0 0 4px #1976d24d;animation:none}.activity-drag-card.excluded{opacity:.35;cursor:not-allowed;background:#eee;border-color:#bdbdbd;animation:none}.card-icon{width:44px;height:36px;display:flex;align-items:center;justify-content:center}.card-label{font-size:1rem;font-weight:800;color:#1d2b36}.tray-help-text{font-size:.85rem;font-weight:700;color:#555;text-align:center}.timetable-board{width:100%;max-width:620px;background:#fff;border:4px solid #1d2b36;border-radius:20px;overflow:hidden;box-shadow:0 8px 24px #0000001f}.timetable-board-header{background:linear-gradient(135deg,#0288d1,#01579b);color:#fff;padding:.85rem 1.25rem;text-align:center;display:flex;align-items:center;justify-content:space-between}.timetable-board-header h2{margin:0;font-size:1.35rem;font-weight:900;letter-spacing:1px}.timetable-header-badge{background:#ffffff40;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:#eceff1}.timetable-slot{display:flex;align-items:center;justify-content:space-between;background:#fff;border:3px dashed #b0bec5;border-radius:16px;padding:.85rem 1.25rem;min-height:72px;transition:all .2s ease;box-sizing:border-box}.timetable-slot.active-target{border-style:solid;border-color:#0288d1;background:#e1f5fe;box-shadow:0 0 0 4px #0288d133}.timetable-slot.drag-over{border-color:#4caf50;background:#e8f5e9;transform:scale(1.02)}.timetable-slot.completed{border-style:solid;border-color:#2e7d32;background:linear-gradient(135deg,#f1f8e9,#ded2d8);border-color:#4caf50}.slot-left-info{display:flex;align-items:center;gap:.85rem}.slot-step-badge{width:36px;height:36px;border-radius:50%;background:#1d2b36;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.1rem}.slot-time-label{font-size:1rem;font-weight:800;color:#37474f}.slot-empty-prompt{font-size:.95rem;font-weight:700;color:#78909c;font-style:italic}.slot-filled-content{display:flex;align-items:center;gap:.75rem}.slot-filled-icon{width:44px;height:36px;display:flex;align-items:center;justify-content:center}.slot-filled-title{font-size:1.05rem;font-weight:900;color:#1b5e20}.ticked-off-badge{display:flex;align-items:center;gap:.35rem;background:#2e7d32;color:#fff;padding:.35rem .85rem;border-radius:20px;font-size:.85rem;font-weight:900;box-shadow:0 2px 8px #2e7d324d}.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:580px;width:100%;box-shadow:0 8px 24px #0000001f}.clock-game{display:flex;flex-direction:column;gap:1.25rem;width:100%;max-width:540px;margin:0 auto;padding:.5rem}.clock-game__main{display:flex;flex-direction:column;align-items:center;gap:1.25rem;background:var(--sg-surface, #ffffff);border:3px solid var(--sg-border, #d1d5db);border-radius:1.25rem;padding:1.25rem;box-shadow:0 4px 12px #0000000d}.clock-game__target-card{display:flex;align-items:center;justify-content:space-between;width:100%;background:#f8fafc;border:2px solid #cbd5e1;border-radius:1rem;padding:.75rem 1.25rem}.clock-game__target-info{display:flex;flex-direction:column}.clock-game__target-label{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.clock-game__target-time{font-size:1.4rem;font-weight:900;color:#1e293b}.clock-game__digital-display{background:#1e293b;border:2px solid #0f172a;border-radius:.75rem;padding:.4rem .85rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.5rem;font-weight:900;color:#00e676;letter-spacing:.08em;box-shadow:inset 0 2px 4px #0006}.clock-game__digital-display--current{color:#ff9100}.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}.clock-game__svg{width:100%;height:100%;overflow:visible}.clock-game__hour-btn{cursor:pointer}.clock-game__hour-btn:focus-visible circle{stroke:#1976d2;stroke-width:3}.clock-game__switch-bar{display:flex;gap:.5rem;width:100%;background:#f1f5f9;border:2px solid #cbd5e1;border-radius:1rem;padding:.35rem}.clock-game__switch-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.5rem .75rem;font-size:.95rem;font-weight:800;color:#475569;background:transparent;border:2px solid transparent;border-radius:.75rem;cursor:pointer}.clock-game__switch-btn--active-hour{background:#fff;color:#1976d2;border-color:#1976d2;box-shadow:0 2px 6px #1976d233}.clock-game__switch-btn--active-minute{background:#fff;color:#e91e63;border-color:#e91e63;box-shadow:0 2px 6px #e91e6333}.clock-game__switch-btn:focus-visible{outline:3px solid #1976d2;outline-offset:2px}.clock-game__color-dot{width:14px;height:14px;border-radius:50%;display:inline-block}.clock-game__color-dot--hour{background:#1976d2}.clock-game__color-dot--minute{background:#e91e63}.clock-game__action{display:flex;flex-direction:column;gap:.75rem;width:100%;margin-top:.5rem}.clock-game__check-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:52px;font-size:1.15rem;font-weight:900}.clock-game__finish{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:2rem 1rem;text-align:center;background:#fff;border:3px solid var(--sg-border, #cbd5e1);border-radius:1.5rem}.clock-game__mascot{max-width:180px;height:auto}.clock-game__finish-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.lens{--lens-ink: #1d2b36;display:grid;gap:.875rem;align-items:start}@media(min-width:60rem){.lens{grid-template-columns:min(calc(100% - 24rem),calc((100dvh - 17.5rem) * 2 / 3)) minmax(0,1fr)}.lens:has(.lens__recap){grid-template-columns:min(calc(100% - 24rem),calc((100dvh - 19rem) * 4 / 3)) minmax(0,1fr)}}.lens__view,.lens__recap-view{position:relative;aspect-ratio:2 / 3;overflow:hidden;border:2px solid var(--sg-line);border-radius:1.25rem;background:#eef6f7;box-shadow:var(--sg-shadow)}@media(max-width:59.99rem){.lens__view{width:min(100%,22rem);justify-self:center}.lens__recap{width:min(100%,36rem);justify-self:center}}.lens__recap-view .lens__tag{max-width:min(8rem,38vw);font-size:.75rem}.lens__art,.lens__art svg{display:block;width:100%;height:100%}.lens__art{position:absolute;inset:0;pointer-events:none}.lens__side-label,.lens__recap-view figcaption{position:absolute;top:.75rem;left:.75rem;padding:.125rem .75rem;border-radius:999px;background:#fff;color:var(--lens-ink);font-weight:900}.lens__zone,.lens__found{position:absolute;z-index:3;display:grid;place-items:center;width:3.5rem;height:3.5rem;transform:translate(-50%,-50%)}.lens__zone{padding:0;border:3px dashed #ffffff;border-radius:50%;background:#1d2b361f;box-shadow:0 0 0 2px var(--lens-ink);color:var(--lens-ink);font:inherit;cursor:zoom-in}.lens__zone:hover{background:#ffffff4d}.lens__zone:focus-visible{outline:3px solid var(--sg-focus);outline-offset:3px}.lens__tag{position:absolute;top:calc(100% + .25rem);display:grid;justify-items:center;width:max-content;max-width:8rem;padding:.125rem .5rem;border-radius:.5rem;background:var(--lens-ink);color:#fff;font-size:.875rem;font-weight:800;line-height:1.2;text-align:center}.lens__zone .lens__tag{max-width:none;white-space:nowrap}.lens__check{display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--sg-success);color:#fff;font-weight:900}.lens__tag small{font-size:.75rem}.lens__zone--suggested{border-color:var(--sg-accent);box-shadow:0 0 0 3px var(--sg-accent),0 0 0 7px var(--sg-accent-soft)}.lens__zone--suggested .lens__tag{background:var(--sg-accent-ink)}.lens__zone--excluded{border-color:#aeb8bf;background:#eef1ef8c;box-shadow:0 0 0 2px #aeb8bf;cursor:not-allowed}.lens__zone--excluded .lens__tag{background:#5c6670}.lens__found{border:3px solid #ffffff;border-radius:50%;box-shadow:0 0 0 3px var(--sg-success);pointer-events:none}.lens__found .lens__tag{background:var(--sg-success)}.lens__glass{position:absolute;z-index:2;overflow:hidden;border:5px solid var(--lens-ink);border-radius:50%;background:#eef6f7;box-shadow:0 6px 14px #1d2b364d,inset 0 0 0 3px #fff9;transform:translate(-50%,-50%);pointer-events:none}.lens__zoom{position:absolute}.lens__zoom svg{display:block;width:100%;height:100%}.lens__recap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.lens__recap-view{margin:0}.lens__side{display:grid;gap:.75rem;min-width:0}.lens__feedback{margin:0}.lens__list{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}.lens__list li{display:inline-flex;align-items:center;gap:.375rem;min-height:2.25rem;padding:.25rem .75rem .25rem .25rem;border:2px dashed var(--sg-line);border-radius:999px;color:var(--sg-ink-muted);font-weight:800}.lens__list span{display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background:#eef1ef;font-weight:900}.lens__list .lens__list--found{border-style:solid;border-color:var(--sg-success);background:var(--sg-success-soft);color:var(--sg-ink)}.lens__list .lens__list--found span{background:var(--sg-success);color:#fff}.lens__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)}.lens__card p{margin:0;font-weight:800;line-height:1.35}.lens__card .lens__safety{padding:.625rem .75rem;border-left:.375rem solid var(--sg-primary);border-radius:.5rem;background:var(--sg-primary-soft)}.lens__finish{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 1rem;padding:.875rem}.lens__finish .board__mascot{width:4.5rem}@media(prefers-reduced-motion:no-preference){.lens__glass{transition:left .18s ease-out,top .18s ease-out}.lens__found{animation:lens-pop .35s ease-out}@keyframes lens-pop{0%{transform:translate(-50%,-50%) scale(.4);opacity:0}}}.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}}