.tk-btn{--_bg:var(--bg-surface);--_fg:var(--ink-900);--_edge:var(--edge-surface);--_lift:calc(var(--edge-size) - var(--edge-size-pressed));position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);min-width:var(--size-tap);min-height:var(--size-tap);padding:var(--space-3) var(--space-5);margin-bottom:var(--edge-size);background:var(--_bg);color:var(--_fg);border:0;border-radius:var(--radius-mode);box-shadow:0 var(--edge-size) 0 var(--_edge),inset 0 var(--border-thin) 0 var(--gloss);font-family:var(--font-ui);font-weight:var(--weight-heavy);font-size:var(--size-label);line-height:var(--leading-tight);cursor:pointer;touch-action:manipulation;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;transform:translateY(0);transition:transform var(--dur-instant) var(--ease-out),box-shadow var(--dur-instant) var(--ease-out)}.tk-btn:active,.tk-btn[data-pressed=true]{transform:translateY(var(--_lift));box-shadow:0 var(--edge-size-pressed) 0 var(--_edge),inset 0 var(--border-thin) 0 var(--gloss)}.tk-btn:disabled{cursor:default;opacity:.55;transform:translateY(var(--_lift));box-shadow:0 var(--edge-size-pressed) 0 var(--_edge)}.tk-btn[data-variant=brand]{--_bg:var(--brand-500);--_fg:var(--on-brand-500);--_edge:var(--edge-brand)}.tk-btn[data-variant=math]{--_bg:var(--math-500);--_fg:var(--on-math-500);--_edge:var(--edge-math)}.tk-btn[data-variant=vi]{--_bg:var(--vi-500);--_fg:var(--on-vi-500);--_edge:var(--edge-vi)}.tk-btn[data-variant=en]{--_bg:var(--en-500);--_fg:var(--on-en-500);--_edge:var(--edge-en)}.tk-btn[data-variant=bi]{--_bg:var(--bi-500);--_fg:var(--on-bi-500);--_edge:var(--edge-bi)}.tk-btn[data-variant=success]{--_bg:var(--success-500);--_fg:var(--on-success-500);--_edge:var(--edge-success)}.tk-btn[data-variant=soft-math]{--_bg:var(--math-100);--_fg:var(--ink-900);--_edge:var(--edge-math)}.tk-btn[data-variant=soft-vi]{--_bg:var(--vi-100);--_fg:var(--ink-900);--_edge:var(--edge-vi)}.tk-btn[data-variant=soft-en]{--_bg:var(--en-100);--_fg:var(--ink-900);--_edge:var(--edge-en)}.tk-btn[data-feedback=correct]{--_bg:var(--success-500);--_fg:var(--on-success-500);--_edge:var(--edge-success);animation:celebrate var(--dur-celebrate) var(--ease-bounce)}.tk-btn[data-shape=circle]{width:var(--size-tap);height:var(--size-tap);padding:0}.tk-btn[data-shape=circle],.tk-btn[data-shape=pill]{border-radius:var(--radius-pill)}.tk-btn[data-shape=tile]{flex-direction:column;width:100%;aspect-ratio:1;padding:var(--space-3);gap:var(--space-2)}.tk-icon{width:var(--space-6);height:var(--space-6);flex:none;fill:currentColor;color:var(--ink-600)}.tk-btn .tk-icon[data-tone=ink],.tk-btn[data-variant]:not([data-variant=surface]) .tk-icon{color:currentColor}.tk-icon[data-size=lg]{width:var(--space-7);height:var(--space-7)}.tk-scene{--_sky:var(--sky-home);position:relative;min-height:100dvh;background:linear-gradient(to bottom,var(--_sky) 0,var(--sky-bottom) 60%);isolation:isolate}.tk-scene[data-scene=math]{--_sky:var(--sky-math)}.tk-scene[data-scene=vi]{--_sky:var(--sky-vi)}.tk-scene[data-scene=en]{--_sky:var(--sky-en)}.tk-scene[data-scene=bilingual]{--_sky:var(--sky-bi)}.tk-scene__art{position:fixed;inset:0;z-index:var(--z-base);pointer-events:none;overflow:hidden}.tk-scene__art svg{position:absolute;left:0;right:0;width:100%;display:block}.tk-scene__hills{bottom:0;height:42%}.tk-scene__sky{top:calc(var(--space-11) + env(safe-area-inset-top, 0px));height:30%}.tk-scene__content{position:relative;z-index:var(--z-raised);min-height:100dvh;display:flex;flex-direction:column;padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0)}.tk-topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:calc(var(--space-4) + env(safe-area-inset-top, 0px)) var(--space-4) 0}.tk-topbar[data-fixed=true]{position:fixed;top:0;left:0;right:0;z-index:var(--z-shell);pointer-events:none;padding-left:calc(var(--space-4) + env(safe-area-inset-left, 0px));padding-right:calc(var(--space-4) + env(safe-area-inset-right, 0px))}.tk-topbar[data-fixed=true]>*{pointer-events:auto}.tk-topbar__group{display:flex;align-items:flex-start;gap:var(--space-3)}.tk-gatebtn{display:grid;place-items:center;align-self:center;width:var(--size-tap-parent);height:var(--size-tap-parent);padding:0;border:0;border-radius:var(--radius-pill);background:var(--bg-muted);color:var(--ink-600);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.tk-gatebtn .tk-icon{color:currentColor}.tk-mascot{position:relative;display:inline-flex;align-items:flex-end;gap:var(--space-3);width:max-content;max-width:100%}.tk-mascot__art{display:grid;flex:none;transform-origin:50% 100%}.tk-mascot__art>img{grid-area:1/1}.tk-mascot__figure,.tk-mascot__mouth{width:var(--mascot-size);height:var(--mascot-size);flex:none;display:block}.tk-mascot__mouth{pointer-events:none}.tk-mascot[data-size=sm] .tk-mascot__art>img{width:var(--size-tap);height:var(--size-tap)}.tk-mascot[data-size=lg] .tk-mascot__art>img{width:calc(var(--mascot-size) * 1.5);height:calc(var(--mascot-size) * 1.5)}.tk-mascot[data-state=idle] .tk-mascot__art{animation:tk-bob 3.2s var(--ease-in-out) infinite}.tk-mascot[data-state=greet] .tk-mascot__art{animation:tk-wave 1.1s var(--ease-in-out) 2}.tk-mascot[data-state=hint] .tk-mascot__art{animation:tk-lean .9s var(--ease-in-out) 3}.tk-mascot[data-state=celebrate] .tk-mascot__art{animation:tk-jump var(--dur-celebrate) var(--ease-bounce) 3}.tk-mascot[data-talking=true] .tk-mascot__mouth{animation:tk-talk var(--dur-talk) step-end infinite}@keyframes tk-talk{0%{opacity:1}50%{opacity:0}}.tk-hand{position:fixed;left:0;top:0;z-index:var(--z-hand);width:var(--size-tap);pointer-events:none;transition:transform var(--dur-slow) var(--ease-in-out),opacity var(--dur-base) var(--ease-out);animation:tk-hand-in var(--dur-base) var(--ease-out)}@keyframes tk-hand-in{0%{opacity:0}}.tk-hand[data-kind=trace]{transition:transform var(--dur-base) linear,opacity var(--dur-base) var(--ease-out)}.tk-hand[data-visible=false]{opacity:0}.tk-hand__img{display:block;width:100%;height:auto;transform:translate(-34%,-3%);transform-origin:34% 3%}.tk-hand[data-kind=tap] .tk-hand__img{animation:tk-hand-tap var(--dur-celebrate) var(--ease-in-out) var(--dur-base) both}@keyframes tk-hand-tap{0%,to{transform:translate(-34%,-3%) scale(1)}50%{transform:translate(-34%,4%) scale(.88)}}.tk-mascot__tap{border:0;padding:0;background:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-width:var(--size-tap);min-height:var(--size-tap);display:grid;place-items:end center}.tk-bubble{position:relative;max-width:min(100%,22rem);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-6);background:var(--bg-surface);color:var(--ink-900);border-radius:var(--radius-xl);border-bottom-left-radius:var(--space-1);box-shadow:0 var(--edge-size) 0 var(--edge-surface);font-family:var(--font-ui);font-size:var(--size-body);font-weight:var(--weight-bold);line-height:var(--leading-normal);animation:fadeIn var(--dur-base) var(--ease-out)}.tk-bubble[data-visible=false]{animation:fadeOut var(--dur-slow) var(--ease-in-out) forwards;pointer-events:none}.tk-node{--_edge:var(--edge-surface);--_ring:transparent;position:relative;width:var(--node-size);height:var(--node-size);padding:0;border:0;border-radius:var(--radius-pill);background:var(--bg-surface);box-shadow:0 0 0 var(--border-ring) var(--_ring),0 var(--edge-size) 0 var(--_edge),0 var(--edge-size) 0 var(--border-ring) var(--_ring),inset 0 var(--border-thin) 0 var(--gloss);display:grid;place-items:center;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform var(--dur-instant) var(--ease-out),box-shadow var(--dur-instant) var(--ease-out)}.tk-node:active{transform:translateY(calc(var(--edge-size) - var(--edge-size-pressed)));box-shadow:0 0 0 var(--border-ring) var(--_ring),0 var(--edge-size-pressed) 0 var(--_edge),0 var(--edge-size-pressed) 0 var(--border-ring) var(--_ring),inset 0 var(--border-thin) 0 var(--gloss)}.tk-node__art{width:58%;height:58%;display:block;object-fit:contain}.tk-node__art[data-kind=glyph]{width:auto;height:auto;font-family:var(--font-reading);font-size:calc(var(--node-size) * .5);font-weight:var(--weight-bold);color:var(--ink-900);line-height:var(--leading-glyph)}.tk-node[data-subject=math]{--_subject:var(--math-500);--_subject-soft:var(--math-100);--_subject-edge:var(--edge-math)}.tk-node[data-subject=vi]{--_subject:var(--vi-500);--_subject-soft:var(--vi-100);--_subject-edge:var(--edge-vi)}.tk-node[data-subject=en]{--_subject:var(--en-500);--_subject-soft:var(--en-100);--_subject-edge:var(--edge-en)}.tk-node[data-subject=bilingual]{--_subject:var(--bi-500);--_subject-soft:var(--bi-100);--_subject-edge:var(--edge-bi)}.tk-node[data-status=current]{--_ring:var(--_subject);--_edge:var(--_subject-edge)}.tk-node[data-status=current]:before{content:"";position:absolute;inset:calc(-1 * var(--space-4));border-radius:inherit;background:var(--halo);z-index:-1;animation:tk-breathe 2.4s var(--ease-in-out) infinite}.tk-node[data-status=done]{background:var(--_subject-soft);--_edge:var(--_subject-edge)}.tk-node__badge{position:absolute;top:calc(-1 * var(--space-1));right:calc(-1 * var(--space-1));width:var(--space-6);height:var(--space-6);border-radius:var(--radius-pill);background:var(--success-600);color:var(--on-success-600);display:grid;place-items:center;box-shadow:0 var(--border-thin) 0 var(--edge-success)}.tk-node__badge .tk-icon{width:70%;height:70%;color:currentColor}.tk-node[data-status=locked],.tk-node[data-status=upcoming]{background:var(--bg-muted);--_edge:var(--edge-muted)}.tk-node[data-status=locked] .tk-node__art,.tk-node[data-status=upcoming] .tk-node__art{opacity:.45}.tk-node[data-status=locked]{cursor:default}.tk-node__mascot{position:absolute;bottom:calc(100% - var(--space-4));left:50%;transform:translateX(-50%);width:var(--mascot-on-node);height:var(--mascot-on-node);pointer-events:none}.tk-node__mascot[data-walk=true]{animation:tk-walk calc(2 * var(--dur-fly)) var(--ease-in-out) both}@keyframes tk-walk{0%{transform:translate(calc(-50% + var(--_walk-x, 0px)),var(--_walk-y,0))}50%{transform:translate(calc(-50% + var(--_walk-x, 0px) / 2),calc(var(--_walk-y, 0px) / 2 - var(--space-6)))}to{transform:translateX(-50%)}}.tk-node__chapter{display:block;margin-bottom:var(--space-1);padding-bottom:var(--space-1);border-bottom:var(--border-thin) solid var(--edge-surface);color:var(--ink-600);font-weight:var(--weight-heavy)}.tk-node__label{position:absolute;top:calc(100% + var(--space-3));left:50%;transform:translateX(-50%);width:max-content;max-width:calc(var(--node-size) * 1.8);text-align:center;font-family:var(--font-ui);font-size:var(--size-label);font-weight:var(--weight-bold);color:var(--ink-900);line-height:var(--leading-tight);background:var(--bg-surface);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);box-shadow:0 var(--border-thin) 0 var(--edge-surface)}.tk-map{position:relative;width:100%;max-width:30rem;margin:0 auto}.tk-map__road{display:block;width:100%;height:auto}.tk-map__gate{--_gate:var(--math-500)}.tk-map__gate[data-subject=vi]{--_gate:var(--vi-500)}.tk-map__gate[data-subject=en]{--_gate:var(--en-500)}.tk-map__gate[data-subject=bilingual]{--_gate:var(--bi-500)}.tk-map__gate-edge{stroke:var(--road-edge);stroke-width:calc(var(--border-thick) * 3);stroke-linecap:round}.tk-map__gate-line{stroke:var(--road-dash);stroke-width:calc(var(--border-thick) * 2);stroke-linecap:round}.tk-map__gate-pole{stroke:var(--ink-600);stroke-width:var(--border-thick);stroke-linecap:round}.tk-map__gate-flag{fill:var(--_gate);stroke:var(--_gate);stroke-width:var(--border-thin);stroke-linejoin:round}.tk-map__gate[data-reached=false] .tk-map__gate-flag{fill:var(--bg-muted);stroke:var(--ink-600)}.tk-map__slot{position:absolute;transform:translate(-50%,-50%)}.tk-card{--_edge:var(--edge-surface);position:relative;min-width:var(--size-tap);min-height:var(--size-tap);padding:var(--space-4);margin-bottom:var(--edge-size);border:0;border-radius:var(--radius-mode);background:var(--bg-surface);color:var(--ink-900);box-shadow:0 var(--edge-size) 0 var(--_edge),inset 0 var(--border-thin) 0 var(--gloss);display:grid;place-items:center;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform var(--dur-instant) var(--ease-out),box-shadow var(--dur-instant) var(--ease-out)}.tk-card:active{transform:translateY(calc(var(--edge-size) - var(--edge-size-pressed)));box-shadow:0 var(--edge-size-pressed) 0 var(--_edge)}.tk-card[data-feedback=correct]{--_edge:var(--edge-success);background:var(--success-100);animation:celebrate var(--dur-celebrate) var(--ease-bounce)}.tk-card[data-feedback=retry]{animation:wobble var(--dur-slow) var(--ease-in-out)}.tk-card[data-feedback=dimmed]{opacity:.4}.tk-card[data-feedback=glowing]{box-shadow:0 0 0 var(--border-ring) var(--highlight-400),0 0 0 calc(var(--border-ring) + var(--border-thick)) var(--highlight-700),0 var(--edge-size) 0 var(--_edge)}.tk-card__glyph{font-family:var(--font-reading);font-size:var(--size-glyph);font-weight:var(--weight-bold);line-height:var(--leading-glyph)}@keyframes tk-bob{0%,to{transform:translateY(0)}50%{transform:translateY(calc(-1 * var(--space-1)))}}@keyframes tk-wave{0%,to{transform:rotate(0)}30%{transform:rotate(-6deg)}70%{transform:rotate(5deg)}}@keyframes tk-lean{0%,to{transform:translateX(0)}50%{transform:translateX(var(--space-2))}}@keyframes tk-jump{0%,to{transform:translateY(0) scale(1)}40%{transform:translateY(calc(-1 * var(--space-5))) scale(1.06,.96)}60%{transform:translateY(0) scale(.96,1.04)}}@keyframes tk-breathe{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.12);opacity:1}}@keyframes tk-spin{to{transform:rotate(1turn)}}[data-fly-in=true]{position:relative;z-index:var(--z-raised);animation:tk-fly-in var(--dur-fly) var(--ease-out)}@keyframes tk-fly-in{0%{transform:translate(var(--_fly-x,0),var(--_fly-y,0)) scale(var(--_fly-s,1))}}@keyframes tk-drift{0%{transform:translateX(0)}to{transform:translateX(var(--space-9))}}.tk-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6);width:100%;height:100%;padding:var(--space-5);-moz-user-select:none;user-select:none;-webkit-user-select:none}.tk-grid{display:grid;grid-template-columns:repeat(var(--_cols,2),minmax(0,1fr));grid-gap:var(--gap-target);gap:var(--gap-target);width:100%;max-width:32rem;justify-items:center;align-items:stretch}.tk-grid[data-count="2"],.tk-grid[data-count="3"],.tk-grid[data-count="4"],.tk-grid[data-count="5"],.tk-grid[data-count="6"]{--_cols:2}.tk-grid[data-count="10"]{--_cols:5}@media (min-width:481px){.tk-grid[data-count="3"],.tk-grid[data-count="5"],.tk-grid[data-count="6"]{--_cols:3}.tk-grid{max-width:44rem}}.tk-grid>.tk-card{width:100%}@media (orientation:landscape) and (max-height:500px){.tk-stage{flex-direction:row;flex-wrap:wrap;align-content:center;gap:var(--space-3) var(--space-4);padding:var(--space-2) max(var(--space-2),calc(var(--space-4) - env(safe-area-inset-right, 0px)))}.tk-grid{flex:1 1;min-width:calc(2 * var(--size-tap) + var(--gap-target))}}.tk-card__art{display:grid;place-items:center;width:100%;max-width:var(--space-12);aspect-ratio:1}.tk-card__art img{width:100%;height:100%;object-fit:contain;pointer-events:none}.tk-art-size{display:grid;place-items:center;width:var(--space-12);max-width:100%;aspect-ratio:1}.tk-card[data-layout=row] .tk-art-size{width:var(--space-10)}.tk-art-size img,.tk-basket__art .tk-art-size img{width:100%;height:100%;object-fit:contain;pointer-events:none}.tk-basket__art .tk-art-size{width:var(--space-9);height:var(--space-9)}.tk-place{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.tk-place__row{display:flex;justify-content:center;gap:var(--gap-target)}.tk-place .tk-card__art{width:var(--space-10);max-width:var(--space-10)}.tk-place__anchor{display:grid;place-items:center;width:var(--space-10);height:var(--space-10)}.tk-place__anchor img{width:100%;height:100%;object-fit:contain;pointer-events:none}.tk-stimulus{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);max-width:calc(5 * var(--space-9) + 4 * var(--space-2));padding:var(--space-3);background:var(--bg-surface);border-radius:var(--radius-mode)}.tk-stimulus img{width:var(--space-9);height:var(--space-9);object-fit:contain;pointer-events:none}.tk-stimulus--join{flex-direction:column;align-items:center;gap:var(--space-3);padding:0;background:transparent}.tk-stimulus__group{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-surface);border-radius:var(--radius-mode)}.tk-stimulus--join img{width:var(--space-7);height:var(--space-7)}.tk-stage--stimulus{gap:var(--space-4)}@media (max-width:480px) and (max-height:700px){.tk-stage--stimulus{display:grid;grid-template-columns:auto minmax(0,1fr);align-content:center;align-items:center;justify-items:center;grid-gap:var(--space-2) var(--space-3);gap:var(--space-2) var(--space-3);padding-block:var(--space-2)}.tk-stage--stimulus>:nth-child(n+3){grid-column:1/-1}.tk-stage--stimulus .tk-stimulus img{width:var(--space-6);height:var(--space-6)}.tk-stage--stimulus .tk-stimulus--join img{width:calc(var(--space-5) + var(--space-1));height:calc(var(--space-5) + var(--space-1))}.tk-stage--stimulus .tk-stimulus__group{gap:var(--space-1)}}.tk-sequence{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);max-width:100%}.tk-sequence__cell{display:grid;place-items:center;width:var(--space-9);height:var(--space-9);background:var(--bg-surface);border-radius:var(--radius-mode)}.tk-sequence__cell img{width:80%;height:80%;object-fit:contain;pointer-events:none}.tk-sequence__cell--blank{background:transparent;border:var(--border-thick) dashed var(--ink-400)}.tk-sequence--slots{gap:var(--gap-target)}.tk-sequence--slots .tk-sequence__cell{width:var(--size-tap);height:var(--size-tap)}.tk-sequence__slot{padding:0;cursor:default;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.tk-sequence__slot[data-armed=true]{border-color:var(--brand-500)}.tk-sequence__slot[data-filled=true]{background:var(--bg-surface);border-style:solid}.tk-card__art[data-kind=glyph]{font-family:var(--font-reading);font-size:var(--size-glyph);font-weight:var(--weight-bold);line-height:var(--leading-glyph);color:var(--ink-900);aspect-ratio:auto}.tk-card__label{margin-top:var(--space-2);font-family:var(--font-body);font-size:var(--size-label);color:var(--ink-600);text-align:center}.tk-listen__text{font-family:var(--font-ui);font-size:var(--size-body);font-weight:var(--weight-heavy);color:var(--ink-900);max-width:18rem;text-align:left}.tk-mascot__tap{position:relative}.tk-mascot__listen{display:none;position:absolute;top:calc(-1 * var(--space-2));right:calc(-1 * var(--space-3));width:var(--space-7);height:var(--space-7);place-items:center;border-radius:var(--radius-pill);background:var(--bg-surface);box-shadow:0 var(--space-1) 0 var(--edge-surface);pointer-events:none}@media (orientation:portrait) and (max-height:740px){[data-mode=mam] .tk-stage:has(>.tk-counted)>.tk-listen--tall-only,[data-mode=mam] .tk-stage:has(>.tk-counter-groups)>.tk-listen--tall-only,[data-mode=mam] .tk-stage:has(>.tk-counters>:nth-child(6))>.tk-listen--tall-only{display:none}[data-mode=mam] .session-shell:has(.tk-stage>.tk-counted) .tk-mascot__listen,[data-mode=mam] .session-shell:has(.tk-stage>.tk-counter-groups) .tk-mascot__listen,[data-mode=mam] .session-shell:has(.tk-stage>.tk-counters>:nth-child(6)) .tk-mascot__listen{display:grid}.tk-counters .tk-counter .tk-card{width:var(--size-tap);height:var(--size-tap)}}@media (orientation:landscape) and (max-height:500px){[data-mode=mam] .tk-stage:has(>.tk-counter-groups)>.tk-listen--tall-only{display:none}[data-mode=mam] .session-shell:has(.tk-stage>.tk-counter-groups) .tk-mascot__listen{display:grid}.tk-stage:has(>.tk-counter-groups),.tk-stage:has(>.tk-counters){flex-wrap:nowrap}.tk-stage>.tk-counters{flex:1 1;min-width:0}}.tk-card[data-feedback=selected]{box-shadow:0 0 0 var(--border-thick) var(--selected-ring),0 var(--edge-size) 0 var(--_edge),inset 0 var(--border-thin) 0 var(--gloss)}.tk-card[data-feedback=matched]{--_edge:var(--edge-success);background:var(--success-100);cursor:default;animation:celebrate var(--dur-celebrate) var(--ease-bounce)}.tk-card__badge{position:absolute;top:calc(-1 * var(--space-2));right:calc(-1 * var(--space-2));width:var(--space-6);height:var(--space-6);border-radius:var(--radius-pill);background:var(--success-600);color:var(--on-success-600);display:grid;place-items:center;box-shadow:0 var(--border-thin) 0 var(--edge-success);pointer-events:none}.tk-card__badge .tk-icon{width:70%;height:70%;color:currentColor}.tk-card[data-layout=row]{grid-auto-flow:column;grid-template-columns:auto auto;gap:var(--space-3);justify-content:center}.tk-card[data-layout=row] .tk-card__art{max-width:var(--space-10)}.tk-card[data-layout=row] .tk-card__label{margin-top:0;font-size:var(--size-body);color:var(--ink-900);font-family:var(--font-ui);font-weight:var(--weight-bold)}.tk-pairs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-5) var(--space-6);gap:var(--space-5) var(--space-6);width:100%;max-width:34rem;align-items:stretch}.tk-pairs__col{display:grid;grid-auto-rows:1fr;grid-gap:var(--gap-target);gap:var(--gap-target)}.tk-pairs__col>.tk-card{width:100%}.tk-pairs .tk-card__art[data-kind=glyph]{font-size:var(--space-9)}@media (max-height:700px){.tk-stage--pairs,.tk-stage--pairs .tk-card{padding-block:var(--space-2)}}@media (min-width:600px){.tk-stage--pairs{flex-direction:row}}@media (orientation:portrait) and (max-height:740px){.tk-stage--pairs{gap:var(--space-2);padding-inline:var(--space-3)}.tk-stage--pairs .tk-pairs{column-gap:var(--space-3)}.tk-stage--pairs .tk-card[data-layout=row]{gap:var(--space-2);padding-inline:var(--space-2)}[data-mode=cao] .tk-stage--pairs .tk-card[data-layout=row] .tk-card__art,[data-mode=cao] .tk-stage--pairs .tk-card__art img,[data-mode=lon] .tk-stage--pairs .tk-card[data-layout=row] .tk-card__art,[data-mode=lon] .tk-stage--pairs .tk-card__art img{max-width:var(--space-7);max-height:var(--space-7)}.tk-stage--pairs .tk-card[data-layout=row] .tk-card__label{font-size:var(--size-label)}[data-mode=mam] .tk-stage--pairs{flex-direction:row;gap:var(--space-3);padding-inline:var(--space-3)}}.tk-flashcard{flex:1 1;width:100%;max-width:44rem;min-height:var(--size-tap);gap:var(--space-5);transition:opacity var(--dur-base) var(--ease-out)}.tk-flashcard[data-fading=true]{opacity:0}.tk-flashcard .tk-card__art{max-width:70%;max-height:46vh}.tk-flashcard .tk-card__label{font-family:var(--font-reading);font-size:var(--size-glyph);font-weight:var(--weight-bold);color:var(--ink-900);line-height:var(--leading-tight)}.tk-adultrow{display:flex;gap:var(--gap-target);align-self:flex-start}.tk-stage--flashcard{justify-content:flex-start;gap:var(--space-4);padding-top:var(--space-2)}.tk-versus{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-gap:var(--space-3);gap:var(--space-3);align-items:stretch;width:100%;max-width:30rem}.tk-versus__group{min-height:calc(4 * var(--space-8));padding:var(--space-3);align-content:start}.tk-versus__items{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-1)}.tk-versus__items img,.tk-versus__pair img{width:var(--space-6);height:var(--space-6);object-fit:contain;pointer-events:none}.tk-versus__pairs{display:grid;grid-template-rows:repeat(5,auto);grid-auto-flow:column;align-content:start;grid-gap:var(--space-1);gap:var(--space-1);min-width:calc(2 * var(--space-6) + var(--space-2))}.tk-versus__pair{display:flex;justify-content:center;gap:var(--space-1);padding:0 var(--space-1);background:var(--bg-surface);border-radius:var(--radius-sm)}.tk-take{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.tk-take__plate{display:grid;grid-template-columns:repeat(3,auto);justify-content:center;grid-gap:var(--space-1) var(--gap-target);gap:var(--space-1) var(--gap-target);padding:var(--space-2);background:var(--bg-surface);border-radius:var(--space-9)}.tk-take__cell{display:grid;place-items:center}.tk-take__cell,.tk-take__cell .tk-card{width:var(--size-tap);height:var(--size-tap)}.tk-take__cell .tk-card{padding:var(--space-2)}.tk-take__cell>img{width:70%;height:70%;object-fit:contain;pointer-events:none}.tk-take__gone{animation:tk-take-away var(--dur-fly) var(--ease-out) forwards}@keyframes tk-badge-pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes tk-take-away{to{transform:translateY(calc(-1 * var(--space-9))) scale(.5);opacity:0}}.tk-take[data-phase=ask]{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.tk-take[data-phase=ask] .tk-take__plate{grid-template-columns:repeat(5,auto);gap:var(--space-1);padding:var(--space-2) var(--space-3)}.tk-take[data-phase=ask] .tk-take__cell{width:var(--space-7);height:var(--space-7)}.tk-take[data-phase=ask] .tk-take__cell[data-taken=true]{display:none}.tk-take[data-phase=ask] .tk-take__cell>img{width:100%;height:100%}.tk-take__plate--second{grid-template-columns:repeat(5,auto);min-height:calc(var(--space-7) + 2 * var(--space-2));min-width:calc(3 * var(--space-7));gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--bg-muted);border:var(--border-thin) dashed var(--ink-400)}.tk-take__plate--second img{width:var(--space-7);height:var(--space-7);object-fit:contain;pointer-events:none}.tk-stage--take{gap:var(--space-4)}.tk-take__options>.tk-card{min-height:var(--size-tap);padding:var(--space-2)}.tk-take__options .tk-card__art{aspect-ratio:auto}@media (orientation:portrait) and (max-height:740px){[data-mode=mam] .tk-stage--take:has(.tk-take[data-phase=take] .tk-take__plate>:nth-child(7))>.tk-listen--tall-only{display:none}[data-mode=mam] .session-shell:has(.tk-take[data-phase=take] .tk-take__plate>:nth-child(7)) .tk-mascot__listen{display:grid}}@media (orientation:landscape) and (max-height:500px){.tk-take{flex-direction:row}.tk-take[data-phase=ask]{flex-direction:column;flex-wrap:nowrap}.tk-take__plate:has(>:nth-child(7)){grid-template-columns:repeat(5,auto)}[data-mode=mam] .tk-stage--take:has(.tk-take[data-phase=take] .tk-take__plate--second)>.tk-listen--tall-only,[data-mode=mam] .tk-stage--take:has(.tk-take[data-phase=take] .tk-take__plate>:nth-child(7))>.tk-listen--tall-only{display:none}[data-mode=mam] .session-shell:has(.tk-take[data-phase=take] .tk-take__plate--second) .tk-mascot__listen,[data-mode=mam] .session-shell:has(.tk-take[data-phase=take] .tk-take__plate>:nth-child(7)) .tk-mascot__listen{display:grid}.tk-take__plate--second{min-width:calc(2 * var(--space-7) + 2 * var(--space-3))}.tk-stage--take{flex-wrap:nowrap}.tk-stimulus.tk-stimulus--away{max-width:calc(5 * var(--space-6) + 4 * var(--space-2) + 2 * var(--space-3) + var(--space-4))}.tk-stimulus.tk-stimulus--away img{width:var(--space-6);height:var(--space-6)}.tk-stage:has(>.tk-stimulus--away) .tk-listen__text{max-width:none}}.tk-stimulus--away{max-width:calc(5 * var(--space-7) + 4 * var(--space-2) + 2 * var(--space-3) + var(--space-4))}.tk-stimulus--away img{width:var(--space-7);height:var(--space-7)}.tk-stimulus__leaving{opacity:.35;transform:translateY(calc(-1 * var(--space-2))) rotate(-8deg)}.tk-stimulus--away img:not(.tk-stimulus__leaving)+.tk-stimulus__leaving{margin-left:var(--space-4)}.tk-order{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.tk-order .tk-order__slot{position:relative;width:var(--size-tap);height:var(--size-tap)}.tk-order .tk-order__slot>img,.tk-order__group{width:72%;height:72%;margin-bottom:var(--space-2)}.tk-order__group{display:grid;place-items:center;pointer-events:none}.tk-order__dots{position:absolute;bottom:var(--space-1);left:0;right:0;display:flex;justify-content:center;gap:var(--space-1);pointer-events:none}.tk-order__dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-pill);background:var(--ink-400)}.tk-order__arrow{flex:none;width:var(--space-3);height:var(--space-3);border-top:var(--border-thick) solid var(--ink-400);border-right:var(--border-thick) solid var(--ink-400);transform:rotate(45deg)}.tk-stage--order .tk-tray .tk-card{width:calc((100% - 2 * var(--gap-target)) / 3);max-width:9rem;padding:var(--space-2);gap:var(--space-1)}.tk-stage--order .tk-tray .tk-card__art{max-width:var(--space-9)}.tk-stage--order .tk-tray .tk-card__label{font-size:var(--size-label);text-align:center}.tk-tenframes{--_frame-cell:var(--space-6);display:inline-flex;flex-direction:column;align-items:center;gap:var(--space-2)}.tk-tenframe{display:grid;grid-template-columns:repeat(5,var(--_frame-cell));grid-auto-rows:var(--_frame-cell);grid-gap:var(--border-thin);gap:var(--border-thin);padding:var(--border-thin);background:var(--ink-400);border-radius:var(--radius-sm)}.tk-tenframe__cell{display:grid;place-items:center;background:var(--bg-muted)}.tk-tenframe__cell[data-filled=true]{background:var(--bg-surface)}.tk-tenframes .tk-tenframe__cell img{width:82%;height:82%;object-fit:contain;pointer-events:none}.tk-card .tk-tenframes,.tk-counted .tk-tenframes{--_frame-cell:var(--space-5)}.tk-card__art:has(>.tk-tenframes){aspect-ratio:auto;max-width:none;width:auto}.tk-stimulus--frame{max-width:none}.tk-counted{display:grid;place-items:center;padding:var(--space-2);background:var(--bg-surface);border-radius:var(--radius-mode)}.tk-stage:has(>.tk-counted) .tk-counter .tk-card{width:var(--size-tap);height:var(--size-tap)}.tk-stage:has(>.tk-counted){gap:var(--space-4)}.tk-counter-groups{flex-direction:column;gap:var(--space-6)}.tk-counter-groups,.tk-counters{display:flex;align-items:center;max-width:34rem}.tk-counters{flex-wrap:wrap;gap:var(--space-5) var(--gap-target);justify-content:center}.tk-counter{position:relative;display:inline-block}.tk-counter .tk-card{width:var(--node-size);height:var(--node-size);padding:var(--space-2)}.tk-counter .tk-card__art{max-width:100%}.tk-counters--group{grid-gap:var(--gap-target);gap:var(--gap-target);display:grid;justify-content:center}.tk-counters--group[data-cols="1"]{grid-template-columns:repeat(1,auto)}.tk-counters--group[data-cols="2"]{grid-template-columns:repeat(2,auto)}.tk-counters--group[data-cols="3"]{grid-template-columns:repeat(3,auto)}.tk-counters--group .tk-card{width:var(--size-tap);height:var(--size-tap)}.tk-counters:has(>:nth-child(6)) .tk-card{width:var(--size-tap);height:var(--size-tap)}.tk-stage:has(>.tk-counter-groups){gap:var(--space-4);padding-block:var(--space-2)}.tk-counter__num{animation:tk-badge-pop var(--dur-slow) var(--ease-bounce) both;position:absolute;top:calc(-1 * var(--space-2));right:calc(-1 * var(--space-2));width:var(--space-6);height:var(--space-6);border-radius:var(--radius-pill);background:var(--brand-600);color:var(--on-brand-600);display:grid;place-items:center;font-family:var(--font-ui);font-size:var(--size-label);font-weight:var(--weight-heavy);box-shadow:0 var(--border-thin) 0 var(--edge-brand);pointer-events:none}.tk-stage--story{justify-content:space-between;max-width:44rem;margin:0 auto}.tk-story__art{margin:0;width:100%;background:var(--bg-surface);border-radius:var(--radius-mode);box-shadow:0 var(--edge-size) 0 var(--edge-surface);overflow:hidden;display:grid;place-items:center}.tk-story__art img{width:100%;max-height:44vh;object-fit:contain;display:block}.tk-story__text{margin:0;padding:var(--space-4) var(--space-5);background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:0 var(--edge-size) 0 var(--edge-surface);font-family:var(--font-reading);font-size:var(--size-body);line-height:var(--leading-loose);color:var(--ink-900);text-align:center}.tk-story__controls{display:flex;gap:var(--gap-target)}@keyframes tk-page-turn{0%{opacity:0;transform:perspective(60rem) rotateY(-14deg) translateX(var(--space-6))}}.tk-story__next{position:relative}.tk-story__next[data-ready=true]:before{content:"";position:absolute;inset:calc(-1 * var(--space-3));border-radius:inherit;background:var(--halo);z-index:-1;animation:tk-breathe 2.4s var(--ease-in-out) infinite;pointer-events:none}.tk-dots{width:16rem;height:11rem;background:var(--bg-surface);border-radius:var(--radius-mode);box-shadow:0 var(--edge-size) 0 var(--edge-surface);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-5)}.tk-dots__dot{width:var(--space-7);height:var(--space-7);border-radius:var(--radius-pill);background:var(--brand-500)}.tk-dots__hidden{width:var(--space-9);height:var(--space-9);border-radius:var(--radius-lg);background:var(--bg-muted)}.tk-numrow{display:flex;flex-wrap:wrap;gap:var(--gap-target);justify-content:center}@media (orientation:portrait) and (max-height:740px){.tk-stage:has(>.tk-dots){display:grid;grid-template-columns:auto auto;justify-content:center;align-content:center;align-items:center;grid-gap:var(--space-3);gap:var(--space-3);padding-block:var(--space-2)}.tk-stage:has(>.tk-dots)>.tk-numrow{grid-column:1/-1}.tk-dots{width:14rem;height:calc(2 * var(--space-6) + 3 * var(--space-3));gap:var(--space-3);padding:var(--space-3)}.tk-dots__dot{width:var(--space-6);height:var(--space-6)}.tk-dots__hidden{width:var(--space-8);height:var(--space-8)}}.tk-numrow .tk-card{width:var(--size-tap);height:var(--size-tap);border-radius:var(--radius-pill);padding:0}.tk-numrow .tk-card__art[data-kind=glyph]{font-family:var(--font-ui);font-size:var(--size-title)}.tk-balloons{display:flex;flex-wrap:wrap;gap:var(--space-5);justify-content:center;align-items:center}.tk-balloon{border-radius:50% 50% 50% 50%/40% 40% 60% 60%;width:var(--space-10);height:calc(var(--space-10) * 1.25);transition:transform var(--dur-slow) var(--ease-bounce),opacity var(--dur-slow) var(--ease-out)}.tk-balloon__string{display:block;width:var(--border-thin);height:var(--space-5);background:var(--edge-brand);transform:translateY(var(--space-6))}.tk-balloon--popped{transform:scale(0);opacity:0;pointer-events:none;box-shadow:none}.tk-stage--sort{justify-content:space-between;max-width:44rem;margin:0 auto}.tk-tray{display:flex;flex-wrap:wrap;gap:var(--gap-target);justify-content:center;width:100%;min-height:var(--space-11)}.tk-baskets>.tk-btn{flex:none;align-self:center}.tk-baskets{display:flex;gap:var(--space-5);justify-content:center;width:100%}.tk-basket{flex:1 1;min-height:var(--space-12);padding:var(--space-4);background:var(--bg-surface);border:var(--border-thick) dashed var(--ink-400);border-radius:var(--radius-mode);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);cursor:default;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.tk-basket[data-armed=true]{border-color:var(--selected-ring);border-style:solid;cursor:pointer}.tk-basket__art{font-size:var(--space-9);line-height:var(--leading-glyph);display:grid;place-items:center}.tk-basket__art img{width:var(--space-9);height:var(--space-9);object-fit:contain}.tk-basket__label{font-family:var(--font-ui);font-size:var(--size-body);font-weight:var(--weight-bold);color:var(--brand-700)}.tk-basket__items{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.tk-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--math-100);border-radius:var(--radius-pill);font-family:var(--font-body);font-size:var(--size-label);color:var(--math-700)}.tk-chip img{width:var(--space-5);height:var(--space-5);object-fit:contain}@media (orientation:portrait) and (max-height:740px){.tk-stage--sort{gap:var(--space-4);padding-block:var(--space-2)}.tk-tray{min-height:0;gap:var(--space-3);align-items:center}.tk-tray .tk-card{padding-block:var(--space-2)}.tk-tray .tk-card[data-layout=row] .tk-art-size,.tk-tray .tk-card[data-layout=row] .tk-card__art{max-width:var(--space-8)}.tk-tray .tk-card[data-layout] .tk-card__art:has(>span),.tk-tray .tk-card[data-layout] .tk-card__art[data-count]{width:auto;max-width:none;aspect-ratio:auto;flex-wrap:nowrap}.tk-tray .tk-card__art img{max-width:var(--space-8);max-height:var(--space-8)}.tk-baskets{gap:var(--space-3)}.tk-basket{min-height:var(--size-tap);padding:var(--space-2);flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center}.tk-basket__art .tk-art-size,.tk-basket__art img{width:var(--space-8);height:var(--space-8)}.tk-stage--sequence .tk-sequence--slots{gap:var(--space-3)}[data-mode=mam] .tk-stage--sequence .tk-tray>.tk-btn{display:none}[data-mode=mam] .session-shell:has(.tk-stage--sequence) .tk-mascot__listen{display:grid}}.tk-trace{position:relative;width:20rem;height:20rem;max-width:100%;background:var(--bg-surface);border-radius:var(--radius-mode);box-shadow:0 var(--edge-size) 0 var(--edge-surface);overflow:hidden;transition:box-shadow var(--dur-base) var(--ease-out)}.tk-trace[data-completed=true]{box-shadow:0 0 0 var(--border-ring) var(--success-600),0 var(--edge-size) 0 var(--edge-success)}.tk-trace__draw,.tk-trace__guide{position:absolute;inset:0;width:100%;height:100%}.tk-trace__guide{pointer-events:none}.tk-basket[data-hint=glow],.tk-sequence__slot[data-hint=glow],.tk-trace[data-hint=glow]{border-color:var(--highlight-700);border-style:solid;box-shadow:0 0 0 var(--border-ring) var(--highlight-400),0 0 0 calc(var(--border-ring) + var(--border-thick)) var(--highlight-700)}.tk-trace__draw{touch-action:none;cursor:crosshair}.tk-say .tk-card__art{max-width:var(--space-11)}.tk-say .tk-card__art img{filter:none}.tk-numline__target{margin:0;font-family:var(--font-ui);font-size:var(--size-title);font-weight:var(--weight-heavy);color:var(--math-700)}.tk-numline{position:relative;display:flex;align-items:flex-start;justify-content:space-between;width:100%;max-width:40rem;padding:var(--space-6) var(--space-4);background:var(--bg-surface);border-radius:var(--radius-mode);box-shadow:0 var(--edge-size) 0 var(--edge-surface)}.tk-numline__axis{position:absolute;left:var(--space-5);right:var(--space-5);top:var(--space-6);height:var(--space-1);background:var(--math-500);border-radius:var(--radius-pill)}.tk-numline__stop{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.tk-numline__tick{width:var(--space-1);height:var(--space-5);background:var(--ink-900)}.tk-numline .tk-card{width:var(--size-tap);height:var(--size-tap);border-radius:var(--radius-pill);padding:0}.tk-numline .tk-card__art[data-kind=glyph]{font-family:var(--font-ui);font-size:var(--size-body)}.tk-blanks{display:flex;gap:var(--gap-target);flex-wrap:wrap;justify-content:center}.tk-blank{min-width:var(--size-tap);min-height:var(--size-tap);padding:var(--space-3);background:var(--bg-surface);border:var(--border-thick) dashed var(--ink-400);border-radius:var(--radius-lg);display:grid;place-items:center;font-family:var(--font-reading);font-size:var(--size-title);font-weight:var(--weight-bold);color:var(--ink-900);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.tk-blank[data-active=true]{border-style:solid;border-color:var(--selected-ring)}.tk-blank[data-filled=true]{border-style:solid;border-color:var(--edge-surface)}.tk-stage--fill{gap:var(--space-5);padding-inline:var(--space-3)}.tk-fill__head{gap:var(--space-3) var(--space-4)}.tk-equation,.tk-fill__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.tk-equation{gap:var(--space-3);margin:0;font-family:var(--font-reading);font-size:var(--size-title);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--ink-900)}.tk-equation__text{white-space:nowrap}.tk-grid--keys>.tk-card{min-height:var(--size-tap);padding:var(--space-2)}.tk-grid--keys .tk-card__art[data-kind=glyph]{font-size:calc(var(--size-tap) * .6)}.tk-readaloud__text{margin:0;padding:var(--space-5);max-width:34rem;background:var(--bg-surface);border-radius:var(--radius-mode);box-shadow:0 var(--edge-size) 0 var(--edge-surface);font-family:var(--font-reading);font-size:var(--size-title);line-height:var(--leading-loose);color:var(--ink-900);text-align:center}.tk-card__art[data-count]{display:flex;flex-wrap:wrap;gap:var(--space-1);align-content:center;justify-content:center;max-width:none;aspect-ratio:auto}.tk-card__art[data-count] img{width:auto;height:var(--space-9)}.tk-card__art[data-count="3"] img,.tk-card__art[data-count="4"] img,.tk-card__art[data-count="5"] img{height:var(--space-8)}@media (orientation:landscape) and (max-height:500px){.tk-card{padding:var(--space-2)}.tk-card__art{max-width:min(var(--space-12),30vh)}.tk-counter .tk-card{width:var(--size-tap);height:var(--size-tap)}.tk-counters{max-width:none;gap:var(--space-3) var(--gap-target)}.tk-counter-groups{flex-direction:row;max-width:none}.tk-counters--group,.tk-counters--group[data-cols]{display:grid;grid-template-columns:none;grid-template-rows:repeat(2,auto);grid-auto-flow:column;justify-content:center}.tk-trace{width:min(20rem,52vh);height:min(20rem,52vh)}.tk-stage--sort{flex-direction:column;flex-wrap:nowrap;justify-content:center}.tk-tray{min-height:0}.tk-sequence--slots .tk-sequence__cell:not(.tk-sequence__slot){width:var(--space-9);height:var(--space-9)}.tk-stage--sequence .tk-sequence--slots{flex-wrap:nowrap;align-items:center}.tk-tray{align-items:center}.tk-tray .tk-card[data-layout=row] .tk-art-size,.tk-tray .tk-card[data-layout=row] .tk-card__art{max-width:var(--space-8)}.tk-tray .tk-card[data-layout] .tk-card__art:has(>span),.tk-tray .tk-card[data-layout] .tk-card__art[data-count]{width:auto;max-width:none;aspect-ratio:auto;flex-wrap:nowrap}.tk-tray .tk-card__art img{max-width:var(--space-8);max-height:var(--space-8)}.tk-stage--sequence .tk-tray{gap:var(--space-2)}.tk-stage--sequence .tk-tray .tk-card{gap:var(--space-2);padding-inline:var(--space-2)}.tk-stage--sequence .tk-tray .tk-card__art img{max-width:var(--space-7);max-height:var(--space-7)}.tk-stage--sequence .tk-tray>.tk-btn{width:var(--size-tap);padding-inline:0}.tk-stage--order .tk-tray .tk-card{width:calc((100% - 3 * var(--gap-target) - var(--size-tap)) / 3)}.tk-stage--order .tk-tray>.tk-btn{width:var(--size-tap);padding-inline:0}.tk-basket{min-height:var(--size-tap);padding:var(--space-2);flex-direction:row;justify-content:center;align-items:center}.tk-basket__art img{width:var(--space-7);height:var(--space-7)}.tk-stage--pairs{flex-wrap:nowrap}.tk-pairs{flex:1 1;grid-template-columns:minmax(0,1fr);gap:var(--space-4)}.tk-pairs__col{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-auto-rows:auto}.tk-stage--pairs .tk-card{padding-block:var(--space-1)}.tk-stage--pairs .tk-card__art{max-width:var(--space-9)}.tk-stage--flashcard{flex-wrap:nowrap;align-items:stretch;padding-top:var(--space-2)}.tk-flashcard{gap:var(--space-2)}.tk-flashcard .tk-card__art{max-width:min(70%,30vh);max-height:30vh}.tk-flashcard .tk-card__label{font-size:min(var(--size-glyph),14vh)}.tk-stage:has(>.tk-versus){flex-wrap:nowrap}.tk-versus{flex:1 1;min-width:0}.tk-versus__group{min-height:calc(3 * var(--space-8))}.tk-stage:has(>.tk-versus) .tk-listen__text{display:none}.tk-dots{height:7rem;padding:var(--space-3)}.tk-stage--story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;align-content:center;align-items:center;justify-items:center}.tk-story__art{grid-column:1;grid-row:1}.tk-story__art img{max-height:26vh}.tk-story__text{grid-column:2;grid-row:1/3}.tk-story__controls{grid-column:1;grid-row:2}.tk-story__text{padding:var(--space-2) var(--space-3)}.tk-card__art[data-kind=glyph]{font-size:min(var(--size-glyph),22vh)}.tk-grid[data-count="10"]{flex:0 1 auto}.tk-grid[data-count="10"]>.tk-card{width:var(--size-tap);height:var(--size-tap);padding:0}.tk-grid[data-count="10"] .tk-card__art[data-kind=glyph]{font-size:var(--size-title)}.tk-stage--fill{row-gap:var(--space-2);padding-block:var(--space-1)}.tk-grid--keys{gap:var(--space-2)}.tk-stage--fill .tk-grid--keys:not([data-count="10"]){flex-basis:100%}.tk-grid--keys[data-count="3"]{--_cols:3}.tk-grid--keys[data-count="4"]{--_cols:4}.tk-stage:has(>.tk-stimulus--frame) .tk-grid .tk-card__art{aspect-ratio:auto}.tk-stage:has(>.tk-stimulus--frame) .tk-grid>.tk-card{min-height:var(--size-tap)}.tk-stimulus img{width:var(--space-7);height:var(--space-7)}.tk-bubble{padding:var(--space-1) var(--space-3)}.tk-bubble p{margin:0}}.tk-measure{position:relative;display:flex;flex-direction:column;align-items:flex-start;width:100%}.tk-measure>img.tk-measure__thing{display:block;height:auto;max-width:none;max-height:none;object-fit:fill;pointer-events:none}.tk-measure>img.tk-measure__thing,.tk-measure__track{width:calc(var(--_units) / var(--_scale) * 100%);aspect-ratio:var(--_units) /1}.tk-measure__track{display:flex}.tk-measure .tk-measure__track>img.tk-measure__unit{width:calc(100% / var(--_units));height:100%;max-width:none;max-height:none;object-fit:fill;pointer-events:none}.tk-measure--stage{width:min(100%,calc(var(--_scale) * var(--space-9)))}.tk-measure--stage .tk-measure__track{background:var(--bg-muted);border-radius:var(--space-2);outline:var(--border-thin) dashed var(--ink-400);outline-offset:var(--space-1)}.tk-measure-play{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);width:100%}.tk-measure-play[data-phase=ask] .tk-measure--stage{width:min(100%,calc(var(--_scale) * var(--space-8)))}.tk-stage--measure{gap:var(--space-4)}.tk-measure-pile{width:var(--size-tap);height:var(--size-tap);padding:var(--space-2)}.tk-card--measure .tk-card__art,.tk-measure__options .tk-card__art{max-width:none;aspect-ratio:auto}.tk-grid--measure .tk-measure{width:min(100%,calc(var(--_scale) * var(--space-7)))}.tk-card--measure,.tk-measure__options>.tk-card{min-height:var(--size-tap);padding:var(--space-3)}.tk-ruler-stimulus{display:flex;justify-content:center;width:100%}@media (orientation:portrait) and (max-height:740px){.tk-measure--stage{width:min(100%,calc(var(--_scale) * var(--space-8)))}.tk-measure-play[data-phase=ask] .tk-measure--stage,.tk-stage--ruler .tk-measure--stage{width:min(100%,calc(var(--_scale) * var(--space-7)))}.tk-stage--measure,.tk-stage--ruler{gap:var(--space-3)}}@media (orientation:landscape) and (max-height:500px){.tk-stage--measure,.tk-stage--ruler,.tk-stage:has(>.tk-grid--measure){flex-wrap:nowrap}.tk-measure-play{flex-direction:row;justify-content:center;gap:var(--space-4);width:auto;flex:0 1 auto}.tk-measure--stage{width:calc(var(--_scale) * var(--space-7))}.tk-measure-play[data-phase=ask] .tk-measure--stage,.tk-stage--ruler .tk-measure--stage{width:calc(var(--_scale) * var(--space-6))}.tk-ruler-stimulus{width:auto}.tk-grid.tk-grid--measure{--_cols:1;flex:0 1 auto;min-width:0}.tk-grid--measure .tk-measure{width:calc(var(--_scale) * var(--space-5))}}.tk-place--row{flex-direction:row;justify-content:center}.tk-place--row .tk-place__row{flex-direction:column}.tk-place-art{position:relative;display:block;width:100%;aspect-ratio:1}.tk-place-art>img{position:absolute;object-fit:contain;pointer-events:none}.tk-place-art__anchor{z-index:1;left:18%;top:30%;width:64%;height:64%}.tk-place-art__obj{z-index:2;left:31%;top:2%;width:38%;height:38%}.tk-place-art[data-place=above] .tk-place-art__anchor{top:40%;width:58%;height:58%;left:21%}.tk-place-art[data-place=above] .tk-place-art__obj{top:0}.tk-place-art[data-place=below] .tk-place-art__anchor{top:0;width:58%;height:58%;left:21%}.tk-place-art[data-place=below] .tk-place-art__obj{top:62%}.tk-place-art[data-place=left] .tk-place-art__anchor{left:42%;top:22%;width:56%;height:56%}.tk-place-art[data-place=left] .tk-place-art__obj{left:0;top:40%;width:40%;height:40%}.tk-place-art[data-place=right] .tk-place-art__anchor{left:2%;top:22%;width:56%;height:56%}.tk-place-art[data-place=right] .tk-place-art__obj{left:60%;top:40%;width:40%;height:40%}.tk-place-art[data-place=front] .tk-place-art__anchor{top:2%}.tk-place-art[data-place=front] .tk-place-art__obj{left:27%;top:50%;width:46%;height:46%}.tk-place-art[data-place=behind] .tk-place-art__anchor{z-index:2;top:34%}.tk-place-art[data-place=behind] .tk-place-art__obj{z-index:1;left:33%;top:8%;width:34%;height:34%}.tk-place-art[data-place=in] .tk-place-art__anchor{z-index:2;left:14%;top:34%;width:72%;height:64%}.tk-place-art[data-place=in] .tk-place-art__obj{z-index:1;left:30%;top:16%;width:40%;height:40%}.tk-place-art[data-place=on] .tk-place-art__anchor{left:14%;top:40%;width:72%;height:58%}.tk-place-art[data-place=on] .tk-place-art__obj{left:31%;top:4%;width:38%;height:38%}.tk-place-art[data-place=under] .tk-place-art__anchor{z-index:2;left:8%;top:0;width:84%;height:70%}.tk-place-art[data-place=under] .tk-place-art__obj{z-index:1;left:33%;top:62%;width:34%;height:34%}.tk-card--place .tk-card__art{max-width:var(--space-12)}.tk-place-art__ghost{position:absolute;box-sizing:border-box;border:var(--border-thick) dashed var(--brand-500);border-radius:var(--radius-pill);background:var(--bg-surface)}.tk-place-slots{--_cols:2;display:grid;grid-template-columns:repeat(var(--_cols),minmax(0,1fr));grid-gap:var(--gap-target);gap:var(--gap-target);width:min(100%,calc(var(--_cols) * var(--space-12) + (var(--_cols) - 1) * var(--gap-target)))}.tk-place-slots[data-count="3"]{--_cols:3}.tk-place-slot{display:grid;place-items:center;box-sizing:border-box;min-width:var(--size-tap);min-height:var(--size-tap);padding:var(--space-2);background:var(--bg-surface);border:var(--border-thick) dashed var(--ink-400);border-radius:var(--radius-mode);cursor:default;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.tk-place .tk-place-slot{width:max(var(--size-tap),var(--space-10));height:max(var(--size-tap),var(--space-10))}.tk-place-slot--each{width:100%;aspect-ratio:1}.tk-place-slot>img{width:80%;height:80%;object-fit:contain;pointer-events:none}.tk-place-slot__ghost{width:60%;height:60%;box-sizing:border-box;border:var(--border-thick) dashed var(--brand-500);border-radius:var(--radius-pill)}.tk-place-slot[data-armed=true]{border-color:var(--selected-ring);border-style:solid;cursor:pointer}.tk-place-slot[data-filled=true]{border-style:solid}.tk-place-slot[data-hint=glow]{border-color:var(--highlight-700);border-style:solid;box-shadow:0 0 0 var(--border-ring) var(--highlight-400),0 0 0 calc(var(--border-ring) + var(--border-thick)) var(--highlight-700)}@media (orientation:landscape) and (max-height:500px){.tk-stage--place{flex-direction:row;justify-content:center;align-items:center;gap:var(--space-6)}.tk-stage--place .tk-tray{flex-direction:column;flex-wrap:nowrap;flex:0 0 auto;width:auto}.tk-stage--place .tk-place-slots{flex:0 0 auto;width:calc(var(--_cols) * var(--space-12) + (var(--_cols) - 1) * var(--gap-target))}}