@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap";:root{--cream: #fcfbe3;--cream-ink: #141414;--forest: #1e4d2b;--charcoal: #141414;--sage: #98b091;--panel: #1c1c1c;--text: #f2f2f0;--muted: #a8b0a6;--accent: #3dd68c;--red: #e74c3c;--blue: #5dade2;--font-display: "Bebas Neue", sans-serif;--font-body: "DM Sans", system-ui, sans-serif;--header-h: 64px;--radius: 10px;--max: 1100px}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-body);color:var(--text);background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(61,214,140,.12),transparent),linear-gradient(165deg,#0c1210,#121a15 45%,#0a0f0c);line-height:1.5}a{color:inherit}h1,h2,h3{font-family:var(--font-display);letter-spacing:.04em;font-weight:400;margin:0}.shell-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:var(--header-h);padding:.75rem 1.25rem;background:#0a0f0ceb;border-bottom:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.shell-brand{display:flex;align-items:center;gap:.75rem;text-decoration:none}.shell-brand img{border-radius:50%;background:#fff}.shell-title{font-family:var(--font-display);font-size:1.35rem;letter-spacing:.06em;line-height:1}.shell-sub{font-size:.75rem;color:var(--muted)}.shell-nav{display:flex;gap:1rem;font-size:.95rem}.shell-nav a{text-decoration:none;color:var(--muted)}.shell-nav a:hover{color:var(--accent)}.shell-main{max-width:var(--max);margin:0 auto;padding:1.5rem 1.25rem 3rem}.catalog-hero{margin-bottom:2rem;animation:rise .6s ease both}.catalog-hero h1{font-size:clamp(2.5rem,6vw,3.75rem);line-height:.95}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;color:var(--accent);margin:0 0 .35rem}.lead{max-width:38rem;color:var(--muted)}.track{margin-bottom:2.25rem;animation:rise .7s ease both}.track h2{font-size:1.75rem;margin-bottom:.85rem;color:var(--sage)}.module-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.module-card{display:flex;flex-direction:column;justify-content:space-between;min-height:180px;padding:1.1rem 1.15rem;border-radius:var(--radius);border:1px solid rgba(255,255,255,.08);background:#162018d9;transition:transform .2s ease,border-color .2s ease}.module-card.theme-cream{background:linear-gradient(160deg,#1a2218,#152018);border-color:#fcfbe326}.module-card:not(.locked):hover{transform:translateY(-3px);border-color:#3dd68c59}.module-card.locked{opacity:.55}.module-card.mastered{border-color:#3dd68c73}.module-card h3{font-size:1.45rem;margin-bottom:.35rem}.module-card p{margin:0;color:var(--muted);font-size:.92rem}.module-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.85rem;font-size:.8rem;color:var(--muted)}.badge{background:#3dd68c26;color:var(--accent);padding:.15rem .45rem;border-radius:4px}.locked-badge{background:#ffffff14;color:var(--muted)}.module-cta{margin-top:1rem;display:inline-flex;align-items:center;justify-content:center;padding:.55rem .85rem;border-radius:6px;background:var(--accent);color:#0a0f0c;font-weight:600;text-decoration:none;font-size:.9rem}.module-cta.disabled{background:#ffffff14;color:var(--muted)}.chapter-hub-hero{margin-bottom:1.5rem}.chapter-hub-hero h1{font-family:var(--font-display);font-size:clamp(2.2rem,5vw,3.2rem);margin:0 0 .4rem;letter-spacing:.02em}.chapter-hub-meta{color:var(--muted);font-size:.9rem}.chapter-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.chapter-list li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.85rem;padding:1rem 1.1rem;border-radius:var(--radius);border:1px solid rgba(255,255,255,.08);background:#162018d9}.chapter-list li.mastered{border-color:#3dd68c66}.chapter-list-body{display:flex;gap:.85rem;align-items:flex-start;flex:1;min-width:0}.chapter-list h3{margin:0 0 .25rem;font-size:1.2rem}.chapter-list p{margin:0;color:var(--muted);font-size:.9rem}.chapter-num{flex-shrink:0;width:2rem;height:2rem;border-radius:999px;display:grid;place-items:center;font-weight:700;font-size:.85rem;background:#3dd68c26;color:var(--accent)}.chapter-nav{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-bottom:.85rem;padding:.75rem .9rem;border-radius:var(--radius);background:#121a15e6;border:1px solid rgba(255,255,255,.08)}.chapter-nav-current{display:flex;flex-direction:column;gap:.15rem;min-width:10rem;flex:1}.chapter-nav-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.chapter-nav-links{display:flex;gap:.5rem}.chapter-pills{display:flex;flex-wrap:wrap;gap:.35rem;width:100%}.chapter-pill{width:1.85rem;height:1.85rem;border-radius:999px;display:grid;place-items:center;font-size:.75rem;font-weight:700;text-decoration:none;color:var(--muted);border:1px solid rgba(255,255,255,.12);background:#00000040}.chapter-pill.active{color:#0c1210;background:var(--accent);border-color:var(--accent)}.chapter-pill.done:not(.active){border-color:#3dd68c8c;color:var(--accent)}.lesson-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;gap:.75rem}.lesson-top-actions{display:flex;align-items:center;gap:.65rem}.btn.restart-lesson{font-size:.82rem;padding:.35rem .7rem}.back-link{color:var(--muted);text-decoration:none;font-size:.9rem}.back-link:hover{color:var(--accent)}.step-progress{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.9rem}.lesson-header-bar{padding:.85rem 1rem;border-radius:var(--radius);margin-bottom:1rem;animation:rise .45s ease both}.lesson-header-bar.theme-cream{background:#fff;color:var(--cream-ink);box-shadow:0 6px 18px #0000001f}.lesson-header-bar.theme-dark{background:var(--sage);color:#fff}.lesson-header-bar h1{font-size:clamp(1.5rem,3vw,2rem);line-height:1.1}.lesson-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.9fr);gap:1.25rem;align-items:start}@media (max-width: 860px){.lesson-layout{grid-template-columns:1fr}}.lesson-stage{display:flex;flex-direction:column;gap:.85rem}.pitch-wrap{border-radius:var(--radius);overflow:hidden;border:1px solid rgba(255,255,255,.08);animation:fade-in .5s ease both}.pitch-wrap.theme-cream{background:var(--cream);border-color:#1e4d2b33}.pitch-wrap.theme-dark{background:var(--charcoal)}.pitch-svg{display:block;width:100%;height:auto;touch-action:none}.player-draggable{filter:drop-shadow(0 0 2px rgba(61,214,140,.65))}.player-fixed{filter:drop-shadow(0 0 2.5px rgba(46,204,113,.85))}.player-fixed .player-fixed-ring{stroke:#2ecc71}.player-draggable.player-fixed{filter:drop-shadow(0 0 3px rgba(46,204,113,.95))}.structure-link{stroke-dasharray:2.4 1.4;animation:link-dash 2.2s linear infinite;pointer-events:none;transition:opacity .25s ease,stroke-width .25s ease}.structure-link.lane-hot{animation:link-dash 1.6s linear infinite}.structure-link.lane-dim{animation:link-dash 3.2s linear infinite}.pitch-arrow{animation:arrow-flow 1.4s linear infinite;pointer-events:none}.pitch-arrow.lane-flash{animation:arrow-flow 1.1s linear infinite,lane-pulse .9s ease-in-out infinite}@keyframes lane-pulse{0%,to{opacity:.72}50%{opacity:1}}.lane-dim .pitch-arrow{animation-duration:2.4s}.pitch-ball.ball-draggable{cursor:grab}.pitch-ball.ball-dragging{cursor:grabbing;filter:drop-shadow(0 0 2px rgba(241,196,15,.85))}.pitch-arrow.press{animation:press-pulse 1.1s ease-in-out infinite}.pitch-arrow.dotted{animation-duration:1.8s}.player-halo-glow{animation:halo-breathe 1.6s ease-in-out infinite}.board-callout{animation:callout-pop .55s ease both;pointer-events:none}.callout-leader{animation:fade-in .7s ease both;pointer-events:none}.zone-flash-ring{pointer-events:none}.demo-live-note{margin:0;font-size:.85rem;color:var(--accent)}.demo-controls{display:flex;flex-direction:column;gap:.45rem;align-items:flex-start}.btn.play-animation{min-width:9.5rem}.pitch-side-label{padding:.4rem .75rem;font-weight:700;font-size:.85rem}.pitch-side-label.offence{color:var(--red)}.pitch-side-label.defence{color:var(--blue)}.dual-pitch{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.ev-panel{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;padding:.85rem 1rem;border-radius:var(--radius);background:var(--cream);color:var(--cream-ink);border:1px solid rgba(0,0,0,.08);animation:rise .4s ease both}.ev-label{font-size:.78rem;font-weight:600}.ev-value{font-family:var(--font-display);font-size:2rem;line-height:1;margin:.2rem 0}.ev-value.best{color:var(--cream-ink)}.ev-value.worse{color:var(--red)}.ev-formula{font-size:.75rem;color:#555}.lesson-panel{display:flex;flex-direction:column;gap:.85rem;padding:1.1rem;border-radius:var(--radius);background:#121a15e6;border:1px solid rgba(255,255,255,.08);animation:rise .55s ease both}.lesson.theme-cream .lesson-panel{background:#fcfbe30f}.lesson-body{margin:0;color:var(--muted);line-height:1.55;font-size:.95rem}.lesson-copy .lesson-body+.lesson-body{margin-top:.75rem}.lesson-points{margin:0;padding:.75rem .85rem .75rem 1.35rem;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text);font-size:.9rem;line-height:1.45}.lesson-points li{margin:.35rem 0}.lesson-points li::marker{color:var(--accent)}.lesson.theme-cream .lesson-points{background:#1e4d2b0f;border-color:#1e4d2b26;color:var(--cream-ink)}.quiz-prompt{font-weight:600;margin:0 0 .65rem}.quiz-count{font-size:.8rem;color:var(--muted);margin:.5rem 0 0}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:var(--text);border-radius:6px;padding:.55rem .9rem;font:inherit;font-weight:600;cursor:pointer}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);color:#0a0f0c;border-color:transparent}.btn.choice.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.btn.block{display:block;width:100%;text-align:left;margin-bottom:.45rem}.choice-row{display:flex;flex-wrap:wrap;gap:.5rem}.mc-list{display:flex;flex-direction:column}.feedback{margin:0;padding:.65rem .75rem;border-radius:6px;background:#3dd68c1f;border:1px solid rgba(61,214,140,.25);color:var(--text);animation:rise .3s ease both}.lesson-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.lesson-no-board{min-height:120px}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes draw-in{0%{opacity:0;stroke-dashoffset:40}to{opacity:1;stroke-dashoffset:0}}@keyframes arrow-flow{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}@keyframes press-pulse{0%,to{opacity:.45;stroke-dashoffset:12}45%{opacity:1;stroke-dashoffset:0}}@keyframes link-dash{0%{stroke-dashoffset:16}to{stroke-dashoffset:0}}@keyframes halo-breathe{0%,to{opacity:.28;transform:scale(1)}50%{opacity:.55;transform:scale(1.08)}}@keyframes callout-pop{0%{opacity:0;transform:translateY(2px) scale(.92)}to{opacity:1;transform:none}}html.coaching-board-active,html.coaching-board-active body,html.coaching-board-active #root{height:100%;overflow:hidden;overscroll-behavior:none;background:#0a0f0c}.catalog-board-cta{display:inline-flex;align-items:center;margin-top:1rem;padding:.7rem 1.1rem;border-radius:8px;background:var(--accent);color:#0a0f0c;font-weight:700;text-decoration:none}.catalog-board-cta:hover{filter:brightness(1.06)}.coaching-board{--coach-dock: 7.5rem;position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;width:100%;height:100dvh;max-height:100dvh;box-sizing:border-box;background:#0a0f0c;color:#f2f5f3;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);touch-action:none;user-select:none;-webkit-user-select:none}.coaching-board:fullscreen,.coaching-board:-webkit-full-screen,.coaching-board.is-fullscreen{width:100vw;width:100dvw;height:100vh;height:100dvh;max-width:none;max-height:none;top:0;right:0;bottom:0;left:0;border-radius:0}.coaching-board.theme-cream{background:#1a221c}.coaching-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .75rem;min-height:3rem;border-bottom:1px solid rgba(255,255,255,.08);background:#0a0f0ceb}.coaching-back,.coaching-top-actions .coach-btn.ghost{color:var(--accent, #3dd68c);text-decoration:none;font-weight:700;font-size:.95rem;padding:.55rem .7rem;min-height:44px;display:inline-flex;align-items:center}.coaching-title{display:flex;align-items:baseline;gap:.45rem;font-weight:700;font-size:1rem}.coaching-brand{color:var(--accent, #3dd68c);letter-spacing:.06em}.coaching-top-actions{display:flex;gap:.35rem;align-items:center}.coaching-stage{min-height:0;min-width:0;display:flex;align-items:center;justify-content:center;padding:.35rem .5rem;container-type:size}.coaching-stage .pitch-wrap.coaching-pitch{aspect-ratio:100 / 140;width:min(100%,calc((100dvh - 11rem) * 100 / 140));height:auto;max-width:100%;max-height:100%;border-radius:10px;border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;box-sizing:border-box}@supports (width: 1cqw){.coaching-stage .pitch-wrap.coaching-pitch{width:min(100cqw,calc(100cqh * 100 / 140));height:min(100cqh,140cqw)}}.coaching-board:fullscreen .coaching-stage .pitch-wrap.coaching-pitch,.coaching-board:-webkit-full-screen .coaching-stage .pitch-wrap.coaching-pitch,.coaching-board.is-fullscreen .coaching-stage .pitch-wrap.coaching-pitch{border-radius:0}.coaching-stage .pitch-svg{width:100%;height:100%;flex:1;max-height:100%;display:block}.coaching-stage .pitch-svg.place-ball{cursor:crosshair}.coaching-hint{margin:0;padding:.25rem .85rem;font-size:.8rem;color:#f2f5f3a6;text-align:center}.coaching-dock{display:flex;flex-direction:column;gap:.45rem;padding:.55rem .65rem calc(.65rem + env(safe-area-inset-bottom,0));border-top:1px solid rgba(255,255,255,.1);background:#080c0af5}.coach-preset-row,.coach-tool-row{display:flex;flex-wrap:nowrap;gap:.4rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.1rem}.coach-preset-row::-webkit-scrollbar,.coach-tool-row::-webkit-scrollbar{display:none}.coach-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:0 0 auto;min-height:48px;min-width:3.4rem;padding:.55rem .85rem;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#ffffff12;color:#f2f5f3;font:inherit;font-weight:700;font-size:.92rem;cursor:pointer;touch-action:manipulation}.coach-btn.preset{min-width:4.5rem}.coach-btn.active{border-color:var(--accent, #3dd68c);box-shadow:inset 0 0 0 1px var(--accent, #3dd68c);color:var(--accent, #3dd68c)}.coach-btn.primary{background:var(--accent, #3dd68c);color:#0a0f0c;border-color:transparent}.coach-btn:active{transform:scale(.98)}@media (orientation: landscape) and (max-height: 560px){.coaching-board{grid-template-rows:auto minmax(0,1fr) auto}.coaching-hint{display:none}.coaching-dock{flex-direction:row;align-items:center;gap:.65rem}.coach-preset-row,.coach-tool-row{flex:1}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}