@import"https://fonts.googleapis.com/css2?family=Barlow:wght@500;600;700;800&family=Barlow+Semi+Condensed:wght@600;700;800&display=swap";.base-running-mode[data-v-ef6609c5]{color:var(--text-strong)}.br-panel[data-v-ef6609c5]{padding:.85rem}.br-setup[data-v-ef6609c5],.br-game-panel[data-v-ef6609c5]{gap:.65rem}.br-header[data-v-ef6609c5],.br-header-block[data-v-ef6609c5]{gap:.45rem}.br-header-block[data-v-ef6609c5]{display:flex;flex-direction:column}.br-title-row[data-v-ef6609c5]{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.br-title[data-v-ef6609c5]{color:var(--text-strong)}.br-subtitle[data-v-ef6609c5]{margin-top:.2rem;color:var(--text-muted)}.br-mode-label[data-v-ef6609c5],.br-mode-note[data-v-ef6609c5]{color:var(--text-muted)}.base-running-hud[data-v-ef6609c5]{gap:.34rem}.br-hud[data-v-ef6609c5]{gap:.4rem}.br-hud-pill[data-v-ef6609c5]{font-weight:800}.br-field-card[data-v-ef6609c5]{border:0}.br-situation-overlay[data-v-ef6609c5]{gap:.34rem}.br-situation-item[data-v-ef6609c5]{font-weight:800}.br-outs-bug[data-v-ef6609c5]{color:var(--warning-text)}.br-bottom-overlay[data-v-ef6609c5]{position:absolute;left:12px;right:12px;bottom:12px;z-index:3;min-height:40px;display:flex;align-items:center;justify-content:center;text-align:center;padding:.5rem .7rem;border-radius:12px;background:#0f2138e6;color:#f7fbff;font-size:.94rem;font-weight:800;line-height:1.25;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.base-running-scene[data-v-ef6609c5]{width:100%;min-height:clamp(280px,50vh,430px);border-radius:12px;border:none;overflow:hidden;background:linear-gradient(180deg,#e6edf5,#dfe8f1)}.base-running-field[data-v-ef6609c5]{display:block;width:100%;height:100%;min-height:330px}.base[data-v-ef6609c5]{fill:#fff;stroke:#1f3247;stroke-width:2.6}.field-grass-underlay[data-v-ef6609c5]{fill:url(#field-dirt-gradient)}.foul-line[data-v-ef6609c5]{fill:none;stroke:#fff;stroke-width:5;stroke-linecap:round}.mound[data-v-ef6609c5]{fill:#edd3ac;stroke:#b8864b;stroke-width:2}.token-shadow[data-v-ef6609c5]{fill:#0000003d}.token-body[data-v-ef6609c5]{fill:url(#br-runner-jersey-gradient);stroke:#932820;stroke-width:2.2;filter:url(#br-token-shadow)}.runner-next-body[data-v-ef6609c5]{fill:#35d0af;stroke:#0f6e5c}.token-cap[data-v-ef6609c5]{fill:#112b4a;stroke:#03162d;stroke-width:1.2}.runner-label[data-v-ef6609c5]{fill:#fff;stroke:#00000059;stroke-width:1;paint-order:stroke;font-size:16px;font-weight:900}.runner-token[data-v-ef6609c5]{transform-origin:center}.ball-path[data-v-ef6609c5]{fill:none;stroke:#ff8f2a;stroke-width:7;stroke-linecap:round;stroke-dasharray:12 8;opacity:0}.ball-token[data-v-ef6609c5]{filter:url(#br-token-shadow)}.ball-glow[data-v-ef6609c5]{fill:#ffb03b66}.ball-core[data-v-ef6609c5]{fill:#fff;stroke:#cfdbe2;stroke-width:1.2}.ball-seam[data-v-ef6609c5]{fill:none;stroke:#d04545;stroke-width:1.45;stroke-linecap:round}.ball-target-ring[data-v-ef6609c5]{fill:none;stroke:#ffbc40cc;stroke-width:3;opacity:0}.time-pill-bg[data-v-ef6609c5]{fill:#f7fafdf5;stroke:#c7d6e7;stroke-width:2}.time-pill-bg.called[data-v-ef6609c5]{fill:#fff7e6;stroke:#d0a449}.time-pill-text[data-v-ef6609c5]{fill:#16314d;font-size:18px;font-weight:700}.quiz-step-actions[data-v-ef6609c5]{justify-content:center}.quiz-step-actions button[data-v-ef6609c5]{min-width:120px}.br-feedback[data-v-ef6609c5]{padding:.65rem;gap:.45rem}.br-feedback h3[data-v-ef6609c5]{color:var(--text-strong)}.br-feedback p[data-v-ef6609c5]{color:var(--text-body)}.hud-short[data-v-ef6609c5]{display:none}@media(max-width:640px){.br-panel[data-v-ef6609c5]{padding:.75rem}.base-running-scene[data-v-ef6609c5]{min-height:clamp(300px,44vh,400px)}}@media(max-width:480px){.br-situation-overlay[data-v-ef6609c5]{top:9px;left:9px;gap:.22rem}.br-situation-item[data-v-ef6609c5]{min-height:28px;font-size:.7rem;padding:.18rem .38rem}.br-bottom-overlay[data-v-ef6609c5]{left:9px;right:9px;bottom:9px;min-height:34px;font-size:.82rem;padding:.42rem .55rem}.br-hud[data-v-ef6609c5]{gap:.28rem}.br-hud-pill[data-v-ef6609c5]{min-height:30px;font-size:.73rem;padding:.2rem .28rem}.hud-full[data-v-ef6609c5]{display:none}.hud-short[data-v-ef6609c5]{display:inline}.br-mode-note[data-v-ef6609c5],.br-mode-label[data-v-ef6609c5]{font-size:.78rem}.base-running-scene[data-v-ef6609c5]{min-height:clamp(320px,46vh,420px)}}.field-scene-shell[data-v-48349acf]{position:relative;display:flex;flex-direction:column;gap:.45rem;width:100%;min-width:0}.field-scene-stage[data-v-48349acf]{width:100%;min-height:clamp(280px,50vh,430px);border-radius:18px;overflow:hidden}.field-scene-svg[data-v-48349acf]{display:block;width:100%;height:100%}.field-grass-underlay[data-v-48349acf]{fill:url(#field-dirt-gradient)}.foul-line[data-v-48349acf]{fill:none;stroke:#fff;stroke-width:5;stroke-linecap:round}.mound[data-v-48349acf]{fill:#ecd3ae;stroke:#b6804d;stroke-width:2}.base[data-v-48349acf]{fill:#fff;stroke:#325d89;stroke-width:3}.ball-path[data-v-48349acf]{fill:none;stroke:#ff8f2a;stroke-width:7;stroke-linecap:round;stroke-dasharray:12 8;opacity:0}.ball-path[data-ball-type="fly ball"][data-v-48349acf]{stroke:#74c8ff}.ball-path[data-ball-type="ground ball"][data-v-48349acf]{stroke:#ff8f2a}.ball-path[data-ball-type="line drive"][data-v-48349acf]{stroke:#ffd166}.throw-path[data-v-48349acf]{fill:none;stroke:#27b7ff;stroke-width:6;stroke-linecap:round;stroke-dasharray:11 7;opacity:0}.ball-token[data-v-48349acf]{filter:url(#token-shadow)}.ball-glow[data-v-48349acf]{fill:#ffb03b66}.ball-token[data-ball-type="fly ball"] .ball-glow[data-v-48349acf]{fill:#74c8ff6b}.ball-token[data-ball-type="line drive"] .ball-glow[data-v-48349acf]{fill:#ffd16666}.ball-core[data-v-48349acf]{fill:#fff;stroke:#cfdbe2;stroke-width:1.2}.ball-seam[data-v-48349acf]{fill:none;stroke:#d04545;stroke-width:1.45;stroke-linecap:round}.token-shadow[data-v-48349acf]{fill:#0000003d}.token-body[data-v-48349acf]{fill:url(#player-jersey-gradient);stroke:#0b3f73;stroke-width:2.2;filter:url(#token-shadow)}.runner-body[data-v-48349acf]{fill:url(#runner-jersey-gradient);stroke:#932820}.token-cap[data-v-48349acf]{fill:#112b4a;stroke:#03162d;stroke-width:1.2}.token-label[data-v-48349acf]{fill:#fff;stroke:#0006;stroke-width:.8;paint-order:stroke;font-size:18px;font-weight:900;letter-spacing:.02em}.runner-label[data-v-48349acf]{fill:#fff;stroke:#00000059;stroke-width:1;paint-order:stroke;font-size:16px;font-weight:900}.focus-body[data-v-48349acf]{fill:#2ad2b8;stroke:#0d7f6e}.focus-cap[data-v-48349acf]{fill:#0d283f}.focus-label[data-v-48349acf]{font-size:18px}.you-ring[data-v-48349acf]{fill:none;stroke:#ffd34d;stroke-width:3.6;opacity:.92}.you-arrow[data-v-48349acf]{fill:#ffd34d;stroke:#b68200;stroke-width:1.4}.you-label[data-v-48349acf]{fill:#0a345b;stroke:#fff;stroke-width:1;paint-order:stroke;font-size:21px;font-weight:900;letter-spacing:.04em}.player-token[data-v-48349acf],.runner-token[data-v-48349acf]{transform-origin:center}.runner-empty-indicator rect[data-v-48349acf]{fill:#0b253ed1;stroke:#7ab6eb;stroke-width:2}.runner-empty-indicator text[data-v-48349acf]{fill:#fff;font-size:12px;font-weight:900;letter-spacing:.04em}.focus-halo[data-v-48349acf]{fill:none;stroke:#ffe88b;stroke-width:3;opacity:0}.ball-target-ring[data-v-48349acf]{fill:none;stroke:#ffbc40cc;stroke-width:3;opacity:0}.hold-pulse[data-v-48349acf]{fill:#ffd24d3d;stroke:#ffd24de6;stroke-width:3;opacity:0}.anchor-point circle[data-v-48349acf]{fill:#ff4d6d;stroke:#fff;stroke-width:1}.anchor-point text[data-v-48349acf]{fill:#fff;stroke:#0000008c;stroke-width:1.4;paint-order:stroke;font-size:11px;font-weight:800}.field-debug-overlay[data-v-48349acf]{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.35rem;border-radius:12px;border:1px solid #9ec7ea;background:#0a243de0;padding:.45rem}.field-debug-row[data-v-48349acf]{display:flex;gap:.3rem;align-items:center;color:#fff;font-size:.75rem}.field-debug-btn[data-v-48349acf]{min-height:34px;border-radius:9px;border:1px solid #89b8df;background:#ffffffe6;color:#15385c;font-size:.75rem;font-weight:800}@media(max-width:640px){.field-scene-stage[data-v-48349acf]{min-height:clamp(300px,44vh,400px)}.field-debug-overlay[data-v-48349acf]{grid-template-columns:1fr}}@media(max-width:480px){.field-scene-stage[data-v-48349acf]{min-height:clamp(320px,46vh,420px)}}.wheres-play-field-stage[data-v-4cc747f3]{min-height:clamp(310px,47vh,430px);background:linear-gradient(180deg,#e6edf5,#dfe8f1);border:none;border-radius:12px}.wheres-play-field-shell[data-v-4cc747f3]{width:100%;aspect-ratio:68 / 54;border:none;border-radius:12px;background:transparent;box-shadow:none}.wheres-play-field-stage[data-v-4cc747f3]{width:100%;aspect-ratio:68 / 54}.field-scene-svg[data-v-4cc747f3]{display:block;width:100%;height:100%}.field-grass-underlay[data-v-4cc747f3]{fill:url(#wtp-field-dirt-gradient)}.base[data-v-4cc747f3]{fill:#fff;stroke:#1f3247;stroke-width:2.6}.foul-line[data-v-4cc747f3]{fill:none;stroke:#fffffff2;stroke-width:4;stroke-linecap:round}.mound[data-v-4cc747f3]{fill:#edd3ac;stroke:#b8864b;stroke-width:2}.token-shadow[data-v-4cc747f3]{fill:#05101b38}.token-body[data-v-4cc747f3]{fill:#1f6fcd;stroke:#0f3c73;stroke-width:1.8}.token-cap[data-v-4cc747f3]{fill:#0f3f77;stroke:#0a2a50;stroke-width:.8}.runner-label[data-v-4cc747f3]{fill:#fff;font-size:14px;font-weight:900}.ball-path[data-v-4cc747f3]{fill:none;stroke:#ff9737;stroke-width:4;stroke-linecap:round;stroke-dasharray:8 7;opacity:.82}.ball-glow[data-v-4cc747f3]{fill:#ffb03b61}.ball-core[data-v-4cc747f3]{fill:#fff;stroke:#cad7e1;stroke-width:1.2}.ball-seam[data-v-4cc747f3]{fill:none;stroke:#cb4545;stroke-width:1.2;stroke-linecap:round}.is-force[data-v-4cc747f3]{fill:#ffe79c;stroke:#b88200;stroke-width:4}.is-target[data-v-4cc747f3]{fill:#d6f4e0;stroke:#228251;stroke-width:4}.cutoff-badge circle[data-v-4cc747f3],.target-chip circle[data-v-4cc747f3]{fill:#fffffff2;stroke:#1f6fcd;stroke-width:2.4}.cutoff-badge text[data-v-4cc747f3],.target-chip text[data-v-4cc747f3]{fill:#123152;font-size:14px;font-weight:900}.cutoff-badge[data-v-4cc747f3]{opacity:.45}.cutoff-badge.active[data-v-4cc747f3],.target-chip.active[data-v-4cc747f3]{opacity:1}.wtp-mode[data-v-15f7e910]{color:var(--text-strong)}.wtp-panel[data-v-15f7e910]{padding:.9rem}.wtp-header[data-v-15f7e910]{gap:.45rem}.wtp-title[data-v-15f7e910]{color:var(--text-strong)}.wtp-subtitle[data-v-15f7e910]{margin-top:.22rem;color:var(--text-muted)}.wtp-settings-grid[data-v-15f7e910]{display:grid;gap:.65rem;grid-template-columns:1fr}.wtp-toggle-row[data-v-15f7e910]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;border:1px solid #d7e2ef;border-radius:12px;padding:.55rem .65rem}.wtp-score-row[data-v-15f7e910],.wtp-situation-row[data-v-15f7e910]{display:flex;flex-wrap:nowrap}.wtp-score-item[data-v-15f7e910],.wtp-situation-item[data-v-15f7e910]{font-weight:800}.wtp-score-item[data-v-15f7e910]{flex:1 1 0;min-width:0}.hud-short[data-v-15f7e910]{display:none}.wtp-score-item[data-v-15f7e910],.wtp-situation-item[data-v-15f7e910]{color:var(--hud-text)}.wtp-situation-item.wtp-outs[data-v-15f7e910]{color:var(--warning-text)}.wtp-field-wrap[data-v-15f7e910]{min-height:0}.wtp-situation-overlay[data-v-15f7e910]{gap:.34rem}.wtp-question[data-v-15f7e910]{color:var(--text-strong)}.wtp-help[data-v-15f7e910]{margin:-.15rem 0 0;color:var(--text-muted)}.wtp-answer-grid[data-v-15f7e910]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.wtp-answer-btn[data-v-15f7e910]{min-height:56px;border-radius:14px;border:1px solid var(--border-strong);background:#fff;color:#0f2239;font-size:1rem;font-weight:800;letter-spacing:.03em;box-shadow:0 1px #0e223a14}.wtp-answer-btn[data-v-15f7e910]:hover:not(:disabled){border-color:#3c7ed6}.wtp-answer-btn[data-v-15f7e910]:active:not(:disabled){transform:translateY(1px)}.wtp-answer-btn.is-selected[data-v-15f7e910]{border-color:var(--accent-blue-border);background:#eef5ff;color:#0f3a6d}.wtp-answer-btn.is-correct[data-v-15f7e910]{border-color:var(--success-border);background:var(--success-bg);color:var(--success-text)}.wtp-answer-btn.is-wrong[data-v-15f7e910]{border-color:var(--warning-border);background:var(--warning-bg);color:var(--warning-text)}.wtp-feedback[data-v-15f7e910]{padding:.65rem}@media(max-width:420px){.wtp-panel[data-v-15f7e910]{padding:.75rem}.wtp-score-row[data-v-15f7e910]{gap:.28rem}.wtp-score-item[data-v-15f7e910]{min-height:30px;font-size:.73rem;padding:.2rem .28rem}.hud-full[data-v-15f7e910]{display:none}.hud-short[data-v-15f7e910]{display:inline}.wtp-situation-overlay[data-v-15f7e910]{top:9px;left:9px;gap:.22rem}.wtp-situation-item[data-v-15f7e910]{min-height:28px;font-size:.7rem;padding:.18rem .38rem}}:root{font-family:Barlow,system-ui,sans-serif;line-height:1.35;font-weight:500;color:#1d2d3f;background:radial-gradient(circle at 12% 14%,rgba(108,167,255,.14) 0 8%,transparent 9%),radial-gradient(circle at 84% 20%,rgba(79,208,188,.12) 0 9%,transparent 10%),linear-gradient(180deg,#edf4fb,#f6f9fd 52%,#f8fbff);--font-display: "Barlow Semi Condensed", "Barlow", system-ui, sans-serif;--font-body: "Barlow", system-ui, sans-serif;--surface-card: #ffffff;--surface-subtle: #f6f9fc;--surface-scene: #eef3f8;--border-soft: #d7e2ef;--border-strong: #c7d6e7;--text-strong: #0c213a;--text-body: #28425f;--text-muted: #4a617c;--hud-bg: #0f2138;--hud-border: #1f3858;--hud-text: #f7fbff;--accent-blue: #1f6fcd;--accent-blue-border: #1f5fb3;--success-bg: #edf9f1;--success-border: #3c9a5c;--success-text: #175931;--warning-bg: #fff7e6;--warning-border: #d2a545;--warning-text: #6f4a00}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:#1d2d3f;font-family:var(--font-body)}#app{min-height:100vh}.app-shell{max-width:1120px;margin:0 auto;padding:.8rem;display:flex;flex-direction:column;gap:.75rem;position:relative}.app-shell:before,.app-shell:after{content:"";position:fixed;width:34px;height:34px;border-radius:50%;opacity:.25;z-index:-1;animation:floaty 6.4s ease-in-out infinite}.app-shell:before{left:4%;top:18%;background:radial-gradient(circle at 30% 30%,#fff,#ffd17a)}.app-shell:after{right:5%;top:28%;background:radial-gradient(circle at 30% 30%,#fff,#7cc3ff);animation-delay:1.4s}.stack{display:flex;flex-direction:column;gap:.75rem}.card,.kid-card{border-radius:18px;border:1px solid var(--border-soft);box-shadow:0 8px 20px #14446c0f;padding:.92rem}.card{background:#fff}.kid-card{background:#fff;display:flex;flex-direction:column;gap:.6rem}.kid-card.compact{padding:.8rem}.kid-card-head{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.2rem}.kid-card-title{margin:0;font-size:1.16rem;line-height:1.15;display:flex;align-items:center;gap:.4rem;font-weight:800;font-family:var(--font-display);letter-spacing:.01em}.kid-card-emoji{font-size:1.15em}.kid-card-subtitle{margin:0;color:var(--text-muted);font-size:.92rem;font-weight:600}.tone-blue,.tone-green,.tone-yellow,.tone-purple,.tone-plain{background:#fff}h1,h2,h3,h4,p{margin:0}.muted{color:#5d748f}.topbar{display:flex;flex-direction:column;gap:.5rem;align-items:stretch;position:relative;background:#fff;border-radius:18px;border:1px solid var(--border-soft)}.topbar-main{display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem}.topbar-hamburger-wrap{margin-left:auto}.hamburger-btn{min-width:42px;min-height:42px;padding:0;font-size:1.2rem;line-height:1}.topbar-brand{display:flex;flex-direction:column;gap:.15rem}.topbar h1{font-size:clamp(1.35rem,4vw,1.8rem);font-weight:800;font-family:var(--font-display);letter-spacing:.01em}.topbar-actions{display:flex;align-items:center;gap:.55rem;justify-content:flex-start;flex-wrap:wrap}.nav-tabs{display:flex;flex-wrap:wrap;gap:.45rem}.tab-btn{min-height:40px;padding:.45rem .75rem}.coach-menu-wrap{position:relative;flex-shrink:0}.coach-menu-btn{min-height:40px;white-space:nowrap}.setup-steps{display:inline-flex;gap:.4rem;flex-wrap:wrap}.setup-step{border-radius:999px;border:1px solid #d4deea;background:#f7fafd;color:#486076;font-size:.84rem;font-weight:600;padding:.22rem .62rem}.setup-step.is-active{border-color:#245ea8;background:#eef4fb;color:#163c6b}.coach-menu-panel{position:absolute;right:0;top:calc(100% + .4rem);min-width:190px;z-index:30;box-shadow:0 10px 20px #14446c29}.coach-menu-panel button{width:100%;text-align:left}.kid-hud{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.4rem}.settings-fab{justify-self:end}button,select,input,textarea{font:inherit}button{border:1px solid var(--border-strong);background:#fff;color:#122842;border-radius:14px;min-height:42px;padding:.5rem .85rem;cursor:pointer;font-weight:700;font-family:var(--font-body);text-transform:uppercase;letter-spacing:.03em;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease;box-shadow:0 1px #0e223a14}button:hover:not(:disabled){border-color:#3c7ed6;filter:none;box-shadow:0 2px #0e223a1a}button:active:not(:disabled){transform:translateY(1px) scale(.99);box-shadow:0 1px #0e223a14}button:disabled{opacity:.56;cursor:not-allowed}.tab-btn.active,button.primary{border-color:var(--accent-blue-border);background:var(--accent-blue);color:#fff;box-shadow:0 1px #092b5438}.mode-shell{color:var(--text-strong)}.mode-panel{background:var(--surface-card);border:1px solid var(--border-soft);border-radius:16px;padding:.85rem}.mode-header{display:flex;flex-direction:column;gap:.4rem}.mode-title{margin:0;font-size:1.15rem;font-weight:800;line-height:1.1;color:var(--text-strong);font-family:var(--font-display);letter-spacing:.01em}.mode-subtitle,.helper-line{margin:0;color:var(--text-muted);font-size:.9rem;font-weight:600;line-height:1.35}.hud-row{display:flex;flex-wrap:nowrap;gap:.4rem;overflow-x:auto}.hud-pill,.overlay-pill{min-height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:.35rem .55rem;font-size:.82rem;font-weight:800;letter-spacing:.02em}.hud-pill{min-width:0;flex:1 1 0;background:var(--hud-bg);border:1px solid var(--hud-border);color:var(--hud-text)}.scene-card{position:relative;border-radius:14px;overflow:hidden;background:var(--surface-scene)}.scene-overlay{position:absolute;top:12px;left:12px;z-index:3;display:inline-flex;gap:.34rem;flex-wrap:wrap}.overlay-pill{background:#0f2138e6;border:1px solid rgba(57,88,123,.95);color:var(--hud-text);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.overlay-pill.is-warm{background:#fff7e6f2;border-color:#e4c577;color:var(--warning-text)}.prompt-line{margin:0;color:var(--text-strong);font-size:1rem;line-height:1.28;font-weight:800}.feedback-card{border:1px solid var(--border-soft);border-radius:14px;background:var(--surface-subtle);padding:.75rem;gap:.45rem}.feedback-card h3{margin:0;color:var(--text-strong);font-size:1rem;font-weight:800;font-family:var(--font-display)}.feedback-card p{margin:0;color:var(--text-body);font-size:.92rem;line-height:1.35}.ghost-btn{background:transparent}.settings-grid,.editor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.7rem}label{display:flex;flex-direction:column;gap:.35rem;font-weight:600}select,input,textarea{border:2px solid #b9d4ed;border-radius:14px;padding:.52rem .64rem;background:#fff}.inline-actions{display:flex;gap:.5rem;flex-wrap:wrap}.position-tile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:.6rem}.position-tile{min-height:56px;font-size:1.08rem;font-weight:700}.position-tile:disabled{opacity:.55}.position-tile.selected,.shuffle-toggle.active{border-color:#156ecf;background:linear-gradient(180deg,#2b88ec,#1b73d9);color:#fff}.shuffle-toggle{min-height:54px;min-width:170px;font-size:1.02rem}.setup-error{color:#9a1e1e;font-weight:700}.badge-pill{display:inline-flex;align-items:center;gap:.35rem;border-radius:10px;border:1px solid #1f3858;padding:.26rem .58rem;min-height:34px;font-weight:700;box-shadow:none;font-family:var(--font-body);letter-spacing:.02em}.badge-pill.tone-blue{border-color:#1f3858;background:#0f2138;color:#f7fbff}.badge-pill.tone-green{border-color:#2b7346;background:#edf9f1;color:#175931}.badge-pill.tone-yellow{border-color:#d0a449;background:#fff7e6;color:#6f4a00}.badge-pill.tone-purple{border-color:#c7d6e7;background:#f7fafd;color:#16314d}.badge-pill.tone-gray{border-color:#d1dbe7;background:#f6f9fc;color:#445a71}.badge-icon{font-size:1rem}.question-text{font-size:clamp(1.08rem,2.6vw,1.34rem);font-weight:800;max-width:58ch;white-space:pre-line;font-family:var(--font-body)}.guide-prompt{font-size:clamp(1rem,2.4vw,1.15rem);font-weight:600;white-space:pre-line}.prompt-row{display:grid;grid-template-columns:1fr auto;gap:.85rem;align-items:start}.scene-bottom-bug{position:absolute;left:12px;right:12px;bottom:12px;z-index:4;min-height:42px;display:flex;align-items:center;justify-content:center;text-align:center;padding:.55rem .75rem;border-radius:12px;background:#0f2138eb;border:1px solid rgba(57,88,123,.95);color:var(--hud-text);font-size:.98rem;font-weight:800;line-height:1.25;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.scene-bottom-bug.is-ball-step{font-family:var(--font-display);letter-spacing:.01em}.scene-bottom-bug.is-fly-ball{background:#123e6af0;border-color:#70c4ffeb;box-shadow:inset 0 0 0 1px #97dcff29}.scene-bottom-bug.is-ground-ball,.scene-bottom-bug.is-line-drive{background:#38220aeb;border-color:#ffb24ae6;box-shadow:inset 0 0 0 1px #ffd89924}.speak-btn{white-space:nowrap;background:#fff9d9;border-color:#e8c359}.position-pill{display:inline-flex;align-items:center;gap:.3rem;align-self:flex-start;border-radius:999px;border:2px solid #8fc4ec;background:#eaf6ff;padding:.4rem .9rem;font-weight:600;box-shadow:0 4px #2d679c2e}.hype-line{display:inline-flex;align-self:flex-start;border-radius:999px;border:2px dashed #f1b855;background:linear-gradient(180deg,#fff9e7,#ffefc3);color:#6f4b04;font-weight:600;padding:.34rem .78rem;letter-spacing:.01em}.choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:.55rem}.quiz-step-actions{justify-content:center}.step-advance-btn{min-height:56px;min-width:150px;font-size:1.05rem}.big-choice-tile{min-height:56px;border-radius:14px;padding:.55rem .7rem;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.52rem;text-align:left;border-width:1px;position:relative;overflow:hidden;box-shadow:0 1px #0e223a14}.big-choice-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.35) 46%,transparent 68%);transform:translate(-120%);transition:transform .4s ease}.big-choice-tile:hover:not(:disabled):after{transform:translate(120%)}.choice-icon-wrap{position:relative;width:1.7rem;height:1.7rem;display:inline-flex;align-items:center;justify-content:center}.big-choice-tile .choice-icon{font-size:1.32rem}.choice-sparkle{position:absolute;top:-.6rem;right:-.55rem;font-size:.78rem;animation:sparkle-pop 1.2s ease-in-out infinite}.choice-label-wrap{display:flex;flex-direction:column;gap:.14rem}.big-choice-tile .choice-label{font-size:1rem;line-height:1.15;font-weight:800;font-family:var(--font-body);text-transform:uppercase;letter-spacing:.03em}h1,h2,h3,h4,.wtp-title,.wtp-score-item,.wtp-situation-item,.wtp-answer-btn{font-family:var(--font-display)}.wtp-answer-btn{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.03em}.choice-sub{font-size:.72rem;opacity:.78}.big-choice-tile.state-default{background:#fff;border-color:#c7d6e7;color:#0f2239}.big-choice-tile.tone-run.state-default,.big-choice-tile.tone-hold.state-default{background:#fff;border-color:#c7d6e7}.big-choice-tile:hover:not(:disabled){border-color:#3c7ed6}.big-choice-tile:active:not(:disabled){transform:translateY(1px)}.big-choice-tile.state-correct{background:#edf9f1;border-color:#3c9a5c;color:#175931}.big-choice-tile.state-wrong{background:#fff7e6;border-color:#d2a545;color:#6f4a00}.big-choice-tile.tone-run.state-default,.big-choice-tile.tone-hold.state-default{color:#0f2239}.wrong-pulse{animation:wrong-shake .36s ease}.feedback{border-radius:14px;border:1px solid var(--border-soft);background:var(--surface-subtle);padding:.75rem}.xp-panel{border-radius:16px;border:1px solid #d7e2ef;background:#fff;padding:.65rem;display:flex;flex-direction:column;gap:.4rem}.xp-panel-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.4rem;color:#2b4f73;font-size:.92rem}.level-meter{height:12px;border-radius:999px;border:2px solid #c5def4;background:#e5f2ff;overflow:hidden}.level-fill{display:block;height:100%;width:0;background:linear-gradient(90deg,#7b6bff,#54abff 60%,#39d0c2);transition:width .35s ease}.mission-chips{display:flex;flex-wrap:wrap;gap:.35rem}.mission-chip{border-radius:999px;border:1px solid #d1dbe7;background:#f7fafd;font-size:.76rem;font-weight:600;padding:.22rem .58rem}.mission-chip.done{border-color:#7ec191;background:#e8ffec;color:#256738}.session-stars{display:inline-flex;gap:.3rem;font-size:1.45rem;animation:bounce-stars .9s ease}.streak-meter{height:14px;border-radius:999px;background:#dfeefb;overflow:hidden;border:2px solid #bddaf3}.streak-fill{display:block;height:100%;width:0;background:linear-gradient(90deg,#ffd55c,#ff9850);transition:width .32s ease}.diagram-phase-card{border-style:dashed;border-color:#b4d4ee}.quiz-question-card{display:flex;flex-direction:column;gap:.7rem}.quiz-question-card h3{padding-left:.5rem}.quiz-diagram-focus{display:grid;grid-template-rows:auto minmax(0,1fr);align-items:stretch;padding:.5rem;border-width:3px;border-style:solid;background:linear-gradient(180deg,#fbfeff,#eef8ff)}.quiz-diagram-focus .field-scene-shell{min-height:0}.quiz-diagram-focus .field-scene-stage{min-height:clamp(290px,48vh,430px)}.quiz-diagram-focus .diagram-shell{margin-left:-.25rem;margin-right:-.25rem}.quiz-diagram-focus .diagram{max-height:70vh}.quiz-diagram-focus h3{font-size:1rem}.tag-row{display:flex;flex-wrap:wrap;gap:.35rem}.diagram-shell{width:100%;overflow-x:auto}.diagram{width:100%;min-width:340px;max-height:625px}.diagram-label{font-size:12px;font-weight:900;fill:#0f2b43}.diagram-note{font-size:11px;font-weight:900;fill:#0f3659;stroke:#fff;stroke-width:1.8;paint-order:stroke}.focus-you-label{font-size:12px;font-weight:900;letter-spacing:.02em;fill:#062b5c;stroke:#fff;stroke-width:1.2;paint-order:stroke}.runner-label{font-size:8px;font-weight:900;fill:#ea0c0c}.path-ball{stroke:#ef6c00;stroke-width:2.8;stroke-dasharray:6 5;opacity:.82;fill:none}.path-ball-ground{stroke-dasharray:5 6;animation:ball-path-scroll-ground .9s linear infinite}.path-ball-line{stroke-dasharray:9 4;animation:ball-path-scroll-line .55s linear infinite}.path-ball-fly{stroke-dasharray:3 8;animation:ball-path-scroll-fly 1.35s linear infinite}.path-ball-static{animation:none!important;opacity:.58}.path-player{stroke:#1565c0;stroke-width:3;stroke-dasharray:6 5;stroke-linecap:round;opacity:.76}.path-throw{stroke:#12a2a8;stroke-width:4.4;stroke-linecap:round;stroke-dasharray:7 7;animation:throw-trail .62s linear infinite}.moving-player{transform-box:fill-box;transform-origin:center;animation-name:diagram-path-loop;animation-duration:var(--loop-duration, 2.18s);animation-iteration-count:infinite;animation-timing-function:ease-in-out}.kid-player-sprite{filter:drop-shadow(0 0 2px rgba(5,35,70,.5))}.focus-halo{fill:none;stroke:#ffde3b;stroke-width:2.9;opacity:.96}.kid-head{fill:#ffe0bf;stroke:#c57a4f;stroke-width:.95}.kid-cap{fill:#0b3d91;stroke:#041f4a;stroke-width:.8}.kid-jersey{fill:#1e88e5;stroke:#072f68;stroke-width:.95}.kid-arm,.kid-leg{fill:none;stroke:#083a7a;stroke-width:1.35;stroke-linecap:round}.kid-leg{stroke:#23313a}.position-kid-marker{filter:drop-shadow(0 0 2px rgba(10,38,72,.45))}.position-kid-marker.focus-step-pulse{animation:focus-step-pulse .82s ease-in-out 1}.runner-kid-marker{opacity:0;transform-origin:center;transition:opacity .25s ease}.runner-kid-marker.runner-visible{opacity:1;animation:runner-fade-in .35s ease both}.focus-jersey{fill:#1e88e5;stroke:#0d47a1}.player-marker{filter:drop-shadow(0 0 1px rgba(6,29,52,.25))}.player-marker.player-dimmed{opacity:.35;filter:grayscale(.24) drop-shadow(0 0 1px rgba(6,29,52,.18));transition:opacity .22s ease}.base-occupied-ring,.ball-target-ring{fill:none;transform-box:fill-box;transform-origin:center}.base-occupied-ring{stroke:#ffd54f;stroke-width:2.8;opacity:0;animation:base-ring-pop .62s ease-out both}.ball-target-ring{stroke:#ff9f43;stroke-width:3;opacity:0;animation:ball-target-pulse .9s ease-in-out 2}.marlins-logo-badge{fill:url(#marlins-badge-grad);stroke:#00324d;stroke-width:.9}.marlins-logo-stripe{fill:none;stroke:#ff6b35;stroke-width:1.25;stroke-linecap:round}.marlins-logo-mark{font-size:6px;font-weight:900;fill:#fff;letter-spacing:.02em}.moving-ball{pointer-events:none}.baseball-core{fill:#fff;stroke:#cfd8dc;stroke-width:.7}.baseball-seam{fill:none;stroke:#d84343;stroke-width:.9;stroke-linecap:round}.baseball-static{opacity:.92}.baseball-sprite{transform-box:fill-box;transform-origin:center;filter:drop-shadow(0 0 1.2px rgba(0,0,0,.24))}.baseball-line{animation:baseball-line-zoom .2s ease-in-out infinite}.baseball-ground{animation:baseball-ground-bounce .26s ease-in-out infinite,baseball-ground-zoom .32s ease-in-out infinite}.baseball-fly{animation:baseball-fly-zoom var(--ball-sprite-duration, 2.65s) ease-in-out infinite}.baseball-throw{animation:baseball-throw-spin .22s linear infinite,baseball-throw-pop .46s ease-in-out infinite}.feedback-solution-card{border:none;padding:0!important;gap:0;display:grid;grid-template-rows:minmax(0,1fr);align-items:stretch;overflow:hidden}.feedback-solution-card .field-scene-shell{min-height:clamp(245px,40vh,360px);height:100%}.feedback-solution-card .field-scene-stage{min-height:clamp(290px,50vh,430px);height:100%}.hold-stop-text{font-size:10px;fill:#fff;font-weight:900}.hold-stop-subtext{font-size:7px;fill:#fff;font-weight:900}.editor-textarea{width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.status{background:#eaf8ee;border:1px solid #98d5aa;border-radius:10px;padding:.4rem .6rem;color:#1d6d39;font-weight:700}.debug-overlay{position:fixed;right:.85rem;bottom:.85rem;width:min(520px,94vw);max-height:84vh;overflow:auto;z-index:1600;background:#fff;border:2px solid #243f63;border-radius:14px;padding:.75rem;box-shadow:0 14px 24px #051c3440}.debug-overlay.collapsed{width:auto;min-width:250px}.debug-header{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.debug-grid{display:grid;grid-template-columns:1fr;gap:.25rem;border:1px solid #c7d8ea;border-radius:10px;padding:.55rem;background:#f7fbff}.debug-checklist{margin:0;padding-left:1rem;display:flex;flex-direction:column;gap:.35rem}.debug-checklist li.pass{color:#1b6f2a}.debug-checklist li.fail{color:#8a1f1f}.sticker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.6rem}.sticker-tile{border-radius:16px;border:1px solid #d7e2ef;padding:.7rem;background:#fff;display:flex;flex-direction:column;gap:.2rem;transition:transform .14s ease,box-shadow .14s ease}.sticker-tile:hover{transform:translateY(-2px);box-shadow:0 8px 14px #1c3e6024}.sticker-tile.unlocked{border-color:#d0a449;background:#fff7e6}.sticker-tile.locked{opacity:.64}.sticker-emoji{font-size:1.42rem}.mini-label{display:inline-block;align-self:flex-start;border-radius:999px;padding:.2rem .6rem;background:#f0f6ff;border:1px solid #bcd4eb;font-size:.82rem}.sticker-modal-backdrop,.settings-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e1f306b;z-index:1400;display:flex;justify-content:center;align-items:center;padding:1rem}.sticker-modal{width:min(620px,95vw);border-radius:24px;border:3px solid #9ec2ea;background:#fff;padding:1rem;display:flex;flex-direction:column;gap:.7rem;box-shadow:0 18px 34px #061f3942}.settings-drawer{width:min(460px,95vw);max-height:90vh;overflow:auto}.settings-header{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.toggle-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.55rem .7rem;border-radius:13px;background:#fff;border:2px solid #d1e1f2}.toggle-row input[type=checkbox]{width:22px;height:22px}.confetti-wrap{position:fixed;pointer-events:none;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:1000}.confetti{position:absolute;top:-10px;width:10px;height:14px;border-radius:2px;box-shadow:0 0 0 1px #ffffff59 inset;animation-name:confetti-fall;animation-timing-function:ease-out;animation-fill-mode:forwards}.rules-list,.tip-box ol{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.5rem}.tip-box{border:2px dashed #8ec7a5;border-radius:12px;background:#f2fff5;padding:.7rem}.pop-in-enter-active,.pop-in-leave-active{transition:all .18s ease}.pop-in-enter-from,.pop-in-leave-to{opacity:0;transform:translateY(8px) scale(.97)}.step-line-enter-active,.step-line-leave-active{transition:opacity .2s ease,transform .24s ease}.step-line-enter-from,.step-line-leave-to{opacity:0;transform:translateY(6px) scale(.985)}.answer-choice-pop .big-choice-tile{opacity:0;animation:answer-choice-in .32s cubic-bezier(.22,1,.36,1) forwards}.slide-in-enter-active,.slide-in-leave-active{transition:opacity .2s ease}.slide-in-enter-from,.slide-in-leave-to{opacity:0}@keyframes wrong-shake{0%{transform:translate(0)}25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}to{transform:translate(0)}}@keyframes sparkle-pop{0%,to{transform:scale(.8) rotate(-8deg);opacity:.5}50%{transform:scale(1.2) rotate(8deg);opacity:1}}@keyframes bounce-stars{0%{transform:translateY(5px) scale(.9);opacity:.4}70%{transform:translateY(-2px) scale(1.08);opacity:1}to{transform:translateY(0) scale(1)}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(85vh) rotate(380deg)}}@keyframes diagram-path-loop{0%{transform:translate(var(--from-x),var(--from-y)) scale(.45);opacity:.25}15%{opacity:1}50%{transform:translate(var(--to-x),var(--to-y)) scale(1);opacity:1}85%{opacity:.95}to{transform:translate(var(--from-x),var(--from-y)) scale(.45);opacity:.25}}@keyframes ball-path-scroll-ground{0%{stroke-dashoffset:0}to{stroke-dashoffset:-22}}@keyframes ball-path-scroll-line{0%{stroke-dashoffset:0}to{stroke-dashoffset:-30}}@keyframes ball-path-scroll-fly{0%{stroke-dashoffset:0}to{stroke-dashoffset:-18}}@keyframes baseball-line-zoom{0%,to{transform:scale(.9)}50%{transform:scale(1.25)}}@keyframes baseball-ground-bounce{0%,to{transform:translateY(0) scale(.96)}50%{transform:translateY(-2.1px) scale(1.08)}}@keyframes baseball-ground-zoom{0%,to{filter:drop-shadow(0 0 1.2px rgba(0,0,0,.24))}50%{filter:drop-shadow(0 0 2.1px rgba(239,108,0,.45))}}@keyframes baseball-fly-zoom{0%,to{transform:scale(1)}50%{transform:scale(3)}}@keyframes throw-trail{0%{stroke-dashoffset:0;opacity:.86}to{stroke-dashoffset:-20;opacity:1}}@keyframes baseball-throw-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes baseball-throw-pop{0%,to{transform:scale(.94)}50%{transform:scale(1.11)}}@keyframes focus-step-pulse{0%{transform:scale(1);filter:drop-shadow(0 0 2px rgba(10,38,72,.45))}50%{transform:scale(1.08);filter:drop-shadow(0 0 5px rgba(255,222,59,.8))}to{transform:scale(1);filter:drop-shadow(0 0 2px rgba(10,38,72,.45))}}@keyframes runner-fade-in{0%{opacity:0}to{opacity:1}}@keyframes base-ring-pop{0%{opacity:0;transform:scale(.65)}70%{opacity:1;transform:scale(1.08)}to{opacity:.9;transform:scale(1)}}@keyframes ball-target-pulse{0%{opacity:0;transform:scale(.76)}35%{opacity:1;transform:scale(1.03)}to{opacity:0;transform:scale(1.2)}}@keyframes answer-choice-in{0%{opacity:0;transform:translateY(10px) scale(.94)}70%{opacity:1;transform:translateY(-2px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.high-contrast{color:#0f2033}.high-contrast .kid-card,.high-contrast .card{border-color:#2c6fb1}.high-contrast button{border-color:#2569ad}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}@media(max-width:760px){.topbar{align-items:stretch}.topbar-main{align-items:center}.topbar-actions{flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:nowrap}.coach-menu-wrap{width:auto;flex:1 1 0}.coach-menu-btn{width:100%}.topbar-actions .tab-btn{flex:1 1 0}.coach-menu-panel{left:0;right:0;min-width:0}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.kid-hud{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.2rem}.kid-hud .badge-pill{flex:0 0 auto}.quiz-diagram-focus .field-scene-stage{min-height:clamp(260px,42vh,360px)}.feedback-solution-card .field-scene-stage{min-height:clamp(225px,36vh,320px)}.scene-bottom-bug{left:9px;right:9px;bottom:9px;min-height:36px;font-size:.84rem;padding:.42rem .55rem}.diagram{min-width:0;max-height:62vh}.quiz-diagram-focus .diagram{max-height:72vh}.prompt-row{grid-template-columns:1fr}.settings-fab{justify-self:start}.kid-hud{justify-content:flex-start}}@media(max-width:480px){.app-shell{padding-top:max(.5rem,env(safe-area-inset-top));padding-right:max(.5rem,env(safe-area-inset-right));padding-bottom:max(.65rem,env(safe-area-inset-bottom));padding-left:max(.5rem,env(safe-area-inset-left));gap:.55rem}.topbar{position:static}.topbar h1{font-size:1.32rem}.topbar-main{align-items:flex-start}.topbar-brand .muted{display:none}.kid-card,.card{border-radius:16px;padding:.68rem}.mode-panel{padding:.75rem}.hud-row{gap:.28rem}.hud-pill,.overlay-pill{min-height:30px;font-size:.73rem;padding:.2rem .28rem}.scene-overlay{top:9px;left:9px;gap:.22rem}.topbar-actions{width:100%;justify-content:flex-start;flex-wrap:nowrap}.topbar-brand .muted{font-size:.85rem}.coach-menu-panel{top:calc(100% + .3rem)}.settings-grid,.editor-grid{grid-template-columns:1fr;gap:.7rem}.big-choice-tile{min-height:56px;padding:.45rem .55rem}button,select,input,textarea,.badge-pill{min-height:42px}select,input,textarea{font-size:16px}.inline-actions{display:grid;grid-template-columns:1fr}.inline-actions button{width:100%}.diagram{min-width:0;max-height:58vh}.quiz-question-card{min-height:auto}.quiz-diagram-focus{margin-left:-.35rem;margin-right:-.35rem;padding:0}.quiz-diagram-focus .field-scene-shell{width:100%;max-width:100%;margin-left:auto;margin-right:auto}.quiz-diagram-focus .field-scene-stage{min-height:clamp(250px,40vh,340px)}.feedback-solution-card .field-scene-stage{min-height:clamp(210px,33vh,285px)}.scene-bottom-bug{left:9px;right:9px;bottom:9px;min-height:36px;font-size:.84rem;padding:.42rem .55rem}.quiz-diagram-focus .diagram{max-height:62vh}}