.shop{--tok:72px;max-width:1024px;min-height:100dvh;padding:max(8px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left));align-content:start;gap:12px;margin:0 auto;display:grid}html[data-lang=en] .token{white-space:nowrap;font-size:1.0625rem}.shop .btn,.token,.player button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.strip{align-items:center;gap:12px;font-weight:600;display:flex}.strip .map{min-width:56px;min-height:56px;padding:0;font-size:1.5rem}.strip .mute{flex:none;min-width:56px;min-height:56px;padding:8px 12px;font-size:1rem}.strip .mute[aria-pressed=true]{background:var(--rose);color:#fff}.prompt{background:var(--surface);border-radius:var(--r-card);align-items:center;gap:12px;padding:12px 16px;display:flex}.prompt p{margin:0}.prompt .q{letter-spacing:.04em;font-size:1.75rem;font-weight:600;line-height:1.4}.customer{flex:none;width:auto;height:96px}.voice-replay{white-space:normal;text-align:left;max-width:100%;margin-top:10px;font-size:1rem}#voice-status{margin-top:8px;font-size:1rem;font-weight:400}.feedback .voice-replay{min-height:48px;padding:8px 12px}.counter{border:3px dashed var(--line);border-radius:var(--r-card);background:var(--mint);min-height:160px;padding:12px}.total{flex-wrap:wrap;align-items:baseline;gap:8px;margin:0 0 8px;display:flex}.total b{font-size:2.25rem;line-height:1.2}.placed,.tray{flex-wrap:wrap;gap:12px;display:flex}.tray{background:var(--surface);border-radius:var(--r-card);padding:12px}.token{touch-action:none;user-select:none;cursor:grab;border:3px solid var(--ink);color:var(--ink);place-items:center;font:600 1.25rem/1 Noto Sans SC,sans-serif;transition:transform .15s;display:grid}html[data-lang=en] .token [lang=zh]{display:none}.token:active{transform:scale(1.08)}.coin{width:var(--tok);height:var(--tok);background:#ffe39a;border-radius:50%}.note{width:calc(var(--tok) * 1.55);height:var(--tok);background:#cfe8ff;border-radius:12px}.note[data-v="500"]{background:#ffd6e0}.note[data-v="1000"]{background:#d9f2d0}.ghost{pointer-events:none;z-index:10;position:fixed;transform:translate(-50%,-50%)scale(1.1)}.feedback{border-radius:var(--r-card);align-items:center;gap:12px;padding:12px 16px;scroll-margin:12px 0 104px;font-size:1.5rem;font-weight:600;display:flex}.feedback p{margin:0}.feedback img{width:auto;height:120px}.feedback.ok{background:var(--ok-bg);color:var(--ok)}.feedback.ok img{animation:.5s pop}.feedback.retry{background:var(--hint-bg);color:var(--hint)}.feedback.guided,.feedback.solution{background:var(--blush)}.shop:not([data-input=tokens]) :is(.counter,.tray),.shop:not([data-input=number]) .pad,.shop:not([data-input=choice]) .choices,.shop:is([data-mode=guided],[data-mode=episode],[data-mode=finish]) :is(.pad,.choices){display:none}.shown{flex-wrap:wrap;gap:12px 24px;margin-top:8px;display:flex}.shown:empty{display:none}.group{border-radius:var(--r-btn);background:var(--mint);flex-wrap:wrap;gap:6px;padding:8px;display:flex}.token.small{--tok:48px;white-space:nowrap;letter-spacing:-.02em;cursor:default;pointer-events:none;border-width:2px;font-size:.8125rem}.pad{background:var(--surface);border-radius:var(--r-card);justify-items:center;gap:12px;padding:12px;display:grid}.pad-value{text-align:center;border-bottom:3px solid var(--line);min-width:3ch;font-size:2.5rem;font-weight:600}.keys{grid-template-columns:repeat(3,64px);gap:10px;display:grid}.key{border:2px solid var(--line);border-radius:var(--r-btn);background:var(--paper);min-height:64px;color:var(--ink);cursor:pointer;touch-action:manipulation;font-family:inherit;font-size:1.75rem;font-weight:600}.key:active{background:var(--blush)}.choices{background:var(--surface);border-radius:var(--r-card);justify-content:center;gap:16px;padding:12px;display:flex}.choices .btn{flex:1;max-width:220px;min-height:80px;font-size:1.5rem}.choices .btn[aria-pressed=true]{background:var(--rose);color:#fff;box-shadow:none}.step-label.review{background:var(--ok);font-size:1rem}.why{font-size:1.125rem;font-weight:400;margin-top:8px!important}.keyword-card{border-radius:var(--r-btn);background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 2px var(--hint);flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;font-size:1.25rem;display:flex}.walk{gap:8px;margin:8px 0 0;padding:0;font-size:1.125rem;font-weight:400;list-style:none;display:grid}.walk .step-label{margin-right:4px;font-size:1rem}@keyframes pop{0%{transform:scale(.6)rotate(-8deg)}60%{transform:scale(1.2)rotate(6deg)}to{transform:none}}.actions{justify-content:flex-end;gap:12px;display:flex}.actions .btn{flex:1;max-width:240px}.play{z-index:5;background:var(--paper);padding:8px 0 max(12px, env(safe-area-inset-bottom));position:sticky;bottom:0}[hidden]{display:none!important}.step-label{background:var(--rose);color:#fff;letter-spacing:.04em;border-radius:999px;padding:4px 12px;font-size:1.25rem;display:inline-block}.shop{grid-template-columns:minmax(0,1fr)}.finish .actions{flex-direction:column;align-items:center}.finish .actions .btn{flex:none;width:100%;max-width:320px}.shop:not([data-mode=episode]) .episode,.shop[data-mode=episode]>:not(.strip,.episode){display:none}.episode h1{margin:8px 0 16px;font-size:1.75rem}.player{aspect-ratio:16/9;border-radius:var(--r-card);background:var(--ink);width:min(100%,177.778dvh - 408.889px);margin:0 auto 16px;overflow:hidden}.player button{all:unset;cursor:pointer;width:100%;height:100%;display:block;position:relative}.player img{object-fit:cover;width:100%;height:100%;display:block}.player iframe{border:0;width:100%;height:100%;display:block}.play-icon{background:var(--rose);color:#fff;border-radius:50%;place-items:center;width:88px;height:88px;margin:auto;font-size:2.5rem;display:grid;position:absolute;inset:0}.player button:focus-visible{outline:3px solid var(--focus);outline-offset:-6px}.episode .actions{justify-content:center}.episode .actions .btn{max-width:360px}.shop:not([data-mode=finish]) .finish,.shop[data-mode=guided] :is(.counter,.tray,.answer),.shop[data-mode=finish]>:not(.strip,.finish){display:none}.finish{text-align:center;padding:24px 0}.finish .sisters{justify-content:center;align-items:end;display:flex}.finish .sisters img{width:auto;height:180px;animation:.6s pop}.finish h1{font-size:2rem;line-height:1.4}.finish .actions{justify-content:center}.mastery-btn{background:var(--ok)}.sticker{aspect-ratio:1;background:var(--hint-bg);box-shadow:0 0 0 6px #fff, 0 0 0 9px var(--hint);border-radius:50%;align-content:center;justify-items:center;gap:4px;margin:0 auto 16px;padding:16px 24px;font-weight:600;animation:.6s pop;display:inline-grid}.sticker img{width:auto;height:110px}.finish #book{max-width:320px;margin:0 auto 16px;display:flex}.finish #book[hidden]{display:none}@media (width>=700px) and (orientation:portrait){.shop{--tok:88px;padding-top:16px}.prompt .q{font-size:2rem}.customer{height:128px}.counter{min-height:200px}}@media (width>=640px) and (orientation:landscape){.shop{grid-template-columns:65fr 35fr;grid-template-areas:"strip strip""counter prompt""tray feedback""tray actions""finish finish"}.shop[data-mode=guided]{grid-template-areas:"strip strip""feedback prompt""feedback actions""finish finish"}.finish{grid-area:finish}.shop[data-mode=episode]{grid-template-areas:"strip strip""episode episode"}.episode{grid-area:episode;justify-self:center;width:100%;max-width:760px}.strip{grid-area:strip}.prompt{text-align:center;flex-direction:column;grid-area:prompt}.counter{grid-area:counter;min-height:220px}.tray{grid-area:tray;align-content:start}.pad,.choices{grid-area:counter;align-self:start}.feedback{grid-area:feedback}.play{grid-area:actions;align-self:start;padding:0;position:static}}@media (width>=900px) and (orientation:landscape){.shop{--tok:88px}}@media (height<=500px){.shop{gap:8px}.strip .map{min-width:48px;min-height:48px;font-size:1.25rem}.customer{display:none}.prompt{padding:8px 12px}.prompt .q{font-size:1.375rem}.counter{min-height:112px;padding:8px}.total b{font-size:1.75rem}.tray{padding:8px}.feedback{padding:8px 12px;font-size:1.25rem}.feedback img{height:64px}.shop .btn{min-height:56px}.episode h1{margin:0 0 8px;font-size:1.25rem}.player{width:min(100%,177.778dvh - 320px);margin-bottom:8px}.finish{padding:8px 0}.finish .sisters img{height:110px}.finish h1{font-size:1.5rem}.finish .actions{flex-direction:row;justify-content:center}}.grown-up-entry{user-select:none;-webkit-touch-callout:none;flex-direction:column;gap:4px;min-width:56px;margin-left:auto;padding:8px;font-size:.875rem;touch-action:none!important}.grown-up-entry small{font-size:.75rem;font-weight:400}.strip{flex-wrap:wrap}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.grown-up{box-sizing:border-box;border:2px solid var(--line);border-radius:var(--r-card);background:var(--paper);width:min(640px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--ink);padding:24px;font-size:1rem;overflow-y:auto}.grown-up::backdrop{background:#00000073}.grown-up h1{margin-top:0;font-size:1.75rem}.grown-up h2{margin-top:24px;font-size:1.25rem}.grown-up h3{font-size:1rem}.grown-up li{margin-block:8px}