[data-intro=exercise-intro]{flex-direction:column;gap:24px;width:min(100%,720px);margin:0 auto;padding-top:20px;display:flex}@media (max-width:620px) and (orientation:portrait){[data-intro=exercise-intro]{padding-bottom:calc(74px + env(safe-area-inset-bottom))}}.exercise-intro-guide{flex-direction:column;gap:8px;display:flex}.exercise-intro-guide:after{content:"";background:var(--line);height:1px;margin-top:20px;display:block}.exercise-intro-start{flex-direction:column;align-items:stretch;gap:8px;display:flex}.answer-feedback-banner{z-index:60;max-width:min(92vw,520px);color:var(--panel);border-radius:999px;align-items:center;gap:10px;padding:12px 20px;font-size:14px;font-weight:700;animation:.26s ease-out answer-feedback-banner-in;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.answer-feedback-banner.is-timeout{background:#b45309;box-shadow:0 10px 28px #b4530957}.answer-feedback-banner.is-incorrect{background:var(--reaction);box-shadow:0 10px 28px #c63d6657}.answer-feedback-banner.is-correct{background:#22c55e;box-shadow:0 10px 28px #22c55e57}.answer-feedback-live{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes answer-feedback-banner-in{0%{opacity:0;transform:translate(-50%,-14px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.answer-feedback-banner{animation:none}}
.compat-banner{z-index:2147483647;box-sizing:border-box;color:#e2e8f0;background:#0b1220;max-height:62vh;padding:16px 16px 14px;font:15px/1.7 -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;position:fixed;top:0;left:0;right:0;overflow-y:auto;box-shadow:0 6px 24px #00000073}.compat-banner__inner{max-width:560px;margin:0 auto}.compat-banner__title{color:#fbbf24;margin:0 0 10px;font-size:18px;line-height:1.4}.compat-banner__text{margin:0 0 10px}.compat-banner__text--muted{color:#cbd5e1}.compat-banner__list{color:#cbd5e1;margin:0 0 14px 20px;padding:0}.compat-banner__list li{margin:0 0 4px}.compat-banner__hint{color:#94a3b8;margin:0 0 14px;font-size:13px}.compat-banner__actions{flex-wrap:wrap;gap:10px;display:flex}.compat-banner__btn{appearance:none;cursor:pointer;color:#e2e8f0;background:#334155;border:0;border-radius:8px;padding:10px 18px;font-size:15px;line-height:1.2}.compat-banner__btn--primary{color:#fff;background:#2563eb}.compat-panel{z-index:2147483647;box-sizing:border-box;color:#e2e8f0;background:#0b1220;padding:20px;font:14px/1.6 -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;position:fixed;inset:0;overflow-y:auto}.compat-panel__inner{max-width:560px;margin:0 auto}.compat-panel__title{color:#fbbf24;margin:0 0 12px;font-size:16px}.compat-panel__pre{color:#e2e8f0;font:inherit;white-space:pre-wrap;word-break:break-all;background:#111c33;border-radius:8px;margin:0 0 16px;padding:12px}.compat-panel__hint{color:#94a3b8;margin:0 0 16px}.compat-panel__actions{flex-wrap:wrap;gap:10px;display:flex}.compat-panel__btn{appearance:none;cursor:pointer;color:#e2e8f0;background:#334155;border:0;border-radius:8px;padding:10px 16px;font-size:15px;line-height:1.2}.compat-panel__btn--primary{color:#fff;background:#2563eb}
.kids-root{--kids-green:#16c47f;--kids-blue:#2f80ed;--kids-orange:#ff8a3d;--kids-purple:#9b5de5;--kids-bg:#fffdf7;--kids-surface:#fff;--kids-text:#1f2430;--kids-text-muted:#4a5160;--kids-border:#e6e2d8;--kids-easing:cubic-bezier(.22, 1, .36, 1);--kids-band-font:32px;--kids-band-hotspot:64px;--kids-band-gap:12px;--kids-band-radius:20px;--kids-band-progress:12px;background:var(--kids-bg);color:var(--kids-text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.6}.kids-root[data-band=k1]{--kids-band-font:40px;--kids-band-hotspot:72px;--kids-band-gap:16px;--kids-band-radius:24px;--kids-band-progress:12px}.kids-root[data-band=k2]{--kids-band-font:32px;--kids-band-hotspot:64px;--kids-band-gap:12px;--kids-band-radius:20px;--kids-band-progress:12px}.kids-root[data-band=k3]{--kids-band-font:26px;--kids-band-hotspot:56px;--kids-band-gap:10px;--kids-band-radius:16px;--kids-band-progress:10px}.kids-root[data-band=k4]{--kids-band-font:24px;--kids-band-hotspot:48px;--kids-band-gap:8px;--kids-band-radius:16px;--kids-band-progress:10px}.kids-root *,.kids-root :before,.kids-root :after{box-sizing:border-box}.kids-root :where(button){appearance:none;color:inherit;cursor:pointer;font:inherit;letter-spacing:inherit;text-align:inherit;background:0 0;border:0;margin:0;padding:0}.kids-root h1,.kids-root h2,.kids-root h3,.kids-root h4{margin:0;font-weight:700}.kids-root p{margin:0}.kids-root ul,.kids-root ol{margin:0;padding:0;list-style:none}.kids-root a{color:inherit;text-decoration:none}.kids-root img,.kids-root svg{max-width:100%;display:block}.kids-home{align-items:center;gap:var(--kids-band-gap);text-align:center;flex-direction:column;justify-content:center;min-height:100vh;padding:24px;display:flex}.kids-home-kicker{color:var(--kids-text-muted);letter-spacing:.08em;font-size:16px}.kids-home-title{animation:kids-breathe 2.4s var(--kids-easing) infinite alternate;color:var(--kids-text);font-size:var(--kids-band-font);line-height:1.2}.kids-home-note{color:var(--kids-text-muted);font-size:18px}@keyframes kids-breathe{0%{opacity:.86;transform:scale(1)}to{opacity:1;transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.kids-home-title{animation:none}}
.kids-app{--kids-motion-celebrate:.8s;--kids-motion-error:.3s;--kids-motion-timeout:.6s;--kids-motion-press:80ms;--kids-motion-transition:.3s;flex-direction:column;min-height:100vh;display:flex}.kids-app[data-band=k1]{--kids-band-font:40px;--kids-band-hotspot:72px;--kids-band-gap:16px;--kids-band-radius:24px;--kids-band-progress:12px}.kids-app[data-band=k2]{--kids-band-font:32px;--kids-band-hotspot:64px;--kids-band-gap:12px;--kids-band-radius:20px;--kids-band-progress:12px}.kids-app[data-band=k3]{--kids-band-font:26px;--kids-band-hotspot:56px;--kids-band-gap:10px;--kids-band-radius:16px;--kids-band-progress:10px}.kids-app[data-band=k4]{--kids-band-font:24px;--kids-band-hotspot:48px;--kids-band-gap:8px;--kids-band-radius:16px;--kids-band-progress:10px}.kids-app--loading{justify-content:center;align-items:center}.kids-loading{color:var(--kids-text-muted);font-size:20px}.kids-shell{flex-direction:column;min-height:100vh;display:flex}.kids-header{background:var(--kids-surface);border-bottom:2px solid var(--kids-border);z-index:20;align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0}.kids-header-spacer,.kids-topbar-spacer{flex:auto}.kids-main{flex:auto;padding:16px}.kids-dots{align-items:center;gap:8px;display:flex}.kids-dot{height:14px;transition:background var(--kids-motion-transition) var(--kids-easing);border-radius:50%;width:14px}.kids-dot--todo{background:var(--kids-border)}.kids-dot--active{background:var(--kids-blue);box-shadow:0 0 0 4px #2f80ed2e}.kids-dot--done{background:var(--kids-green)}.kids-star-total{color:var(--kids-text);align-items:center;gap:6px;font-size:22px;font-weight:700;display:inline-flex}.kids-star-total-icon,.kids-starwall-total-icon{color:var(--kids-orange)}.kids-icon-button{color:var(--kids-text);height:var(--kids-band-hotspot);transition:background var(--kids-motion-press) var(--kids-easing), transform var(--kids-motion-press) var(--kids-easing);width:var(--kids-band-hotspot);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.kids-icon-button:active{background:var(--kids-border);transform:scale(.92)}.kids-exit-adult{color:var(--kids-text-muted)}.kids-nav{background:var(--kids-surface);border-top:2px solid var(--kids-border);padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));z-index:20;justify-content:space-around;display:flex;position:sticky;bottom:0}.kids-nav-item{border-radius:var(--kids-band-radius);color:var(--kids-text-muted);min-height:var(--kids-band-hotspot);transition:color var(--kids-motion-transition) var(--kids-easing), background var(--kids-motion-press) var(--kids-easing);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:4px;padding:6px 4px;font-size:15px;display:flex}.kids-nav-item[data-active=yes]{color:var(--kids-blue);background:#2f80ed1a;font-weight:700}.kids-button{border-radius:var(--kids-band-radius);min-height:var(--kids-band-hotspot);transition:transform var(--kids-motion-press) var(--kids-easing), box-shadow var(--kids-motion-transition) var(--kids-easing), background var(--kids-motion-transition) var(--kids-easing);justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:20px;font-weight:700;display:inline-flex}.kids-button:active{transform:scale(.96)}.kids-button--primary{background:var(--kids-green);color:#fff;box-shadow:0 4px #0000001f}.kids-button--ghost{background:var(--kids-surface);border:2px solid var(--kids-border);color:var(--kids-text)}.kids-button--choice{background:var(--kids-surface);border:2px solid var(--kids-border);color:var(--kids-text);min-width:120px}.kids-button--choice[data-active=yes]{border-color:var(--kids-blue);color:var(--kids-blue);background:#2f80ed1f}.kids-panel{background:var(--kids-surface);border:2px solid var(--kids-border);border-radius:var(--kids-band-radius);gap:var(--kids-band-gap);flex-direction:column;padding:16px;display:flex}.kids-section-title{color:var(--kids-text);font-size:calc(var(--kids-band-font) * .72);line-height:1.3}.kids-hall{gap:var(--kids-band-gap);flex-direction:column;display:flex}.kids-recommend-row{gap:var(--kids-band-gap);flex-wrap:wrap;display:flex}.kids-game-card{background:var(--kids-surface);border:2px solid var(--kids-border);border-radius:var(--kids-band-radius);text-align:left;transition:transform var(--kids-motion-transition) var(--kids-easing), box-shadow var(--kids-motion-transition) var(--kids-easing);flex-direction:column;gap:6px;padding:14px;display:flex;position:relative}.kids-game-card:active{transform:scale(.98)}.kids-game-card--recommend{flex:160px;box-shadow:0 6px #00000014}.kids-game-card-icon{color:var(--kids-purple);background:#9b5de51f;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:inline-flex}.kids-game-card-title{color:var(--kids-text);font-size:22px;font-weight:700}.kids-game-card-tagline{color:var(--kids-text-muted);font-size:17px}.kids-game-card-tags{flex-wrap:wrap;gap:6px;display:flex}.kids-game-tag{color:var(--kids-green);background:#16c47f1f;border-radius:999px;padding:2px 10px;font-size:14px}.kids-game-card-stars{color:var(--kids-border);font-size:20px;position:absolute;top:12px;right:12px}.kids-game-card-stars[data-has-star=yes]{color:var(--kids-orange)}.kids-group{flex-direction:column;gap:8px;display:flex}.kids-group-title{color:var(--kids-text-muted);font-size:18px}.kids-group-row{gap:var(--kids-band-gap);flex-wrap:wrap;display:flex}.kids-group-row .kids-game-card{flex:140px}.kids-session-note{border-radius:var(--kids-band-radius);color:var(--kids-green);margin-bottom:var(--kids-band-gap);text-align:center;background:#16c47f1f;padding:14px 16px;font-size:20px;font-weight:700}.kids-topbar{background:var(--kids-surface);border-bottom:2px solid var(--kids-border);flex-direction:column;gap:10px;padding:10px 16px;display:flex}.kids-topbar-row{align-items:center;gap:12px;display:flex}.kids-progress{background:var(--kids-border);height:var(--kids-band-progress);border-radius:999px;width:100%;overflow:hidden}.kids-progress-fill{background:linear-gradient(90deg, var(--kids-green), var(--kids-blue) 60%, var(--kids-purple));height:100%;transition:width var(--kids-motion-transition) var(--kids-easing);border-radius:999px}.kids-gameshell{flex-direction:column;min-height:100vh;display:flex;position:relative}.kids-stage{flex:auto;padding:16px;position:relative}.kids-root.kids-embedded{min-height:0}.kids-root.kids-embedded .kids-gameshell,.kids-root.kids-embedded .kids-intro{min-height:min(72vh,720px)}.kids-root.kids-embedded .kids-intro{justify-content:flex-start;padding-top:4vh}.kids-game-loading{color:var(--kids-text-muted);text-align:center;padding:40px;font-size:20px}.kids-pause{color:var(--kids-text-muted);right:12px;top:calc(var(--kids-band-hotspot) + 8px);position:absolute}.kids-back{color:var(--kids-text-muted);left:12px;top:calc(var(--kids-band-hotspot) + 8px);font-size:22px;position:absolute}.kids-root.kids-embedded .kids-back{display:none}.kids-pause-overlay{align-items:center;gap:var(--kids-band-gap);z-index:40;background:#fffdf7eb;flex-direction:column;justify-content:center;display:flex;position:fixed;inset:0}.kids-feedback{pointer-events:none;z-index:30;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.kids-feedback-burst{animation:kids-feedback-burst var(--kids-motion-celebrate) var(--kids-easing);background:radial-gradient(circle,#ff8a3dcc 0%,#ffbe3d6b 45%,#ff8a3d00 72%);border-radius:50%;width:340px;height:340px;margin-top:-170px;margin-left:-170px;position:absolute;top:50%;left:50%}.kids-feedback-badge{letter-spacing:.05em;white-space:nowrap;align-items:center;padding:12px 30px;font-size:30px;font-weight:800;display:flex;position:absolute;top:50%;left:50%}.kids-feedback-badge--correct{animation:kids-feedback-badge-pop .95s var(--kids-easing) forwards;color:#d9641a;background:#fff8ee;border:4px solid #ff8a3d;border-radius:999px;box-shadow:0 12px 28px #ff8a3d61}.kids-feedback-badge--incorrect{animation:kids-feedback-badge-pop .9s var(--kids-easing) forwards;color:#c05a1d;background:#fff;border:4px solid #e8722e;border-radius:999px;box-shadow:0 12px 28px #e8722e4d}.kids-feedback--incorrect{animation:kids-feedback-shake var(--kids-motion-error) var(--kids-easing);border-radius:var(--kids-band-radius);box-shadow:inset 0 0 0 12px #e86a26d1}.kids-feedback--timeout{animation:kids-feedback-fade var(--kids-motion-timeout) var(--kids-easing)}.kids-feedback-retry{pointer-events:auto}@keyframes kids-feedback-burst{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(1.6)}}@keyframes kids-feedback-shake{0%,to{transform:translate(0)}25%{transform:translate(-14px)}75%{transform:translate(14px)}}@keyframes kids-feedback-badge-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}18%{opacity:1;transform:translate(-50%,-50%)scale(1.14)}32%{transform:translate(-50%,-50%)scale(1)}70%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.06)}}@keyframes kids-feedback-fade{0%{opacity:.85}to{opacity:0}}.kids-combo-slot{justify-content:center;align-items:center;min-height:40px;padding-bottom:8px;display:flex}.kids-combo{background:var(--kids-orange);color:#fff;border-radius:999px;align-items:center;gap:6px;padding:6px 16px;font-weight:700;display:inline-flex}.kids-combo[data-milestone=yes]{animation:kids-combo-pop var(--kids-motion-transition) var(--kids-easing)}.kids-combo-flame,.kids-combo-count{font-size:18px}@keyframes kids-combo-pop{0%{transform:scale(.6)}60%{transform:scale(1.15)}to{transform:scale(1)}}.kids-intro{align-items:center;gap:var(--kids-band-gap);text-align:center;flex-direction:column;justify-content:center;min-height:100vh;padding:24px;display:flex}.kids-intro-title{color:var(--kids-text);font-size:var(--kids-band-font);font-weight:700}.kids-intro-figure{background:var(--kids-surface);border:2px dashed var(--kids-border);border-radius:var(--kids-band-radius);justify-content:center;align-items:center;width:160px;height:160px;display:flex}.kids-intro-tap{animation:kids-intro-tap 1.2s var(--kids-easing) infinite alternate;font-size:64px}.kids-intro-hint{color:var(--kids-text-muted);font-size:22px}.kids-intro[data-reduced-motion=yes] .kids-intro-tap{animation:none}@keyframes kids-intro-tap{0%{transform:translateY(6px)}to{transform:translateY(-6px)}}.kids-settle{align-items:center;gap:var(--kids-band-gap);text-align:center;flex-direction:column;justify-content:center;min-height:100vh;padding:24px;display:flex}.kids-settle-stars{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.kids-settle-star{background:var(--kids-border);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);width:clamp(48px,13vw,72px);height:clamp(48px,13vw,72px)}.kids-settle-star[data-on=yes]{animation:kids-settle-star-pop var(--kids-motion-transition) var(--kids-easing) backwards;background:var(--kids-orange)}.kids-settle-combo{color:var(--kids-text);font-size:26px;font-weight:700}.kids-settle-rank{color:#6b4a12;background:#ffffffc7;border:2px solid #ffe0a8;border-radius:20px;flex-direction:column;align-items:center;gap:6px;padding:12px 22px;display:flex}.kids-settle-rank-main{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.kids-settle-rank .kids-rank-icon{width:36px;height:36px}.kids-settle-rank-badge{color:#5d3a05;background:linear-gradient(96deg,#ffb95e 0%,#ff9a4d 100%);border-radius:999px;padding:3px 14px;font-size:18px;font-weight:800}.kids-settle-rank-delta{font-size:30px;font-weight:800}.kids-settle-rank-delta[data-sign=plus]{color:#1d9a4e}.kids-settle-rank-delta[data-sign=minus]{color:#8a6d3b}.kids-settle-rank-delta[data-sign=zero]{color:#9a8a6a}.kids-settle-rank-record{color:#8a6100;background:#fff3cd;border-radius:999px;padding:3px 10px;font-size:15px;font-weight:800}.kids-settle-rank-total{font-size:16px;font-weight:700}.kids-rank-icon{color:#ffb238;flex:none;width:26px;height:26px;display:inline-flex}.kids-rank-icon svg{width:100%;height:100%}.kids-rank-icon.is-nova{color:#6f9bff}.kids-rank-icon.is-bright{color:#ffb238}.kids-rank-icon.is-moon{color:#8d9dbb}.kids-rank-icon.is-sun{color:#ff8f3d}.kids-rank-icon.is-galaxy{color:#b07ce8}.kids-rank-icon .is-dot{fill:currentColor;stroke:none}.kids-ability-radar{border:2px solid var(--kids-border);background:#ffffffb8;border-radius:20px;flex-direction:column;align-items:center;gap:4px;padding:14px 18px 10px;display:flex}.kids-ability-radar-svg{width:clamp(150px,36vw,200px);height:clamp(150px,36vw,200px)}.kids-ability-radar-svg .is-grid{fill:none;stroke:#cfe3f7;stroke-width:2px}.kids-ability-radar-svg .is-grid--mid{stroke-dasharray:4 5}.kids-ability-radar-svg line{stroke:#cfe3f7;stroke-width:2px}.kids-ability-radar-svg .is-value{fill:#ffa84f57;stroke:#ff9a4d;stroke-linejoin:round;stroke-width:3px}.kids-ability-radar-svg circle{fill:#ff9a4d;stroke:#ffffffd9;stroke-width:2px}.kids-ability-radar-labels{flex-wrap:wrap;justify-content:center;gap:6px 14px;display:flex}.kids-ability-radar-labels span{color:var(--kids-text-muted);font-size:15px;font-weight:700}.kids-ability-radar-labels span[data-on=yes]{color:var(--kids-text)}.kids-ability-radar-labels span[data-on=no]{opacity:.55}.kids-settle-actions{gap:var(--kids-band-gap);flex-wrap:wrap;justify-content:center;display:flex}@keyframes kids-settle-star-pop{0%{opacity:0;transform:scale(.4)rotate(-30deg)}to{opacity:1;transform:scale(1)rotate(0)}}.kids-starwall{gap:var(--kids-band-gap)}.kids-starwall-total{justify-content:center;align-items:baseline;gap:10px;padding:8px 0;display:flex}.kids-starwall-total-icon{font-size:32px}.kids-starwall-total-number{color:var(--kids-text);font-size:48px;font-weight:700}.kids-starwall-total-label{color:var(--kids-text-muted);font-size:18px}.kids-starwall-rank{color:#6b4a12;background:#fff8ea;border:2px solid #ffe0a8;border-radius:16px;justify-content:center;align-items:center;gap:10px;margin-top:14px;padding:10px 16px;display:flex}.kids-starwall-rank .kids-rank-icon{width:28px;height:28px}.kids-starwall-rank-label{color:#5d3a05;background:linear-gradient(96deg,#ffb95e 0%,#ff9a4d 100%);border-radius:999px;padding:3px 14px;font-size:16px;font-weight:800}.kids-starwall-rank-score{font-size:15px;font-weight:700}.kids-badge-grid{gap:var(--kids-band-gap);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.kids-badge{background:var(--kids-surface);border:2px solid var(--kids-border);border-radius:var(--kids-band-radius);align-items:center;gap:10px;padding:14px;display:flex}.kids-badge[data-owned=yes]{border-color:var(--kids-orange)}.kids-badge-mark{color:var(--kids-border);font-size:28px}.kids-badge[data-owned=yes] .kids-badge-mark{color:var(--kids-orange)}.kids-badge-label{color:var(--kids-text);font-size:18px}.kids-badge[data-owned=no] .kids-badge-label{color:var(--kids-text-muted)}.kids-starwall-note{color:var(--kids-text-muted);text-align:center;font-size:18px}.kids-gate{align-items:center;gap:var(--kids-band-gap);text-align:center;flex-direction:column;justify-content:center;min-height:100vh;padding:24px;display:flex}.kids-gate-art{font-size:64px}.kids-gate-title{color:var(--kids-text);font-size:var(--kids-band-font);font-weight:700}.kids-gate-options{gap:var(--kids-band-gap);flex-wrap:wrap;justify-content:center;display:flex}.kids-gate-field{flex-direction:column;align-items:center;gap:8px;display:flex}.kids-gate-field-label{color:var(--kids-text-muted);font-size:18px}.kids-input{background:var(--kids-surface);border:2px solid var(--kids-border);border-radius:var(--kids-band-radius);color:var(--kids-text);font:inherit;min-height:var(--kids-band-hotspot);text-align:center;padding:10px 16px;font-size:22px}.kids-input:focus{border-color:var(--kids-blue);outline:none}.kids-input::placeholder{color:var(--kids-text-muted)}.kids-gate-sound{min-width:220px}@media (prefers-reduced-motion:reduce){.kids-feedback-burst,.kids-feedback--incorrect,.kids-feedback--timeout,.kids-combo[data-milestone=yes],.kids-settle-star[data-on=yes],.kids-visual-cue-bar{animation:none}.kids-feedback-badge{display:none}.kids-feedback--correct{border-radius:var(--kids-band-radius);box-shadow:inset 0 0 0 12px #ff8a3d8c}}.kids-intro-start[disabled]{background:var(--kids-border);box-shadow:none;color:var(--kids-text-muted);cursor:default;animation:none}.kids-intro-loading{color:var(--kids-text-muted);font-size:18px}.kids-visual-cue{pointer-events:none;z-index:25;justify-content:center;align-items:flex-end;width:58px;height:116px;display:flex;position:absolute;bottom:14px;right:14px}.kids-visual-cue-scale{background:repeating-linear-gradient(#17201c17 0 1px,#0000 1px 10%);border-bottom:2px solid #087a5729;border-radius:12px;position:absolute;inset:0}.kids-visual-cue-bar{animation:kids-visual-cue-pulse calc(var(--kids-cue-duration,300) * 1ms) var(--kids-easing) both;background:linear-gradient(#5fd3a6 0%,#087a57 100%);background:linear-gradient(180deg, hsl(var(--kids-cue-hue,118deg) 62% 56%) 0%, hsl(var(--kids-cue-hue,118deg) 68% 34%) 100%);height:var(--kids-cue-height,48px);opacity:calc(.42 + var(--kids-cue-intensity,.6) * .58);width:var(--kids-cue-width,26px);border-radius:999px;position:relative;box-shadow:inset 0 3px 5px #ffffff6b,0 3px #055c422e}.kids-visual-cue[data-muted=yes] .kids-visual-cue-bar{box-shadow:inset 0 3px 5px #ffffff73,0 0 0 4px #087a5742,0 3px #055c4238}.kids-visual-cue[data-reduced-motion=yes] .kids-visual-cue-bar{opacity:.9;animation:none}@keyframes kids-visual-cue-pulse{0%{transform:scaleY(.55)}40%{transform:scaleY(1)}to{transform:scaleY(.55)}}.kids-root.kids-embedded{--kids-bg:#f2f5f2;--kids-surface:#fff;--kids-border:#d6ded8;--kids-text:#17201c;--kids-text-muted:#56635d;--kids-accent:#087a57;--kids-band-font:clamp(24px, 2.6vw, 32px);--kids-band-hotspot:clamp(48px, 6vw, 64px);--kids-band-gap:clamp(10px, 1.4vw, 14px);--kids-band-radius:clamp(14px, 1.8vw, 20px);box-sizing:border-box;background:radial-gradient(120% 90% at 50% 0,#087a570f,#0000 60%),linear-gradient(#f4f6f2 0%,#e9eee9 100%);flex-direction:column;align-items:center;width:100%;padding:clamp(12px,2.4vw,28px);display:flex}.kids-root.kids-embedded .kids-gameshell{border:1px solid var(--kids-border);background:#fff;border-radius:clamp(18px,2.6vw,28px);width:100%;max-width:920px;min-height:min(74vh,700px);overflow:hidden;box-shadow:0 18px 44px #17201c1f,0 4px 12px #17201c14,inset 0 1px #fff}.kids-root.kids-embedded .kids-intro{min-height:0;padding:clamp(20px,4vw,40px)}.kids-root.kids-embedded .kids-intro-title{letter-spacing:.02em;text-shadow:0 1px #fff;font-size:clamp(24px,3vw,34px)}.kids-root.kids-embedded .kids-intro-figure{filter:drop-shadow(0 10px 18px #17201c24)}.kids-root.kids-embedded .kids-button--primary{background:linear-gradient(#0f9468 0%,#087a57 100%);box-shadow:0 5px #055c42,0 10px 22px #087a5747}.kids-root.kids-embedded .kids-button--primary:not([disabled]):hover{transform:translateY(-2px);box-shadow:0 7px #055c42,0 14px 26px #087a5752}.kids-root.kids-embedded .kids-button--primary:not([disabled]):active{transform:translateY(3px);box-shadow:0 2px #055c42,0 6px 14px #087a573d}.kids-root.kids-embedded .kids-button--ghost,.kids-root.kids-embedded .kids-button--choice{box-shadow:0 3px 0 var(--kids-border), 0 6px 14px #17201c14}.kids-root.kids-embedded .kids-difficulty-chip{background:linear-gradient(#fff 0%,#f2f6f3 100%);box-shadow:0 3px #ccd6cf,0 6px 14px #17201c14}.kids-root.kids-embedded .kids-difficulty-chip.is-active{color:#055c42;background:linear-gradient(#fff 0%,#dff1e9 100%);border-color:#087a57;box-shadow:0 3px #9ec9b6,0 0 0 3px #087a572e}@media (max-width:720px){.kids-root.kids-embedded{padding:10px}.kids-root.kids-embedded .kids-gameshell{border-radius:20px;min-height:min(64vh,620px)}.kids-root.kids-embedded .kids-stage{padding:12px}.kids-root.kids-embedded .kids-difficulty-row{flex-wrap:wrap;padding:2px 10px 0}.kids-root.kids-embedded .kids-difficulty-chip{flex:1 1 0;min-width:0;padding:8px 12px;font-size:14px}}@media (max-width:420px){.kids-root.kids-embedded .kids-gameshell{min-height:58vh}.kids-root.kids-embedded .kids-intro{padding:16px 14px}}@media (min-width:1400px){.kids-root.kids-embedded .kids-gameshell{max-width:980px}}.kids-root.kids-embedded .kids-difficulty-row{padding-top:14px}.kids-mute-warning{color:#7a5200;background:linear-gradient(135deg,#fff4e0 0%,#ffe8c7 100%);border:2px solid #f0b429;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:calc(100% - 32px);max-width:420px;margin:10px auto 0;padding:10px 16px;font-size:15px;font-weight:700;animation:.3s ease-out kids-mute-warn-in;display:flex;box-shadow:0 3px #a06c0a40}.kids-mute-warning-text{flex:0 auto}.kids-mute-warning-btn{color:#fff;cursor:pointer;font:inherit;background:linear-gradient(#0f9468,#087a57);border:none;border-radius:999px;flex-shrink:0;padding:6px 16px;font-size:14px;transition:transform .12s,box-shadow .12s;box-shadow:0 3px #055c42}.kids-mute-warning-btn:active{transform:translateY(2px);box-shadow:0 1px #055c42}@keyframes kids-mute-warn-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.kids-tone-note{border:2px solid var(--kids-border);color:var(--kids-text-muted);text-align:center;background:linear-gradient(#fbfdfc 0%,#eef4f0 100%);border-radius:999px;align-items:center;gap:8px;max-width:calc(100% - 32px);margin:0 auto;padding:6px 16px;font-size:15px;font-weight:600;display:inline-flex}.kids-tone-note strong{color:var(--kids-accent,#2f6f4f);font-weight:800}.kids-tone-note-mark{color:var(--kids-accent,#2f6f4f);font-size:17px;line-height:1}.kids-tone-unlock{animation:kids-tone-unlock-in .32s var(--kids-easing) both;color:#fff;white-space:nowrap;background:linear-gradient(#0f9468 0%,#087a57 100%);border-radius:999px;align-items:center;gap:6px;margin:0 0 0 10px;padding:6px 16px;font-size:15px;font-weight:800;display:inline-flex;box-shadow:0 3px #055c42,0 8px 18px #087a5742}@keyframes kids-tone-unlock-in{0%{opacity:0;transform:translateY(-6px)scale(.9)}60%{opacity:1;transform:translateY(0)scale(1.06)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.kids-tone-unlock{animation:none}}@media (max-width:480px){.kids-tone-unlock{margin-left:8px;padding:5px 12px;font-size:13px}}
.kids-game-placeholder{background:var(--kids-surface);border:2px dashed var(--kids-border);border-radius:var(--kids-band-radius);color:var(--kids-text-muted);align-items:center;gap:var(--kids-band-gap);text-align:center;flex-direction:column;justify-content:center;min-height:160px;padding:24px;display:flex}.kids-game-placeholder-title{color:var(--kids-text);font-size:calc(var(--kids-band-font) * .6)}.kids-game-placeholder-note{font-size:16px}.kids-stage-inner{align-items:center;gap:var(--kids-band-gap);flex-direction:column;justify-content:center;width:100%;padding:8px 0;display:flex}.kids-hint{color:var(--kids-text-muted);text-align:center;margin:0;font-size:15px}.kids-shell-field{perspective:720px;width:100%;max-width:420px;height:168px;margin:0 auto;position:relative}.kids-shell-pet{bottom:72px;left:calc(var(--kids-cup-slot,0) * (100% / var(--kids-cup-total,3)));pointer-events:none;transform-origin:50% 90%;justify-content:center;align-items:flex-end;width:64px;font-size:40px;line-height:1;transition:left .26s cubic-bezier(.22,1,.36,1),opacity .2s,transform .2s;display:flex;position:absolute}.kids-shell-pet[data-visible=no]{opacity:0;transform:scale(.4)}.kids-shell-pet[data-visible=yes][data-mood=watch]{animation:2.4s ease-in-out infinite kids-cat-peek}.kids-shell-pet[data-visible=yes][data-mood=happy]{animation:.6s cubic-bezier(.22,1,.36,1) 2 kids-cat-cheer}.kids-shell-pet[data-visible=yes][data-mood=grumpy]{animation:.7s ease-in-out 2 kids-cat-grump}@keyframes kids-cat-peek{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-5px)rotate(4deg)}}@keyframes kids-cat-cheer{0%{transform:translateY(0)scale(1)}40%{transform:translateY(-12px)scale(1.15)}to{transform:translateY(0)scale(1)}}@keyframes kids-cat-grump{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.kids-shell-cup{cursor:pointer;bottom:0;left:calc(var(--kids-cup-slot,0) * (100% / var(--kids-cup-total,3)));transform-origin:50% 100%;background:linear-gradient(105deg,#fff6 0%,#fff0 32%),linear-gradient(#ff9a4d 0%,#f2712c 60%,#d85a1f 100%);border:none;border-radius:20px 20px 30px 30px;width:64px;height:92px;padding:0;transition:left .26s cubic-bezier(.22,1,.36,1),transform .26s cubic-bezier(.22,1,.36,1);position:absolute;box-shadow:inset 0 -12px 14px #8c320059,inset -5px 0 10px #96370047,0 12px 0 -5px #c05318,0 20px 18px -6px #1f291e59}.kids-shell-cup:before{content:"";background:radial-gradient(at 42% 38%,#ffc08a 0%,#ff9a4d 62%,#ef6f2f 100%);border-radius:50%;height:22px;position:absolute;top:4px;left:4px;right:4px;box-shadow:inset 0 -3px 5px #96370066,inset 0 2px 3px #ffffff80}.kids-shell-cup:after{content:"";background:radial-gradient(#1f291e4d 0%,#1f291e00 70%);border-radius:50%;height:14px;position:absolute;bottom:-10px;left:-8px;right:-8px}.kids-shell-cup[data-picked=yes]{box-shadow:inset 0 -12px 14px #8c320059,0 0 0 4px #2f80ed,0 20px 18px -6px #1f291e59}.kids-shell-cup[data-lifted=yes]{transform:translateY(-64px)rotate(-7deg)scale(1.06)}.kids-shell-field[data-phase=watch] .kids-shell-cup{animation:.64s ease-in-out infinite alternate kids-cup-scoot}.kids-shell-field[data-phase=watch] .kids-shell-cup:nth-child(2n){animation-delay:-320ms}@keyframes kids-cup-scoot{0%{transform:translateY(0)rotateY(0)scale(1)}50%{transform:translateY(-12px)rotateY(22deg)scale(1.05)}to{transform:translateY(-2px)rotateY(-16deg)scale(.99)}}.kids-rev-stage{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.kids-rev-arrow-wrap{flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;min-height:200px;display:flex;position:relative}.kids-rev-arrow{color:var(--kids-accent,#2f6f4f);filter:drop-shadow(0 10px #1f47331f);display:inline-flex}.kids-rev-arrow[data-correct=yes]{color:#16c47f}.kids-rev-arrow[data-correct=no]{color:#ff8a3d}.kids-rev-word{border:3px solid var(--kids-border,#d8e2d8);color:var(--kids-accent,#2f6f4f);background:#fff;border-radius:14px;padding:6px 18px;font-size:30px;font-weight:700;line-height:1}.kids-rev-verdict{color:var(--kids-text,#294434);white-space:nowrap;background:#fff;border-radius:999px;padding:4px 14px;font-size:18px;font-weight:700;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 2px #1f473326}.kids-rev-timer{transform-origin:0;background:linear-gradient(90deg,#2f6f4f,#e8b93d,#ff8a3d);border-radius:999px;width:80%;height:8px;position:absolute;bottom:0;left:10%}.kids-rev-timer[data-tick=on]{animation:linear forwards kids-rev-tick}.kids-rev-timer[data-tick=off]{transform:scaleX(0)}@keyframes kids-rev-tick{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.kids-rev-stage[data-reduced-motion=yes] .kids-rev-timer{display:none}.kids-rev-pad{grid-template-columns:repeat(3,1fr);grid-template-areas:".up.""left.right"".down.";gap:10px;width:min(320px,78vw);margin:0 auto;display:grid}.kids-rev-key{aspect-ratio:1;border:3px solid var(--kids-border,#d8e2d8);color:var(--kids-accent,#2f6f4f);cursor:pointer;min-height:var(--kids-band-hotspot);background:#fff;border-radius:18px;justify-content:center;align-items:center;padding:0;display:flex;box-shadow:0 5px #1f473324}.kids-rev-key:disabled{cursor:default;opacity:.5}.kids-rev-key--up{grid-area:up}.kids-rev-key--left{grid-area:left}.kids-rev-key--right{grid-area:right}.kids-rev-key--down{grid-area:down}.kids-fold-grid{grid-template-columns:repeat(2,1fr);gap:14px;width:100%;max-width:420px;margin:0 auto;display:grid}.kids-fold-option{border:3px solid var(--kids-border);border-radius:var(--kids-band-radius);cursor:pointer;background:#fff;padding:10px}.kids-fold-option[data-state=correct]{border-color:#16c47f;box-shadow:0 0 0 4px #16c47f40}.kids-fold-option[data-state=wrong]{border-color:#ff8a3d}.kids-hunter-field{width:100%;max-width:420px;height:250px;margin:0 auto;position:relative}.kids-hunter-item{cursor:pointer;left:calc(var(--kids-col,0) * (100% / 5));top:calc(var(--kids-row,0) * (100% / 4));background:0 0;border:none;padding:0;position:absolute}.kids-hunter-item[data-drift=slow]{animation:6s ease-in-out infinite alternate kids-drift-slow;animation-delay:calc(var(--kids-phase,0) * -6s)}.kids-hunter-item[data-drift=medium]{animation:4s ease-in-out infinite alternate kids-drift-medium;animation-delay:calc(var(--kids-phase,0) * -4s)}.kids-hunter-item[data-drift=fast]{animation:2.4s linear infinite alternate kids-drift-fast;animation-delay:calc(var(--kids-phase,0) * -2.4s)}@keyframes kids-drift-slow{0%{transform:translate(-6px,-4px)}to{transform:translate(6px,5px)}}@keyframes kids-drift-medium{0%{transform:translate(-12px,-8px)}to{transform:translate(12px,9px)}}@keyframes kids-drift-fast{0%{transform:translate(-14px,-10px)}to{transform:translate(14px,10px)}}@media (prefers-reduced-motion:reduce){.kids-hunter-item[data-drift]{animation:none}}.kids-rule-banner{border-radius:var(--kids-band-radius);color:#fff;text-align:center;background:#9b5de5;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;max-width:420px;margin:0 auto;padding:12px;font-size:18px;display:flex}.kids-rule-banner[data-flash=yes]{animation:.6s ease-in-out 2 kids-rule-flash}@keyframes kids-rule-flash{0%,to{background:#9b5de5}50%{background:#ff8a3d}}.kids-rule-cards{grid-template-columns:repeat(2,1fr);gap:12px;width:100%;max-width:420px;margin:0 auto;display:grid}.kids-rule-card{border:3px solid var(--kids-border);border-radius:var(--kids-band-radius);cursor:pointer;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:96px;padding:8px;display:flex}.kids-rule-card strong{color:var(--kids-text);font-size:18px}.kids-pair-grid{grid-template-columns:repeat(4,1fr);gap:10px;width:100%;max-width:420px;margin:0 auto;display:grid}.kids-pair-card{cursor:pointer;background:#fff;border:3px solid #2f80ed;border-radius:16px;justify-content:center;align-items:center;min-height:76px;padding:0;display:flex}.kids-pair-card[data-face=down]{background:linear-gradient(160deg,#2f80ed 0%,#1b5bbf 100%);border-color:#1b5bbf}.kids-pair-card[data-matched=yes]{cursor:default;background:#16c47f29;border-color:#16c47f}.kids-confetti{pointer-events:none;position:absolute;inset:0}.kids-confetti-piece{border-radius:3px;width:8px;height:10px;animation:.9s cubic-bezier(.22,1,.36,1) forwards kids-confetti-fall;position:absolute;top:-12px}@keyframes kids-confetti-fall{to{opacity:0;transform:translateY(260px)rotate(320deg)}}.kids-difficulty-row{gap:var(--kids-band-gap);justify-content:center;padding:4px 0 0;display:flex}.kids-difficulty-chip{background:var(--kids-surface);border:2px solid var(--kids-border);color:var(--kids-text);cursor:pointer;border-radius:999px;min-width:88px;min-height:44px;padding:8px 18px;font-size:15px;font-weight:600;transition:border-color .16s,box-shadow .16s}.kids-difficulty-chip.is-active{border-color:var(--kids-accent,#f4a63a);box-shadow:0 0 0 3px #f4a63a47}.kids-sense-stage{gap:calc(var(--kids-band-gap) * .9);max-width:560px;margin:0 auto}.kids-sense-prompt{color:var(--kids-text,#294434);font-size:calc(var(--kids-band-font) * .56);letter-spacing:.01em;text-align:center;min-height:1.4em;margin:0;font-weight:700}.kids-sense-stage[data-game=pitch] .kids-sense-prompt{min-height:2.9em}.kids-sense-board{border:3px solid var(--kids-border,#d8e2d8);border-radius:var(--kids-band-radius);box-sizing:border-box;background:repeating-linear-gradient(#087a570e 0 1px,#0000 1px 20%),linear-gradient(#fbfdfc 0%,#eef4f0 100%);justify-content:center;align-items:flex-end;gap:clamp(10px,3vw,20px);width:100%;max-width:460px;height:clamp(150px,28vh,224px);margin:0 auto;padding:0;display:flex;position:relative}.kids-sense-board:after{content:"";background:#087a572e;height:3px;position:absolute;bottom:0;left:0;right:0}.kids-sense-board[data-phase=answering]:before{border-radius:calc(var(--kids-band-radius) - 6px);content:"";border:2px dashed #087a5729;position:absolute;inset:10px}.kids-sense-board[data-muted=yes]{border-color:var(--kids-accent,#087a57)}.kids-sense-bar{background:linear-gradient(#86cfb4 0%,#46a17e 55%,#2f8663 100%);border-radius:10px 10px 5px 5px;width:clamp(22px,7vw,40px);transition:height .24s cubic-bezier(.22,1,.36,1);display:block;position:relative;box-shadow:inset 0 -8px 12px #055c4242,inset 0 3px 6px #ffffff73,0 4px #055c4233,0 10px 18px #17201c1f}.kids-sense-bar[data-parity=odd]{background:linear-gradient(#5fd3a6 0%,#12a575 52%,#087a57 100%)}.kids-sense-bar:after{color:var(--kids-text-muted);content:attr(data-label);font-size:clamp(12px,3.2vw,15px);font-weight:700;line-height:1;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.kids-sense-bar[data-lit=yes]:after{color:var(--kids-accent,#087a57);font-weight:800}.kids-sense-bar:before{content:"";background:#ffffff8c;border-radius:999px;height:4px;position:absolute;top:7px;left:22%;right:22%}.kids-sense-board[data-muted=yes] .kids-sense-bar{box-shadow:inset 0 -8px 12px #055c424d,inset 0 3px 6px #ffffff80,0 0 0 3px #087a5759,0 4px #055c4238}.kids-sense-board[data-hint=beat] .kids-sense-bar{background:linear-gradient(#e8f1ec 0%,#c8dcd1 100%);box-shadow:inset 0 -4px 8px #055c421a,0 3px #055c4214}.kids-sense-board[data-hint=beat] .kids-sense-bar:before{display:none}.kids-sense-board[data-hint=beat] .kids-sense-bar[data-lit=yes]{background:linear-gradient(#7fd0b2 0%,#23a077 100%);box-shadow:inset 0 -4px 8px #055c422e,0 3px #055c4229}.kids-sense-board[data-phase=answering] .kids-sense-bar{box-shadow:none;background:0 0}.kids-sense-board[data-phase=answering] .kids-sense-bar:before{display:none}.kids-sense-board .kids-sense-bar[data-ask=ref]{box-shadow:inset 0 -8px 12px #055c4242,0 0 0 3px #087a572e,0 4px #055c4233}.kids-sense-board .kids-sense-bar[data-ask=ask]{box-shadow:inset 0 -8px 12px #055c4242,0 0 0 3px #087a5780,0 4px #055c4238}.kids-sense-bar[data-ask]:after{color:var(--kids-accent,#087a57);font-weight:800}.kids-sense-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,3vw,20px);width:100%;max-width:420px;margin:0 auto;display:grid}.kids-sense-choice{border:3px solid var(--kids-border,#d8e2d8);border-radius:var(--kids-band-radius);color:var(--kids-text,#294434);cursor:pointer;font:inherit;background:linear-gradient(#fff 0%,#f4f8f5 100%);flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:clamp(84px,22vw,116px);padding:12px 10px;transition:transform .1s,box-shadow .12s,border-color .16s,background .16s;display:flex;box-shadow:0 5px #1f473324}.kids-sense-choice strong{font-size:calc(var(--kids-band-font) * .52);font-weight:800;line-height:1.1}.kids-sense-choice:not(:disabled):active{transform:translateY(3px);box-shadow:0 2px #1f473329}.kids-sense-choice:disabled{cursor:default}.kids-sense-stage[data-phase=answering] .kids-sense-choice:not(:disabled){border-color:var(--kids-accent,#087a57);box-shadow:0 5px #055c4238,0 0 0 3px #087a571f}.kids-sense-stage[data-phase=feedback] .kids-sense-choice:disabled{border-color:#087a5759}.kids-sense-stage[data-phase=playing] .kids-sense-choice:disabled,.kids-sense-stage[data-phase=feedback] .kids-sense-choice:disabled{color:var(--kids-text-muted);opacity:.72;background:linear-gradient(#fff 0%,#f2f6f3 100%);border-style:dashed;box-shadow:0 3px #1f473314}.kids-sense-arrow{color:var(--kids-accent,#087a57);background:linear-gradient(#fff 0%,#e8f4ee 100%);border:2px solid #087a5738;border-radius:999px;justify-content:center;align-items:center;width:clamp(34px,9vw,44px);height:clamp(34px,9vw,44px);font-size:24px;font-weight:800;line-height:1;display:inline-flex}.kids-sense-glyph{justify-content:center;align-items:center;width:clamp(56px,16vw,72px);height:clamp(32px,8vw,40px);display:inline-flex}.kids-sense-glyph:before{content:"";background:linear-gradient(#5fd3a6 0%,#087a57 100%);border-radius:999px;height:16px;box-shadow:0 2px #055c4247}.kids-sense-glyph[data-tone=short]:before{width:16px}.kids-sense-glyph[data-tone=long]:before{width:46px}.kids-sense-foot{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;width:100%;display:flex}.kids-sense-replay{border:2px solid var(--kids-border,#d8e2d8);color:var(--kids-accent,#087a57);cursor:pointer;font:inherit;background:linear-gradient(#fff 0%,#f2f6f3 100%);border-radius:999px;min-height:44px;padding:8px 20px;font-size:15px;font-weight:700;transition:transform .1s,box-shadow .12s,color .16s;box-shadow:0 3px #1f47331f}.kids-sense-replay:not(:disabled):active{transform:translateY(2px);box-shadow:0 1px #1f473324}.kids-sense-replay:disabled{box-shadow:none;color:var(--kids-text-muted);cursor:default;opacity:.7;border-style:dashed}.kids-sense-rhythm{border:3px solid var(--kids-border,#d8e2d8);border-radius:var(--kids-band-radius);background:linear-gradient(#fbfdfc 0%,#eef4f0 100%);flex-direction:column;justify-content:center;align-items:center;gap:clamp(8px,2vw,14px);width:100%;max-width:460px;min-height:clamp(126px,24vh,176px);margin:0 auto;padding:14px 12px;display:flex}.kids-sense-rhythm[data-muted=yes]{border-color:var(--kids-accent,#087a57)}.kids-sense-rhythm-line{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(6px,1.6vw,10px);width:100%;min-height:22px;display:flex}.kids-sense-rhythm-line:before{color:var(--kids-text-muted);flex:none;margin-right:2px;font-size:14px;font-weight:700}.kids-sense-rhythm-line[data-row=code]:before{content:"暗号"}.kids-sense-rhythm-line[data-row=you]:before{content:"你敲的"}.kids-sense-rhythm-line[data-row=key]:before{content:"正确"}.kids-sense-rhythm-line[data-row=key],.kids-sense-rhythm-line[data-row=replay]{border-top:1px dashed #087a5733;padding-top:clamp(8px,2vw,12px)}.kids-sense-rhythm-line[data-row=replay]:before{content:"回放"}.kids-sense-pulse{background:#17201c1f;border-radius:999px;height:16px;transition:background .14s,box-shadow .14s,transform .14s;display:block}.kids-sense-pulse[data-tone=short]{width:18px}.kids-sense-pulse[data-tone=long]{width:48px}.kids-sense-rhythm-line[data-hint=beat] .kids-sense-pulse{width:26px}.kids-sense-pulse[data-lit=yes],.kids-sense-pulse[data-match=yes]{background:linear-gradient(#5fd3a6 0%,#0f9468 100%);animation:.26s cubic-bezier(.22,1,.36,1) both kids-sense-pulse-pop;box-shadow:0 2px #055c4247,0 0 0 3px #087a571f}.kids-sense-pulse[data-match=no]{background:linear-gradient(#ffc78a 0%,#f0842e 100%);animation:.26s cubic-bezier(.22,1,.36,1) both kids-sense-pulse-pop;box-shadow:0 2px #a0580c47,0 0 0 3px #f0842e29}.kids-sense-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(6px,1.6vw,12px);width:100%;max-width:520px;margin:0 auto;display:grid}.kids-sense-target{aspect-ratio:1;border:3px solid var(--kids-border,#d8e2d8);border-radius:var(--kids-band-radius);cursor:pointer;background:linear-gradient(#fff 0%,#f4f8f5 100%);justify-content:center;align-items:center;min-height:clamp(56px,16vw,88px);padding:0;transition:transform .12s,box-shadow .14s,border-color .16s;display:flex;position:relative;box-shadow:0 4px #1f473324}.kids-sense-target svg{width:clamp(24px,6.4vw,38px);height:auto}.kids-sense-target:not(:disabled):active{transform:translateY(3px);box-shadow:0 2px #1f473329}.kids-sense-stage[data-phase=playing] .kids-sense-target:disabled{cursor:default;opacity:.5}.kids-sense-stage[data-phase=playing] .kids-sense-target[data-highlight=yes],.kids-sense-target[data-highlight=yes]{border-color:var(--kids-sense-halo,#087a57);box-shadow:0 0 0 4px #fff, 0 0 0 9px var(--kids-sense-halo,#087a57), 0 10px 20px #17201c2e;opacity:1;animation:.42s ease-in-out infinite alternate kids-sense-halo}.kids-sense-target[data-order]{border-color:var(--kids-accent,#087a57);box-shadow:0 5px #055c4233,0 0 0 3px #087a5729}.kids-sense-target[data-order]:after{color:#fff;content:attr(data-order);background:linear-gradient(#0f9468 0%,#087a57 100%);border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;font-size:15px;font-weight:800;display:inline-flex;position:absolute;top:-6px;right:-6px;box-shadow:0 2px #055c424d}.kids-sense-dots{justify-content:center;align-items:center;gap:10px;display:flex}.kids-sense-dot{border:2px solid var(--kids-border,#d8e2d8);background:#fff;border-radius:999px;width:12px;height:12px;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s;display:block}.kids-sense-dot[data-done=yes]{background:linear-gradient(#0f9468 0%,#087a57 100%);border-color:#087a57;animation:.26s cubic-bezier(.22,1,.36,1) both kids-sense-dot-pop;box-shadow:0 2px #055c4242}@keyframes kids-sense-pulse-pop{0%{transform:scale(.7)}60%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes kids-sense-halo{0%{transform:scale(1)}to{transform:scale(1.06)}}@keyframes kids-sense-dot-pop{0%{transform:scale(.6)}60%{transform:scale(1.15)}to{transform:scale(1)}}.kids-sense-stage[data-reduced-motion=yes] .kids-sense-bar{transition:none}.kids-sense-stage[data-reduced-motion=yes] .kids-sense-pulse,.kids-sense-stage[data-reduced-motion=yes] .kids-sense-dot,.kids-sense-stage[data-reduced-motion=yes] .kids-sense-target{animation:none}@media (prefers-reduced-motion:reduce){.kids-sense-bar{transition:none}.kids-sense-pulse,.kids-sense-dot,.kids-sense-target{animation:none}}@media (max-width:420px){.kids-sense-board{gap:8px;height:clamp(132px,24vh,180px)}.kids-sense-bar{width:clamp(20px,8vw,30px)}.kids-sense-choice{padding:10px 8px}.kids-sense-rhythm{padding:12px 8px}.kids-sense-rhythm-line:before{font-size:12px}}@media (min-width:900px){.kids-sense-stage{max-width:620px}.kids-sense-board,.kids-sense-choices{max-width:460px}.kids-sense-grid{max-width:560px}}
