.memory-engine{--gap:12px;--pad:12px;--mem-w:128px;--mem-ratio:1;--mem-cap:46px;--boost:1;gap:18px}.memory-engine.words{--mem-w:184px;--mem-ratio:1.5;--mem-cap:34px}.memory-engine.pictures{--mem-w:148px;--mem-ratio:.92;--mem-cap:19px}.memory-head{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 18px;min-height:56px;display:flex}.memory-head .engine-hint{max-width:460px}.memory-title{color:var(--ink);letter-spacing:-.015em;margin:0;font-size:19px;font-weight:800}.memory-timer{align-items:center;display:inline-flex}.memory-dial{place-items:center;width:56px;height:56px;display:grid;position:relative}.memory-dial svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.memory-dial circle{fill:none;stroke-width:5px}.memory-dial .track{stroke:var(--violet-soft)}.memory-dial .fill{stroke:var(--violet);stroke-linecap:round;stroke-dasharray:100 200;animation:memory-drain var(--secs,5s) linear var(--delay,0s) forwards}.memory-dial strong{color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:20px;font-weight:800}.memory-left{background:var(--violet-soft);min-height:44px;color:var(--violet-ink);border-radius:999px;align-items:baseline;gap:6px;padding:8px 18px;font-size:15px;font-weight:700;display:none}.memory-left strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:22px;font-weight:800}.memory-peek{background:var(--surface-3);min-height:44px;color:var(--ink);transition:background-color .15s var(--ease), transform .15s var(--spring);border:0;border-radius:999px;align-items:center;gap:8px;padding:8px 16px 8px 13px;font-size:14px;font-weight:700;display:inline-flex}.memory-peek svg{color:var(--violet-ink)}.memory-peek:active:not(:disabled){transform:scale(.96)}.memory-peek:disabled{opacity:.45}.memory-board{--cols:var(--cols-wide,4);width:min(100%, calc(var(--cols-wide,4) * var(--mem-w) + (var(--cols-wide,4) - 1) * var(--gap) + 2 * var(--pad)));gap:14px;display:grid;container-type:inline-size}.memory-bridge,.memory-tray{--cellw:calc((100cqi - 2 * var(--pad) - (var(--cols) - 1) * var(--gap)) / var(--cols) - .5px);justify-content:center;gap:var(--gap);padding:var(--pad);border-radius:var(--radius-xl);flex-wrap:wrap;margin:0;list-style:none;display:flex;position:relative}.memory-bridge{background:var(--violet-soft);transition:background-color .25s var(--ease), box-shadow .25s var(--ease)}.memory-tray{background:var(--bg);transition:box-shadow .2s var(--ease);animation:rise .4s var(--spring) both}.memory-tray.is-over{box-shadow:inset 0 0 0 3px var(--focus)}.memory-slot,.memory-tray-slot{flex:0 0 var(--cellw);aspect-ratio:var(--mem-ratio);border-radius:22px;min-width:0;position:relative}.memory-slot{background:color-mix(in srgb, var(--surface) 62%, transparent);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--violet) 26%, transparent);transition:box-shadow .2s var(--ease), background-color .2s var(--ease);place-items:center;display:grid}.memory-engine:not(.is-show) .memory-slot:not(.is-filled){animation:memory-turn .45s var(--spring) both;animation-delay:calc(var(--i,0) * 50ms)}.memory-number{font-size:clamp(22px, calc(var(--cellw) * .32), 44px);color:var(--violet-ink);opacity:.55;font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.memory-slot.is-next{background:var(--surface);box-shadow:inset 0 0 0 3px var(--violet);animation:memory-next 1.8s var(--ease) infinite}.memory-slot.is-next .memory-number{opacity:.9}.memory-slot.is-over{background:var(--surface);box-shadow:inset 0 0 0 3px var(--focus)}.memory-slot.is-filled{box-shadow:none;background:0 0}.memory-slot.is-filled>.memory-number{z-index:2;background:var(--violet);color:#fff;opacity:1;width:28px;height:28px;box-shadow:0 0 0 3px var(--violet-soft);animation:mark-in .35s var(--spring) both;border-radius:50%;place-items:center;font-size:14px;display:grid;position:absolute;top:-8px;left:-8px}.memory-card{background:var(--surface);width:100%;min-width:0;height:100%;color:var(--ink);box-shadow:var(--shadow-sm), inset 0 0 0 1px var(--border);font-size:clamp(15px, calc(var(--cellw) / (var(--chars,3) * .62 + 1.1) * var(--boost)), calc(var(--mem-cap) * var(--boost)));transition:transform .2s var(--spring), box-shadow .2s var(--ease), background-color .2s var(--ease);animation:pop-in .4s var(--spring) both;animation-delay:calc(var(--i,0) * 70ms);border:0;border-radius:22px;place-items:center;padding:8px;display:grid;position:absolute;inset:0}.memory-card .stimulus{gap:6px;width:100%}.memory-card .stimulus-text{letter-spacing:-.01em;text-align:center;font-size:1em;font-weight:800;line-height:1.1}.memory-card .stimulus img{aspect-ratio:1;width:54%;height:auto}.memory-engine.pictures .memory-card .stimulus-text{font-weight:700}.memory-engine.pictures .memory-card .stimulus img:only-child{width:66%}.memory-slot .memory-card{animation-delay:calc(var(--i,0) * 90ms)}.memory-placed{animation:memory-place .35s var(--spring) both}.memory-tray-slot.is-used{box-shadow:inset 0 0 0 2px var(--border-strong)}.memory-engine button.memory-card{touch-action:none;cursor:pointer}.memory-engine button.memory-card:active:not(:disabled){box-shadow:var(--shadow-xs), inset 0 0 0 1px var(--border);transform:scale(.95)}.memory-engine button.memory-card:disabled{cursor:default}.memory-board .speak-button.on-card{z-index:2;width:36px;height:36px;animation-delay:calc(var(--i,0) * 70ms + .16s);top:auto;bottom:-10px;right:-10px}.memory-board .speak-button.on-card svg{width:19px;height:19px}@media (hover:hover) and (pointer:fine){.memory-engine button.memory-card:hover:not(:disabled){box-shadow:var(--shadow-md), inset 0 0 0 1px var(--border);transform:translateY(-3px)}.memory-engine button.memory-card:not(:disabled){cursor:grab}.memory-peek:hover:not(:disabled){background:var(--primary-soft-2)}}@media (min-width:651px){.memory-slot:not(:last-child):after{content:"";z-index:0;width:var(--gap);background:color-mix(in srgb, var(--violet) 24%, transparent);height:6px;margin-top:-3px;position:absolute;top:50%;left:100%}}.memory-bridge.is-picked{box-shadow:inset 0 0 0 3px var(--ink)}.memory-bridge.is-correct{background:var(--success-soft);box-shadow:inset 0 0 0 3px var(--success);animation:celebrate .65s var(--spring)}.memory-bridge.is-correct .memory-slot:after{background:color-mix(in srgb, var(--success) 30%, transparent)}.memory-bridge>.mark{top:-12px;right:-12px}.memory-slot.is-correct .memory-card{background:var(--success-soft);box-shadow:inset 0 0 0 3px var(--success)}.memory-slot.is-correct>.memory-number{background:var(--success);box-shadow:0 0 0 3px var(--success-soft)}.memory-slot.is-wrong .memory-card{background:var(--danger-soft);box-shadow:inset 0 0 0 3px var(--danger);animation:shake .45s var(--ease)}.memory-slot.is-wrong>.memory-number{background:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}.memory-slot>.mark{z-index:2;width:28px;height:28px;top:auto;bottom:-9px;right:-9px}.memory-solution{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;margin:0;font-size:15px;font-weight:700;display:flex}.memory-solution ol{background:var(--surface);box-shadow:inset 0 0 0 3px var(--success);animation:glow 1.4s var(--ease) 2;border-radius:26px;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:8px;list-style:none;display:flex}.memory-solution li{background:var(--success-soft);min-height:48px;color:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 6px;font-size:22px;display:inline-flex}.memory-solution .memory-number{background:var(--success);color:#fff;opacity:1;border-radius:50%;place-items:center;width:30px;height:30px;font-size:14px;display:grid}.memory-solution .stimulus{flex-direction:row;gap:8px}.memory-solution .stimulus img{width:38px;height:38px}.memory-solution .stimulus-text{font-weight:800}.reveal-flip{perspective:1600px;width:min(680px,100%);animation:flip-in .6s var(--spring) both;display:grid}.reveal-flip>.reading-card{backface-visibility:hidden;grid-area:1/1;width:100%;animation:none}.reveal-flip .reveal-content{visibility:hidden;transition:transform .75s var(--spring), visibility 0s linear .75s;transform:rotateY(180deg)}.reveal-flip.is-open .reveal-content{visibility:visible;transition:transform .75s var(--spring), visibility 0s;transform:none}.reveal-flip .reveal-front{transition:transform .75s var(--spring), box-shadow .2s var(--ease), visibility 0s}.reveal-flip.is-open .reveal-front{visibility:hidden;transition:transform .75s var(--spring), visibility 0s linear .4s;transform:rotateY(-180deg)}.reveal-content:focus{outline:none}.reveal-flip .reveal-front{color:var(--ink);letter-spacing:-.01em;cursor:pointer;background:repeating-linear-gradient(135deg, #01344b0b 0 2px, transparent 2px 13px), linear-gradient(160deg, var(--primary-soft) 0%, var(--primary-soft-2) 100%);box-shadow:var(--shadow-sm);border:0;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:32px 24px;font-size:18px;font-weight:800;display:flex;position:relative}.reveal-front:before{content:"";pointer-events:none;border:2px dashed #01344b29;border-radius:26px;position:absolute;inset:14px}.reveal-front svg{width:64px;height:64px;color:var(--ink);animation:nudge 2.6s var(--ease) infinite}.reveal-front span{background:var(--surface);box-shadow:var(--shadow-xs);border-radius:999px;padding:8px 18px;position:relative}.reveal-flip .reveal-front:active:not(:disabled){transform:scale(.98)}@media (hover:hover) and (pointer:fine){.reveal-flip:not(.is-open) .reveal-front:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-4px)}}.rating-grid.is-waiting .rating{opacity:.4}.reading-engine.with-reveal .rating-grid:not(.is-waiting) .rating:not(.is-dimmed){animation:pop-in .4s var(--spring) both}.reading-engine.with-reveal .rating-grid:not(.is-waiting) .rating:nth-child(2){animation-delay:40ms}.reading-engine.with-reveal .rating-grid:not(.is-waiting) .rating:nth-child(3){animation-delay:80ms}.reading-engine.with-reveal .rating-grid:not(.is-waiting) .rating:nth-child(4){animation-delay:.12s}.preview-paper .reveal-flip .reveal-front{padding:24px 20px;font-size:16px}.preview-paper .reveal-front svg{width:52px;height:52px}.ran-board.ran-fluency{--gap-x:10px;--num:30px;--fit:var(--cols);--sym-cap:clamp(26px, calc((100dvh - 430px) / var(--rows) / 1.9), 54px);width:min(100%, calc(var(--cols) * (var(--chars) * 34px + 30px) + (var(--cols) - 1) * var(--gap-x) + var(--num) + 34px));grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.ran-line{--fit:var(--cols);grid-template-columns:var(--num) minmax(0, 1fr);background:var(--bg);animation:pop-in .4s var(--spring) both;animation-delay:calc(var(--r,0) * 60ms);border-radius:24px;align-items:center;gap:10px;padding:6px 6px 6px 8px;display:grid}.ran-line-number{width:var(--num);height:var(--num);background:var(--surface);color:var(--muted-strong);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;font-size:13px;font-weight:800;display:grid}.ran-line-cells{grid-template-columns:repeat(var(--fit), minmax(0, 1fr));gap:6px var(--gap-x);display:grid}.ran-fluency .ran-cell{--sym:clamp(17px, calc((100cqi - var(--num) - 24px - (var(--fit) - 1) * var(--gap-x)) / var(--fit) / (var(--chars) * .62 + .55)), var(--sym-cap));aspect-ratio:auto;min-height:max(48px, calc(var(--sym) * 1.7));background:var(--surface);box-shadow:var(--shadow-xs);border-radius:18px;padding:0 4px}.ran-engine.is-ready .ran-fluency .ran-cell{background:var(--surface)}.ran-fluency .ran-cell.is-error{background:var(--coral-soft);box-shadow:inset 0 0 0 3px var(--coral)}.ran-fluency .ran-cell .stimulus-text{white-space:nowrap;overflow-wrap:normal;letter-spacing:-.01em}@container (max-width:560px){.ran-fluency.can-split .ran-line{--fit:var(--half)}}.preview-paper .ran-board.ran-fluency{--sym-cap:clamp(24px, calc((100dvh - 480px) / var(--rows) / 1.9), 46px)}.print-memory{gap:6px;display:grid}.print-caption{color:var(--muted);margin:10px 0 2px;font-size:12px;font-weight:700}.print-memory-row{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.print-memory-row>*{background:var(--surface);border-radius:18px;place-items:center;min-width:104px;min-height:96px;padding:12px 14px;display:grid;position:relative}.print-memory-row .stimulus-text{color:var(--ink);font-size:26px;font-weight:800}.print-memory-row .stimulus img{width:56px;height:56px}.print-memory-number{color:var(--muted);font-size:12px;font-weight:800;position:absolute;top:6px;left:9px}.print-memory-row.is-empty>li{border:1.5px dashed var(--subtle)}.print-memory-row.is-empty .print-memory-number{color:var(--subtle);font-size:26px;position:static}.print-memory-row.is-cut>*{border:1.5px dashed var(--subtle);border-radius:8px;padding-bottom:22px}.print-ran-fluency{gap:8px;margin-top:10px;display:grid;container-type:inline-size}.print-ran-line{grid-template-columns:24px repeat(var(--cols), minmax(0, 1fr));align-items:center;gap:6px;display:grid}.print-ran-number{color:var(--muted);text-align:center;font-size:12px;font-weight:800}.print-ran-word{background:var(--surface);color:var(--ink);text-align:center;white-space:nowrap;font-weight:800;line-height:1.1;font-size:clamp(12px, calc((100cqi - 24px - var(--cols) * 6px) / var(--cols) / (var(--chars) * .62 + .5)), 34px);border-radius:12px;padding:8px 2px}.player.large-text .memory-engine{--boost:1.1}.player.low-stimulation .memory-dial{display:none}.player.low-stimulation .memory-left{display:inline-flex}.player.low-stimulation .memory-slot.is-next{box-shadow:inset 0 0 0 3px var(--violet)}.player.low-stimulation .reveal-flip>.reading-card{transition:opacity .35s var(--ease), visibility 0s linear .35s;transform:none!important}.player.low-stimulation .reveal-flip .reveal-content{opacity:0}.player.low-stimulation .reveal-flip.is-open .reveal-content{opacity:1;transition:opacity .35s var(--ease), visibility 0s}.player.low-stimulation .reveal-flip.is-open .reveal-front{opacity:0}.player.low-stimulation .reveal-flip:not(.is-open) .reveal-front:hover:not(:disabled){box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:reduce){.memory-dial{display:none}.memory-left{display:inline-flex}}@media (max-height:820px){.player .memory-engine{--mem-w:116px;gap:12px}.player .memory-engine.words{--mem-w:168px}.player .memory-engine.pictures{--mem-w:132px}.player .memory-head{min-height:48px}.player .memory-dial{width:48px;height:48px}.player .reveal-flip .reveal-front{gap:10px;padding:20px}.player .reveal-front svg{width:50px;height:50px}}@media (max-width:650px){.memory-board{--cols:var(--cols-phone,3);gap:10px}.memory-engine{--gap:8px;--pad:8px;gap:14px}.memory-engine.words{--mem-ratio:1.6}.memory-head{gap:8px 12px;min-height:48px}.memory-title{font-size:17px}.memory-dial{width:48px;height:48px}.memory-dial strong{font-size:18px}.memory-slot,.memory-tray-slot,.memory-card{border-radius:18px}.memory-slot.is-filled>.memory-number{width:24px;height:24px;font-size:12px;top:-7px;left:-7px}.memory-board .speak-button.on-card{width:32px;height:32px;bottom:-8px;right:-8px}.memory-slot>.mark{width:22px;height:22px;bottom:-8px;right:-8px}.memory-slot>.mark svg{width:13px;height:13px}.memory-board .speak-button.on-card svg{width:17px;height:17px}.memory-hint-more{display:none}.memory-solution ol{gap:6px;padding:6px}.memory-solution li{gap:6px;min-height:40px;padding:4px 12px 4px 4px;font-size:18px}.memory-solution .memory-number{width:26px;height:26px;font-size:13px}.reveal-flip .reveal-front{padding:24px 16px;font-size:16px}.reveal-front:before{border-radius:18px;inset:10px}.reveal-front svg{width:50px;height:50px}.ran-board.ran-fluency{--gap-x:6px;--num:24px;gap:8px}.ran-line{border-radius:20px;gap:6px;padding:5px}.ran-line-number{font-size:12px}.ran-fluency .ran-cell{border-radius:14px}}@media print{.print-memory-row>*,.print-ran-word{background:0 0}.print-memory-row:not(.is-empty):not(.is-cut)>*{border:1px solid #d1dbe1}.print-memory-row.is-empty>li,.print-memory-row.is-cut>*{border-color:#9aa1b5}.print-ran-word{border:1px solid #d1dbe1}}@keyframes memory-drain{to{stroke-dashoffset:100px}}@keyframes memory-next{50%{box-shadow:inset 0 0 0 3px var(--violet), 0 0 0 7px color-mix(in srgb, var(--violet) 16%, transparent)}}@keyframes memory-turn{0%{opacity:0;transform:perspective(500px)rotateY(80deg)}}@keyframes memory-place{0%{transform:scale(.9)}60%{transform:scale(1.04)}to{transform:scale(1)}}
.routine{gap:16px;min-width:0;scroll-margin-top:88px;display:grid}.routine .slate{--tone:var(--muted);--tone-soft:var(--surface-3);--tone-ink:var(--text)}.routine button{touch-action:manipulation}.routine.is-full{z-index:60;overscroll-behavior:contain;background:var(--bg);padding:calc(16px + var(--safe-top)) calc(24px + var(--safe-right)) calc(12px + var(--safe-bottom)) calc(24px + var(--safe-left));align-content:start;position:fixed;inset:0;overflow-y:auto}.routine.is-full .rt-stage{min-height:calc(100dvh - 200px - var(--safe-top) - var(--safe-bottom))}.rt-top{justify-content:space-between;align-items:center;gap:12px 16px;display:flex}.rt-title{align-items:center;gap:14px;min-width:0;display:flex}.rt-title>svg{color:var(--amber);flex:none}.rt-title h1{letter-spacing:-.04em;margin:0;font-size:clamp(24px,1vw + 16px,30px);line-height:1.1}.rt-title p{color:var(--muted);font-variant-numeric:tabular-nums;margin:3px 0 0;font-size:14px;font-weight:650}.rt-top-actions{flex:none;align-items:center;gap:8px;display:flex}.rt-top-actions .icon-button{box-shadow:var(--shadow-xs);border-radius:999px}.rt-top-actions .sound-toggle[aria-pressed=false]{color:var(--subtle)}.rt-restart{background:var(--surface);min-height:44px;color:var(--ink);white-space:nowrap;box-shadow:var(--shadow-xs);transition:background-color .15s var(--ease), color .15s var(--ease);border-radius:999px;align-items:center;gap:8px;padding:0 18px 0 14px;font-size:14.5px;font-weight:700;display:inline-flex}.rt-restart.confirming,.rt-nav .button.confirming{background:var(--warning-soft);color:var(--warning-ink);box-shadow:none}.rt-stage{background:var(--surface);border-radius:var(--radius-2xl);min-width:0;min-height:min(620px,100dvh - 250px);box-shadow:var(--shadow-md);animation:rt-in .42s var(--ease) both;flex-direction:column;gap:24px;padding:clamp(22px,3vw,44px) clamp(16px,3.2vw,48px) clamp(26px,3vw,40px);display:flex;position:relative;container-type:inline-size}.rt-head{align-items:center;gap:18px;display:flex}.rt-head-icon{color:var(--tone);flex:none;place-items:center;display:grid}.rt-head-icon svg{width:56px;height:56px}.rt-head h2,.rt-hello h2{letter-spacing:-.045em;margin:0;font-size:clamp(30px,2.2vw + 16px,50px);line-height:1.06}.rt-head h2:focus,.rt-hello h2:focus{outline:none}.rt-hint{max-width:64ch;color:var(--muted);margin:8px 0 0;font-size:15.5px;line-height:1.5}.rt-sub{letter-spacing:-.025em;margin:0 0 14px;font-size:20px}.rt-empty-line{color:var(--muted);margin:0;font-size:15.5px}.rt-tools{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.rt-tools.center{justify-content:center}.rt-tools .button{min-height:52px;padding-inline:22px;font-size:15.5px}.rt-note{border-radius:var(--radius-lg);background:var(--primary-soft);color:var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;padding:14px 14px 14px 20px;font-size:15px;font-weight:650;display:flex}.rt-note .button{min-height:48px}.rt-sentence{text-align:center;letter-spacing:-.03em;min-height:1.3em;color:var(--ink);text-wrap:balance;animation:rt-pop .35s var(--spring);margin:0;font-size:clamp(22px,1.6vw + 14px,34px);font-weight:800;line-height:1.25}.rt-sentence.quiet{letter-spacing:-.01em;color:var(--muted);font-size:18px;font-weight:650;animation:none}.rt-sentence.quiet.small{min-height:0;font-size:15.5px}.rt-sentence.quiet.small:empty{display:none}.rt-sentence.gentle{font-size:clamp(20px,1.2vw + 13px,28px);font-weight:750}.rt-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.rt-card{border-radius:var(--radius-xl);background:var(--bg);min-width:0;min-height:132px;color:var(--ink);letter-spacing:-.02em;text-align:center;transition:background-color .2s var(--ease), box-shadow .2s var(--ease), transform .3s var(--spring), opacity .2s var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:18px 12px;font-size:19px;font-weight:800;line-height:1.2;display:flex;position:relative}.rt-card>svg{color:var(--tone,var(--ink));transition:transform .35s var(--spring);flex:none}.rt-label{overflow-wrap:anywhere}.rt-card:active{transform:scale(.97)}.rt-card[aria-pressed=true]{background:var(--tone-soft,var(--primary-soft));box-shadow:inset 0 0 0 3px var(--ink)}.rt-card[aria-pressed=true]>svg{transform:scale(1.08)}.rt-tick{background:var(--ink);color:#fff;opacity:0;width:28px;height:28px;transition:opacity .2s var(--ease), transform .35s var(--spring);border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px;transform:scale(.4)}.rt-card[aria-pressed=true] .rt-tick{opacity:1;transform:none}@media (hover:hover) and (pointer:fine){.rt-card:hover{background:var(--surface);box-shadow:var(--shadow-md);transform:translateY(-2px)}.rt-card[aria-pressed=true]:hover{background:var(--tone-soft,var(--primary-soft));box-shadow:inset 0 0 0 3px var(--ink), var(--shadow-md)}}.rt-hello{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding-block:8px 12px;display:flex}.rt-sun{width:220px;height:170px;color:var(--amber);place-items:center;margin-bottom:4px;display:grid;position:relative}.rt-sun:before{content:"";background:radial-gradient(circle,#e89a0033,#e89a0012 42%,#e89a0000 68%);border-radius:50%;width:230px;height:230px;position:absolute;top:56%;left:50%;transform:translate(-50%,-50%)}.rt-sun svg{animation:rt-rise 1s var(--spring) .1s both;position:relative}.rt-hello h2{letter-spacing:-.055em;font-size:clamp(52px,4vw + 26px,104px)}.rt-date{color:var(--text);letter-spacing:-.02em;margin:6px 0 0;font-size:clamp(20px,.8vw + 15px,28px);font-weight:650}.rt-date strong{font-weight:800}.rt-hello .rt-hint{margin-top:18px}.rt-count{color:var(--ink);align-items:baseline;gap:12px;margin:-4px 0 0;display:flex}.rt-count strong{letter-spacing:-.05em;font-variant-numeric:tabular-nums;min-width:.65em;font-size:56px;line-height:1}.rt-count span{font-size:19px;font-weight:750}.rt-count small{color:var(--muted);font-size:16px;font-weight:650}.rt-person{min-height:140px;font-size:18px}.rt-person .avatar{width:64px;min-width:64px;height:64px;transition:transform .35s var(--spring);border-radius:22px;font-size:26px}.rt-person[aria-pressed=false] .avatar{filter:saturate(.7)}.rt-person[aria-pressed=true]{background:var(--surface)}.rt-person[aria-pressed=true] .avatar{transform:scale(1.06)}.rt-days{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.rt-day{flex:0 calc(50% - 6px);min-height:96px;padding-inline:6px;font-size:21px}.rt-day .rt-label{overflow-wrap:normal}.rt-day.weekend{background:var(--violet-soft)}.rt-day.is-wrong,.rt-day.is-wrong[aria-pressed=true]{opacity:.45;background:var(--bg);box-shadow:none}.rt-day.is-right,.rt-day.is-right[aria-pressed=true]{background:var(--success-soft);box-shadow:inset 0 0 0 3px var(--success)}.rt-day.is-right .rt-tick{opacity:1;background:var(--success);transform:none}.rt-day.is-nudge{animation:rt-breathe 2.2s var(--ease) 2}.rt-when{animation:rt-in .4s var(--ease) both;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.rt-when>div{border-radius:var(--radius-lg);background:var(--surface-2);text-align:center;align-content:center;gap:4px;min-width:0;padding:16px 10px;display:grid}.rt-when small{color:var(--muted);font-size:14px;font-weight:700}.rt-when strong{letter-spacing:-.03em;overflow-wrap:anywhere;font-size:clamp(17px,4.2cqi,30px);line-height:1.15}.rt-when .today{background:var(--ink)}.rt-when .today small{color:#ffffffb8}.rt-when .today strong{color:#fff}.rt-facts{animation:rt-in .4s var(--ease) 80ms both;flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.rt-facts span{background:var(--tone-soft);min-height:52px;color:var(--text);border-radius:999px;align-items:center;gap:10px;padding:8px 20px 8px 14px;font-size:17px;font-weight:650;display:inline-flex}.rt-facts svg{color:var(--tone)}.rt-facts strong{font-weight:800}.rt-weather .rt-card{min-height:128px}.rt-feelings .rt-card{min-height:150px;font-size:20px}.rt-round{gap:18px;display:grid}.rt-turns,.rt-tray{flex-wrap:wrap;gap:8px;display:flex;position:relative}.rt-tray{border-radius:var(--radius-xl);background:var(--surface-2);padding:10px}.rt-turn{background:var(--surface-2);min-width:0;max-width:100%;min-height:56px;color:var(--ink);box-shadow:inset 0 0 0 1px var(--border);transition:background-color .15s var(--ease), box-shadow .15s var(--ease);border-radius:999px;align-items:center;gap:10px;padding:6px 16px 6px 6px;font-size:15.5px;font-weight:750;display:inline-flex}.rt-tray .rt-turn{background:var(--surface);box-shadow:var(--shadow-xs)}.rt-turn .avatar{border-radius:999px;width:44px;min-width:44px;height:44px;font-size:17px}.rt-turn-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.rt-turn[aria-pressed=true],.rt-tray .rt-turn[aria-pressed=true]{background:var(--surface);box-shadow:inset 0 0 0 3px var(--ink)}.rt-turn-picks{gap:2px;margin-left:-2px;display:inline-flex}.rt-turn-picks span{color:var(--tone);display:inline-flex}.rt-turn-now{color:var(--muted);margin:0;font-size:18px;font-weight:650}.rt-turn-now strong{color:var(--ink);letter-spacing:-.02em;font-size:22px}.rt-pass{min-height:56px;color:var(--text);box-shadow:inset 0 0 0 1.5px var(--border-strong);transition:background-color .15s var(--ease), box-shadow .15s var(--ease);border-radius:999px;align-items:center;gap:10px;padding:6px 20px 6px 12px;font-size:16px;font-weight:700;display:inline-flex}.rt-pass svg{color:var(--muted)}.rt-pass[aria-pressed=true]{background:var(--surface-3);box-shadow:inset 0 0 0 3px var(--ink);color:var(--ink)}.rt-turn-next{min-height:56px}.routine .rt-draggable{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.rt-plan{counter-reset:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.rt-slot{border-radius:var(--radius-xl);background:var(--bg);min-width:0;transition:box-shadow .2s var(--ease), background-color .2s var(--ease), opacity .2s var(--ease);grid-template-rows:minmax(0,1fr) auto;gap:6px;padding:6px;display:grid}.rt-slot-main{min-height:132px;color:var(--ink);letter-spacing:-.02em;text-align:center;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:30px 10px 12px;font-size:18px;font-weight:800;line-height:1.2;display:flex;position:relative}.rt-slot-main>svg{color:var(--tone);flex:none}.rt-order{color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px;font-weight:800;position:absolute;top:10px;left:14px}.rt-now{background:var(--accent-soft);color:var(--accent-ink);letter-spacing:0;border-radius:999px;padding:3px 12px;font-size:13.5px;font-weight:800;position:absolute;top:8px;left:8px}.rt-now.later{background:var(--surface-2);color:var(--ink)}.rt-slot-start{background:var(--ink);color:#fff;overflow-wrap:anywhere;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:0;max-width:100%;min-height:48px;padding:6px 14px;font-size:15px;font-weight:750;text-decoration:none;display:inline-flex}.rt-slot-start span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.rt-slot:has(.rt-slot-start){grid-template-rows:minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr)}.rt-row-link{flex:0 190px;min-width:120px;min-height:44px;font-size:14px}.rt-row:has(.rt-row-link) .rt-row-label{overflow-wrap:break-word;min-width:min-content}@media (max-width:640px){.rt-row:has(.rt-row-link){flex-wrap:wrap}.rt-row-link{flex:100%;order:10;min-width:0}}.rt-presets{margin-bottom:22px}.rt-chip.confirming{background:var(--warning-soft);color:var(--warning-ink)}.rt-jump{min-height:44px}.rt-slot-done{background:var(--surface);min-height:52px;color:var(--muted);box-shadow:var(--shadow-xs);transition:background-color .2s var(--ease), color .2s var(--ease);border-radius:999px;justify-content:center;align-items:center;gap:8px;font-size:15.5px;font-weight:750;display:inline-flex}.rt-slot-done svg{color:var(--subtle)}.rt-slot-done[aria-pressed=true]{background:var(--success);color:#fff;box-shadow:none}.rt-slot-done[aria-pressed=true] svg{color:#fff}.rt-slot.is-now{background:var(--surface);box-shadow:inset 0 0 0 3px var(--ink), var(--shadow-md)}.rt-slot.is-done .rt-slot-main{opacity:.5}@media (hover:hover) and (pointer:fine){.rt-slot:not(.is-now):hover{background:var(--surface);box-shadow:var(--shadow-md)}}.rt-plan-editor{gap:28px;display:grid}.rt-plan-edit{gap:8px;margin:0 0 14px;padding:0;list-style:none;display:grid}.rt-row{border-radius:var(--radius-lg);background:var(--surface-2);min-width:0;min-height:68px;color:var(--ink);touch-action:pan-y;-webkit-user-select:none;user-select:none;transition:box-shadow .15s var(--ease), background-color .15s var(--ease);align-items:center;gap:12px;padding:8px 8px 8px 6px;display:flex}.rt-row>svg{color:var(--tone);flex:none}.rt-row.is-over{background:var(--surface);box-shadow:inset 0 0 0 3px var(--focus)}.rt-row.drag-ghost{background:var(--surface)}.rt-handle{width:36px;height:52px;color:var(--subtle);cursor:grab;touch-action:none;flex:none;place-items:center;display:grid}.rt-row-label{letter-spacing:-.015em;overflow-wrap:anywhere;flex:1;min-width:0;font-size:17px;font-weight:800}.rt-row-input{background:var(--surface);flex:1;min-height:52px;font-weight:750}.rt-row-actions{flex:none;gap:4px;display:flex}.rt-row-actions .icon-button{width:48px;min-width:48px;height:48px;box-shadow:none;border-radius:999px}.rt-palette{flex-wrap:wrap;gap:8px;display:flex}.rt-chip{background:var(--surface-2);min-height:52px;color:var(--ink);box-shadow:inset 0 0 0 1px var(--border);transition:background-color .15s var(--ease), box-shadow .15s var(--ease), transform .2s var(--spring);border-radius:999px;align-items:center;gap:8px;padding:6px 16px 6px 12px;font-size:15px;font-weight:750;display:inline-flex}.rt-chip>svg:first-child{color:var(--tone)}.rt-chip-plus{color:var(--subtle)}.rt-chip:active:not(:disabled){transform:scale(.97)}.rt-chip.big{min-height:56px;font-size:16px}.rt-chip[aria-pressed=true]{background:var(--success-soft);box-shadow:inset 0 0 0 2px var(--success)}.rt-chip-done{color:var(--success-ink)}@media (hover:hover) and (pointer:fine){.rt-chip:hover:not(:disabled){background:var(--surface);box-shadow:var(--shadow-sm)}}.rt-add{gap:10px;margin-top:14px;display:flex}.rt-add input{flex:1;min-height:52px}.rt-add .button{flex:none;min-height:52px}.rt-jobs{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.rt-job{border-radius:var(--radius-xl);background:var(--bg);min-width:0;transition:box-shadow .15s var(--ease), background-color .15s var(--ease);align-content:start;gap:8px;padding:8px;display:grid}.rt-job.is-over{background:var(--surface);box-shadow:inset 0 0 0 3px var(--focus)}.rt-job-main{min-height:64px;color:var(--ink);letter-spacing:-.015em;text-align:left;transition:background-color .15s var(--ease);border-radius:20px;align-items:center;gap:14px;padding:8px 14px;font-size:18px;font-weight:800;line-height:1.25;display:flex}.rt-job-main svg{color:var(--tone);flex:none}.rt-job.is-ready .rt-job-main{background:#ffffffb3}@media (hover:hover) and (pointer:fine){.rt-job-main:hover{background:var(--surface)}}.rt-job-who{background:var(--surface);min-width:0;min-height:56px;color:var(--ink);box-shadow:var(--shadow-xs);animation:rt-pop .35s var(--spring);border-radius:999px;align-items:center;gap:10px;padding:6px;font-weight:750;display:flex}.rt-job-who .avatar{border-radius:999px;width:44px;min-width:44px;height:44px;font-size:17px}.rt-job-who .rt-turn-name{flex:1}.rt-job-who .icon-button{width:44px;min-width:44px;height:44px;box-shadow:none;background:var(--surface-2);border-radius:999px}.rt-job-empty{border:2px dashed var(--border-strong);min-height:56px;color:var(--muted);border-radius:999px;justify-content:center;align-items:center;font-size:15px;font-weight:650;display:flex}.rt-job.is-ready .rt-job-empty{border-color:var(--outcome-supported);background:var(--surface);color:var(--ink)}.rt-jobs-editor .rt-plan-edit{margin-bottom:0}.rt-jobs-editor .rt-row{padding-left:14px}.rt-goal-now{border-radius:var(--radius-xl);background:var(--ink);color:#fff;animation:rt-pop .4s var(--spring);align-items:center;gap:18px;padding:22px 26px;display:flex}.rt-goal-now>svg{color:var(--accent);flex:none}.rt-goal-now small{color:#ffffffb3;margin-bottom:4px;font-size:14px;font-weight:700;display:block}.rt-goal-now strong{color:#fff;letter-spacing:-.03em;font-size:clamp(22px,1.4vw + 14px,32px);line-height:1.2;display:block}.rt-goals{grid-template-columns:minmax(0,1fr)}.rt-goal-cell{min-width:0;display:grid;position:relative}.rt-goal{text-align:left;align-items:flex-start;min-height:88px;padding:18px 48px 18px 22px;font-size:18px}.rt-goal-remove{border-radius:999px;position:absolute;bottom:8px;right:8px}.rt-bye{gap:32px;display:grid}.rt-bye section{align-content:start;gap:14px;min-width:0;display:grid}.rt-bye .rt-sub{margin:0}.rt-bye-goal{color:var(--text);flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 0;font-size:17px;display:flex}.rt-bye-goal svg{color:var(--accent)}.rt-bye-wave{border-radius:var(--radius-xl);background:var(--amber-soft);text-align:center;justify-items:center;gap:4px;padding:28px 20px;display:grid}.rt-bye-wave svg{color:var(--amber);transform-origin:70% 85%;animation:rt-wave 1.8s var(--ease) .3s 2}.rt-bye-wave p{color:var(--ink);letter-spacing:-.04em;margin:0;font-size:clamp(28px,2vw + 16px,44px);font-weight:800;line-height:1.1}.rt-nav{bottom:calc(12px + var(--safe-bottom));z-index:20;background:var(--surface);box-shadow:var(--shadow-lg);border-radius:999px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;display:grid;position:sticky}.rt-nav .button{min-height:56px;padding:0 26px;font-size:17px}.rt-dots{flex-wrap:wrap;justify-content:center;margin:0;padding:0;list-style:none;display:flex}.rt-dots button{border-radius:999px;place-items:center;width:30px;height:44px;display:grid}.rt-dots button span{background:var(--border-strong);width:10px;height:10px;transition:width .3s var(--spring), background-color .2s var(--ease);border-radius:999px}.rt-dots button.seen span{background:var(--outcome-incorrect)}.rt-dots button[aria-current=step] span{background:var(--ink);width:24px}@media (hover:hover) and (pointer:fine){.rt-dots button:hover span{background:var(--outcome-supported)}.rt-dots button[aria-current=step]:hover span{background:var(--ink)}}.rt-privacy{color:var(--muted);text-align:center;text-wrap:balance;margin:0;padding-inline:8px;font-size:13.5px;font-weight:600;line-height:1.45}.rt-privacy svg{vertical-align:-3px;margin-right:6px;display:inline-block}@container (min-width:520px){.rt-grid,.rt-plan{grid-template-columns:repeat(3,minmax(0,1fr))}.rt-needs{grid-template-columns:repeat(4,minmax(0,1fr))}.rt-day{flex-basis:calc(25% - 9px)}.rt-jobs,.rt-goals{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (min-width:700px){.rt-weather{grid-template-columns:repeat(5,minmax(0,1fr))}.rt-people,.rt-plan{grid-template-columns:repeat(4,minmax(0,1fr))}.rt-plan-editor{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start}}@container (min-width:880px){.rt-feelings{grid-template-columns:repeat(6,minmax(0,1fr))}.rt-day{flex-basis:calc(14.285% - 11px);padding-inline:4px;font-size:clamp(17px,2.2cqi,22px)}.rt-people,.rt-plan{grid-template-columns:repeat(5,minmax(0,1fr))}.rt-jobs,.rt-goals{grid-template-columns:repeat(3,minmax(0,1fr))}}@container (max-width:519px){.rt-card{min-height:112px;font-size:17px}.rt-card>svg{width:48px;height:48px}.rt-feelings .rt-card{min-height:124px}.rt-feelings .rt-card>svg{width:60px;height:60px}.rt-day{min-height:80px;font-size:19px}.rt-when>div{padding:12px 6px}.rt-when small{font-size:12.5px}.rt-head{align-items:flex-start;gap:14px}.rt-head-icon svg{width:44px;height:44px}.rt-row-actions .icon-button{width:44px;min-width:44px;height:44px}.rt-row{gap:8px}.rt-row>svg{display:none}.rt-add{flex-direction:column}.rt-goal-now{gap:14px;padding:18px}.rt-goal-now>svg{width:40px;height:40px}.rt-turns,.rt-tray{scrollbar-width:none;overscroll-behavior-x:contain;flex-wrap:nowrap;overflow-x:auto}.rt-turns::-webkit-scrollbar{display:none}.rt-tray::-webkit-scrollbar{display:none}.rt-turns{margin-inline:-16px;padding:3px 16px}.rt-turn{flex:none}.routine .rt-tray .rt-draggable{touch-action:pan-x}}@media (max-width:650px){.routine{gap:12px}.rt-title>svg,.rt-restart span{display:none}.rt-restart{justify-content:center;width:44px;padding:0}.rt-restart.confirming{width:auto;padding:0 16px}.rt-restart.confirming span{display:inline}.rt-stage{border-radius:var(--radius-xl);min-height:0}.rt-nav{border-radius:30px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 8px}.rt-dots{order:-1;grid-column:1/-1}.rt-dots button{width:31px;height:36px}.rt-nav .button{white-space:nowrap;padding:0 16px}}@keyframes rt-in{0%{opacity:0;transform:translateY(10px)}}@keyframes rt-rise{0%{opacity:0;transform:translateY(28px)scale(.9)}}@keyframes rt-pop{0%{opacity:0;transform:scale(.96)}}@keyframes rt-breathe{50%{box-shadow:inset 0 0 0 3px var(--success), 0 0 0 8px #1db46224}}@keyframes rt-wave{0%,to{transform:rotate(0)}20%,60%{transform:rotate(14deg)}40%,80%{transform:rotate(-6deg)}}@media (prefers-reduced-motion:reduce){.routine,.routine *,.routine :before{transition:none!important;animation:none!important}.rt-card:active,.rt-chip:active{transform:none}}
.flip-engine{--boost:1;gap:14px}.flip-head{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 18px;display:flex}.flip-stats{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;display:flex}.flip-stat{background:var(--bg);min-height:36px;color:var(--muted-strong);border-radius:999px;align-items:baseline;gap:6px;padding:7px 14px;font-size:13px;font-weight:700;display:inline-flex}.flip-stat strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:17px;font-weight:800;line-height:1}.flip-board{justify-items:center;width:100%;display:grid;container-type:inline-size}.flip-grid{--cols:var(--cols-wide,4);--rows:var(--rows-wide,2);--gap:12px;--ratio:1;--max-w:168px;--cap:64px;--reserve:380px;--by-width:calc((100cqi - (var(--cols) - 1) * var(--gap)) / var(--cols));--by-height:calc((100dvh - var(--reserve) - (var(--rows) - 1) * var(--gap)) / var(--rows) * var(--ratio));--card-w:min(var(--by-width), max(60px, min(var(--by-height), var(--max-w))));justify-content:center;gap:var(--gap);width:calc(var(--cols) * var(--card-w) + (var(--cols) - 1) * var(--gap));flex-wrap:wrap;max-width:100%;display:flex}.flip-grid.words{--ratio:1.35;--max-w:224px}.flip-grid.pictures{--max-w:172px}.flip-slot.is-word{--cap:34px}.flip-slot.is-picture{--cap:22px}.flip-slot{--flip-radius:clamp(14px, calc(var(--card-w) * .15), 24px);flex:0 0 var(--card-w);aspect-ratio:var(--ratio);min-width:0;position:relative}.flip-card{border-radius:var(--flip-radius);width:100%;height:100%;color:var(--ink);perspective:1000px;cursor:pointer;transition:transform .2s var(--spring);animation:pop-in .4s var(--spring) both;animation-delay:calc(var(--i,0) * 22ms);background:0 0;border:0;padding:0;position:absolute;inset:0}.flip-card:disabled,.flip-card[aria-disabled]{cursor:default;opacity:1}.flip-inner{border-radius:inherit;transform-style:preserve-3d;transition:transform .55s var(--spring);position:absolute;inset:0}.flip-card.is-up .flip-inner{transform:rotateY(180deg)}.flip-face{border-radius:inherit;backface-visibility:hidden;place-items:center;display:grid;position:absolute;inset:0}.flip-back{color:var(--violet-ink);box-shadow:var(--shadow-sm);background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--violet) 8%, transparent) 0 2px, transparent 2px 12px), linear-gradient(160deg, var(--violet-soft), color-mix(in srgb, var(--violet) 17%, var(--surface)))}.flip-back:before{content:"";inset:clamp(5px, calc(var(--card-w) * .07), 10px);border:2px dashed color-mix(in srgb, var(--violet) 26%, transparent);border-radius:calc(var(--flip-radius) * .7);position:absolute}.flip-back svg{opacity:.6;width:34%;height:auto}.flip-front{background:var(--surface);box-shadow:var(--shadow-sm), inset 0 0 0 1px var(--border);font-size:clamp(11px, calc(var(--card-w) / (var(--chars,2) * .62 + 1.1) * var(--boost)), calc(var(--cap) * var(--boost)));transition:background-color .2s var(--ease), box-shadow .2s var(--ease);padding:8%;transform:rotateY(180deg)}.flip-front .stimulus{gap:4px;width:100%}.flip-front .stimulus-text{letter-spacing:-.01em;text-align:center;text-wrap:balance;font-size:1em;font-weight:800;line-height:1.1}.flip-front .quantity{gap:calc(var(--card-w) * .05);max-width:calc(var(--card-w) * .82);padding:0}.flip-front .quantity span{width:calc(var(--card-w) * .15);height:calc(var(--card-w) * .15)}.flip-front .stimulus img{aspect-ratio:1;width:58%;height:auto}.flip-front .stimulus:has(>.sr-only) img{width:70%}.flip-slot.is-matched .flip-front{background:var(--tone-soft);box-shadow:inset 0 0 0 3px var(--tone)}.flip-slot.is-matched .flip-card{animation:snap .45s var(--spring)}.flip-badge{z-index:2;background:var(--tone);width:26px;height:26px;color:var(--surface);font-variant-numeric:tabular-nums;box-shadow:0 0 0 3px var(--surface);animation:mark-in .35s var(--spring) both;border-radius:50%;place-items:center;font-size:13px;font-weight:800;display:grid;position:absolute;top:-8px;left:-8px}.flip-slot.is-different .flip-card{animation:wiggle .45s var(--ease) .45s}.flip-slot .speak-button.on-card{z-index:3;width:36px;height:36px;top:auto;bottom:-8px;right:-8px}.flip-slot .speak-button.on-card svg{width:19px;height:19px}.flip-card:active:not(:disabled):not([aria-disabled]){transform:scale(.96)}@media (hover:hover) and (pointer:fine){.flip-card:not(.is-up):not([aria-disabled]):hover{transform:translateY(-3px)}.flip-card:not(.is-up):not([aria-disabled]):hover .flip-back{box-shadow:var(--shadow-md)}}.pop-engine{--boost:1;--pop-w:128px;--pop-ratio:1;--pop-cap:64px;--field-h:clamp(260px, calc(100dvh - 400px), 430px);gap:16px}.pop-engine.words{--pop-w:196px;--pop-ratio:1.75}.pop-engine.pictures{--pop-w:134px;--pop-ratio:.88}.pop-card.is-word{--pop-cap:30px}.pop-card.is-picture{--pop-cap:19px}.pop-top{grid-template-columns:1fr minmax(0,max-content) 1fr;grid-template-areas:"still target count";align-items:center;gap:10px 16px;width:min(100%,880px);display:grid}.pop-still{background:var(--bg);min-height:44px;color:var(--muted-strong);white-space:nowrap;transition:background-color .15s var(--ease), color .15s var(--ease);border-radius:999px;grid-area:still;justify-self:start;align-items:center;gap:10px;padding:6px 15px 6px 8px;font-size:14px;font-weight:700;display:inline-flex}.pop-switch{background:var(--border-strong);width:36px;height:22px;transition:background-color .2s var(--ease);border-radius:999px;flex:none;position:relative}.pop-switch:after{content:"";background:var(--surface);width:16px;height:16px;box-shadow:0 1px 3px color-mix(in srgb, var(--ink) 30%, transparent);transition:transform .25s var(--spring);border-radius:50%;position:absolute;top:3px;left:3px}.pop-still.is-on{background:var(--primary-soft);color:var(--ink)}.pop-still.is-on .pop-switch{background:var(--ink)}.pop-still.is-on .pop-switch:after{transform:translate(14px)}.pop-still:disabled{opacity:.5}@media (hover:hover) and (pointer:fine){.pop-still:hover:not(:disabled){background:var(--primary-soft-2);color:var(--ink)}}.pop-target{background:var(--cyan-soft);max-width:520px;min-height:72px;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--cyan) 30%, transparent);animation:rise .45s var(--spring) both;border-radius:999px;grid-area:target;align-items:center;gap:14px;padding:8px 26px 8px 18px;display:inline-flex;position:relative}.pop-target.is-long{border-radius:var(--radius-xl);padding-block:10px}.pop-target.with-audio{padding-right:66px}.pop-target-label{color:var(--cyan-ink);flex:none;align-items:center;gap:6px;font-size:14px;font-weight:800;display:inline-flex}.pop-target .stimulus{flex-direction:row;gap:10px;min-width:0}.pop-target .stimulus img{width:52px;height:52px}.pop-target .stimulus-text{text-wrap:balance;font-size:30px;line-height:1.15}.pop-target.is-short .stimulus-text{font-size:44px;line-height:1.05}.pop-target.is-long .stimulus-text{font-size:21px;line-height:1.25}.pop-target .speak-button.on-stage{width:44px;height:44px;top:calc(50% - 22px);right:10px}.pop-count{color:var(--muted-strong);text-align:right;grid-area:count;justify-self:end;justify-items:end;gap:6px;margin:0;font-size:14px;font-weight:700;display:grid}.pop-count strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:17px;font-weight:800}.pop-pips{flex-wrap:wrap;justify-content:flex-end;gap:5px;max-width:160px;display:flex}.pop-pips span{background:var(--surface-3);width:12px;height:12px;box-shadow:inset 0 0 0 2px var(--border-strong);border-radius:50%}.pop-pips span.on{background:var(--success);box-shadow:none;animation:mark-in .35s var(--spring) both}.pop-board{align-content:center;justify-items:center;width:100%;display:grid}.pop-engine.after-moving .pop-board{min-height:var(--field-h)}.pop-field{--cols:3;--rows:2;--field-pad:14px;grid-template-columns:repeat(var(--cols), minmax(0, 1fr));grid-template-rows:repeat(var(--rows), minmax(0, 1fr));width:min(100%,880px);height:var(--field-h);padding:var(--field-pad);border-radius:var(--radius-xl);background:radial-gradient(circle, color-mix(in srgb, var(--ink) 7%, transparent) 1.3px, transparent 1.8px) 0 0 / 26px 26px, var(--bg);animation:rise .45s var(--spring) both;display:grid;position:relative;overflow:hidden;container-type:size}.pop-field:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:var(--radius-xl)}.pop-ready{color:var(--muted);letter-spacing:-.01em;animation:pop-in .4s var(--spring) both;grid-area:1/1/-1/-1;place-self:center;font-size:22px;font-weight:800}.pop-spot{--w:min(var(--pop-w), calc((100cqw - 2 * var(--field-pad)) / var(--cols) - 12px), calc(((100cqh - 2 * var(--field-pad)) / var(--rows) - 12px) * var(--pop-ratio)));grid-row:var(--rw);grid-column:var(--cw);place-self:var(--place);width:var(--w);height:calc(var(--w) / var(--pop-ratio));position:relative}.pop-spot>.speak-button.on-card{z-index:3;width:38px;height:38px;top:auto;bottom:-8px;right:-8px}.pop-spot>.speak-button.on-card svg{width:20px;height:20px}.pop-card{border-radius:clamp(16px, calc(var(--w) * .17), 26px);background:var(--surface);width:100%;height:100%;color:var(--ink);box-shadow:var(--shadow-md), inset 0 0 0 1px var(--border);cursor:pointer;font-size:clamp(11px, calc(var(--w) / (var(--chars,2) * .62 + 1.1) * var(--boost)), calc(var(--pop-cap) * var(--boost)));transition:transform .18s var(--spring), box-shadow .2s var(--ease);animation:pop-enter .4s var(--spring) both;border:0;place-items:center;padding:8px;display:grid;position:relative}.pop-card .stimulus{gap:4px;width:100%}.pop-card .stimulus-text{letter-spacing:-.01em;text-align:center;text-wrap:balance;font-size:1em;font-weight:800;line-height:1.05}.pop-card .quantity{gap:calc(var(--w) * .05);max-width:calc(var(--w) * .82);padding:0}.pop-card .quantity span{width:calc(var(--w) * .15);height:calc(var(--w) * .15)}.pop-card .stimulus img{aspect-ratio:1;width:60%;height:auto}.pop-card.is-picture .stimulus-text{font-weight:700}.pop-card:active:not([aria-disabled]){transform:scale(.95)}@media (hover:hover) and (pointer:fine){.pop-card[data-state=in]:not([aria-disabled]):hover{box-shadow:var(--shadow-lg), inset 0 0 0 1px var(--border);transform:translateY(-3px)}}.pop-card.is-caught{background:var(--success-soft);box-shadow:inset 0 0 0 3px var(--success);pointer-events:none;animation:pop-catch .5s var(--ease) forwards}.pop-card.is-caught:after{content:"";border-radius:inherit;box-shadow:0 0 0 3px var(--success);pointer-events:none;animation:pop-ring .5s var(--ease) forwards;position:absolute;inset:-3px}.pop-card .mark{width:28px;height:28px;top:-9px;right:-9px}.pop-card.is-tried{background:var(--surface-3);color:var(--muted-strong);box-shadow:var(--shadow-xs);animation:shake .45s var(--ease)}.pop-card.is-leaving{pointer-events:none;animation:pop-leave .26s var(--ease) forwards}.pop-nope{z-index:2;background:var(--coral-soft);color:var(--coral-ink);letter-spacing:0;white-space:nowrap;box-shadow:0 0 0 2px var(--surface), var(--shadow-xs);animation:pop-nope .3s var(--spring) both;border-radius:999px;padding:4px 11px;font-size:13px;font-weight:800;line-height:1.3;position:absolute;top:-12px;left:50%;translate:-50%}.pop-grid{--cols:var(--cols-wide,4);--gap:12px;--tile-max:132px;--tile-h:108px;--tile-cap:52px;justify-content:center;gap:var(--gap);width:min(100%, calc(var(--cols) * var(--tile-max) + (var(--cols) - 1) * var(--gap)));flex-wrap:wrap;display:flex;container-type:inline-size}.pop-grid.words{--tile-max:212px;--tile-h:80px}.pop-grid.pictures{--tile-max:168px;--tile-h:140px}.pop-slot.is-word{--tile-cap:28px}.pop-slot.is-picture{--tile-cap:19px}.pop-slot{flex:0 0 calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols));min-width:0;display:grid;position:relative}.pop-tile{--tile-w:calc((100cqi - (var(--cols) - 1) * var(--gap)) / var(--cols));width:100%;min-height:var(--tile-h);animation-delay:calc(var(--i,0) * 28ms);font-size:clamp(13px, calc(var(--tile-w) / (var(--chars,2) * .62 + 1.2) * var(--boost)), calc(var(--tile-cap) * var(--boost)));padding:12px 8px}.pop-tile .stimulus{gap:6px}.pop-tile .stimulus-text{text-align:center;text-wrap:balance;font-size:1em;line-height:1.1}.pop-tile .quantity{--dot:calc(min(var(--tile-w), 150px) * .15);gap:calc(var(--dot) / 3);max-width:calc(var(--dot) * 5.5);padding:0}.pop-tile .quantity span{width:var(--dot);height:var(--dot)}.pop-grid .pop-tile .stimulus img{aspect-ratio:1;width:min(88px,62%);height:auto}.pop-slot.is-picture .pop-tile .stimulus-text{font-weight:700}.pop-grid:not(.pictures) .pop-tile.has-audio{padding-inline:46px}.pop-tile .mark{width:28px;height:28px;box-shadow:0 0 0 3px var(--surface), 0 4px 10px -2px color-mix(in srgb, var(--ink) 30%, transparent);top:-7px;left:-7px;right:auto}.pop-tile .mark svg{width:15px;height:15px}.pop-tile.is-caught{background:var(--success-soft);box-shadow:inset 0 0 0 3px var(--success);animation:pop-tile-catch .45s var(--spring)}.pop-tile.is-tried{background:var(--surface-3);color:var(--muted-strong);animation:shake .45s var(--ease)}.pop-tile.is-tried .stimulus-text{color:var(--muted-strong)}.pop-tile .pop-nope{top:-12px}.pop-slot .speak-button.on-card{animation-delay:calc(var(--i,0) * 28ms + .12s)}.flip-front .stimulus-listen{width:calc(var(--card-w) * .56)}.pop-card .stimulus-listen{width:calc(var(--w) * .56)}.pop-tile .stimulus-listen{width:min(84px, calc(var(--tile-w) * .5))}:is(.pop-card,.pop-tile):is(.is-caught,.is-correct) .stimulus-listen{background:var(--surface);color:var(--success-ink)}.print-heard{color:var(--ink);justify-items:center;gap:6px;display:grid}.print-heard svg{width:34px;height:34px}.print-heard small{color:var(--muted);font-size:12px;font-weight:700}.print-play-instruction{color:var(--ink);margin:0 0 12px;font-size:14px;font-weight:700}.print-flip-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid;container-type:inline-size}.print-flip-card{aspect-ratio:1;border:1.5px dashed var(--subtle);background:var(--surface);border-radius:8px;place-items:center;min-width:0;padding:10px;display:grid;position:relative}.print-flip-card .stimulus{gap:4px}.print-flip-card .stimulus-text{color:var(--ink);text-align:center;text-wrap:balance;font-weight:800;line-height:1.1;font-size:clamp(12px, calc(100cqi / 4 / (var(--chars,2) * .62 + 1.4)), 56px)}.print-flip-card.is-word .stimulus-text{font-size:clamp(12px, calc(100cqi / 4 / (var(--chars,2) * .62 + 1.4)), 28px)}.print-flip-card.is-picture .stimulus-text{font-size:clamp(12px, calc(100cqi / 4 / (var(--chars,2) * .62 + 1.4)), 22px)}.print-flip-card .quantity{gap:6px;max-width:120px;padding:0}.print-flip-card .quantity span{width:18px;height:18px}.print-flip-card .stimulus img{aspect-ratio:1;width:66%;height:auto}@media screen{.print-flip-card>.piece-mark{display:none}}.print-pop{gap:4px;display:grid}.print-pop-target{background:var(--surface);box-shadow:inset 0 0 0 2px var(--ink);border-radius:999px;justify-self:start;align-items:center;gap:12px;margin-bottom:10px;padding:8px 20px 8px 16px;display:inline-flex}.print-pop-target>span{color:var(--muted);font-size:12px;font-weight:800}.print-pop-target .stimulus{flex-direction:row;gap:8px}.print-pop-target .stimulus-text{color:var(--ink);text-wrap:balance;font-size:26px;font-weight:800}.print-pop-target.is-long{border-radius:18px}.print-pop-target.is-long .stimulus-text{font-size:19px}.print-pop-target .stimulus img{width:48px;height:48px}.print-pop-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;display:grid}.print-pop-card{background:var(--surface);border-radius:14px;place-items:center;min-width:0;min-height:96px;padding:10px;display:grid}.print-pop-card .stimulus{gap:4px}.print-pop-card .stimulus-text{color:var(--ink);text-align:center;text-wrap:balance;font-weight:800;line-height:1.1;font-size:clamp(13px, calc(150px / (var(--chars,2) * .62 + 1.2)), 40px)}.print-pop-card.is-word .stimulus-text{font-size:clamp(13px, calc(150px / (var(--chars,2) * .62 + 1.2)), 28px)}.print-pop-card .stimulus img{width:64px;height:64px}.print-pop-card.is-picture .stimulus-text{font-weight:700;font-size:clamp(13px, calc(130px / (var(--chars,2) * .62 + 1.2)), 22px)}.player.large-text :is(.flip-engine,.pop-engine){--boost:1.1}.player.low-stimulation .flip-inner{transition:none;transform:none!important}.player.low-stimulation .flip-face{backface-visibility:visible}.player.low-stimulation .flip-back{transition:opacity .3s var(--ease), visibility 0s}.player.low-stimulation .flip-front{opacity:0;visibility:hidden;transition:opacity .3s var(--ease), visibility 0s linear .3s;transform:none}.player.low-stimulation .flip-card.is-up .flip-front{opacity:1;visibility:visible;transition:opacity .3s var(--ease), visibility 0s}.player.low-stimulation .flip-card.is-up .flip-back{opacity:0;visibility:hidden;transition:opacity .3s var(--ease), visibility 0s linear .3s}.player.low-stimulation .flip-card:hover{transform:none}@media (prefers-reduced-motion:reduce){.flip-inner{transition:none!important;transform:none!important}.flip-face{backface-visibility:visible}.flip-back{transition:opacity .3s var(--ease), visibility 0s!important}.flip-front{opacity:0;visibility:hidden;transform:none;transition:opacity .3s var(--ease), visibility 0s linear .3s!important}.flip-card.is-up .flip-front{opacity:1;visibility:visible;transition:opacity .3s var(--ease), visibility 0s!important}.flip-card.is-up .flip-back{opacity:0;visibility:hidden;transition:opacity .3s var(--ease), visibility 0s linear .3s!important}}@media (orientation:portrait) and (min-width:651px){.flip-grid{--cols:var(--cols-tall,4);--rows:var(--rows-tall,3)}}@media (max-height:820px){.player .flip-engine{gap:10px}.player .pop-engine{--field-h:clamp(230px, calc(100dvh - 370px), 400px);gap:12px}.player .pop-target{min-height:60px;padding-block:6px}}@media (max-width:650px){.flip-engine{gap:10px}.flip-head{gap:6px 12px}.flip-head .engine-hint{font-size:14px}.flip-grid{--cols:var(--cols-phone,3);--rows:var(--rows-phone,4);--gap:8px;--reserve:390px}.flip-badge{width:22px;height:22px;font-size:12px;top:-6px;left:-6px}.flip-slot .speak-button.on-card{width:32px;height:32px;bottom:-6px;right:-6px}.flip-slot .speak-button.on-card svg{width:17px;height:17px}.pop-engine{gap:12px}.pop-top{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"still count""target target";gap:10px}.pop-target{justify-self:center;min-height:62px;padding:6px 22px 6px 16px}.pop-target.with-audio{padding-right:60px}.pop-target .stimulus-text{font-size:26px}.pop-target.is-short .stimulus-text{font-size:38px}.pop-target.is-long .stimulus-text{font-size:19px}.pop-target.is-long{flex-direction:column;align-items:flex-start;gap:2px}.pop-engine,.player .pop-engine{--field-h:clamp(300px, calc(100dvh - 410px), 470px)}.pop-field{--cols:2;--rows:3;--field-pad:10px;border-radius:var(--radius-lg)}.pop-spot{grid-row:var(--rp);grid-column:var(--cp)}.pop-grid{--cols:var(--cols-phone,3);--gap:10px}.pop-grid.letters{--tile-h:84px}.pop-grid.words{--tile-h:68px}.pop-grid.pictures{--tile-h:112px}.pop-grid:not(.pictures) .pop-tile.has-audio{padding-inline:40px}}@media print{.print-flip-card,.print-pop-card{background:0 0}.print-flip-card{border-color:var(--subtle)}.print-pop-card{border:1px solid var(--border-strong)}.print-pop-target{box-shadow:none;border:2px solid var(--ink)}}@keyframes pop-enter{0%{opacity:0;transform:translateY(14px)scale(.6)}}@keyframes pop-leave{to{opacity:0;transform:translateY(10px)scale(.9)}}@keyframes pop-catch{35%{opacity:1;transform:scale(1.12)}to{opacity:0;transform:scale(.7)}}@keyframes pop-ring{0%{opacity:.9}to{opacity:0;transform:scale(1.45)}}@keyframes pop-nope{0%{opacity:0;transform:scale(.6)}}@keyframes pop-tile-catch{0%{transform:scale(.94)}55%{transform:scale(1.05)}to{transform:scale(1)}}
.ws-engine{gap:16px}.ws-engine.is-revealed>.engine-hint{visibility:hidden}.ws-layout{width:100%;container-type:inline-size}.ws-board{--pad:6px;--cell-max:clamp(30px, calc((100dvh - 300px) / var(--size,10)), 60px);grid-template-columns:minmax(0,1fr);justify-items:center;gap:16px;display:grid}.ws-grid{width:min(100cqi, calc(var(--size) * var(--cell-max) + 2 * var(--pad)));padding:var(--pad);background:var(--bg);transition:background-color .25s var(--ease), box-shadow .25s var(--ease);border-radius:26px;position:relative;container-type:inline-size}.ws-cells,.ws-bands{--cell:calc(100cqi / var(--size))}.ws-cells{z-index:1;touch-action:none;display:grid;position:relative}.ws-row{grid-template-columns:repeat(var(--size), minmax(0, 1fr));display:grid}.ws-gridcell{aspect-ratio:1;min-width:0;position:relative}.ws-grid .ws-cell{touch-action:none}.ws-cell{z-index:0;width:100%;min-width:0;height:100%;color:var(--ink);font-size:calc(var(--cell) * .5);letter-spacing:0;cursor:pointer;transition:color .2s var(--ease);background:0 0;border:0;border-radius:30%;place-items:center;padding:0;font-weight:800;line-height:1;display:grid;position:absolute;inset:0}.ws-cell:disabled{opacity:1;cursor:default}.ws-cell:before{content:"";z-index:-1;transition:background-color .15s var(--ease), box-shadow .15s var(--ease);border-radius:50%;position:absolute;inset:9%}.ws-cell:focus-visible{outline:none}.ws-cell:focus-visible:before{background:var(--surface);box-shadow:0 0 0 3px var(--focus)}.ws-cell.is-start:before{background:var(--surface);box-shadow:inset 0 0 0 3px var(--ink), var(--shadow-sm);animation:ws-start 1.6s var(--ease) infinite}.ws-cell.is-start:focus-visible:before{box-shadow:inset 0 0 0 3px var(--ink), 0 0 0 3px var(--focus)}.ws-cell.is-found{color:var(--tone-ink)}@media (hover:hover) and (pointer:fine){.ws-grid:not(.is-selecting) .ws-cell:hover:not(:disabled):not(.is-start):before{background:var(--surface);box-shadow:var(--shadow-xs)}}.ws-bands{inset:var(--pad);z-index:0;pointer-events:none;position:absolute}.ws-band{--in:calc(var(--cell) * .1);left:calc(var(--c0) * var(--cell) + var(--in));top:calc(var(--r0) * var(--cell) + var(--in));width:calc(var(--cols) * var(--cell) - 2 * var(--in));height:calc(var(--rows) * var(--cell) - 2 * var(--in));border-radius:calc(var(--cell) / 2);position:absolute}.ws-band.is-found{background:color-mix(in srgb, var(--tone) 22%, transparent);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--tone) 55%, transparent);animation:ws-found .45s var(--spring) both}.ws-band.is-live{background:color-mix(in srgb, var(--ink) 8%, transparent);box-shadow:inset 0 0 0 3px var(--ink)}.ws-band.is-rejected{background:color-mix(in srgb, var(--ink) 6%, transparent);box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--ink) 30%, transparent);animation:ws-fade .45s var(--ease) forwards}.ws-band.is-missed{background:color-mix(in srgb, var(--surface) 60%, transparent);box-shadow:inset 0 0 0 3px var(--success);animation:ws-glow 1.4s var(--ease) 2}.ws-grid.is-correct{background:var(--success-soft);box-shadow:inset 0 0 0 3px var(--success);animation:celebrate .65s var(--spring)}.ws-grid.is-picked{box-shadow:inset 0 0 0 3px var(--ink)}.ws-grid>.mark{z-index:2;top:-12px;right:-12px}.ws-side{align-content:start;justify-items:center;gap:10px;width:100%;min-width:0;display:grid}.ws-head{color:var(--muted-strong);justify-content:center;align-items:center;gap:10px;margin:0;font-size:15px;font-weight:800;display:flex}.ws-count{background:var(--primary-soft);min-width:56px;color:var(--ink);text-align:center;font-variant-numeric:tabular-nums;border-radius:999px;padding:4px 10px;font-size:14px}.ws-words{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ws-word{background:var(--bg);min-height:44px;color:var(--ink);letter-spacing:.05em;transition:background-color .2s var(--ease), box-shadow .2s var(--ease), color .2s var(--ease);border-radius:999px;justify-content:center;align-items:center;padding:8px 16px;font-size:17px;font-weight:800;line-height:1.1;display:inline-flex;position:relative}.ws-word.is-found{background:color-mix(in srgb, var(--tone) 16%, var(--surface));box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--tone) 70%, transparent);color:var(--tone-ink);animation:snap .4s var(--spring)}.ws-tick{background:var(--tone);width:22px;height:22px;color:var(--surface);box-shadow:0 0 0 3px var(--surface);animation:mark-in .35s var(--spring) both;border-radius:50%;place-items:center;display:grid;position:absolute;top:-6px;right:-6px}.ws-word.is-missed{background:var(--surface);box-shadow:inset 0 0 0 3px var(--success);animation:glow 1.4s var(--ease) 2}.ws-directions{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:6px 14px;margin:2px 0 0;font-size:13px;font-weight:700;display:flex}.ws-directions span{align-items:center;gap:5px;display:inline-flex}.ws-directions svg{color:var(--muted-strong)}@container (min-width:600px){.ws-board{--list:160px;--gap:20px;grid-template-columns:auto minmax(140px, var(--list));justify-content:center;align-items:start;gap:var(--gap)}.ws-grid{width:min(calc(100cqi - var(--list) - var(--gap)), calc(var(--size) * var(--cell-max) + 2 * var(--pad)))}.ws-side{justify-items:stretch;padding-top:4px}.ws-head{justify-content:space-between}.ws-words{flex-flow:column}.ws-word{justify-content:flex-start;padding-inline:13px;font-size:16px}.ws-directions{justify-content:flex-start}}@container (min-width:820px){.ws-board{--list:200px;--gap:28px}.ws-word{padding-inline:16px;font-size:17px}}@container (max-width:599.98px){.ws-board{--pad:4px;gap:14px}.ws-grid{width:min(calc(100cqi + 16px), calc(var(--size) * var(--cell-max) + 2 * var(--pad)));border-radius:20px;margin-inline:-8px}.ws-word{min-height:40px;padding:6px 13px;font-size:15px}}.gw-engine{gap:16px}.gw-listen{justify-items:center;gap:8px;padding:18px 40px 14px;display:grid}.gw-listen .speak-button.gw-listen-button{width:92px;height:92px;box-shadow:var(--shadow-md), inset 0 0 0 1px var(--border)}.gw-listen .speak-button.gw-listen-button svg{width:44px;height:44px}.gw-listen .speak-button.gw-listen-button.is-speaking{box-shadow:var(--shadow-md)}.gw-listen-caption{color:var(--muted-strong);font-size:15px;font-weight:800}.gw-line{justify-content:center;width:min(100%,760px);display:flex;container-type:inline-size}.gw-word{--gap:6px;--frame:10px;--one:calc((100cqi - 2 * var(--frame) - (var(--total) - 1) * var(--gap)) / var(--total));--wrap:calc((100cqi - 2 * var(--frame) - (var(--longest) - 1) * var(--gap)) / var(--longest));--slot:min(var(--slot-max,62px), max(var(--one), min(var(--wrap), 46px)));justify-content:center;gap:10px calc(var(--slot) * .6);max-width:100%;padding:var(--frame);border-radius:var(--radius-xl);transition:background-color .2s var(--ease), box-shadow .2s var(--ease);flex-wrap:wrap;display:flex;position:relative}.gw-word.is-long{--gap:4px}.gw-group{gap:var(--gap);display:flex}.gw-slot{width:var(--slot);height:calc(var(--slot) * 1.22);border-radius:min(16px, calc(var(--slot) * .26));background:var(--bg);color:var(--ink);font-size:max(calc(var(--slot) * .58), min(15px, calc(var(--slot) * .76)));letter-spacing:0;flex:none;place-items:center;font-weight:800;line-height:1;display:grid;position:relative}.gw-slot:not(.is-filled):not(.is-missed):after{content:"";background:var(--border-strong);border-radius:2px;height:3px;position:absolute;bottom:17%;left:24%;right:24%}.gw-slot.is-filled{background:var(--surface);box-shadow:var(--shadow-sm), inset 0 0 0 2px var(--primary-soft-2);animation:gw-in .4s var(--spring) both}.gw-slot.is-missed{background:var(--surface);box-shadow:inset 0 0 0 3px var(--success);color:var(--success-ink);animation:glow 1.4s var(--ease) 2}.gw-word.is-correct{background:var(--success-soft);box-shadow:inset 0 0 0 3px var(--success);animation:celebrate .65s var(--spring)}.gw-word.is-correct .gw-slot{box-shadow:var(--shadow-xs), inset 0 0 0 2px color-mix(in srgb, var(--success) 45%, transparent)}.gw-word.is-picked{box-shadow:inset 0 0 0 3px var(--ink)}.gw-word>.mark{top:-12px;right:-12px}.gw-lives{flex-wrap:wrap;justify-content:center;gap:2px 6px;min-height:40px;display:flex}.gw-life{width:36px;height:40px;color:var(--tone);place-items:center;display:grid}.gw-life svg{width:34px;height:34px;transition:color .3s var(--ease), opacity .3s var(--ease)}.gw-life:not(.is-gone) svg{animation:3.2s ease-in-out infinite gw-bob;animation-delay:calc(var(--i,0) * -450ms)}.gw-life.is-gone{color:var(--border-strong)}.gw-life.is-gone svg{opacity:.8}.gw-life.just-gone svg{animation:gw-away .95s var(--ease) both}.gw-key{position:relative}.gw-key.is-right,.gw-key.is-right:disabled{opacity:1;background:var(--success-soft);color:var(--success-ink);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--success) 55%, transparent)}.gw-key.is-wrong,.gw-key.is-wrong:disabled{opacity:1;background:var(--danger-soft);color:color-mix(in srgb, var(--danger-ink) 62%, transparent);box-shadow:none}.gw-key.is-wrong:after{content:"";background:color-mix(in srgb, var(--danger) 55%, transparent);border-radius:2px;height:3px;margin-top:-1.5px;position:absolute;top:50%;left:28%;right:28%;transform:rotate(-35deg)}.preview-paper .gw-word{--slot-max:56px}.preview-paper .gw-listen .speak-button.gw-listen-button{width:80px;height:80px}@media (max-height:820px){.player .ws-engine,.player .gw-engine{gap:12px}.player .gw-word{--slot-max:54px}.player .gw-lives{min-height:34px}.player .gw-life{height:34px}.player .gw-life svg{width:28px;height:28px}.player .gw-listen{padding-block:12px 10px}}@media (max-width:650px){.gw-line{width:calc(100% + 16px);margin-inline:-8px}.gw-word{--gap:4px;--frame:4px}.gw-word.is-long{--gap:3px}.gw-life{width:30px;height:34px}.gw-life svg{width:28px;height:28px}.gw-lives{min-height:34px}.gw-listen{padding:14px 24px 10px}.gw-listen .speak-button.gw-listen-button{width:80px;height:80px}.gw-listen .speak-button.gw-listen-button svg{width:38px;height:38px}}.player.large-text .ws-cell{font-size:calc(var(--cell) * .54)}.player.large-text .ws-word{font-size:19px}.player.large-text .gw-word{--slot-max:70px}.player.large-text .gw-keys .key{font-size:29px}.player.low-stimulation .ws-band.is-rejected{display:none}.player.low-stimulation .ws-band.is-found{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--tone) 45%, transparent)}.print-ws{flex-wrap:wrap;align-items:flex-start;gap:18px 32px;margin-top:4px;display:flex}.print-ws-grid{--pcell:clamp(32px, calc(380px / var(--size)), 52px);border-collapse:collapse;table-layout:fixed}.print-ws-grid td{width:var(--pcell);height:var(--pcell);border:1px solid var(--muted);background:var(--surface);color:var(--ink);text-align:center;vertical-align:middle;font-size:calc(var(--pcell) * .5);padding:0;font-weight:800;line-height:1}.print-ws-side{gap:10px;min-width:170px;display:grid}.print-ws-note,.print-gw-note{color:var(--muted);margin:0;font-size:12px;font-weight:700}.print-ws-words{gap:10px;margin:0;padding:0;list-style:none;display:grid}.print-ws-words li{color:var(--ink);letter-spacing:.05em;align-items:center;gap:10px;font-size:17px;font-weight:800;display:flex}.print-ws-box{border:1.5px solid var(--ink);background:var(--surface);border-radius:4px;flex:none;width:18px;height:18px}.print-gw{justify-items:start;gap:12px;display:grid}.print-gw-word{flex-wrap:wrap;gap:12px 28px;margin-top:4px;display:flex}.print-gw-group{gap:6px;display:flex}.print-gw-box{border:1.5px solid var(--muted);background:var(--surface);border-radius:8px;width:40px;height:48px}.print-gw-lives{color:var(--muted);flex-wrap:wrap;gap:6px;display:flex}.print-gw-letters{color:var(--ink);letter-spacing:.1em;word-spacing:.25em;margin:0;font-size:18px;font-weight:800}@keyframes ws-start{50%{box-shadow:inset 0 0 0 3px var(--ink), 0 0 0 6px color-mix(in srgb, var(--ink) 12%, transparent)}}@keyframes ws-found{0%{opacity:0;transform:scale(.9)}}@keyframes ws-fade{0%{opacity:1}to{opacity:0;transform:scale(.96)}}@keyframes ws-glow{50%{box-shadow:inset 0 0 0 3px var(--success), 0 0 0 6px color-mix(in srgb, var(--success) 18%, transparent)}}@keyframes gw-in{0%{opacity:0;transform:translateY(8px)scale(.85)}}@keyframes gw-bob{50%{transform:translateY(-3px)rotate(-3deg)}}@keyframes gw-away{0%{opacity:1;color:var(--tone);transform:none}55%{opacity:0;color:var(--tone);transform:translateY(-28px)rotate(10deg)scale(.88)}56%{opacity:0;transform:none}to{opacity:.8;transform:none}}
.tap-text-engine{--hl:color-mix(in srgb, var(--amber) 34%, var(--surface));--hl-edge:var(--amber);gap:18px}.tt-board{--tt-size:27px;--tt-scale:1;--tt-fit:1;border-radius:var(--radius-2xl);background:var(--bg);width:fit-content;max-width:100%;animation:rise .45s var(--spring) both;padding:26px 34px}.tt-board.size-1{--tt-size:34px}.tt-board.size-2{--tt-size:30px}.tt-board.size-4{--tt-size:24px}.tt-text{isolation:isolate;max-width:60ch;font-size:calc(var(--tt-size) * var(--tt-scale) * var(--tt-fit));letter-spacing:-.005em;word-spacing:.06em;color:var(--ink);text-align:start;text-wrap:pretty;overflow-wrap:anywhere;font-weight:650;line-height:1.75;position:relative}.tt-board.is-sentence .tt-text{text-align:center;text-wrap:balance;font-weight:700}@media (pointer:coarse){.tt-text{word-spacing:.2em;line-height:max(1.75em,44px)}}.tt-para{margin:0}.tt-para+.tt-para{margin-top:.6em}.tt-token{color:inherit;font:inherit;line-height:inherit;letter-spacing:inherit;word-spacing:normal;text-align:inherit;vertical-align:baseline;white-space:normal;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .2s var(--ease);background:0 0;border:0;border-radius:.3em;margin:0;padding:0;display:inline-block;position:relative}.tt-token:after{content:"";z-index:-1;width:max(100% + .5em,44px);position:absolute;top:0;bottom:0;left:50%;translate:-50%}.tt-token:disabled{opacity:1;cursor:default}.tt-token:disabled:after{display:none}.tt-ink{background:linear-gradient(var(--hl), var(--hl)) left center / 0% 100% no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-size .32s var(--ease), background-color .2s var(--ease), box-shadow .2s var(--ease);border-radius:.3em;margin:0 -.15em;padding:.06em .15em}.tt-ink.has-lead{margin-left:-.03em;padding-left:.03em}.tt-ink.has-trail{margin-right:-.03em;padding-right:.03em}@media (hover:hover) and (pointer:fine){.tt-token:not(:disabled):hover .tt-ink{background-color:var(--surface);box-shadow:var(--shadow-xs)}}.tt-token:active:not(:disabled) .tt-ink{background-color:var(--surface)}.tt-token:focus-visible{outline:none}.tt-token:focus-visible .tt-ink{outline:3px solid var(--focus);outline-offset:2px}.tt-token.is-selected .tt-ink{box-shadow:inset 0 -.11em 0 var(--hl-edge);background-size:100% 100%}.tt-token:is(.is-picked,.is-correct,.is-wrong) .tt-ink{background-size:100% 100%;transition:none}.tt-token.is-picked .tt-ink{--hl:var(--surface);box-shadow:inset 0 0 0 2px var(--ink)}.tt-token.is-correct .tt-ink{--hl:color-mix(in srgb, var(--success) 22%, var(--surface));box-shadow:inset 0 -.11em 0 var(--success)}.tt-token.is-wrong .tt-ink{--hl:color-mix(in srgb, var(--danger) 17%, var(--surface));box-shadow:inset 0 -.11em 0 var(--danger)}.tt-token.is-missed .tt-ink{background-color:var(--surface);box-shadow:inset 0 0 0 2px var(--success);animation:tt-missed 1.4s var(--ease) 2}.tt-board.is-judged .tt-token.is-plain{color:var(--muted)}.tt-token .mark{z-index:1;width:20px;height:20px;box-shadow:0 0 0 2px var(--bg), 0 3px 8px -2px color-mix(in srgb, var(--ink) 30%, transparent);top:-.3em;right:-.42em}.tt-token .mark svg{width:12px;height:12px}@keyframes tt-missed{50%{box-shadow:inset 0 0 0 2px var(--success), 0 0 0 5px color-mix(in srgb, var(--success) 18%, transparent)}}.split-engine{--cut:var(--blue);gap:18px}.sw-board{--sw-scale:1;border-radius:var(--radius-2xl);background:var(--bg);width:min(100%,880px);animation:rise .45s var(--spring) both;padding:28px 22px;container-type:inline-size}.sw-letters{--gw:max(.1em, 4px);--gw-cut:max(.85em, 26px);--sw-size:clamp(28px, calc(100cqi / (var(--n) * .95 + .6)), 68px);font-size:calc(var(--sw-size) * var(--sw-scale));letter-spacing:0;color:var(--ink);touch-action:manipulation;-webkit-tap-highlight-color:transparent;flex-wrap:wrap;justify-content:center;row-gap:14px;font-weight:800;line-height:1;display:flex}.split-engine.words .sw-letters{--sw-size:clamp(31px, 5.2cqi, 40px);row-gap:18px}@media (pointer:coarse){.sw-letters{--gw:clamp(10px, .42em, 14px);--gw-cut:max(.75em, 22px)}}.sw-unit{align-items:stretch;min-height:max(1.6em,56px);display:inline-flex}.sw-letter{cursor:pointer;place-items:center;display:grid}.sw-letters.is-locked .sw-letter{cursor:default}.sw-gap{width:var(--gw);color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:width .28s var(--spring);background:0 0;border:0;border-radius:12px;flex:none;place-items:center;margin:0;padding:0;display:grid;position:relative}.sw-gap:disabled{opacity:1;cursor:default}.sw-gap.is-cut{width:var(--gw-cut)}.sw-gap:after{content:"";background:var(--border-strong);width:6px;height:6px;transition:opacity .15s var(--ease);border-radius:50%;margin-left:-3px;position:absolute;bottom:12%;left:50%}.sw-gap.is-cut:after,.sw-letters.is-locked .sw-gap:after{opacity:0}.sw-divider{background:var(--cut);opacity:0;width:4px;height:64%;transition:transform .28s var(--spring), opacity .18s var(--ease), background-color .2s var(--ease), box-shadow .2s var(--ease), width .2s var(--ease);border-radius:4px;transform:scaleY(.2)}.sw-gap.is-cut .sw-divider{opacity:1;transform:none}.sw-gap.is-hover:not(.is-cut) .sw-divider{opacity:.35;transform:scaleY(.6)}@media (hover:hover) and (pointer:fine){.sw-gap:not(:disabled):not(.is-cut):hover .sw-divider{opacity:.35;transform:scaleY(.6)}}.sw-gap:focus-visible{outline:none}.sw-gap:focus-visible:before{content:"";box-shadow:0 0 0 3px var(--focus);pointer-events:none;border-radius:12px;position:absolute;inset:8% -6px}.sw-gap:focus-visible:not(.is-cut) .sw-divider{opacity:.45;transform:scaleY(.6)}.sw-gap.is-picked .sw-divider{background:var(--ink)}.sw-gap.is-correct .sw-divider{background:var(--success)}.sw-gap.is-wrong .sw-divider{background:var(--danger)}.sw-gap.is-missed .sw-divider{width:10px;box-shadow:inset 0 0 0 2px var(--success);animation:sw-missed 1.4s var(--ease) 2;background:0 0}.sw-gap .mark{width:22px;height:22px;box-shadow:0 0 0 2px var(--bg), 0 3px 8px -2px color-mix(in srgb, var(--ink) 30%, transparent);top:-4px;left:calc(50% - 11px);right:auto}.sw-gap .mark svg{width:13px;height:13px}@keyframes sw-missed{50%{box-shadow:inset 0 0 0 2px var(--success), 0 0 0 5px color-mix(in srgb, var(--success) 18%, transparent)}}.sw-preview{min-height:44px;color:var(--muted);text-align:center;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:2px 10px;margin:0;font-size:15px;font-weight:700;display:flex}.sw-preview strong{color:var(--ink);letter-spacing:-.01em;overflow-wrap:anywhere;font-size:28px;font-weight:800}.split-engine.words .sw-preview strong{font-size:24px}.sw-solution{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;margin:0;font-size:15px;font-weight:700;display:flex}.sw-solution strong{background:var(--surface);box-shadow:inset 0 0 0 3px var(--success);color:var(--ink);letter-spacing:-.01em;overflow-wrap:anywhere;animation:glow 1.4s var(--ease) 2;border-radius:999px;padding:8px 20px;font-size:24px;font-weight:800}.print-tt{max-width:60ch;color:var(--ink);font-size:20px;font-weight:600;line-height:2.3}.print-tt p{margin:0}.print-tt p+p{margin-top:.5em}.print-split-hint{color:var(--muted);margin:0 0 4px;font-size:13px;font-weight:700}.print-split-letters{color:var(--ink);flex-wrap:wrap;gap:8px .6em;margin:0;font-size:36px;font-weight:800;line-height:1.4;display:flex}.print-split-letters.words{gap:8px .5em;font-size:28px}@media print{.print-tt{font-size:15pt}.print-split-letters{font-size:26pt}.print-split-letters.words{font-size:21pt}}.player.large-text .tt-board{--tt-scale:1.1}.player.large-text .sw-board{--sw-scale:1.08}.preview-paper .tt-board{--tt-fit:.9}.preview-paper .sw-board{--sw-scale:.92}.hero-preview .tt-board{--tt-fit:.72;padding:18px 20px}.hero-preview .sw-board{--sw-scale:.8;padding:18px 14px}@media (max-height:820px){.player .tt-board{--tt-fit:.9;padding:20px 28px}.player .sw-board{padding:20px 18px}.player .sw-unit{min-height:max(1.5em,52px)}}@media (max-width:650px){.engine .tt-board{--tt-fit:.78;border-radius:var(--radius-xl);padding:16px 18px}.engine .tt-board.size-1{--tt-fit:.76}.engine .tt-board.size-4{--tt-fit:.82}.engine .sw-board{--sw-scale:1;border-radius:var(--radius-xl);padding:18px 12px}.tap-text-engine,.split-engine{gap:14px}.sw-letters{row-gap:12px}.split-engine.words .sw-letters{row-gap:14px}.sw-preview{font-size:14px}.sw-preview strong{font-size:24px}.split-engine.words .sw-preview strong{font-size:20px}.sw-solution strong{padding:6px 16px;font-size:20px}.sw-hint-more{display:none}:is(.tap-text-engine,.split-engine) .engine-actions .button{padding-inline:16px}}.player.low-stimulation :is(.tt-ink,.tt-token,.sw-gap,.sw-divider),.player.low-stimulation .sw-gap:after{transition:none}@media (prefers-reduced-motion:reduce){:is(.tt-ink,.tt-token,.sw-gap,.sw-divider),.sw-gap:after{transition:none}.tt-token.is-missed .tt-ink,.sw-gap.is-missed .sw-divider{animation:none}}
.ball-engine{gap:18px}.ball-scene{width:min(940px,100%);container-type:inline-size}.ball-flyer{z-index:4;pointer-events:none;will-change:transform, opacity;position:absolute}.ball-art{width:100%;height:100%;display:block;overflow:visible}.ball-art .shine-1{stop-color:#fff;stop-opacity:.72}.ball-art .shine-2{stop-color:#fff;stop-opacity:0}.ball-art.basketball .skin-1{stop-color:color-mix(in srgb, var(--amber) 55%, #ffd9a8)}.ball-art.basketball .skin-2{stop-color:color-mix(in srgb, var(--coral) 52%, var(--amber))}.ball-art.basketball .skin-3{stop-color:color-mix(in srgb, var(--coral-ink) 78%, var(--amber))}.ball-art.basketball .grain{fill:color-mix(in srgb, var(--coral-ink) 55%, transparent);opacity:.16}.ball-art.basketball .seam{fill:none;stroke:color-mix(in srgb, var(--coral-ink) 55%, var(--ink));stroke-width:2.7px;stroke-linecap:round;stroke-linejoin:round}.ball-art.football .skin-1{stop-color:#fff}.ball-art.football .skin-2{stop-color:var(--surface-2)}.ball-art.football .skin-3{stop-color:color-mix(in srgb, var(--ink) 22%, var(--surface))}.ball-art.football .patch{fill:var(--ink)}.ball-art.football .seam{fill:none;stroke:color-mix(in srgb, var(--ink) 26%, var(--surface));stroke-width:1.4px;stroke-linecap:round}.ball-art.football .shade-1{stop-color:var(--ink);stop-opacity:0}.ball-art.football .shade-2{stop-color:var(--ink);stop-opacity:.22}.score-pop{z-index:6;background:var(--success-soft);color:var(--success-ink);box-shadow:var(--shadow-md);letter-spacing:-.01em;white-space:nowrap;pointer-events:none;animation:score-pop .7s var(--spring) both;border-radius:999px;padding:7px 18px;font-size:19px;font-weight:800;position:absolute;top:0;left:50%;translate:-50% -60%}.ball-player{--pl-skin:#c98c66;--pl-skin-shade:#b07752;height:var(--player-h);aspect-ratio:100/160;pointer-events:none;width:auto;display:block;overflow:visible}.ball-player g{transform-box:view-box}.ball-player .pl-skin{fill:var(--pl-skin)}.ball-player .pl-skin.shade{fill:var(--pl-skin-shade)}.ball-player .pl-hair{fill:#3a2a22}.ball-player .pl-headband{fill:var(--surface)}.ball-player .pl-shirt{fill:var(--accent)}.ball-player .pl-shirt.shade{fill:color-mix(in srgb, var(--accent) 78%, var(--ink))}.ball-player .pl-trim{fill:var(--surface);opacity:.9}.ball-player .pl-collar,.ball-player .pl-shorts{fill:var(--ink)}.ball-player .pl-sock{fill:var(--surface)}.ball-player .pl-sock.shade{fill:var(--border-strong)}.ball-player .pl-band{fill:var(--accent)}.ball-player .pl-band.shade{fill:color-mix(in srgb, var(--accent) 78%, var(--ink))}.ball-player .pl-shoe{fill:var(--ink)}.ball-player .pl-shoe.shade{fill:color-mix(in srgb, var(--ink) 80%, #000)}.ball-player .pl-sole{fill:var(--surface);opacity:.85}.ball-player .pl-shadow{fill:#01344b29}.court{--hoop-w:clamp(124px, 20cqi, 196px);--player-h:clamp(128px, calc(var(--hoop-w) * .98), 192px);--player-w:calc(var(--player-h) * .62);--ball:clamp(60px, calc((100cqi - var(--hoop-w) - var(--player-w) - 110px) / var(--n) - 14px), 116px);--floor:calc(var(--ball) * .44 + 18px);isolation:isolate;grid-template-columns:var(--hoop-w) var(--player-w) minmax(0, 1fr);grid-template-rows:minmax(calc(var(--hoop-w) * .74), auto) auto;border-radius:var(--radius-xl);background:linear-gradient(180deg, var(--surface-2), var(--bg) 70%, color-mix(in srgb, var(--ink) 5%, var(--bg)));grid-template-areas:"hoop player stage""hoop player rack";gap:4px 20px;padding:18px 22px 0;display:grid;position:relative}.court:before{content:"";z-index:-2;height:var(--floor);border-radius:0 0 var(--radius-xl) var(--radius-xl);background:linear-gradient(var(--surface) 0 4px, color-mix(in srgb, var(--amber) 22%, transparent) 4px 7px, transparent 7px), repeating-linear-gradient(90deg, transparent 0 62px, color-mix(in srgb, var(--amber) 16%, transparent) 62px 64px), repeating-linear-gradient(90deg, color-mix(in srgb, var(--amber) 13%, var(--surface)) 0 128px, color-mix(in srgb, var(--amber) 18%, var(--surface)) 128px 256px);position:absolute;inset:auto 0 0}.court:after{content:"";z-index:-1;bottom:0;left:calc(22px + var(--hoop-w) * -.05);width:calc(var(--hoop-w) * 1.1);height:var(--floor);clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);border-radius:0 0 0 var(--radius-xl);background:linear-gradient(var(--surface) 0 4px, color-mix(in srgb, var(--coral) 24%, transparent) 4px);position:absolute}.court>.stage{background:var(--surface);max-width:100%;box-shadow:var(--shadow-sm);grid-area:stage;place-self:center}.player .court>.stage{--stage-img:clamp(96px, 17vh, 156px)}.court>.ball-player{z-index:1;margin-bottom:calc(var(--floor) * .5 - var(--player-h) * .03);grid-area:player;place-self:end center;transform:scaleX(-1)}.hoop{flex-direction:column;grid-area:hoop;align-self:stretch;align-items:center;display:flex;position:relative}.hoop-art{width:100%;height:auto;display:block;overflow:visible}.hoop-art.back{z-index:1;filter:drop-shadow(0 12px 16px #01344b1f);position:relative}.hoop-art.front{z-index:3;pointer-events:none;position:absolute;inset:0 0 auto}.hoop-art .board-frame{fill:color-mix(in srgb, var(--ink) 16%, var(--surface))}.hoop-art .board{fill:var(--surface)}.hoop-art .board-glare{fill:var(--surface-3);opacity:.7}.hoop-art .board-square{fill:none;stroke:var(--accent);stroke-width:3.6px}.hoop-art .bracket{fill:color-mix(in srgb, var(--ink) 30%, var(--surface))}.hoop-art .rim-back{fill:none;stroke:color-mix(in srgb, var(--accent) 70%, var(--ink));stroke-width:4px;stroke-linecap:round}.hoop-art .rim{fill:none;stroke:var(--accent);stroke-width:5.5px;stroke-linecap:round}.hoop-art .rim-shine{fill:none;stroke:#fff;stroke-width:1.4px;stroke-linecap:round;opacity:.55}.hoop-art .net{transform-box:fill-box;transform-origin:50% 0}.hoop-art .net path{fill:none;stroke:color-mix(in srgb, var(--ink) 22%, var(--surface));stroke-width:1.8px;stroke-linecap:round}.hoop-art .net .net-ring{stroke-width:2.2px}.hoop-post{z-index:0;width:clamp(9px,7%,13px);min-height:12px;margin-top:calc(var(--hoop-w) * -.52);margin-bottom:calc(var(--floor) * .45);background:linear-gradient(90deg, color-mix(in srgb, var(--ink) 22%, var(--surface)), color-mix(in srgb, var(--ink) 34%, var(--surface)));border-radius:6px 6px 3px 3px;flex:1;position:relative}.hoop-post:after{content:"";background:var(--ink);border-radius:6px;width:340%;height:16px;position:absolute;bottom:-4px;left:50%;translate:-50%;box-shadow:inset 0 3px #ffffff24}.court.is-swish .hoop-art .net{animation:swish .6s var(--ease)}.court.is-rim .hoop-art :is(.rim,.rim-back){animation:rim-hit .4s var(--ease)}.ball-rack{z-index:1;min-width:0;padding:22px 0 calc(var(--floor) * .34);grid-area:rack;justify-content:space-evenly;align-items:flex-end;gap:14px;display:flex;position:relative}.ball-button{width:var(--ball);aspect-ratio:1;color:var(--ink);cursor:pointer;transition:transform .2s var(--spring), opacity .25s var(--ease), box-shadow .2s var(--ease);animation:ball-in .6s var(--spring) both;animation-delay:calc(var(--i,0) * 80ms);background:0 0;border:0;border-radius:50%;flex:none;padding:0;position:relative}.ball-button:before{content:"";z-index:-1;background:radial-gradient(closest-side,#01344b42,#01344b00);border-radius:50%;height:14%;position:absolute;bottom:-7%;left:12%;right:12%}.ball-body{pointer-events:none;transition:transform .2s var(--spring);position:absolute;inset:0}.ball-button:disabled,.ball-button[aria-disabled]{cursor:default;opacity:1}.ball-label{background:radial-gradient(circle at 40% 35%, #fff, var(--surface-2) 75%);color:var(--ink);font-size:calc(var(--ball) * var(--k,.3));letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:50%;place-items:center;font-weight:800;line-height:1;display:grid;position:absolute;inset:22%;box-shadow:0 2px 6px #01344b38,inset 0 -2px #01344b0f}.ball-label.long{border-radius:999px;inset:31% 2%}@media (hover:hover) and (pointer:fine){.ball-button:hover:not(:disabled):not([aria-disabled]):not([class*=is-]) .ball-body{transform:translateY(-9px)rotate(-8deg)}.goal-target:hover:not(:disabled):not([aria-disabled]):not([class*=is-]){transform:scale(1.05)}}.ball-button:active:not(:disabled):not([aria-disabled]) .ball-body{transform:scale(.94)}.ball-button.is-shot{opacity:0;animation:none;transform:scale(.85)}.ball-button.is-waiting{opacity:.55}.ball-button.is-picked{box-shadow:0 0 0 4px var(--surface), 0 0 0 7px var(--ink)}.ball-button.is-correct{box-shadow:0 0 0 4px var(--surface), 0 0 0 8px var(--success);animation:celebrate .65s var(--spring)}.ball-button.is-wrong{box-shadow:0 0 0 4px var(--surface), 0 0 0 8px var(--danger);animation:shake .45s var(--ease)}.ball-button.is-answer{box-shadow:0 0 0 4px var(--surface), 0 0 0 8px var(--success);animation:ball-glow 1.4s var(--ease) 2}.ball-button.is-dimmed{opacity:.4;transform:scale(.94)}.ball-button .mark{top:-8px;right:-8px}.hoop .score-pop{top:0}.pitch{--kick:clamp(40px, 7cqi, 56px);--ground:calc(var(--kick) * 2.9);--gw:min(640px, calc(100cqi - 2 * clamp(12px, 5cqi, 48px)));--tw:calc(var(--gw) / 2.5 * .4);--mesh:color-mix(in srgb, var(--ink) 12%, transparent);isolation:isolate;border-radius:var(--radius-xl);background:linear-gradient(180deg, color-mix(in srgb, var(--blue) 10%, var(--surface)), var(--surface-2) 45%, var(--bg));justify-items:center;padding:26px clamp(12px,5cqi,48px) 0;display:grid;position:relative}.pitch:before{content:"";z-index:-1;height:var(--ground);border-radius:0 0 var(--radius-xl) var(--radius-xl);background:linear-gradient(var(--surface) 0 4px, transparent 4px), repeating-linear-gradient(90deg, color-mix(in srgb, var(--success) 14%, var(--surface)) 0 72px, color-mix(in srgb, var(--success) 20%, var(--surface)) 72px 144px);position:absolute;inset:auto 0 0}.goal{--post:clamp(6px, 1.3cqi, 10px);width:var(--gw);aspect-ratio:2.5;border:var(--post) solid var(--surface);border-bottom:0;border-radius:12px 12px 0 0;position:relative;box-shadow:0 14px 28px -18px #01344b73,inset 2px 0 #01344b0d,inset -2px 0 #01344b0d}.goal-net{background:color-mix(in srgb, var(--ink) 5%, var(--surface));border-radius:5px 5px 0 0;position:absolute;inset:0;overflow:hidden}.goal-net>span{background-image:repeating-linear-gradient(45deg, transparent 0 11px, var(--mesh) 11px 12.5px), repeating-linear-gradient(-45deg, transparent 0 11px, var(--mesh) 11px 12.5px);position:absolute}.net-back{background-color:color-mix(in srgb, var(--ink) 8%, var(--surface));box-shadow:0 -2px 0 color-mix(in srgb, var(--ink) 16%, transparent);inset:16% 8% 0}.net-side{background-color:color-mix(in srgb, var(--ink) 11%, var(--surface));width:8%;top:0;bottom:0}.net-side.left{clip-path:polygon(0 0,100% 16%,100% 100%,0 100%);left:0}.net-side.right{clip-path:polygon(0 16%,100% 0,100% 100%,0 100%);right:0}.net-roof{clip-path:polygon(0 0,100% 0,92% 100%,8% 100%);background-color:color-mix(in srgb, var(--ink) 3%, var(--surface));height:16%;top:0;left:0;right:0}.goal-net:after{content:"";left:var(--hit-x,50%);top:var(--hit-y,50%);opacity:0;background:radial-gradient(circle, color-mix(in srgb, var(--ink) 20%, transparent), transparent 68%);border-radius:50%;width:150px;height:150px;position:absolute;translate:-50% -50%}.goal.is-netted .goal-net:after{animation:net-give .7s var(--ease) both}.goal-targets{position:absolute;inset:0}.goal-target{z-index:1;width:var(--tw);aspect-ratio:1;color:var(--ink);cursor:pointer;background:radial-gradient(circle closest-side, var(--surface) 0 61%, var(--accent) 62% 71%, var(--surface) 72% 81%, var(--accent) 82% 91%, var(--surface) 92%);transition:transform .2s var(--spring), opacity .25s var(--ease), box-shadow .2s var(--ease);animation:pop-in .45s var(--spring) both;animation-delay:calc(var(--i,0) * 70ms);border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;box-shadow:0 8px 16px -8px #01344b73}.goal-target[data-spot=top-left]{top:6%;left:7%}.goal-target[data-spot=top-right]{top:6%;right:7%}.goal-target[data-spot=bottom-left]{bottom:5%;left:7%}.goal-target[data-spot=bottom-right]{bottom:5%;right:7%}.goal-target[data-spot=left]{left:7%;top:calc(50% - var(--tw) / 2)}.goal-target[data-spot=right]{right:7%;top:calc(50% - var(--tw) / 2)}.goal-target[data-spot=top]{left:calc(50% - var(--tw) / 2);top:6%}.goal-target:disabled,.goal-target[aria-disabled]{cursor:default;opacity:1}.goal-label{font-size:clamp(14px, calc(var(--k,.3) * var(--tw) * .9), 44px);letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:800;line-height:1}.goal-label.long{background:var(--surface);border-radius:999px;padding:.3em .5em;box-shadow:0 2px 6px #01344b33}.goal-target:active:not(:disabled):not([aria-disabled]){transform:scale(.95)}.goal-target.is-shot{box-shadow:0 0 0 4px var(--ink), 0 8px 16px -8px #01344b73}.goal-target.is-waiting{opacity:.6}.goal-target.is-picked{box-shadow:0 0 0 4px var(--ink)}.goal-target.is-correct{box-shadow:0 0 0 5px var(--success), 0 0 0 11px #1db4622e;animation:celebrate .65s var(--spring)}.goal-target.is-wrong{box-shadow:0 0 0 5px var(--danger);animation:shake .45s var(--ease)}.goal-target.is-answer{box-shadow:0 0 0 5px var(--success);animation:target-glow 1.4s var(--ease) 2}.goal-target.is-dimmed{opacity:.45}.goal-target .mark{width:28px;height:28px;top:-4px;right:-4px}.keeper{z-index:2;width:clamp(64px,19%,124px);transition:transform .42s var(--spring);pointer-events:none;position:absolute;top:66%;left:50%;translate:-50% -50%}.keeper.is-diving{transition-delay:.62s}.keeper-sway{animation:keeper-sway 2.8s var(--ease) infinite;display:block}.keeper.is-diving .keeper-sway{animation:none}.gloves{filter:drop-shadow(0 6px 8px #01344b38);width:100%;height:auto;display:block;overflow:visible}.gloves :is(.palm,.thumb){fill:var(--accent)}.gloves .finger{fill:color-mix(in srgb, var(--accent) 88%, var(--ink))}.gloves .grip{fill:color-mix(in srgb, var(--accent) 35%, var(--surface))}.gloves .cuff{fill:var(--surface)}.gloves .strap{fill:var(--ink)}.goal .score-pop{top:calc(var(--post) * -1)}.pitch-ground{width:100%;height:var(--ground);position:relative}.pitch-lines{width:100%;height:100%;position:absolute;inset:0 0 auto;overflow:visible}.pitch-lines path{fill:none;stroke:var(--surface);stroke-width:3px;stroke-linejoin:round;opacity:.9}.penalty-spot{background:var(--surface);border-radius:50%;width:16px;height:6px;position:absolute;bottom:18%;left:50%;translate:-50% 50%}.spot-ball{z-index:3;width:var(--kick);aspect-ratio:1;transition:opacity .2s;position:absolute;bottom:18%;left:50%;translate:-50%}.spot-ball:before{content:"";z-index:-1;background:radial-gradient(closest-side,#01344b4d,#01344b00);border-radius:50%;height:16%;position:absolute;bottom:-6%;left:10%;right:10%}.spot-ball.is-kicked{opacity:0;transition:none}.kicker{--player-h:calc(var(--kick) * 2.8);--u:calc(var(--player-h) / 160);z-index:2;left:calc(50% - var(--kick) * .42 - var(--toe-x) * var(--u));bottom:calc(18% + var(--kick) * .2 - (160 - var(--toe-y)) * var(--u));position:absolute}@media (max-height:820px){.player .pitch{--gw:min(540px, calc(100cqi - 2 * clamp(12px, 5cqi, 48px)));--kick:clamp(38px, 6cqi, 48px)}.player .goal-engine .stage{--stage-img:88px}}@media (min-width:900px) and (max-height:820px){.player .goal-engine{grid-template-columns:minmax(220px,34%) minmax(0,1fr);align-items:center;column-gap:18px}.player .goal-engine>.stage{--stage-img:clamp(110px, 21vh, 168px);justify-self:stretch;min-width:0;padding-inline:18px}.player .goal-engine>.stage.with-audio{padding-inline:18px 60px}}@container (max-width:560px){.court{--hoop-w:clamp(112px, 40cqi, 160px);--player-h:clamp(96px, 30cqi, 124px);--ball:clamp(56px, calc((100cqi - 32px) / var(--n) - 12px), 92px);--floor:calc(var(--ball) + 50px);grid-template:"stage stage""hoop player""rack rack"/minmax(0,1fr) minmax(0,1fr);justify-items:center;row-gap:8px;padding:12px 12px 0}.court:after{display:none}.court:before{background:linear-gradient(var(--surface) 0 4px, color-mix(in srgb, var(--amber) 22%, transparent) 4px 7px, transparent 7px), repeating-linear-gradient(90deg, color-mix(in srgb, var(--amber) 13%, var(--surface)) 0 64px, color-mix(in srgb, var(--amber) 18%, var(--surface)) 64px 128px)}.court>.ball-player{margin-bottom:4px}.hoop{width:var(--hoop-w)}.hoop-post{min-height:calc(var(--hoop-w) * .52 + 44px);margin-bottom:6px}.hoop-post:after{width:260%;height:12px}.ball-rack{gap:8px;width:100%;padding:8px 0 16px}.pitch{--gw:calc(100cqi - 20px);--kick:clamp(36px, 10cqi, 46px);--tw:calc(var(--gw) / 2 * .4);padding-inline:10px}.goal{aspect-ratio:2}.score-pop{font-size:16px}}.player.low-stimulation .keeper{transition:none}@media (prefers-reduced-motion:reduce){.keeper-sway{animation:none}}.print-ball{justify-items:center;gap:8px;display:grid}.print-balls{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.print-ball-answer{border:2px solid var(--ink);width:84px;height:84px;color:var(--ink);border-radius:50%;place-items:center;font-size:24px;font-weight:800;display:grid}.print-goal{aspect-ratio:2.4;border:6px solid var(--ink);border-bottom:0;border-radius:10px 10px 0 0;width:min(420px,100%);position:relative}.print-goal:after{content:"";background:var(--ink);height:2px;position:absolute;inset:auto -24px -6px}.print-goal-answer{border:2px dashed var(--subtle);width:26%;height:34%;color:var(--ink);border-radius:10px;place-items:center;font-size:22px;font-weight:800;display:grid;position:absolute}.print-goal-answer[data-spot=top-left]{top:9%;left:5%}.print-goal-answer[data-spot=top-right]{top:9%;right:5%}.print-goal-answer[data-spot=bottom-left]{bottom:9%;left:5%}.print-goal-answer[data-spot=bottom-right]{bottom:9%;right:5%}.print-goal-answer[data-spot=left]{top:32%;left:5%}.print-goal-answer[data-spot=right]{top:32%;right:5%}.print-goal-answer[data-spot=top]{top:9%;left:37%}@keyframes ball-in{0%{opacity:0;transform:translateY(-30px)scale(.9)}55%{opacity:1;transform:translateY(0)scale(1.05,.93)}75%{transform:translateY(-7px)}}@keyframes ball-glow{50%{box-shadow:0 0 0 4px var(--surface), 0 0 0 8px var(--success), 0 0 0 16px #1db46229}}@keyframes target-glow{50%{box-shadow:0 0 0 5px var(--success), 0 0 0 13px #1db46229}}@keyframes swish{30%{transform:scale(.88,1.24)}65%{transform:scale(1.05,.94)}}@keyframes rim-hit{30%{transform:translateY(2px)}65%{transform:translateY(-1px)}}@keyframes net-give{0%{opacity:0;transform:scale(.4)}30%{opacity:1}to{opacity:0;transform:scale(1.3)}}@keyframes keeper-sway{0%,to{transform:translate(-6%)rotate(-3deg)}50%{transform:translate(6%)rotate(3deg)}}@keyframes score-pop{0%{opacity:0;transform:translateY(10px)scale(.5)}}
.tray-engine{justify-items:center;gap:18px;width:100%;display:grid}.tray-engine .stage.is-listening{min-height:0}.tray-scene{gap:16px;width:min(860px,100%);display:grid}.tray-counter{border-radius:var(--radius-xl);background:var(--bg);grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:10px;padding:14px;display:grid}.tray-board{background:var(--surface);min-height:132px;box-shadow:inset 0 0 0 8px color-mix(in srgb, var(--warning) 14%, white), inset 0 0 0 9px color-mix(in srgb, var(--warning) 30%, white), var(--shadow-sm);border-radius:40px;flex-wrap:wrap;place-content:center;gap:10px;padding:18px;display:flex;position:relative}.tray-board.is-correct{box-shadow:inset 0 0 0 4px var(--success), var(--shadow-sm)}.tray-board.is-wrong{box-shadow:inset 0 0 0 4px var(--danger), var(--shadow-sm)}.tray-slot{place-items:center;min-height:76px;display:grid}.tray-slot.is-empty{background:color-mix(in srgb, var(--surface) 55%, transparent);border-radius:20px}.tray-object{--img:54px;--card-fill:var(--surface);--card-radius:20px;background:var(--surface);width:72px;height:72px;color:var(--ink);box-shadow:var(--shadow-sm);transition:transform .2s var(--spring), box-shadow .2s var(--ease);animation:pop-in .3s var(--spring) both;border:0;border-radius:20px;place-items:center;padding:0;display:grid;position:relative}.tray-object:disabled{opacity:1;cursor:default}.tray-object:active:not(:disabled){transform:scale(.93)}.tray-object.on-tray{--img:48px;width:64px;height:64px}.tray-object.is-pointed{box-shadow:inset 0 0 0 4px var(--focus), var(--shadow-md);animation:breathe 1.8s var(--ease) infinite}.tray-number{background:var(--ink);color:#fff;font-variant-numeric:tabular-nums;min-width:28px;height:28px;animation:count-bump .35s var(--spring);border-radius:999px;place-items:center;padding:0 7px;font-size:15px;font-weight:800;display:grid;position:absolute;top:-8px;right:-8px}.tray-model{border-radius:var(--radius-xl);background:var(--primary-soft);flex-wrap:wrap;justify-content:center;gap:10px;width:min(560px,100%);min-height:84px;padding:10px 14px;display:flex}.tray-object.is-model{box-shadow:none}.tray-engine.is-model .tray-model{min-height:104px}.lesson-intro .eyebrow{align-items:center;gap:6px;display:inline-flex}.lesson-readiness{text-align:left;gap:8px;margin:4px 0 6px;padding:0;list-style:none;display:grid}.lesson-readiness li{background:var(--bg);border-radius:14px;padding:10px 14px 10px 40px;font-size:15px;position:relative}.lesson-readiness li:before{content:"✓";color:var(--success);font-weight:800;position:absolute;top:9px;left:14px}.lesson-model .lesson-trial{border-top:1px dashed var(--border);justify-items:center;gap:10px;width:100%;padding-top:6px;display:grid}.lesson-narration{text-align:center;max-width:60ch;color:var(--ink);align-items:center;gap:8px;margin:0;font-size:18px;font-weight:700;display:inline-flex}.lesson-narration.for-adult{color:var(--muted);font-size:15px;font-weight:600}.help-panel{justify-items:center;gap:10px;width:min(760px,100%);scroll-margin:90px 0;display:grid}.help-panel:empty{display:none}.tray-trial-actions{justify-content:center;display:flex}.help-message{color:var(--ink);margin:0;font-size:18px;font-weight:800}.help-text{background:var(--primary-soft);border-radius:16px;align-items:center;gap:8px;max-width:64ch;margin:0;padding:10px 16px;font-size:16px;display:inline-flex}.help-text.for-adult{background:var(--warning-soft);font-size:15px}.help-text svg{flex:none}.lesson-role{background:var(--bg);color:var(--muted);border-radius:999px;align-self:center;padding:4px 10px;font-size:13px;font-weight:700}.lesson-finish{margin:0;font-size:18px;font-weight:700}.player.low-stimulation .tray-object,.player.low-stimulation .tray-number,.player.low-stimulation .tray-object.is-pointed{animation:none}@media (prefers-reduced-motion:reduce){.tray-object,.tray-number,.tray-object.is-pointed{animation:none}}@media (max-width:560px){.tray-counter{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px}.tray-object{--img:44px;width:60px;height:60px}.tray-object.on-tray{--img:40px;width:54px;height:54px}.tray-board{border-radius:30px;min-height:112px;padding:14px}}.lesson-facts{gap:10px;margin:0 0 16px;display:grid}.lesson-facts>div{border-bottom:1px solid var(--border);grid-template-columns:minmax(160px,220px) minmax(0,1fr);gap:12px;padding:10px 0;display:grid}.lesson-facts dt{color:var(--muted);font-weight:700}.lesson-facts dd{margin:0}@media (max-width:640px){.lesson-facts>div{grid-template-columns:1fr;gap:4px}}