/* The presentation frame shares the site's black, white and cyan palette. */
:root {
  --paper:#0d171e; --surface:#101d26; --surface-2:#0b151d; --surface-3:#172630;
  --ink:#e4edf1; --ink-2:#c1d2db; --muted:#a0b2bd; --faint:#788c99;
  --rule:#2a3b46; --rule-soft:#20303b; --navy:#87cfe8; --navy-tint:#182d3c;
  --accent:#70dced; --accent-tint:#163038; --teal:#72d9d2; --teal-tint:#173239;
  --indigo:#a5b9ee; --indigo-tint:#202a40; --accent-on-ground:#73e8ff;
  --voice-2:#b5c3cb; --voice-faint:#8b9ba7;
}
html.scroll-story {overflow:hidden;}
.scroll-story body {overflow:hidden;}
.scroll-story .deck {display:block;height:100svh;padding:0;}
.scroll-story .deck {--flip-total:.85s;}
.scroll-story .deck .card.is-current {animation:stage-in var(--flip-total) ease-in-out both;}
.scroll-story .deck .card.is-leaving {animation:stage-out var(--flip-total) ease-in-out both;}
.scroll-story .deck .card.is-leaving .act-stage,
.scroll-story .deck .card.is-leaving .card-body {animation:none;}
.scroll-story .deck.is-opening-scrub [data-story-opening],
.scroll-story .deck.is-opening-scrub #act-parse {visibility:visible;animation:none;pointer-events:none;}
.scroll-story .deck.is-opening-scrub [data-story-opening] {opacity:var(--opening-opacity);transform:none;z-index:1;}
.scroll-story .deck.is-opening-scrub #act-parse {opacity:1;transform:translateY(calc(var(--opening-rise) * 100svh));z-index:2;}
.scroll-story .deck.is-opening-scrub .act-stage,
.scroll-story .deck.is-opening-scrub .card-body,
.scroll-story .deck.is-opening-arrived .card.is-current,
.scroll-story .deck.is-opening-arrived .card.is-current .act-stage {animation:none;}
.scroll-story .deck.is-opening-arrived .card.is-leaving {visibility:hidden;}
.scroll-story .deck.is-opening-scrub #act-parse .is-keymoment,
.scroll-story .deck.is-opening-scrub #act-parse .is-keymoment .act-stage,
.scroll-story .deck.is-opening-scrub #act-parse .is-keymoment .comparison-copy,
.scroll-story .deck.is-opening-scrub #act-parse .is-keymoment .comparison-panel-label,
.scroll-story .deck.is-opening-scrub #act-parse .is-keymoment .narration-step {
  opacity:1!important;visibility:visible;animation:none!important;transition:none!important;
}
@media(prefers-reduced-motion:reduce) {
  .scroll-story .deck {--flip-total:.01s;}
}
.scroll-story .deck::after {display:none;}
.scroll-story .deck .card {position:absolute;inset:0!important;width:100%;height:100svh;min-height:0;}
.scroll-story .deck-dots,.scroll-story .deck-arrow,.scroll-story [data-deck-replay] {display:none!important;}
.scroll-story .narration-progress-fill::after {opacity:1;transform:translate(50%,-50%) scale(.75);}
.scroll-story .deck.is-opening-scrub .narration-progress {visibility:hidden;}
.scroll-story .deck-tools {position:fixed;z-index:20;}
.scroll-story.is-story-opening .deck-tools {visibility:hidden;}
.scroll-story .chapter-emphasis {color:#73e8ff;font-weight:650;text-decoration:underline;text-decoration-color:#73e8ff70;text-underline-offset:6px;}
.scroll-story .chapter-closing {position:static;max-width:none;margin:20px 0 0;}
.scroll-story .chapter-closing > span {display:none;}
.scroll-story .chapter-closing strong {display:block;margin-top:12px;font-size:clamp(22px,2.6vw,40px);color:#73e8ff;}
@media(max-width:720px) {
  .scroll-story .chapter-closing {font-size:12px;}
}
.deck {
  --gutter:clamp(24px,3.2vw,72px);
  --card-w:calc(100vw - var(--gutter) * 2);
  --comparison-stage-height:clamp(280px,min(52svh,calc(100svh - 400px)),680px);
  background:radial-gradient(ellipse at 65% 40%,#0b1b25 0,transparent 65%),#02070b;
}
.deck::after {
  content:""; position:absolute; bottom:84px; left:var(--gutter); right:var(--gutter);
  height:1px; background:linear-gradient(90deg,#213540,#213540 75%,transparent);
}
.deck .card {
  inset:clamp(90px,11.8svh,135px) var(--gutter) 100px;
  width:auto; min-height:0; display:block; overflow:auto; scrollbar-width:thin;
  scrollbar-color:#2b414d transparent;
}
.deck .card-body {display:block; padding:0; width:100%;}
.comparison-header {margin:0 0 16px;}
.comparison-header .act-eyebrow {justify-content:flex-start; margin:0 0 12px;}
.act-eyebrow .step {margin-left:0; color:#8b9fae; font-size:12px; letter-spacing:.12em;}
.act-t {font-size:clamp(25px,2.6vw,40px); line-height:1.3; letter-spacing:-.035em; font-weight:600;}
.deck [data-narration-compare="fixed"] .comparison-columns {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(28px,4vw,80px);
}
.deck [data-narration-compare="fixed"] .comparison-panel {
  grid-area:auto; width:auto; justify-self:stretch; z-index:auto;
  padding:0; border:0; border-radius:0;
  background:transparent; box-shadow:none; opacity:1;
  transform:none !important; animation:none !important; transition:border-color .3s;
}
.deck [data-narration-compare="fixed"] .comparison-panel::after {display:none;}
.deck [data-comparison-playback="keymoment"] .comparison-panel.is-keymoment,
.deck [data-comparison-playback="traditional"] .comparison-panel.is-traditional {border-top-color:#73e8ff;}
.comparison-panel-label {margin:0 0 16px; color:#a6b6c1; font-size:13px; font-weight:500; letter-spacing:.04em;}
.comparison-panel.is-keymoment .comparison-panel-label {color:#73e8ff;}
.card[data-narration-compare="fixed"] .act-stage,
.comparison-traditional-visual, .traditional-scene {
  height:var(--comparison-stage-height); border-radius:0; background:transparent;
}
.card[data-narration-compare="fixed"] .act-stage {padding:0; overflow:visible; display:grid; align-items:center;}
.card[data-narration-compare="fixed"] .scene {width:100%; height:100%; max-height:var(--comparison-stage-height);}
.card[data-narration-compare="fixed"] .intro-shell {width:100%; height:auto; margin:auto; aspect-ratio:var(--shell,640/408);}
.deck .comparison-panel .comparison-copy {margin:12px 0 0; font-size:15px; line-height:1.75; color:#b5c3cb; min-height:0;}
.deck .comparison-copy .narration-step {opacity:1; color:inherit;}
.deck [data-narration-compare="fixed"] .narration-progress {margin-top:16px; width:100%;}
.narration-progress-fill {box-shadow:none;}
.deck-dots {left:var(--gutter); bottom:25px; transform:none; gap:8px; counter-reset:chapter;}
.deck .deck-dot {counter-increment:chapter; width:36px; height:34px; border-radius:4px; background:transparent; color:#8195a3; border:1px solid transparent; margin:0;}
.deck-dot::before {content:counter(chapter,decimal-leading-zero); font:12px var(--font-mono);}
.deck .deck-dot.is-on {width:36px; color:#73e8ff; background:#10252d; border-color:#254550;}
.deck .deck-dot:hover {background:#14242e; color:#eaf8ff;}
.deck-tools {right:var(--gutter); bottom:22px; gap:14px;}
.deck-audio {color:#e4edf1; height:40px; padding:0 16px; border:1px solid #314551; border-radius:5px; background:#101d26;}
.deck-arrow {top:auto; bottom:24px; width:36px; height:36px; margin:0; border:1px solid #253743; border-radius:4px;}
.deck-arrow.prev {left:calc(var(--gutter) + 378px);}
.deck-arrow.next {left:calc(var(--gutter) + 424px); right:auto;}
.deck .card.is-team-intro {inset:0; overflow:hidden; display:block; width:100%;}
.deck .card.is-team-intro .act-stage {position:absolute; inset:0; width:100%; height:100%; border-radius:0; background:transparent;}
.stage-opening-image {position:absolute; right:0; top:-5%; height:110%; aspect-ratio:1122 / 1402; opacity:.65; mask-image:linear-gradient(90deg,transparent,#000 38%);}
.stage-opening-image > svg {display:block;width:100%;height:100%;}
.deck .card[data-chapter="1"] .chapter-lead-stage {inset:0;}
.deck [data-chapter] .chapter-lead-stage * {animation-iteration-count:1!important;animation-fill-mode:both!important;}
.deck [data-chapter="2"] .comparison-panel.is-traditional {display:none;}
.chapter-closing {position:absolute;bottom:116px;left:var(--gutter);z-index:4;color:#73e8ff;font-size:clamp(13px,1.15vw,18px);opacity:0;transition:opacity .5s;}
[data-chapter="4"][data-comparison-playback="keymoment"] .chapter-closing {opacity:1;}
[data-chapter="3"] .scene-8 {--s8-duration:7.9s;}
[data-chapter="4"] .scene-11 {--s11-total-duration:10.9s;--s11-target-delay:2.5s;--s11-target-duration:8s;}
.deck-arrow.prev {left:calc(var(--gutter) + 202px);}
.deck-arrow.next {left:calc(var(--gutter) + 248px);}
.deck .card.is-team-intro .act-stage::after {content:"";position:absolute;inset:0;background:linear-gradient(90deg,#02070b 3%,rgba(2,7,11,.82) 28%,transparent 80%),linear-gradient(0deg,#02070b 0%,transparent 40%,rgba(2,7,11,.5));}
.deck .card.is-team-intro .card-body {position:absolute; left:var(--gutter); top:38%; width:min(680px,78%); margin:0;}
.deck .card.is-team-intro .act-eyebrow {justify-content:flex-start; margin-bottom:24px;}
.team-intro-copy {text-align:left; font-size:clamp(32px,4.4vw,66px); line-height:1.35; font-weight:550; letter-spacing:-.045em; text-wrap:balance;}
.team-intro-copy .brand-wordmark {display:flex; width:max-content; margin-bottom:12px; font-size:.85em;}
.summary-columns {grid-template-columns:1.3fr 1fr; gap:40px;}
.summary-columns > * {min-height:0;}
.card.is-static .act-stage {padding:24px; border-radius:6px; background:#0e1921; container-type:normal;}
.summary-aside {display:grid; padding:20px 0; border:0; border-radius:0; background:transparent;}
.ledger-head,.ledger-row {grid-template-columns:.7fr 1fr 1.35fr; gap:16px;}
.ledger-row.is-total .ledger-after {color:#73e8ff;}
.win-list li {font-size:15px; line-height:1.8; margin-top:22px;}
@media(max-width:900px) {
  .deck .card {inset:100px var(--gutter) 132px;}
  .deck [data-narration-compare="fixed"] .comparison-columns {grid-template-columns:1fr; gap:24px;}
  .deck {--comparison-stage-height:260px;}
  .deck::after {bottom:112px;}
  .deck-dots {bottom:68px; left:50%; transform:translateX(-50%); gap:5px;}
  .deck-tools {bottom:12px; right:var(--gutter);}
  .deck-arrow {bottom:14px;}
  .deck-arrow.prev {left:var(--gutter);}
  .deck-arrow.next {left:calc(var(--gutter) + 46px);}
  .deck .deck-audio {width:auto; font-size:12px; gap:8px; padding:0 12px;}
  .comparison-header {margin-bottom:20px;}
  .summary-columns {display:grid;grid-template-columns:1fr;gap:12px;}
  .card.is-static .ledger {font-size:12px;}
  .card.is-static .ledger-head,.card.is-static .ledger-row {grid-template-columns:.65fr 1fr 1.2fr;gap:10px;padding:12px 0;}
  .summary-aside {display:block;}
  .stage-opening-image {inset:0;height:auto;aspect-ratio:auto;background-position:67% center;background-size:cover;mask-image:none;}
  .deck .card.is-team-intro .card-body {top:32%;width:86%;}
}
.deck-dots,.deck-arrow {z-index:6;}
.deck::after {z-index:5;pointer-events:none;}
.deck [data-narration-compare="fixed"] .comparison-panel.is-traditional,
.deck [data-narration-compare="fixed"] .comparison-panel.is-keymoment {width:100%;justify-self:stretch;}
/* Paper and footage keep their original material colors. */
.traditional-scene {
  --ink:#191918; --ink-2:#31302e; --muted:#615d59; --faint:#8e8983;
  --rule:#dfdcd9; --rule-soft:#e9e7e3; --navy:#143865;
}
.parallel-scan {background:#0b151d;color:#c4d8e1;}
.parallel-scan-source {background:#14232d;border-color:#30434f;box-shadow:none;}
.parallel-scan-source-head {color:#b4c8d2;}
.parallel-scan-source-head b {color:#73e8ff;background:#1c3a43;}
.parallel-context-row i,.parallel-context-row:last-child i {color:#73e8ff;}
.parallel-context-row b {color:#a8bdc8;}
.parallel-context {border-bottom-color:#30434f;}
.parallel-scan-segment,.parallel-detection-canvas {background:#0b151d;border-color:#30434f;}
.s7-rally-plate,.s9-athlete-lock {fill:#172630;stroke:#30434f;}
.s7-rally-zero {stroke:#435661;}
:root {--crimson:#f08b9e;}
@media(min-width:901px) {
  #act-scout {--comparison-stage-height:clamp(240px,min(47svh,calc(100svh - 440px)),600px);}
}
@media(max-width:900px) {
  .parallel-context {top:16px;right:20px;}
  .parallel-scan-grid {inset:27% 5% 5%;}
  .parallel-scan-source {top:26%;height:64%;}
}
.traditional-scene.is-notes .traditional-paper {width:56%;padding:4% 3% 3% 6%;}
.traditional-note-row > span {white-space:normal;font-size:10px;line-height:1.3;}
@media(max-width:900px) {
  .traditional-scene.is-notes .traditional-paper {width:68%;padding:4% 3% 3% 6%;}
  .traditional-scene.is-notes .traditional-note-row > span {font-size:9px;}
}

/* Media occupy the page itself; only physical objects retain their surfaces. */
.deck [data-narration-compare="fixed"] .comparison-panel {border:0;}
.comparison-panel-label {font-size:15px;margin-bottom:8px;}
.comparison-panel-label::before {display:none;}
.deck [data-comparison-playback="keymoment"] .is-keymoment .comparison-panel-label,
.deck [data-comparison-playback="traditional"] .is-traditional .comparison-panel-label {color:#73e8ff;}
.traditional-scene {overflow:hidden;background:transparent;border-radius:0;}
.traditional-player {left:0;right:0;top:2%;bottom:3%;border-radius:0;background:transparent;box-shadow:none;}
.traditional-player-screen {background:transparent;}
.traditional-player-chrome {background:transparent;}
.traditional-controls {background:transparent;}
.traditional-video {mask-image:linear-gradient(0deg,transparent,#000 12%,#000 95%,transparent);}
.card[data-narration-compare="fixed"] .scene {transform:scale(1.12);}
.card[data-narration-compare="fixed"] .intro-shell {height:100%;aspect-ratio:auto;overflow:hidden;}
#act-parse .intro-canvas {width:120%;left:-10%;top:-13%;}
.parallel-scan {inset:0;background:transparent;border-radius:0;}
.parallel-scan-source {inset:15% 0 auto;height:65%;background:transparent;border:0;box-shadow:none;padding:7% 0 4%;}
.parallel-scan-source-head {left:0;right:0;}
.parallel-scan-grid {inset:9% 0;gap:12px;}
.parallel-focus {box-shadow:none;}
.parallel-context {right:0;top:4px;}
@media(max-width:900px) {
  .deck {--comparison-stage-height:300px;}
  .card[data-narration-compare="fixed"] .scene {transform:none;}
  .parallel-scan-grid {inset:25% 0 5%;}
  .parallel-scan-source {top:25%;height:65%;}
  .parallel-context {top:4px;right:0;}
}
.card[data-narration-compare="fixed"] .act-stage {display:block;}
.card[data-narration-compare="fixed"] .intro-shell {width:100%;margin:0;}
#act-parse .intro-shell {opacity:0;}
#act-parse [data-homepage-court] .intro-shell {opacity:1;}
#act-parse [data-homepage-court] .intro-canvas {display:none;}
#act-parse .prerendered-parallel-demo {position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;}
.parallel-scan-source {padding-top:42px;}
/* Each narrated method owns the whole screen. Text sits over the scene. */
.deck .card[data-narration-compare="fixed"] {
  inset:0; width:100%; height:100%; overflow:hidden;
}
.deck .card[data-narration-compare="fixed"] .card-body {display:block;}
.deck [data-narration-compare="fixed"] .comparison-header {
  position:absolute; z-index:4; left:var(--gutter); top:21%; width:33%; margin:0;
  pointer-events:none;
}
.deck [data-narration-compare="fixed"] .act-t {font-size:clamp(27px,2.8vw,46px);line-height:1.35;}
.deck [data-narration-compare="fixed"] [data-semantic-title-part] {display:block;white-space:normal;}
.deck [data-narration-compare="fixed"] [data-semantic-title-punctuation] {display:none;}
.deck [data-narration-compare="fixed"] .comparison-columns {display:block;}
.deck [data-narration-compare="fixed"] .comparison-panel {
  position:absolute;inset:0;width:100%;height:100%;padding:0;
  opacity:0;visibility:hidden;pointer-events:none;transition:opacity .65s;
}
.deck [data-comparison-playback="traditional"] .comparison-panel.is-traditional,
.deck [data-comparison-playback="keymoment"] .comparison-panel.is-keymoment {
  opacity:1;visibility:visible;pointer-events:auto;
}
.deck [data-narration-compare="fixed"] .comparison-panel-label {
  position:absolute;z-index:4;left:var(--gutter);top:46%;margin:0;
  font-size:16px;color:#73e8ff;letter-spacing:.04em;
}
.deck [data-narration-compare="fixed"] .comparison-copy {
  position:absolute;z-index:4;left:var(--gutter);top:51%;width:29%;margin:0;
  font-size:clamp(15px,1.3vw,20px);line-height:1.85;color:#c0cdd5;
}
.deck [data-narration-compare="fixed"] .act-stage,
.deck [data-narration-compare="fixed"] .traditional-scene {
  position:absolute;inset:10% -7% 12% 30%;width:auto;height:auto;
  max-height:none;overflow:hidden;padding:0;
}
.deck [data-narration-compare="fixed"] .scene {height:100%;max-height:none;transform:none;}
.deck [data-narration-compare="fixed"] .traditional-scene {
  inset:0;mask-image:linear-gradient(90deg,transparent 10%,#000 58%),linear-gradient(#000,#000);
  mask-composite:intersect;
}
.deck [data-narration-compare="fixed"] .traditional-scene::after {
  content:"";position:absolute;inset:0;z-index:8;pointer-events:none;
  background:linear-gradient(90deg,#02070b 0%,rgba(2,7,11,.9) 25%,rgba(2,7,11,.15) 65%),linear-gradient(0deg,#02070b 3%,transparent 35%,rgba(2,7,11,.4));
}
.traditional-scene .traditional-player {inset:-10% -6% -8% 20%;grid-template-rows:0 minmax(0,1fr) 0;}
.traditional-scene .traditional-player-chrome,.traditional-scene .traditional-controls {visibility:hidden;}
.traditional-scene .traditional-video {object-fit:cover;filter:saturate(.25) brightness(.78);mask-image:none;}
.traditional-scene.is-notes,.traditional-scene.is-analysis,.traditional-scene.is-archive,.traditional-scene.is-search {left:24%;}
.deck [data-narration-compare="fixed"] .narration-progress {position:absolute;z-index:5;left:var(--gutter);right:var(--gutter);bottom:94px;width:auto;margin:0;}
.parallel-context {top:10%;right:13%;}
#act-parse .intro-shell {height:100%;}
#act-parse .intro-canvas {width:120%;left:-10%;top:0;}
.parallel-scan {inset:12% 5% 8% 0;}
.parallel-scan-grid {inset:10% 0;gap:12px;}
.parallel-scan-source {inset:18% 0 auto;height:68%;}
#act-keyshot .comparison-panel.is-keymoment .intro-canvas {width:100%;}
@media(max-width:900px) {
  .deck [data-narration-compare="fixed"] .comparison-header {top:110px;width:86%;}
  .deck [data-narration-compare="fixed"] .act-t {font-size:27px;}
  .deck [data-narration-compare="fixed"] .comparison-panel-label {top:34%;}
  .deck [data-narration-compare="fixed"] .comparison-copy {top:auto;bottom:142px;width:86%;font-size:14px;line-height:1.6;}
  .deck [data-narration-compare="fixed"] .act-stage {inset:37% -6% 29% -6%;}
  .deck [data-narration-compare="fixed"] .traditional-scene {inset:25% -28% 22% -28%;mask-image:none;}
  .deck [data-narration-compare="fixed"] .traditional-scene::after {background:linear-gradient(0deg,#02070b,transparent 45%,#02070b);}
  .deck [data-narration-compare="fixed"] .narration-progress {bottom:122px;}
  .parallel-context {right:10%;top:0;}
  .parallel-scan {inset:12% 8% 0;}
  .parallel-scan-grid {inset:12% 0 0;}
}
.deck [data-narration-compare="fixed"] .act-t {display:block;}
.deck [data-narration-compare="fixed"] .act-t wbr {display:none;}
.deck [data-narration-compare="fixed"] .comparison-copy {overflow:visible;white-space:normal;overflow-wrap:anywhere;}
.deck [data-narration-compare="fixed"] .comparison-copy .narration-step {width:100%;white-space:normal;}
.deck [data-narration-compare="fixed"] .act-stage {mask-image:linear-gradient(90deg,transparent,#000 10%,#000 92%,transparent);}
@media(max-width:900px) {
 .deck [data-narration-compare="fixed"] .act-stage {mask-image:none;}
}
.deck .card[data-narration-compare="fixed"] .card-body > * {animation:none!important;transform:none!important;}
.deck [data-narration-compare="fixed"] .comparison-columns {position:static;}
.deck [data-narration-compare="fixed"] .act-stage {right:-1%;}
@media(max-width:900px) {
 .deck [data-narration-compare="fixed"] .act-stage {right:-6%;bottom:38%;}
}
#act-parse .intro-canvas {width:110%;left:-5%;top:50%;transform:translateY(-50%);}
.deck [data-narration-compare="fixed"] .comparison-panel {display:block;}
@media(max-width:900px) {
 .deck [data-narration-compare="fixed"] .act-stage {left:0;right:0;}
}
/* Explicit panel visibility must never reveal a scene from another chapter. */
.deck .card:not(.is-current) {opacity:0;pointer-events:none;}

/* Keep scene labels at the same reading scale as the surrounding narration. */
.deck [data-narration-compare="fixed"] .act-t {font-weight:600;letter-spacing:-.025em;}
.deck [data-narration-compare="fixed"] .comparison-copy {font-weight:400;}
#act-keyshot .intro-shell {height:100%;overflow:visible;}
#act-keyshot .homepage-court-replay {position:absolute;left:12%;bottom:0;width:88%;height:53%;object-fit:contain;pointer-events:none;mask-image:linear-gradient(180deg,transparent,#000 12%,#000 96%,transparent);}
#act-keyshot .intro-canvas {position:relative;z-index:1;pointer-events:none;}
#act-keyshot .comparison-panel.is-keymoment .intro-canvas {width:100%;max-height:100%;object-fit:contain;}
.scene-7 {--accent:#efc575;--navy:#79d5ed;--teal:#7bd2b4;--indigo:#b5abeb;}
.scene-7 .t-accent {--category-color:var(--accent);}
.scene-7 .t-navy {--category-color:var(--navy);}
.scene-7 .t-teal {--category-color:var(--teal);}
.scene-7 .t-indigo {--category-color:var(--indigo);}
.scene-7 .s7-ring {stroke:var(--category-color);opacity:.55;}
.scene-7 .s7-keyshot-mark {fill:var(--category-color);}
.scene-7 .s7-label {fill:var(--category-color);font-size:15px;font-weight:600;}
.scene-7 .s7-count {font-family:var(--font-cn);font-size:12px;font-weight:400;}
.scene-7 .s7-keyshot-meta {font-family:var(--font-cn);font-size:11px;}
.scene-7 .s7-keyshot-stroke {font-size:14px;font-weight:500;}
.traditional-scene.is-notes .traditional-paper {right:6%;top:15%;height:70%;width:65%;padding:4% 4% 3% 6%;}
.traditional-scene.is-notes .traditional-note-opponent {font:500 clamp(13px,1.15vw,19px)/1.5 var(--font-cn);}
.traditional-scene.is-notes .traditional-note-row {position:relative;padding:8px 0;}
.traditional-scene.is-notes .traditional-note-row > b {font:500 clamp(12px,1vw,16px)/1.6 var(--font-cn);}
.traditional-scene.is-notes .traditional-note-row > span {font:500 clamp(16px,1.45vw,23px)/1.7 "Kaiti SC","STKaiti",serif;white-space:normal;}
.traditional-pen {position:absolute;width:clamp(90px,10vw,155px);height:12px;right:6%;bottom:19%;border-radius:2px 6px 6px 2px;background:linear-gradient(#577080,#122631 45%,#263f50 70%,#91a5ac);box-shadow:0 5px 8px #0004;transform:rotate(-38deg);transform-origin:left center;z-index:7;}
.traditional-pen::before {content:"";position:absolute;right:100%;top:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:22px solid #a6a3a0;}
.traditional-pen::after {content:"";position:absolute;left:72%;width:3px;top:0;bottom:0;background:#b9bec0;}
.traditional-scene.is-notes .traditional-note-row {animation:none;}
.traditional-scene.is-notes .traditional-note-row > span {position:relative;display:table;max-width:100%;}
.traditional-note-ink {display:block;clip-path:inset(0 100% 0 0);}
.traditional-note-row .traditional-pen {left:0;top:1.1em;right:auto;bottom:auto;margin-left:17px;margin-top:-14px;opacity:0;}
[data-traditional-phase="traditional"] .traditional-note-ink {animation:stage-ink-write calc(var(--traditional-duration,6650ms) * .2) linear var(--write-delay) both;}
[data-traditional-phase="traditional"] .traditional-note-row .traditional-pen {animation:stage-pen-write calc(var(--traditional-duration,6650ms) * .2) linear var(--write-delay) both;}
@keyframes stage-ink-write {from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes stage-pen-write {0%{left:0;opacity:0} .1%{opacity:1} 99.9%{opacity:1} 100%{left:100%;opacity:0}}
@media(prefers-reduced-motion:reduce) {.traditional-note-ink {animation:none!important;clip-path:none;}}
@media(max-width:900px) {
  .traditional-scene.is-notes .traditional-paper {top:6%;height:88%;right:14%;width:62%;}
  .traditional-scene.is-notes .traditional-note-row > span {font-size:14px;line-height:1.4;}
  .traditional-scene.is-notes .traditional-note-row > b {font-size:11px;}
  .traditional-scene.is-notes .traditional-note-opponent {font-size:12px;}
}
@media(prefers-reduced-motion:reduce) {.traditional-pen {animation:none!important;}}

@media(max-width:900px) {
 .deck [data-narration-compare="fixed"] .act-stage {--stage-height:min(35svh,calc(63svh - 210px));height:var(--stage-height);align-self:stretch;justify-self:stretch;}
 .deck [data-narration-compare="fixed"] .intro-shell {width:100%;height:100%;}
}
.deck .card[data-narration-compare="fixed"] .act-stage .intro-shell {width:100%;height:100%;margin:0;}
@media(max-width:900px) {
 #act-keyshot .comparison-panel.is-keymoment .intro-canvas {width:min(100%,calc(var(--stage-height) * 1.6));max-height:none;}
}

/* Photographic close-up forms the background of the manual analysis stage. */
#act-verdict .traditional-coach-photo {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center;filter:saturate(.2) brightness(.72);z-index:0;}
#act-verdict .traditional-scene.is-analysis {left:0;mask-image:none;}
#act-verdict .traditional-scene.is-analysis::after {background:linear-gradient(90deg,#02070b 5%,rgba(2,7,11,.94) 28%,rgba(2,7,11,.22) 62%,transparent),linear-gradient(0deg,#02070b,transparent 25%,transparent 85%,#02070b);}
#act-verdict .traditional-note-pile {z-index:9;left:36%;top:22%;width:26%;height:43%;}
#act-verdict .traditional-summary-note {background:rgba(9,20,28,.82);border:0;border-left:1px solid #698b97;box-shadow:none;border-radius:0;padding:10px 12px;transform:none;}
#act-verdict .traditional-summary-note > b {font:400 clamp(11px,.85vw,14px)/1.5 var(--font-cn);color:#9aabb4;}
#act-verdict .traditional-summary-note > strong {font:500 clamp(13px,1.1vw,18px)/1.5 var(--font-cn);color:#e1e9ed;}
#act-verdict .traditional-summary-note > em {font:400 clamp(11px,.9vw,15px)/1.5 var(--font-cn);color:#a9bac2;}
#act-verdict .traditional-sort-columns {z-index:9;left:36%;right:38%;bottom:25%;gap:12px;}
#act-verdict .traditional-sort-column {background:rgba(9,20,28,.82);border:0;border-radius:0;padding:10px 4px;}
#act-verdict .traditional-sort-column > b,#act-verdict .traditional-sort-column > em {font:400 clamp(11px,.95vw,16px)/1.5 var(--font-cn);color:#bccbd2;}
#act-verdict .traditional-manual-verdict {z-index:9;left:36%;right:36%;bottom:17%;background:rgba(9,20,28,.82);color:#cedbe1;border:0;border-radius:0;font:400 clamp(12px,1vw,17px)/1.5 var(--font-cn);white-space:normal;}
.scene-7 .s7-source-label {font-size:13px;font-weight:500;}
.scene-7 .s7-rally-label {font-family:var(--font-cn);font-size:11px;font-weight:500;fill:#a6bac4;}
.scene-7 .s7-keyshot-card {animation-name:stage-readable-keyshot;}
@keyframes stage-readable-keyshot {0%,36%{opacity:0;transform:scale(.94);}44%,66%{opacity:1;transform:scale(1);}78%,100%{opacity:0;transform:scale(.6);}}
.scene-8 .s8-kind-t {font-family:var(--font-cn);font-size:13px;font-weight:500;letter-spacing:0;}
.scene-8 .s8-title {font-size:20px;font-weight:600;letter-spacing:0;}
.scene-8 .s8-num {font-family:var(--font-cn);font-size:19px;font-weight:500;font-variant-numeric:tabular-nums;}
.scene-8 .s8-cap {font-size:12px;font-weight:400;}
.scene-8 .s8-advice-t {font-size:13px;font-weight:500;}
@media(max-width:900px) {
 #act-verdict .traditional-coach-photo {object-position:80% center;}
 #act-verdict .traditional-note-pile {left:22%;width:44%;top:10%;height:56%;}
 #act-verdict .traditional-summary-note {padding:4px 6px;}
 #act-verdict .traditional-summary-note > strong {font-size:12px;}
 #act-verdict .traditional-summary-note > b,#act-verdict .traditional-summary-note > em {font-size:10px;}
 #act-verdict .traditional-sort-columns {left:22%;right:34%;bottom:15%;}
 #act-verdict .traditional-manual-verdict {left:22%;right:24%;bottom:0;font-size:11px;}
}

/* Realistic figures occupy only the original coach illustration positions. */
.traditional-scene .is-photographic {mix-blend-mode:screen;filter:saturate(.2) brightness(.8);mask-image:radial-gradient(ellipse at 65% 58%,#000 28%,transparent 70%);}
/* Chapter 06 shares the reading hierarchy of the tactical result cards. */
#act-multi .scene-9 text {font-family:var(--font-cn);letter-spacing:0;font-variant-numeric:tabular-nums;}
#act-multi .s9-owner {font-size:18px;font-weight:600;}
#act-multi .s9-owner-sub {font-size:12px;font-weight:400;fill:#9eafb9;}
#act-multi .s9-label {font-size:13px;font-weight:400;fill:#c1d2db;}
#act-multi .s9-radar-label,#act-multi .s9-cluster-t {font-size:13px;font-weight:400;fill:#b4c5ce;}
#act-multi .s9-foot-t {font-size:12px;font-weight:500;}
#act-multi .s9-foot-t.is-sub {font-size:11px;font-weight:400;}

#act-scout {--threat-color:#efc575;}
#act-scout .s11-route.is-threat .s11-line,
#act-scout .s11-route.is-threat .s11-land-ring,
#act-scout .s11-legend-row.is-threat .s11-legend-dash {stroke:var(--threat-color);}
#act-scout .s11-route.is-threat .s11-from,
#act-scout .s11-route.is-threat .s11-land-dot {fill:var(--threat-color);}
#act-scout .plan-list li.is-threat::before {background:var(--threat-color);}

#act-multi .traditional-match-files b {font:500 clamp(16px,1.5vw,24px)/1.2 var(--font-cn);font-variant-numeric:tabular-nums;color:#394750;}
#act-multi .traditional-match-files span {font:500 clamp(20px,1.9vw,30px)/1.3 var(--font-cn);color:#202e36;}

/* Share text rows so either language can wrap without overlapping the next block. */
.deck .card[data-narration-compare="fixed"] .card-body {
  box-sizing:border-box; height:100%; padding:clamp(108px,18svh,180px) var(--gutter) 132px;
  display:grid; grid-template-columns:33% minmax(0,1fr);
  grid-template-rows:auto auto minmax(0,1fr); row-gap:24px;
}
.deck [data-narration-compare="fixed"] .comparison-header {
  position:relative; grid-area:1 / 1; inset:auto; width:auto; margin:0;
}
.deck [data-narration-compare="fixed"] .comparison-columns {display:contents;}
.deck [data-narration-compare="fixed"] .comparison-panel {
  position:static; grid-area:1 / 1 / 4 / 2; display:grid;
  grid-template-rows:subgrid; grid-template-columns:minmax(0,1fr); height:auto; width:auto; will-change:auto;
}
.deck [data-narration-compare="fixed"] .comparison-panel-label {
  position:relative; grid-row:2; grid-column:1; inset:auto; align-self:start;
  width:auto; line-height:1.4; letter-spacing:.015em;
}
.deck [data-narration-compare="fixed"] .comparison-copy {
  position:relative; grid-row:3; grid-column:1; inset:auto; align-self:start;
  width:auto; line-height:1.7; overflow-wrap:normal; word-break:normal;
}
:root[lang="en"] .deck [data-narration-compare="fixed"] .act-t {
  font-size:clamp(27px,2.25vw,36px); line-height:1.22; letter-spacing:-.025em;
  text-wrap:balance;
}
:root[lang="en"] .deck [data-narration-compare="fixed"] .comparison-copy {
  font-size:clamp(15px,1.25vw,19px); line-height:1.65;
}
:root[lang="en"] .scene-8 .s8-title {font-size:16px;}
:root[lang="en"] .scene-8 .s8-cap {font-size:11px;}
:root[lang="en"] .scene-8 .s8-advice-t {font-size:11px;}
:root[lang="en"] #act-multi .s9-owner-sub {font-size:11px;}
:root[lang="en"] #act-multi .s9-radar-label {font-size:11px;}
:root[lang="en"] #act-multi .s9-label {font-size:12px;}
@media(max-width:900px) {
  .deck .card[data-narration-compare="fixed"] .card-body {
    padding:108px var(--gutter) 140px;
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto auto minmax(150px,1fr) auto; row-gap:14px;
    overflow-y:auto;
  }
  .deck [data-narration-compare="fixed"] .comparison-panel {grid-area:1 / 1 / 5 / 2;}
  .deck [data-narration-compare="fixed"] .comparison-header {width:auto;}
  .deck [data-narration-compare="fixed"] .act-t,
  :root[lang="en"] .deck [data-narration-compare="fixed"] .act-t {
    font-size:clamp(22px,4vw,27px);line-height:1.25;
  }
  .deck [data-narration-compare="fixed"] .comparison-copy,
  :root[lang="en"] .deck [data-narration-compare="fixed"] .comparison-copy {
    grid-row:4;font-size:14px;line-height:1.6;
  }
  .deck [data-narration-compare="fixed"] .act-stage,
  .deck [data-narration-compare="fixed"] .comparison-traditional-visual {
    position:relative;grid-row:3;inset:auto;width:100%;height:100%;min-height:150px;
  }
  .deck [data-narration-compare="fixed"] .traditional-scene {inset:0;}
}

@media(min-width:901px) {
  .deck [data-narration-compare="fixed"] .act-stage {left:35%;}
}
:root[lang="en"] #act-multi .s9-owner {font-size:16px;}
:root[lang="en"] #act-multi .s9-radar-label[text-anchor="start"] {transform:translateX(-12px);}
.deck .comparison-copy.is-plan-copy .plan-list li {font-size:inherit;line-height:1.6;margin-top:12px;}
.deck .comparison-copy.is-plan-copy .plan-list b {display:block;margin-bottom:3px;}
:root[lang="en"] .card.is-static .ledger {font-size:15px;line-height:1.55;}
:root[lang="en"] .ledger-before {font-family:var(--font-cn);}