:root{--navy:#16324f;--navy-deep:#0f2438;--orange:#ff6b1a;--orange-hot:#ff8a3d;--gold:#ffc857;--cream:#fff4e0;--paper:#fffaf1;--sky:#7ec8e3;--grass:#3d9a5f;--ink:#1c2430;--muted:#5a6a7a;--line:#16324f;--shadow:6px 6px 0 var(--navy);--radius:22px;--max:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6.5rem;overflow-x:clip}body{color:var(--ink);background:radial-gradient(circle at 12% -10%, #ffe2b8 0, transparent 42%), radial-gradient(circle at 110% 8%, #cdeef8 0, transparent 36%), repeating-linear-gradient(90deg, transparent 0 46px, #16324f09 46px 47px), var(--cream);max-width:100%;margin:0;font-family:Nunito,Trebuchet MS,sans-serif;font-weight:600;line-height:1.5;overflow-x:clip}h1,h2,h3,.brand strong,.btn,.chip-btn{font-family:Fredoka,Nunito,sans-serif}img,svg{max-width:100%;display:block}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.skip{position:absolute;top:12px;left:-999px}.skip:focus{z-index:20;background:var(--gold);border-radius:10px;padding:8px 12px;left:12px}.app{flex-direction:column;min-height:100vh;display:flex}.site-header{z-index:10;background:var(--navy);color:#fff;border-bottom:4px solid var(--orange);position:sticky;top:0}.header-inner{max-width:var(--max);justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:.7rem 1.1rem .35rem;display:flex}.brand{align-items:center;gap:.7rem;min-width:0;text-decoration:none;display:flex}.brand strong{letter-spacing:.02em;font-size:1.45rem;display:block}.brand small{color:var(--gold);max-width:14.5rem;font-size:.78rem;line-height:1.25;display:block}.menu-btn{background:var(--orange);color:#fff;cursor:pointer;border:3px solid #fff;border-radius:999px;padding:.45rem .9rem;font-weight:700;display:none}.nav{max-width:var(--max);grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;margin:0 auto;padding:0 1.1rem .75rem;display:grid}.nav a{text-align:center;background:#ffffff1f;border:2px solid #ffffff2e;border-radius:14px;padding:.55rem .7rem;font-weight:800;text-decoration:none}.nav a:hover,.nav a.active{background:var(--orange);border-color:var(--orange)}main{max-width:var(--max);flex:1;width:100%;margin:0 auto;padding:2rem 1.1rem 3rem}.hero{background:var(--paper);border:4px solid var(--navy);box-shadow:var(--shadow);border-radius:32px;grid-template-columns:1.15fr .85fr;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:2rem 2.1rem;display:grid}.eyebrow{color:var(--orange);text-transform:uppercase;letter-spacing:.12em;margin:0 0 .4rem;font-size:.78rem;font-weight:800}h1{margin:0 0 .8rem;font-size:clamp(2rem,4vw,3.3rem);line-height:1.05}h1 span{color:var(--orange);display:block}.lead{color:var(--muted);max-width:40rem;font-size:1.12rem}.hero-actions{flex-wrap:wrap;gap:.7rem;margin-top:1.2rem;display:flex}.btn{border:3px solid var(--navy);cursor:pointer;box-shadow:4px 4px 0 var(--navy);border-radius:999px;justify-content:center;align-items:center;padding:.7rem 1.2rem;font-weight:700;text-decoration:none;transition:transform .12s;display:inline-flex}.btn:active{box-shadow:0 0 0 var(--navy);transform:translate(2px,2px)}@media (hover:hover) and (pointer:fine){.btn:hover,.chip-btn:hover,.path-card:hover,.promo:hover{transform:translate(-2px,-2px)}}.btn-primary{background:var(--orange);color:#fff}.btn-ghost{background:var(--gold)}.btn-small{background:var(--gold);padding:.4rem .9rem;font-size:.95rem}.hero-art{justify-items:center;gap:.8rem;display:grid}.mascot.bounce{animation:1.8s ease-in-out infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.speech{border:3px solid var(--navy);text-align:center;background:#fff;border-radius:18px 18px 18px 4px;margin:0;padding:.7rem .9rem;font-weight:800}.section{margin:0 0 2.2rem}.section h2,.page h1{margin:0 0 .8rem}.path-grid{grid-template-columns:repeat(4,1fr);align-items:stretch;gap:1rem;display:grid}.path-grid.pair{grid-template-columns:1fr 1fr}.path-card{border:4px solid var(--navy);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;height:12.5rem;min-height:12.5rem;padding:1.1rem;text-decoration:none;display:flex}.path-card.gold{background:var(--gold)}.path-card.grass{background:#b7ebc6}.path-card.orange{background:#ffd1b0}.path-card.sky{background:var(--sky)}.path-emoji{font-size:2rem}.path-card h3{margin:.4rem 0 .3rem;font-size:1.4rem}.path-card p{flex:1;margin:0}.section-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.hint,.count,.fine{color:var(--muted)}.workout{border:4px solid var(--navy);box-shadow:var(--shadow);background:#fff;border-radius:28px;padding:1.3rem 1.4rem .6rem}.workout-list{padding:0;list-style:none}.workout-list li{border-top:2px dashed #16324f33;align-items:center;gap:.8rem;padding:.7rem 0;display:flex}.workout-list a{font-size:1.15rem;font-weight:800}.workout-list small{color:var(--muted);display:block}.num{background:var(--orange);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:2.1rem;height:2.1rem;font-family:Fredoka,sans-serif;font-weight:700;display:grid}.split{grid-template-columns:1fr 1fr;align-items:stretch;gap:1rem;display:grid}.promo{background:var(--navy);color:#fff;border:4px solid var(--navy-deep);box-shadow:var(--shadow);border-radius:28px;flex-direction:column;height:13.5rem;min-height:13.5rem;padding:1.4rem;text-decoration:none;display:flex}.promo h2{color:var(--gold)}.promo-alt{background:var(--grass);color:#fff}.promo-alt h2{color:#eafff1}.linkish{margin-top:auto;font-weight:800}.safety{border:4px dashed var(--navy);background:#fff3c4;border-radius:24px;padding:1.2rem 1.4rem}.safety-list{margin:0;padding-left:1.2rem}.safety-list li{margin:.35rem 0}.site-footer{background:var(--navy-deep);color:#d7e4ef;margin-top:auto}.footer-inner{max-width:var(--max);align-items:center;gap:1rem;margin:0 auto;padding:1.3rem 1.1rem;display:flex}.page{padding-top:.35rem}.page h1{font-size:clamp(2rem,4vw,3rem)}.filters{gap:.8rem;margin:1.2rem 0 .6rem;display:grid}.filters-more{background:0 0;border:0;padding:0}.filters-more>summary{display:none}.filters-stack{gap:.8rem;display:grid}@media (width>=901px){.filters-more:not([open])>.filters-stack{display:grid!important}}.filters-dot{background:var(--orange);color:#fff;border-radius:999px;margin-left:.45rem;padding:.12rem .5rem;font-family:Nunito,sans-serif;font-size:.78rem;font-weight:800}fieldset{border:3px solid var(--navy);background:#fff;border-radius:18px;flex-wrap:wrap;align-items:center;gap:.5rem .55rem;padding:.85rem 1rem 1rem;display:flex}legend{padding:0 .45rem;font-family:Fredoka,sans-serif;font-size:1.35rem;font-weight:700}.chip-btn{border:3px solid var(--navy);background:var(--cream);cursor:pointer;border-radius:999px;min-width:3rem;min-height:3rem;margin:0;padding:.55rem 1.15rem;font-size:1.25rem;font-weight:700;line-height:1.2}.chip-btn.on{background:var(--orange);color:#fff}.ex-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:1.1rem;display:grid}.ex-card{border:4px solid var(--navy);box-shadow:var(--shadow);background:#fff;border-radius:24px;flex-direction:column;height:40rem;min-height:40rem;padding:1.1rem 1.15rem 1rem;scroll-margin-top:5.5rem;display:flex}.ex-card-top{justify-content:space-between;align-items:start;gap:.6rem;min-height:3.2rem;display:flex}.ex-card h3{margin:0;font-size:1.35rem}.level-badge{border:3px solid var(--navy);text-align:center;border-radius:12px;flex-shrink:0;min-width:4.6rem;margin:0;padding:.2rem .45rem .25rem;line-height:1.15}.level-badge strong,.level-badge small{font-family:Fredoka,sans-serif;display:block}.level-badge strong{font-size:.92rem}.level-badge small{font-size:.68rem;font-weight:800}.level-easy{background:#b7ebc6}.level-mid{background:var(--gold)}.level-hard{background:var(--orange);color:#fff}.chips{flex-wrap:wrap;gap:.35rem;margin:.7rem 0;padding:0;list-style:none;display:flex}.chip{border:2px solid var(--navy);border-radius:999px;padding:.15rem .55rem;font-size:.82rem;font-weight:800}.chip.home{background:var(--gold)}.chip.out{background:#b7ebc6}.chip.ball{background:#ffd1b0}.chip.noball{background:var(--sky)}.train-block{margin-top:1.8rem;scroll-margin-top:5rem}.train-block h2{margin-bottom:.25rem}.chip.skill,.chip.time{background:#fff}.chip.team{background:#ffd1b0}.chip.solo{background:var(--sky)}.why{min-height:4.4rem;margin:.2rem 0 .6rem}.needs{background:var(--cream);border-radius:12px;min-height:3.1rem;padding:.45rem .6rem}.steps{flex:1;min-height:0;margin:.5rem 0 .8rem;padding-left:1.2rem;overflow:auto}.steps li{margin:.35rem 0}.badi-tip{background:var(--navy);color:#fff;white-space:normal;border-radius:14px;min-height:4.4rem;margin:auto 0 0;padding:.7rem .8rem}.rule-list,.tactic-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:1rem;display:grid}.rule{border:4px solid var(--navy);box-shadow:4px 4px 0 var(--navy);background:#fff;border-radius:20px;flex-direction:column;height:20rem;min-height:20rem;display:flex}.rule-head{text-align:left;background:0 0;border:0;grid-template-columns:auto 1fr;align-items:start;gap:.8rem;width:100%;min-height:4.6rem;padding:.9rem 1rem .3rem;display:grid}.rule-head small{color:var(--muted);display:block}.rule-emoji,.tactic-emoji{font-size:1.6rem}.rule-body{flex:1;min-height:0;margin:0;padding:0 1rem 1rem;overflow:auto}.quiz{border:4px solid var(--navy);box-shadow:var(--shadow);background:#fff;border-radius:24px;margin-top:2rem;padding:1.2rem}.quiz-q{font-size:1.25rem;font-weight:800}.answers{gap:.55rem;display:grid}.answer{text-align:left;background:var(--cream);border:3px solid var(--navy);cursor:pointer;border-radius:14px;align-items:center;min-height:3.8rem;padding:.7rem .85rem;font-weight:700;display:flex}.answer.good{background:#b7ebc6}.answer.bad{background:#ffb4a8}.explain,.quiz-result{margin-top:1rem}.score{margin:0 0 .4rem;font-family:Fredoka,sans-serif;font-size:1.8rem}.tactic-card{border:4px solid var(--navy);box-shadow:var(--shadow);background:#fff;border-radius:24px;flex-direction:column;height:auto;min-height:46rem;padding:1.1rem 1.2rem;display:flex}.tactic-kicker{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0 0 .15rem;font-size:.75rem;font-weight:800}.tactic-card header{align-items:start;gap:.8rem;min-height:5.2rem;display:flex}.tactic-card h2{margin:0;font-size:1.4rem}.idea{color:var(--orange);margin:.15rem 0 0;font-weight:800}.tactic-body{flex:0 auto;min-height:0;margin:.55rem 0 .7rem}.do-this{border-left:6px solid var(--grass);background:#e7f8ee;border-radius:0 12px 12px 0;min-height:4.6rem;margin:auto 0 0;padding:.7rem .8rem}.diagram-slot{flex-direction:column;justify-content:center;min-height:15.5rem;display:flex}.diagram-label{margin:0 0 .4rem;font-weight:800}.court{border:4px solid var(--navy);background-color:#c57a3a;background-image:linear-gradient(#ffffff14 1px,#0000 1px),radial-gradient(circle at 50% 10%,#ffffff1f,#0000 46%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-radius:16px;height:200px;position:relative;overflow:hidden}.arc{pointer-events:none;border:3px solid #ffffff73;border-top:none;border-radius:0 0 50% 50%;width:176px;height:148px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.paint{pointer-events:none;border:3px solid #ffffffb3;border-top:none;border-radius:0 0 40px 40px;width:72px;height:68px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.hoop{background:var(--orange);z-index:1;border:4px solid #fff;border-radius:8px;width:54px;height:14px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.spot{pointer-events:none;border:3px dashed #ffffffd9;border-radius:50%;width:18px;height:18px;position:absolute;transform:translate(-50%,-50%)}.dot{border:3px solid var(--navy);z-index:2;background:#fff;border-radius:50%;width:22px;height:22px;position:absolute;transform:translate(-50%,-50%)}.dot.play{top:var(--y0);left:var(--x0);animation:10s ease-in-out infinite court-run}.dot.ball{background:var(--orange);z-index:3;width:16px;height:16px}.dot.defense{background:var(--sky);width:26px;height:26px}.dot.pos{width:28px;height:28px;color:var(--navy);place-items:center;font-family:Fredoka,sans-serif;font-size:.85rem;font-weight:700;display:grid}@keyframes court-run{0%,10%{top:var(--y0);left:var(--x0)}32%{top:var(--y1);left:var(--x1)}58%{top:var(--y2);left:var(--x2)}80%,90%{top:var(--y3);left:var(--x3)}to{top:var(--y0);left:var(--x0)}}.diagram-caption{color:var(--muted);margin:.35rem 0 0;font-size:.9rem}@media (prefers-reduced-motion:reduce){.dot.play{top:var(--y3);left:var(--x3);animation:none}}.empty{border:3px dashed var(--navy);background:#fff;border-radius:16px;padding:1rem}.welcome{-webkit-overflow-scrolling:touch;background:radial-gradient(circle at 12% -10%, #ffe2b8 0, transparent 42%), radial-gradient(circle at 110% 8%, #cdeef8 0, transparent 36%), var(--navy-deep);justify-content:center;align-items:center;min-height:100dvh;padding:1.2rem;display:flex;overflow-y:auto}.welcome-card{background:var(--paper);border:4px solid var(--navy);width:min(36rem,100%);box-shadow:var(--shadow);border-radius:28px;padding:1.4rem 1.5rem 1.35rem}.welcome-hero{align-items:start;gap:1rem;margin-bottom:1.1rem;display:flex}.welcome-lead{color:var(--muted);margin:.35rem 0 0}.welcome-values{gap:.65rem;margin:0 0 1.2rem;padding:0;list-style:none;display:grid}.welcome-values li{border:3px solid var(--navy);background:#fff;border-radius:16px;align-items:start;gap:.75rem;padding:.7rem .85rem;display:flex}.welcome-values li span{font-size:1.45rem;line-height:1}.welcome-values strong{font-family:Fredoka,Nunito,sans-serif;font-size:1.15rem;display:block}.welcome-values p{color:var(--muted);margin:.15rem 0 0}.welcome-btn{width:100%;min-height:3.2rem;font-size:1.15rem}@media (width<=900px){html{scroll-padding-top:5.2rem}.site-header{padding-top:env(safe-area-inset-top,0px)}.header-inner{padding:.5rem max(.85rem, env(safe-area-inset-right,0px)) .3rem max(.85rem, env(safe-area-inset-left,0px))}.brand strong{font-size:1.2rem}.brand small{max-width:11.5rem;font-size:.68rem}.brand .mascot{width:40px;height:40px}.menu-btn{justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:.4rem .85rem;display:inline-flex}.nav{padding:0 max(.85rem, env(safe-area-inset-right,0px)) .75rem max(.85rem, env(safe-area-inset-left,0px));grid-template-columns:1fr;display:none}.nav.open{display:grid}.nav a{justify-content:center;align-items:center;min-height:44px;display:flex}main{padding:1.1rem max(.85rem, env(safe-area-inset-right,0px)) max(2.2rem, env(safe-area-inset-bottom,0px)) max(.85rem, env(safe-area-inset-left,0px))}.hero,.path-grid,.path-grid.pair,.split,.ex-grid,.rule-list,.tactic-grid{grid-template-columns:1fr}.hero{box-shadow:4px 4px 0 var(--navy);border-radius:22px;gap:.9rem;margin-bottom:1.35rem;padding:1.1rem 1rem}h1,.page h1{font-size:clamp(1.65rem,8vw,2.2rem)}.lead{font-size:1.02rem}.hero-actions{grid-template-columns:1fr;gap:.55rem;display:grid}.hero-actions .btn{width:100%;min-height:48px}.hero-art .mascot{width:110px;height:110px}.section{margin-bottom:1.45rem}.section-head{flex-direction:column;align-items:flex-start;gap:.3rem}.path-card,.promo,.ex-card,.rule,.tactic-card{height:auto;min-height:0;box-shadow:4px 4px 0 var(--navy)}.path-card{padding:.95rem 1rem}.path-card p,.promo p{flex:none}.promo{padding:1.1rem}.filters{gap:.55rem;margin:.9rem 0 .4rem}.filters-more{border:3px solid var(--navy);background:#fff;border-radius:18px;padding:.15rem .75rem}.filters-more>summary{cursor:pointer;align-items:center;min-height:44px;font-family:Fredoka,Nunito,sans-serif;font-size:1.02rem;font-weight:700;list-style:none;display:flex}.filters-more>summary::-webkit-details-marker{display:none}.filters-more>summary:before{content:"+";width:1.4rem;color:var(--orange);place-items:center;margin-right:.4rem;font-size:1.25rem;line-height:1;display:inline-grid}.filters-more[open]>summary:before{content:"–"}.filters-more[open]{padding-bottom:.75rem}.filters-stack{gap:.55rem;margin-top:.45rem}fieldset{gap:.4rem;padding:.6rem .7rem .75rem}legend{font-size:1.02rem}.chip-btn{min-width:44px;min-height:44px;padding:.38rem .75rem;font-size:.95rem}.ex-card{padding:.95rem}.ex-card-top,.rule-head,.tactic-card header,.why,.needs,.badi-tip,.do-this{min-height:0}.steps,.rule-body{min-height:0;overflow:visible}.rule-body{padding-left:1rem}.tactic-card{padding:.95rem 1rem}.diagram-slot{min-height:0}.court{height:168px}.arc{width:140px;height:118px}.answer{min-height:48px}.workout{padding:1rem 1rem .4rem}.workout-list a{font-size:1.05rem}.footer-inner{text-align:center;padding:1.1rem .9rem max(1.15rem, env(safe-area-inset-bottom,0px));flex-direction:column;gap:.65rem}.welcome{padding:max(.9rem, env(safe-area-inset-top,0px)) max(.8rem, env(safe-area-inset-right,0px)) max(1.1rem, env(safe-area-inset-bottom,0px)) max(.8rem, env(safe-area-inset-left,0px));align-items:flex-start}.welcome-card{border-radius:22px;margin-block:auto;padding:1.05rem .95rem 1.1rem}.welcome-hero{text-align:center;flex-direction:column;align-items:center;margin-bottom:.8rem}.welcome-hero .mascot{width:72px;height:72px}.welcome-hero h1{font-size:1.55rem}.welcome-values li{padding:.55rem .7rem}.welcome-btn{box-shadow:0 -10px 14px var(--paper), 4px 4px 0 var(--navy);margin-top:.5rem;position:sticky;bottom:0}}@media (width<=480px){.path-emoji{font-size:1.6rem}.path-card h3{font-size:1.2rem}.chip-btn{padding:.35rem .62rem;font-size:.88rem}.court{height:148px}.paint{width:58px;height:56px}}