.g-stage{background:var(--cloud);border:var(--stroke) solid var(--soil);border-radius:var(--radius-card);max-width:100%;min-height:0;box-shadow:0 var(--lift) 0 var(--soil-15);padding:var(--space-5);align-items:center;gap:var(--space-5);flex-direction:column;display:flex}.g-question{font-family:var(--face-read);font-weight:var(--weight-read);font-size:var(--text-question);line-height:var(--leading-read);color:var(--soil);text-align:center;max-width:var(--measure);margin:0}.g-hint{font-family:var(--face-read);font-weight:var(--weight-read);font-size:var(--text-hint);line-height:var(--leading-read);color:var(--soil);text-align:center;margin:0}.g-keys{justify-content:center;gap:var(--touch-gap);max-width:var(--measure);flex-wrap:wrap;display:flex}.g-key{min-width:var(--touch-floor,var(--touch-child));min-height:var(--touch-floor,var(--touch-child));padding:0 var(--space-4);background:var(--cloud);color:var(--soil);font-family:var(--face-number);font-weight:var(--weight-number);font-size:var(--text-digit-md);cursor:pointer;border:var(--stroke) solid var(--soil);border-radius:var(--radius-object);box-shadow:0 var(--lift) 0 var(--soil-15);transition:transform var(--dur-tap) var(--ease-out), box-shadow var(--dur-tap) var(--ease-out), background-color var(--dur-tap) var(--ease-out);line-height:1}.g-key:hover:not(:disabled){background:var(--sun)}.g-key:active:not(:disabled){transform:translateY(var(--press-travel));box-shadow:0 var(--lift-pressed) 0 var(--soil-15)}.g-key.is-current{background:var(--sun)}.g-key .g-stroke{stroke:var(--soil)}.g-key:disabled .g-stroke{stroke:var(--pebble)}.g-key:disabled{color:var(--pebble);border-color:var(--pebble);box-shadow:none;cursor:default}.g-go{min-height:var(--touch-floor,var(--touch-child));padding:0 var(--space-6);background:var(--leaf);color:var(--cloud);font-family:var(--face-number);font-weight:var(--weight-number);font-size:var(--text-button);cursor:pointer;border:var(--stroke) solid var(--leaf-deep);border-radius:var(--radius-pill);box-shadow:0 var(--lift) 0 var(--soil-15);transition:transform var(--dur-tap) var(--ease-out), box-shadow var(--dur-tap) var(--ease-out)}.g-go:active:not(:disabled){transform:translateY(var(--press-travel));box-shadow:0 var(--lift-pressed) 0 var(--soil-15)}.g-go:disabled{background:var(--pebble);border-color:var(--pebble);box-shadow:none;cursor:default}.g-icon{width:var(--touch-floor,var(--touch-child));height:var(--touch-floor,var(--touch-child));background:var(--cloud);cursor:pointer;border:var(--stroke) solid var(--soil);border-radius:var(--radius-pill);box-shadow:0 var(--lift) 0 var(--soil-15);transition:transform var(--dur-tap) var(--ease-out), box-shadow var(--dur-tap) var(--ease-out);place-items:center;padding:0;display:grid}.g-icon:active{transform:translateY(var(--press-travel));box-shadow:0 var(--lift-pressed) 0 var(--soil-15)}.g-icon svg{width:var(--space-6);height:var(--space-6);display:block}.g-counters{justify-content:center;gap:var(--touch-gap);max-width:var(--measure);flex-wrap:wrap;display:flex}.g-counter{width:var(--target,var(--touch-child));height:var(--target,var(--touch-child));cursor:pointer;transition:transform var(--dur-tap) var(--ease-out);background:0 0;border:0;padding:0}.g-counter:active:not(:disabled){transform:translateY(var(--press-travel))}.g-counter:disabled{cursor:default}.g-counter svg{width:100%;height:100%;display:block;overflow:visible}.g-frames{gap:var(--space-3);flex-direction:column;display:flex}.g-frame{grid-template-columns:repeat(5, var(--target,var(--touch-child)));grid-template-rows:repeat(2, var(--target,var(--touch-child)));background:var(--cloud);border:var(--stroke) solid var(--soil);border-radius:var(--radius-object);display:grid;overflow:hidden}.g-cell{border:0;border-right:var(--hair) solid var(--soil);border-bottom:var(--hair) solid var(--soil);background:var(--cloud);cursor:pointer;place-items:center;padding:0;display:grid}.g-cell:nth-child(5n){border-right:0}.g-cell:nth-child(n+6){border-bottom:0}.g-cell:disabled{cursor:default}.g-pip{width:var(--space-7);height:var(--space-7);border-radius:var(--radius-pill);background:var(--petal);border:var(--stroke) solid var(--soil);display:block}.g-line{width:100%;max-width:var(--measure)}.g-line svg{width:100%;height:auto;display:block;overflow:visible}.g-hops{justify-content:center;align-items:center;gap:var(--touch-gap);display:flex}.g-bed{height:var(--bed-height);background:var(--grass);border-top:var(--stroke) solid var(--soil);justify-content:center;align-items:flex-end;gap:var(--space-5);padding:0 var(--space-5) var(--space-3);width:100%;display:flex}.g-plot{border-radius:var(--radius-pill);background:var(--pebble);border:var(--stroke) dashed var(--soil);color:var(--cloud);font-family:var(--face-number);font-weight:var(--weight-strong);font-size:var(--text-plot);letter-spacing:var(--track-wide);place-items:center;display:grid}.g-plot.seed{width:var(--space-6);height:var(--space-6)}.g-plot.sprout{width:var(--space-7);height:var(--space-7)}.g-plot.bloom{width:var(--space-8);height:var(--space-8)}@media (max-width:560px){.g-bed{gap:var(--space-3);padding:0 var(--space-3) var(--space-2)}.g-plot.seed{width:var(--space-5);height:var(--space-5)}.g-plot.sprout{width:var(--space-6);height:var(--space-6)}.g-plot.bloom{width:var(--space-7);height:var(--space-7)}}.g-play{background:var(--sky);grid-template-rows:auto 1fr auto;height:100%;display:grid;overflow:hidden}.g-top{padding:var(--edge-guard) var(--edge-guard) 0;justify-content:space-between;display:flex}.g-middle{justify-content:center;align-items:center;gap:var(--space-6);min-height:0;padding:0 var(--edge-guard) var(--space-5);flex-direction:column;min-height:0;display:flex;overflow:hidden}.g-ink{stroke:var(--soil);stroke-width:var(--stroke);stroke-linejoin:round;stroke-linecap:round}.g-fill-cloud{fill:var(--cloud)}.g-fill-sun{fill:var(--sun)}.g-fill-leaf{fill:var(--leaf)}.g-fill-petal{fill:var(--petal)}.g-fill-soil{fill:var(--soil)}.g-fill-none{fill:none}.g-numeral{font-family:var(--face-number);font-weight:var(--weight-number);font-size:var(--text-digit-lg);color:var(--soil);margin:0;line-height:1}.g-tick-label{font-family:var(--face-number);font-weight:var(--weight-number);font-size:var(--text-p-md);fill:var(--soil);text-anchor:middle}.g-typed{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.g-screen{min-width:var(--space-9);padding:var(--space-2) var(--space-5);background:var(--cloud);border:var(--stroke) solid var(--soil);border-radius:var(--radius-object);box-shadow:0 var(--lift) 0 var(--soil-15);font-family:var(--face-number);font-weight:var(--weight-number);font-size:var(--text-digit-lg);color:var(--soil);text-align:center;line-height:1}[data-tier=early] .g-question{font-size:var(--text-question)}[data-tier=early],[data-tier=infant]{--touch-gap:var(--touch-gap-young);--edge-guard:var(--edge-guard-young)}[data-tier=early]{--touch-floor:var(--touch-early)}[data-tier=infant] .g-question{font-size:var(--text-question)}[data-tier=junior] .g-question{font-size:var(--text-button)}[data-tier=upper] .g-question{font-size:var(--text-p-lg);font-family:var(--face-parent)}[data-tier=junior],[data-tier=upper]{--stroke:var(--hair);--lift:var(--lift-pressed)}[data-tier=upper]{--space-5:var(--space-4)}[data-tier=junior] .g-bed,[data-tier=upper] .g-bed{height:var(--space-7)}[data-speaking=true] .g-question{color:var(--soil)}[data-speaking=true] .g-stage{box-shadow:0 0 0 var(--space-1) var(--sun), 0 var(--lift) 0 var(--soil-15)}[data-speaking=true] .g-speak,.g-speak,.g-speak[data-auto=true]{background:var(--sun)}.g-screenwrap{border:var(--stroke) solid var(--soil);border-radius:var(--radius-card);background:var(--sky);width:100%;box-shadow:0 var(--lift) 0 var(--soil-15);overflow:hidden}.d-page{background:var(--sky);min-height:100dvh;padding:var(--space-6);font-family:var(--face-parent);color:var(--soil)}.d-page h1{font-family:var(--face-number);font-size:var(--text-digit-md);margin:0 0 var(--space-2)}.d-page h2{font-family:var(--face-number);font-size:var(--text-button);margin:var(--space-7) 0 var(--space-2)}.d-page h3{font-family:var(--face-parent);font-size:var(--text-p-md);margin:var(--space-5) 0 var(--space-2)}.d-page p{font-size:var(--text-p-sm);max-width:var(--measure);margin:0 0 var(--space-3);line-height:1.5}.d-swatches{gap:var(--space-3);flex-wrap:wrap;display:flex}.d-swatch{width:var(--space-9)}.d-chip{height:var(--space-8);border:var(--stroke) solid var(--soil);border-radius:var(--radius-object);display:block}.d-name{font-size:var(--text-p-sm);font-weight:var(--weight-strong);margin:var(--space-1) 0 0}.d-note{font-size:var(--text-p-sm);color:var(--pebble);margin:0}.d-row{gap:var(--space-5);flex-wrap:wrap;align-items:flex-end;display:flex}.d-panel{background:var(--cloud);border:var(--stroke) solid var(--soil);border-radius:var(--radius-card);padding:var(--space-5);margin-bottom:var(--space-5)}.d-two{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}@media (max-width:900px){.d-two{grid-template-columns:1fr}}.g-mock{aspect-ratio:4/3;border:var(--stroke) solid var(--soil);border-radius:var(--radius-card);width:100%;box-shadow:0 var(--lift) 0 var(--soil-15);overflow:hidden;container-type:inline-size}.g-mock iframe{width:var(--mock-w);height:var(--mock-h);transform-origin:0 0;transform:scale(calc(100cqw / 1024));border:0;display:block}.g-digits{align-items:flex-end;gap:var(--space-1);line-height:0;display:inline-flex}.g-digits svg{display:block;overflow:visible}.g-stroke{fill:none;stroke:var(--soil);stroke-width:var(--numeral-stroke);stroke-linecap:round;stroke-linejoin:round}.g-rek{gap:var(--space-4);flex-direction:column;display:flex}.rk-bar{grid-template-columns:repeat(10, var(--target,var(--touch-child)));height:var(--target,var(--touch-child));align-items:center;display:grid;position:relative}.rk-wire{height:var(--hair);background:var(--soil);position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.rk-bead{width:calc(var(--target,var(--touch-child)) - var(--space-2));height:calc(var(--target,var(--touch-child)) - var(--space-2));border-radius:var(--radius-pill);border:var(--stroke) solid var(--soil);background:var(--cloud);cursor:pointer;transform:translateX(calc(var(--space-5) * 1));transition:transform var(--dur-tap) var(--ease-out);justify-self:center;padding:0;position:relative}.rk-bead.first-five{background:var(--petal)}.rk-bead.across{transform:translateX(calc(var(--space-5) * -1))}.rk-bead:disabled{cursor:default}.ch-queue{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;justify-content:center;display:flex}.ch-queue[data-facing=left]{flex-direction:row-reverse}.ch-arrow{width:var(--space-6);height:var(--space-6);display:block}.ch-arrow svg{width:100%;height:100%;display:block}.ch-queue[data-facing=left] .ch-arrow{transform:scaleX(-1)}.ch-inline{background:var(--cloud);border:var(--stroke) solid var(--soil);border-radius:var(--radius-object);padding:var(--space-2) var(--space-3);font-family:var(--face-read);font-size:var(--text-p-md);color:var(--soil)}.g-plain{background:var(--sky);justify-content:center;align-items:center;gap:var(--space-6);min-height:100dvh;padding:var(--edge-guard);padding-bottom:calc(var(--bed-height) + var(--space-7));--touch-floor:var(--touch-early);flex-direction:column;display:flex;position:relative}.g-plain .g-bed{position:absolute;bottom:0;left:0;right:0}.g-setup{background:var(--cloud);border:var(--stroke) solid var(--soil);border-radius:var(--radius-card);box-shadow:0 var(--lift) 0 var(--soil-15);padding:var(--space-6);gap:var(--space-3);flex-direction:column;width:min(100%,560px);display:flex}.g-setup-who{font-family:var(--face-parent);font-size:var(--text-p-sm);font-weight:var(--weight-strong);letter-spacing:var(--track-wide);text-transform:uppercase;color:var(--pebble);margin:0}.g-setup h1{font-family:var(--face-number);font-weight:var(--weight-number);font-size:var(--text-digit-md);color:var(--soil);margin:0 0 var(--space-2)}.g-lab{font-family:var(--face-parent);font-size:var(--text-p-sm);font-weight:var(--weight-strong);color:var(--soil);margin-top:var(--space-3)}.g-in{font-family:var(--face-read);font-size:var(--text-p-lg);color:var(--soil);background:var(--sky);border:var(--stroke) solid var(--soil);border-radius:var(--radius-object);padding:var(--space-3) var(--space-4);min-height:var(--touch-adult)}.g-in:focus{outline:var(--stroke) solid var(--leaf);outline-offset:var(--space-1)}.g-note{font-family:var(--face-parent);font-size:var(--text-p-sm);color:var(--pebble);margin:0;line-height:1.5}.g-years{gap:var(--space-2);flex-wrap:wrap;display:flex}.g-years .g-key{min-width:var(--touch-adult);min-height:var(--touch-adult);font-size:var(--text-p-lg)}.g-setup .g-go{margin-top:var(--space-4);align-self:flex-start}.g-start{width:var(--space-9);height:var(--space-9);background:var(--leaf);border:var(--stroke) solid var(--leaf-deep);border-radius:var(--radius-pill);box-shadow:0 var(--lift) 0 var(--soil-15);cursor:pointer;transition:transform var(--dur-tap) var(--ease-out), box-shadow var(--dur-tap) var(--ease-out);place-items:center;padding:0;display:grid}.g-start:active{transform:translateY(var(--press-travel));box-shadow:0 var(--lift-pressed) 0 var(--soil-15)}.g-start svg{width:50%;height:50%;fill:var(--cloud);display:block}.g-farewell{font-family:var(--face-read);font-size:var(--text-question);color:var(--soil);text-align:center;margin:0}.g-work{display:contents}.g-announce{font-family:var(--face-read);font-size:var(--text-hint);color:var(--soil);background:var(--sun);border:var(--stroke) solid var(--soil);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-5);margin:0}.g-label{font-family:var(--face-number);font-weight:var(--weight-number);font-size:var(--text-digit-lg);color:var(--soil);margin:0;line-height:1}.g-label[data-phrase=true]{font-family:var(--face-read);font-weight:var(--weight-read);font-size:var(--text-hint);color:var(--pebble)}.g-note-turn{font-family:var(--face-read);font-size:var(--text-hint);color:var(--soil);text-align:center;margin:0}.g-unbuilt{font-family:var(--face-parent);font-size:var(--text-p-sm);color:var(--pebble);margin:0}.g-play{position:relative}.g-speak[data-quiet=true]{background:var(--cloud)}[data-miss=true] .g-stage{border-color:var(--soil);box-shadow:0 0 0 var(--space-1) var(--sun), 0 var(--lift) 0 var(--soil-15)}[data-miss=true] .g-go:not(:disabled),[data-miss=true] .g-legacy .ng-go{background:var(--sun);border-color:var(--soil);color:var(--soil)}[data-miss=true] .g-key:not(:disabled),[data-miss=true] .g-legacy .w-num:not(:disabled),[data-miss=true] .g-legacy .cp-opt:not(:disabled),[data-miss=true] .g-legacy .ch-opt:not(:disabled){background:var(--sun)}[data-miss=true] .g-note-turn{font-weight:var(--weight-strong)}.g-play button:focus-visible,.g-plain button:focus-visible,.g-legacy button:focus-visible,.g-setup button:focus-visible,.d-page button:focus-visible,.g-in:focus-visible{outline:var(--stroke) solid var(--leaf-deep);outline-offset:var(--space-1)}