.home{--paper:#f5f3eb;--ink:#163b32;--line:#d5d8cc;background:var(--paper);font-size:16px}.shell{width:min(1380px,100%);margin-inline:auto;padding-inline:clamp(22px,5vw,80px)}.home h1,.home h2,.home h3,.home p{margin-top:0}.home a{text-underline-offset:5px}.home em{font-family:Georgia,'Times New Roman',serif;font-weight:400}.home .eyebrow{font-size:10px;letter-spacing:1.8px;line-height:1.5;font-weight:700}.home .micro{font-size:10px;letter-spacing:1px}
.site-header{position:sticky;top:0;z-index:20;background:rgba(245,243,235,.96);padding:0;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:88px}.home .wordmark{font-size:13px;line-height:1.05;font-weight:850;letter-spacing:-.4px;color:var(--ink);margin:0;display:block}.home nav{font-size:12px;gap:28px;align-items:center}.home nav a{position:relative}.home nav a:after{content:'';position:absolute;left:0;bottom:-7px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}.home nav a:hover:after{transform:scaleX(1)}.nav-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#9b6327;vertical-align:middle;margin-left:5px}.soon{font-size:8px;text-transform:uppercase;letter-spacing:.7px;display:block;color:var(--muted)}.motion-toggle{font:inherit;font-size:10px;background:transparent;border:1px solid #8b9b8f;border-radius:30px;padding:8px 12px;cursor:pointer;color:var(--ink);white-space:nowrap}.motion-toggle[hidden]{display:none}
.hero-new{display:grid;grid-template-columns:1.05fr 1fr;gap:24px;padding-top:48px;position:relative}.hero-heading{padding-top:12px;padding-bottom:28px}.tiny-ball{font-size:18px;vertical-align:middle;margin-right:8px}.home h1{font-size:clamp(72px,8.3vw,126px);font-weight:900;line-height:.88;letter-spacing:-.075em;margin:28px 0 32px}.home h1 .serif-word{font-size:1.15em;font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.075em;display:block;padding-bottom:.1em}.hero-copy>p{font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 24px}.hero-copy strong{color:var(--ink);font-weight:500}.pill{display:inline-flex;gap:24px;align-items:center;justify-content:space-between;max-width:100%;padding:15px 22px;border-radius:40px;color:var(--paper);background:var(--ink);font-size:12px;text-decoration:none;font-weight:600;transition:background .25s,transform .25s}.pill span{font-size:22px;line-height:1}.pill:hover{background:#285b4b;transform:translateY(-2px)}.hero-copy .micro{margin-top:14px;font-size:9px;color:var(--muted)}.hero-visual{background:#163b32;color:#eeeedd;position:relative;min-height:620px;overflow:hidden}.visual-top,.visual-bottom{position:absolute;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;z-index:2;font-size:8px;line-height:1.5;letter-spacing:1px}.visual-top{top:22px;color:#d2dbcb}.visual-bottom{bottom:20px}.visual-bottom>span:first-child{font-size:12px;font-weight:750;letter-spacing:0}.outline-arrow{font-size:58px;line-height:1;color:var(--accent)}.court-art{position:absolute;inset:30px -5px 0;display:flex;align-items:center}.court-art svg{width:100%;max-height:100%;overflow:visible}.hero-ball{transform-origin:383px 391px;transform:translateY(var(--ball-shift,0px)) rotate(var(--ball-turn,0deg))}.hero-note{position:absolute;left:23px;bottom:107px;background:#efb966;color:#1d3d32;padding:16px 22px 18px;transform:rotate(-7deg);box-shadow:0 8px 20px #001e2422;z-index:3}.note-label{font-size:8px;font-weight:700;letter-spacing:1px}.hero-note p{font-size:20px;line-height:1.2;margin:13px 0 0!important;letter-spacing:-.5px}.note-stroke{display:block;height:7px;border-bottom:2px solid var(--ink);border-radius:50%;transform:rotate(-3deg);width:90%;margin-top:3px}.hero-foot{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.2px;padding:17px 0 32px}.hero-foot a{text-decoration:none}.hero-foot a span{font-size:18px;margin-left:16px}
.manifesto{background:#e6e9da;margin-top:15px}.manifesto-inner{position:relative;padding-block:68px;display:flex;align-items:flex-start;gap:8vw}.section-index{font-size:9px;letter-spacing:1px;white-space:nowrap;padding-top:14px}.manifesto p{font-size:clamp(27px,3.8vw,51px);line-height:1.15;letter-spacing:-1.8px;margin:0;max-width:800px}.manifesto em{color:#607554}.manifesto-mark{font-size:70px;color:#6b8057;position:absolute;right:6%;bottom:35px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:45px}.home h2{font-size:clamp(37px,4.1vw,58px);line-height:1.03;letter-spacing:-2.5px;margin-bottom:0}.section-heading>p{font-size:14px;color:var(--muted);margin-bottom:4px;line-height:1.8}
.playbook{padding-top:98px;padding-bottom:80px}.story-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:start}.tactic-board{position:sticky;top:118px;margin:0;background:var(--ink);color:var(--paper);padding:24px;overflow:hidden}.board-label{display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1px}.board-label span:last-child{font-size:8px;color:#bfcfbf}.tactic{width:100%;display:block;margin:25px 0 15px}.court-lines{stroke:#739085;stroke-width:1.5;fill:none}.tactic-spacing{fill:none;stroke:#4e7462;stroke-dasharray:3 6}.player{fill:var(--paper);transition:transform .7s cubic-bezier(.22,1,.36,1)}.player text{font:600 18px system-ui;text-anchor:middle;fill:var(--ink)}.player-one{transform:translate(270px,325px)}.player-two{transform:translate(430px,210px)}.player-three{transform:translate(110px,210px)}.tactic-ball{transform:translate(301px,315px);transition:transform .7s cubic-bezier(.22,1,.36,1)}.tactic-ball circle{fill:var(--accent)}.tactic-ball path{stroke:#754f2c;fill:none}.pass-line,.cut-line{fill:none;stroke:var(--accent);stroke-width:2;opacity:0;transition:opacity .4s}.pass-line{stroke-dasharray:6 7}.cut-line{stroke-dasharray:7 5}.tactic-board[data-phase="1"] .tactic-ball,.tactic-board[data-phase="2"] .tactic-ball{transform:translate(401px,200px)}.tactic-board[data-phase="1"] .pass-line{opacity:1}.tactic-board[data-phase="2"] .cut-line{opacity:1}.tactic-board[data-phase="2"] .player-one{transform:translate(270px,91px)}.tactic-board[data-phase="2"] .tactic-spacing{opacity:.3}.tactic-board figcaption{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;padding:14px 0;border-top:1px solid #466354}.board-legend{font-size:8px;color:#c9d8ca;display:flex;align-items:center;gap:7px}.board-legend i,.board-legend b{width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--paper)}.board-legend b{background:var(--accent);margin-left:6px}.board-controls{display:flex;gap:8px;align-items:center;padding-top:4px}.board-controls button{border:1px solid #76937e;background:transparent;color:var(--paper);border-radius:50%;width:36px;height:36px;font:11px system-ui;cursor:pointer}.board-controls button[aria-pressed="true"]{background:var(--accent);color:var(--ink);border-color:var(--accent)}.board-controls>span{font-size:8px;letter-spacing:1px;margin-left:auto;color:#c9d8ca}.story-step{min-height:65vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:45px 0}.story-step:first-child{padding-top:20px}.story-step:last-child{min-height:58vh}.step-number{font-size:13px;letter-spacing:2px;padding-bottom:15px;border-bottom:1px solid #a5b2a1;width:100%;margin-bottom:25px;color:#5f755e}.story-step h3{font-size:clamp(32px,3.4vw,46px);letter-spacing:-1.8px;line-height:1.05;margin-bottom:20px}.story-step p{font-size:15px;color:var(--muted);line-height:1.8;max-width:350px}.coach-cue{font-size:13px;border-left:2px solid #b0b889;padding:4px 0 4px 16px;max-width:330px}.coach-cue span{display:block;font-size:8px;letter-spacing:1px;margin-bottom:6px;color:var(--muted)}.story-step .textlink{margin-top:24px;font-size:12px}
.resources{background:#e9ecdf;padding-block:86px}.resource-toolbar{display:flex;gap:20px;align-items:center;justify-content:space-between;border-bottom:1px solid #c6cebe;padding-bottom:20px;margin-bottom:30px}.filters{display:flex;flex-wrap:wrap;gap:7px}.filters button{background:transparent;border:1px solid #aebaa5;border-radius:30px;padding:9px 17px;color:var(--ink);font:12px system-ui;cursor:pointer}.filters button[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.filters span{font-size:9px;margin-left:5px}.resource-toolbar p{margin:0;color:var(--muted)}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.resource-card[hidden]{display:none}.resource-cover{aspect-ratio:4/4.65;padding:23px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s}.resource-cover:hover{transform:translateY(-7px);box-shadow:0 14px 24px #163b3212}.cover-kicker{font-size:8px;letter-spacing:1.5px;position:relative;z-index:1}.resource-cover strong{font-size:clamp(28px,3.3vw,47px);line-height:.98;letter-spacing:-2px;position:relative;z-index:1}.resource-cover em{font-family:inherit;font-weight:850;font-style:italic}.cover-session{background:#eebb70;color:var(--ink)}.cover-rings{position:absolute;border:1px solid #7d713766;border-radius:50%;width:280px;height:280px;right:-155px;top:100px}.cover-rings:before,.cover-rings:after{content:'';position:absolute;border:1px solid #7d713766;border-radius:50%;inset:25px}.cover-rings:after{inset:55px}.cover-bottom{display:flex;align-items:center;justify-content:space-between;gap:7px;z-index:2;font-size:8px;letter-spacing:.5px}.round-arrow{width:32px;height:32px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:22px}.cover-drill{background:var(--ink);color:#eef1da}.cover-drill svg{width:95%;height:43%;position:absolute;top:25px;left:2.5%;opacity:.75}.cover-drill strong{margin-top:auto;margin-bottom:24px;font-size:clamp(26px,2.6vw,39px)}.cover-drill .cover-bottom{color:#e9bd78}.cover-planner{background:#d8ddca;color:var(--ink)}.paper-sheet{background:#faf8f1;padding:21px 18px;transform:rotate(-7deg);width:82%;margin:20px auto 25px;box-shadow:7px 7px 0 #b4bea788;position:relative}.paper-sheet>span:first-child{font-size:6px;letter-spacing:1px;display:block}.paper-sheet b{font-size:18px;line-height:1;letter-spacing:-.5px;display:block;margin:10px 0 13px}.paper-sheet i{display:block;border-bottom:1px solid #d6dccd;font-size:7px;font-style:normal;padding:6px 0}.paper-check{position:absolute;right:13px;bottom:33px;font:50px Georgia;color:#8d9d70;transform:rotate(-12deg)}.resource-meta{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.7px;margin-top:22px;color:#506047}.resource-card h3{font-size:20px;line-height:1.2;letter-spacing:-.5px;margin:11px 0 12px}.resource-card h3 a{text-decoration:none}.resource-card h3 a:hover{text-decoration:underline}.resource-card>p{font-size:13px;line-height:1.7;color:var(--muted);max-width:320px;margin-bottom:12px}.resource-format{font-size:9px;color:#53654b}.resource-promise{margin-top:47px;border-top:1px solid #c6cebe;padding-top:23px;display:flex;align-items:center;gap:20px}.resource-promise>span{font-size:43px;line-height:1}.resource-promise p{font-size:13px;line-height:1.6;margin:0}.resource-promise strong{font-weight:500}.resource-promise>a{font-size:11px;margin-left:auto}
.pack-section{background:#12372d;color:var(--paper);padding-block:100px;overflow:hidden}.pack-inner{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.pack-object{position:relative;padding:20px 20px 35px;perspective:1000px}.book-cover{position:relative;background:#efb965;color:#163b32;aspect-ratio:.74;max-width:380px;margin:auto;padding:27px 25px 23px;transform:rotate(-7deg) rotateY(8deg);box-shadow:-5px 4px 0 #ac8244,-8px 6px 0 #f5e1b9,14px 24px 35px #071c1a66;border-left:7px solid #cb9852;transition:transform .6s}.pack-object:hover .book-cover{transform:rotate(-3deg) rotateY(0deg)}.book-back{position:absolute;background:#647b5d;inset:24px 30px 30px;transform:rotate(5deg);max-width:380px;margin:auto}.book-top,.book-bottom{display:flex;justify-content:space-between;font-size:7px;font-weight:700;letter-spacing:.7px}.book-sport{display:block;font-size:8px;letter-spacing:1px;margin-top:25px}.book-cover>strong{display:block;font-size:clamp(100px,12vw,175px);line-height:.9;letter-spacing:-8px;margin:15px 0 20px;font-weight:850}.book-cover strong em{display:block;font-size:clamp(34px,4vw,57px);letter-spacing:-3px;line-height:1}.book-line{height:1px;background:#936d39}.book-cover>p{font-size:16px;line-height:1.1;font-weight:800;margin:24px 0 36px}.book-bottom{font-size:6px}.book-caption{display:block;font-size:7px;letter-spacing:.8px;text-align:center;margin-top:39px;color:#bdcdbb}.pack-copy .eyebrow{color:#bfd0b8}.status-label{display:inline-block;border:1px solid #b1bd96;border-radius:3px;padding:5px 9px;font-size:8px;letter-spacing:1px;color:#e7d8ae;margin:14px 0 23px}.pack-copy h2{font-size:clamp(34px,3.8vw,54px)}.pack-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#c9d6c8;margin:25px 0}.pack-list{list-style:none;padding:0;margin:22px 0}.pack-list li{display:flex;align-items:center;gap:17px;padding:12px 0;border-bottom:1px solid #466354;font-size:12px}.pack-list span{color:var(--accent);font:20px Georgia;width:25px}.pack-copy .pack-status{font-size:11px!important}.pill-light{background:var(--paper);color:var(--ink)}.pill-light:hover{background:#ead7b6}
.criteria{display:grid;grid-template-columns:1fr 1fr;gap:9vw;padding-top:100px;padding-bottom:90px}.criteria>div>p:last-child{font-size:13px;color:var(--muted);line-height:1.8;margin-top:25px}.criteria-items article{display:flex;gap:27px;border-top:1px solid var(--line);padding:22px 0}.criteria-items article>span{font-size:10px;color:#6d7e5c}.criteria-items h3{font-size:18px;letter-spacing:-.4px;margin:0 0 9px}.criteria-items p{font-size:13px;color:var(--muted);line-height:1.8;margin-bottom:0}.faq{padding-top:20px;padding-bottom:95px}.faq-layout{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.faq details{padding:18px 0}.faq details:first-child{padding-top:0}.faq summary{font-size:13px;font-weight:500;line-height:1.6;list-style:none;display:flex;justify-content:space-between;gap:22px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-size:20px;line-height:1}.faq details[open] summary:after{content:'−'}.faq details p{font-size:13px;padding-right:15px;margin-top:13px}.closing{background:#e9bc73;padding-block:65px;text-align:center}.closing>div>p:not(.eyebrow){font-weight:850;letter-spacing:-5px;font-size:clamp(56px,8vw,110px);line-height:.92;margin:27px 0 32px}.closing em{font-weight:400}.site-footer{margin-top:0!important;padding-top:27px;padding-bottom:27px;align-items:center;border:0;font-size:9px}.site-footer p{margin:0}.site-footer .brand{font-size:13px}.home [id]{scroll-margin-top:115px}.home [data-story-step]{scroll-margin-top:135px}.home .arrive{animation:arrive .7s ease-out both}@keyframes arrive{from{transform:translateY(22px)}to{transform:translateY(0)}}.home.motion-reduced *{scroll-behavior:auto!important;animation:none!important;transition:none!important}.home.motion-reduced .hero-ball{transform:none}.home.motion-reduced .tactic-board{position:relative;top:0}.home.motion-reduced .story-step{min-height:0;padding:25px 0}
@media(min-width:1500px){.hero-new{padding-top:65px}.hero-visual{min-height:700px}}
@media(max-width:1000px){.shell{padding-inline:30px}.header-inner{gap:14px}.home nav{gap:18px}.hero-new{gap:20px}.home h1{font-size:9vw}.hero-visual{min-height:555px}.hero-note{left:15px;bottom:90px}.hero-note p{font-size:18px}.pill{font-size:11px;gap:12px;padding:13px 17px}.hero-copy>p{font-size:13px}.manifesto-inner{gap:40px}.manifesto-mark{font-size:50px;right:4%;bottom:20px}.story-layout{gap:6vw}.tactic-board{padding:18px;top:108px}.board-label{font-size:8px}.board-label span:last-child{font-size:6px}.board-controls>span{font-size:6px;letter-spacing:.5px}.resource-grid{gap:18px}.resource-cover{padding:18px}.paper-sheet{padding:15px 12px;margin:17px auto}.paper-sheet b{font-size:14px}.paper-sheet i{padding:4px 0;font-size:6px}.cover-bottom{font-size:6px}.resource-card h3{font-size:18px}.pack-inner{gap:5vw}.book-cover{padding:22px 18px}.book-back{inset:24px 20px 30px}.criteria,.faq-layout{gap:7vw}}
@media(max-width:700px){.shell{padding-inline:22px}.header-inner{min-height:73px;gap:12px;flex-wrap:wrap;padding-block:14px}.home .brand img{width:29px;height:29px}.home .wordmark{font-size:11px}.home nav{font-size:10px;gap:16px}.home nav a:first-child{display:none}.soon{display:none}.motion-toggle{font-size:9px;padding:6px 8px;margin-left:auto}.hero-new{grid-template-columns:1fr;gap:20px;padding-top:28px}.hero-heading{padding-bottom:0}.hero-heading>.eyebrow{font-size:8px}.home h1{font-size:clamp(72px,16.8vw,115px);margin:23px 0 22px;line-height:.88}.hero-copy>p{font-size:14px;margin-bottom:20px}.hero-copy .micro{font-size:8px}.pill{font-size:12px;padding:14px 20px}.hero-visual{min-height:0;aspect-ratio:.95;max-height:570px}.visual-top{font-size:7px;left:20px;right:20px}.court-art{inset:-20px 0 -12px}.hero-note{bottom:80px;left:22px;padding:12px 18px}.hero-note p{font-size:20px}.visual-bottom{left:20px;right:20px;bottom:18px}.hero-foot{padding:0 0 15px;font-size:7px;letter-spacing:.5px}.hero-foot>span:last-child{display:none}.hero-foot a span{font-size:14px;margin-left:5px}.manifesto-inner{display:block;padding-block:43px}.section-index{font-size:8px;display:block;margin-bottom:20px;padding-top:0}.manifesto p{font-size:30px;letter-spacing:-1px}.manifesto-mark{font-size:36px;right:22px;bottom:16px}.section-heading{display:block;margin-bottom:30px}.home h2{font-size:39px;letter-spacing:-1.8px}.section-heading>p{margin:20px 0 0;font-size:13px}.playbook{padding-top:58px;padding-bottom:45px}.story-layout{display:block}.tactic-board{top:108px;z-index:5;padding:14px 17px;box-shadow:0 8px 16px #163b3210}.tactic{max-height:220px;margin:9px 0 5px}.tactic-board figcaption{padding:8px 0;font-size:10px}.board-controls button{width:30px;height:30px;font-size:10px}.board-controls>span{font-size:7px}.board-label span:last-child{font-size:7px}.story-step,.story-step:last-child{min-height:62vh;justify-content:center;padding:48px 0 24px;scroll-margin-top:440px!important}.story-step:first-child{padding-top:45px}.story-step h3{font-size:35px}.story-step p{font-size:14px;max-width:450px}.step-number{margin-bottom:17px;padding-bottom:10px}.resources{padding-block:55px}.resource-toolbar{display:block;padding-bottom:17px}.filters{gap:6px}.filters button{font-size:11px;padding:8px 13px}.resource-toolbar p{margin-top:14px;font-size:9px}.resource-grid{grid-template-columns:1fr;gap:35px}.resource-cover{aspect-ratio:1.12;padding:25px}.resource-cover strong{font-size:53px;letter-spacing:-2.5px}.cover-kicker{font-size:9px}.cover-drill strong{font-size:43px}.cover-drill svg{width:75%;left:12.5%;top:28px;height:45%}.cover-bottom{font-size:8px}.paper-sheet{width:65%;max-width:220px;position:absolute;top:42px;left:17.5%;padding:19px 17px;margin:0}.paper-sheet b{font-size:20px;margin:14px 0}.paper-sheet i{font-size:8px;padding:5px 0}.cover-planner .cover-bottom{margin-top:auto}.resource-meta{margin-top:17px}.resource-card h3{font-size:22px}.resource-card>p{max-width:100%}.resource-format{font-size:10px}.resource-promise{flex-wrap:wrap;gap:12px;margin-top:30px}.resource-promise>a{width:100%;margin-left:39px}.pack-section{padding-block:50px}.pack-inner{grid-template-columns:1fr;gap:40px}.pack-object{max-width:365px;width:100%;margin:auto;padding-bottom:5px}.book-cover>strong{font-size:130px}.book-cover strong em{font-size:48px}.book-back{inset:24px 20px 40px}.book-cover>p{margin-bottom:30px}.book-caption{font-size:6px}.pack-copy h2{font-size:39px}.pack-copy>p:not(.eyebrow){font-size:14px}.criteria{grid-template-columns:1fr;gap:25px;padding-top:60px;padding-bottom:45px}.criteria-items article{gap:20px}.criteria-items h3{font-size:18px}.faq{padding-top:10px;padding-bottom:50px}.faq-layout{grid-template-columns:1fr;gap:28px}.closing{padding-block:48px}.closing>div>p:not(.eyebrow){font-size:66px;letter-spacing:-3.5px}.site-footer{gap:15px;justify-content:flex-start;padding-block:24px}.site-footer p{width:100%;order:3}.site-footer>a:last-child{margin-left:auto;font-size:8px}.home.motion-reduced .tactic-board{position:relative}.home.motion-reduced .story-step{min-height:0}.home [id]{scroll-margin-top:120px}}
@media(max-width:380px){.header-inner{column-gap:8px}.home nav{gap:12px}.motion-toggle{width:100%;margin-left:0;text-align:center}.tactic-board{top:116px}.cover-bottom{font-size:7px}.resource-cover strong{font-size:47px}.paper-sheet{top:39px;padding:13px}.paper-sheet b{font-size:17px}.home h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){.home *{scroll-behavior:auto!important;animation:none!important;transition:none!important}.home .hero-ball{transform:none}.home .tactic-board{position:relative;top:0}.home .story-step,.home .story-step:last-child{min-height:0;padding:25px 0}}

.signup-section[hidden]{display:none!important}.signup-section{padding-block:55px;border-bottom:1px solid var(--line)}.signup-section>p{max-width:620px}.signup-section .signup-note{font-size:12px;line-height:1.6;margin-top:18px}.signup-section .pill{max-width:100%;white-space:normal}

/* Pizarra controlada por el visitante: sin desplazamiento obligatorio. */
.interactive-story{align-items:center;gap:clamp(24px,5vw,70px)}
.interactive-story .tactic-board{position:relative;top:0}
.interactive-story .story-step,.home.motion-reduced .interactive-story .story-step{min-height:0;padding:20px 0}
.interactive-story .story-step[hidden]{display:none!important}
.interactive-story .player,.interactive-story .tactic-ball{transition:none}
.interactive-story .board-controls button{min-width:44px;width:44px;height:44px}
.playback{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:18px}
.playback[hidden]{display:none}
.playback button,.playback select{font:600 12px system-ui;min-height:44px;border:1px solid #8ca694;border-radius:6px;padding:9px 12px;background:transparent;color:#f5f3eb;cursor:pointer}
.playback [data-play]{background:#f4b35c;color:#163b32;border-color:#f4b35c;min-width:120px}
.playback button:disabled{opacity:.5;cursor:default}
.playback label{font-size:11px;display:flex;align-items:center;gap:8px}
.playback select option{background:#163b32;color:#f5f3eb}
.tactic-board .playback-status{font-size:12px;line-height:1.5;min-height:36px;margin:14px 0 10px;color:#d4dfd4}
.board-sheet{font-size:12px;color:#f4b35c}
.tactic-board button:focus-visible,.tactic-board select:focus-visible,.board-sheet:focus-visible{outline:3px solid #f4b35c;outline-offset:4px}
@media(max-width:700px){.interactive-story .tactic{max-height:none;margin:14px 0}.interactive-story .story-step{padding-top:28px}.interactive-story .board-controls>span{font-size:8px}.interactive-story .board-label{gap:8px}.interactive-story .tactic-board{z-index:auto}.playback label{flex-wrap:wrap}}