: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}@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)}}}.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__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}.choice-card{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:active{transform:translateY(.25rem);box-shadow:0 .125rem 0 var(--sg-primary)}.choice-card__body{display:grid;gap:.5rem;justify-items:center}.choice-card__art{width:100%;max-width:10rem}.choice-card__label{font-size:1.25rem;font-weight:800;line-height:1.2}.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__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:1rem}.board__slots{grid-template-columns:repeat(var(--slots-phone, 3),minmax(0,1fr));gap:.5rem}.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}}