.point-story{margin-block:1rem 5rem}.story-shell{background:#f2f0e6;border:1px solid #bac9c0;border-radius:1.5rem;overflow:clip}.story-toolbar{color:#fffaf0;background:#143e50;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;padding:1rem 1.5rem;display:flex}.story-toolbar p{margin:0;font-weight:700}.story-controls{flex-wrap:wrap;gap:.5rem;display:flex}.story-controls button,.story-branches button{min-height:44px;font:inherit;cursor:pointer;color:#143e50;background:#fffaf0;border:1px solid;border-radius:2rem;padding:.55rem .9rem;font-size:.9rem;font-weight:650}.story-controls button:disabled{opacity:.6;cursor:default}.story-controls [data-story-next]{background:#ffcf55}.story-controls [data-story-back],.story-controls [data-basics-back]{background:var(--walkthrough-back,#43b8c7);color:var(--walkthrough-back-ink,#143e50)}.story-controls [data-story-next],.story-controls [data-basics-next]{background:var(--walkthrough-next,#ffcf55);color:var(--walkthrough-next-ink,#143e50)}.story-controls [data-story-play]{background:var(--walkthrough-play,#ef6b3a);color:var(--walkthrough-play-ink,#143e50)}.story-controls [data-story-replay]{background:var(--walkthrough-replay,#fffaf0);color:var(--walkthrough-replay-ink,#143e50)}.story-controls :focus-visible{outline-color:#ffcf55}.story-layout{grid-template-columns:1.25fr 1fr;display:grid}.story-visual{min-width:0;padding:1.5rem}.story-field{width:100%;display:block;overflow:visible}.story-zone-label{fill:#242b30;font-size:25px;font-weight:750}.story-target-label{fill:#143e50;font-size:21px;font-weight:750}.story-zone.is-focus .zone-circle{stroke-width:7px;stroke-dasharray:9 5}.story-zone.is-target .zone-circle{fill:#d9edf5;stroke-width:6px}.story-pass{stroke:#143e50;stroke-width:5px;stroke-dasharray:8 6;fill:none}.story-direction{color:#143e50;text-align:center;margin:0;font-weight:750}.story-content{background:#fffaf0;min-width:0;padding:2rem}.story-content h3{font-size:clamp(1.8rem,2.25vw,2.7rem)}.story-text{font-size:1.15rem}.story-detail{border-left:3px solid #d79c29;padding-left:1rem;font-size:.95rem}.story-rule-status{text-transform:uppercase;letter-spacing:.08em;color:#143e50;font-size:.7rem;font-weight:750}.story-closeup{background:#fffaf0;border-radius:1rem;margin-top:.5rem;padding:1rem}.story-zone-chip{text-align:center;font-size:.8rem;font-weight:750;display:block}.story-pair{justify-content:space-evenly;gap:1rem;margin-top:.75rem;display:flex}.story-pair>div{flex-direction:column;align-items:center;font-size:.85rem;display:flex}.story-pair .player-marker{width:64px;height:64px;margin-bottom:.5rem}.story-caption{margin-top:1rem;font-size:.75rem;line-height:1.5}.story-branches{border:0;flex-wrap:wrap;gap:.6rem;margin:1.5rem 0 0;padding:0;display:flex}.story-branches legend{margin-bottom:.75rem;font-weight:750}.story-branches button{text-align:left;border-radius:.6rem}.story-motion-note{margin-top:1rem;font-size:.8rem}.story-transcript{margin-top:1rem}.story-transcript summary{cursor:pointer;padding:.75rem 0;font-weight:700}.story-transcript li{margin-block:1.5rem}@media (width<=45rem){.story-layout{grid-template-columns:1fr}.story-content{padding:1.25rem}.story-visual,.story-toolbar{padding:1rem}.story-pair .player-marker{width:72px;height:72px}.story-content h3{font-size:2rem}}.story-action{width:min(100%,22rem);margin-inline:auto;display:block}.story-action text{fill:#143e50;font-size:13px;font-weight:750}.story-action [data-action-label]{font-size:12px}.story-action [data-turnover-label]{fill:#b42318;letter-spacing:.08em;font-size:22px}.action-hands{opacity:0}.has-hands .action-hands{opacity:1}.action-explanation{text-align:center;margin:.5rem 0;font-size:.9rem;line-height:1.5}.story-toolbar{z-index:2;position:sticky;top:0}.story-field{max-height:32svh}.story-action{max-height:24svh}.story-text,.story-detail,.story-caption,.action-explanation,.story-motion-note,.story-pair>div,.story-controls button,.story-branches button{font-size:max(14px,1rem)}.story-rule-status{font-size:max(10px,.7rem)}.story-zone-chip{font-size:max(12px,.8rem)}.basics-story{margin-block:0 4rem}.story-shell [hidden]{display:none!important}.story-direction{justify-content:center;align-items:center;gap:.5rem;font-size:max(12px,1rem);display:flex}.story-direction .player-marker{vertical-align:middle;flex:none;width:28px;height:28px}.story-field .player-marker{width:24px;height:24px}.story-action .player-marker{width:32px;height:32px}.story-field,.story-action,.basics-zone,.basics-story .field-diagram{width:100%;height:auto;max-height:38svh}.story-visual{flex-direction:column;justify-content:center;display:flex}.story-closeup{margin:0;padding:.5rem}.story-pair{font-size:12px}.story-action text,.basics-zone text{fill:#143e50;font-size:13px}.story-caption,.lesson-note{font-size:12px;line-height:1.5}.story-caption{margin-bottom:0}.lesson-note{margin-top:1rem}.lesson-note span{display:block}.direction-bottom{margin-top:.5rem}.story-content p:last-child{margin-bottom:0}.lesson-link{color:#143e50;background:#ffcf55;border-radius:2rem;align-items:center;min-height:44px;padding:.55rem .9rem;font-weight:700;display:inline-flex}.basics-story .field-selector{margin:1rem 0}.basics-story select{width:100%}.basics-zone{margin-inline:auto;display:block}@media (width<=45rem){.basics-story .story-toolbar{grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.basics-story .story-controls{justify-content:flex-start;width:100%}.story-visual{padding:.75rem}.story-content h3{margin-top:0}.story-visual .story-caption,.story-pair{display:none}.story-field,.story-action,.basics-zone,.basics-story .field-diagram{max-height:30svh}}.story-visual{position:relative}.story-branches{margin:0 0 1.5rem}.story-branches button[aria-pressed=true]{color:#fffaf0;background:#143e50;border-color:#143e50;box-shadow:inset 0 -4px #ffcf55}.story-branches legend span{white-space:nowrap;font-weight:500}.story-clock{--clock-progress:0deg;aspect-ratio:1;background:conic-gradient(#ffcf55 var(--clock-progress), #d6dfda 0);text-align:center;color:#143e50;font-variant-numeric:tabular-nums;border-radius:50%;place-content:center;width:6.25rem;margin:1.2rem auto .5rem;display:grid;position:relative;box-shadow:inset 0 0 0 .45rem #143e50}.story-clock:before{content:"";background:#ffcf55;border:.28rem solid #143e50;border-radius:.25rem .25rem 0 0;width:1.35rem;height:.65rem;position:absolute;top:-.72rem;left:50%;transform:translate(-50%)}.story-clock:after{content:"";transform-origin:0;background:#143e50;border-radius:.18rem;width:.72rem;height:.38rem;position:absolute;top:-.18rem;right:.42rem;transform:rotate(40deg)}.story-clock span{font-size:2rem;font-weight:850;line-height:1}.story-clock small{letter-spacing:.08em;font-size:.62rem;font-weight:800}.story-clock.is-reset span{letter-spacing:.04em;font-size:1rem}.story-clock.is-reset small{font-size:.78rem}.story-clock.is-expired{color:#b42318;background:#fff0ef;box-shadow:inset 0 0 0 .45rem #b42318}.story-clock.is-expired:after{content:"×";color:#b42318;background:0 0;width:auto;height:auto;font-size:5.8rem;line-height:.7;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.story-scoreboard{color:#143e50;font-variant-numeric:tabular-nums;background:#fffaf0;border:.3rem solid #143e50;border-radius:.65rem;justify-content:space-between;align-items:center;width:min(100%,19rem);margin:.5rem auto;padding:.6rem .9rem;font-weight:800;display:flex;box-shadow:0 .25rem #95aaa2}.story-scoreboard span{letter-spacing:.08em;grid-template-columns:auto 2rem;align-items:center;gap:.5rem;font-size:.75rem;display:grid}.story-scoreboard b{color:#fffaf0;background:#143e50;place-items:center;width:2rem;height:2rem;font-size:1.25rem;display:grid}.story-coin{z-index:3;color:#143e50;backface-visibility:hidden;will-change:transform;background:#ffcf55;border:4px double #995000;border-radius:50%;place-items:center;width:72px;height:72px;font-weight:800;display:grid;position:absolute;top:51%;left:calc(50% - 36px);box-shadow:0 3px 12px #143e5066}.story-ceremony{z-index:2;text-align:center;background:#f2f0e6;flex-direction:column;justify-content:center;padding:5rem 1rem 1.25rem;display:flex;position:absolute;inset:0}.story-ceremony>.eyebrow{margin:0;position:absolute;top:14%;left:1rem;right:1rem}.story-ceremony.is-reversal{background:0 0;border-top:1px solid #bac9c0;min-height:0;padding:.6rem 0 0;position:relative;inset:auto}.story-ceremony.is-reversal>.eyebrow{order:2;margin:.5rem 0 0;position:static}.story-ceremony.is-reversal .story-role-cards{order:1}.story-ceremony.is-reversal .story-role-cards .player-marker{width:clamp(44px,5vw,68px);height:clamp(44px,5vw,68px)}.story-role-cards{justify-content:space-evenly;gap:1rem;display:flex}.story-role-cards>div{flex-direction:column;flex:0 12rem;align-items:center;gap:.5rem;min-height:10rem;display:flex}.story-role-cards .player-marker{width:clamp(50px,7vw,90px);height:clamp(50px,7vw,90px)}.story-role-cards span{height:1.65em;font-size:max(14px,1rem);line-height:1.65}.story-finish{isolation:isolate;text-align:center;place-content:center;place-items:center;width:100%;min-height:clamp(16rem,32svh,22rem);padding:2rem 1rem;display:grid;position:relative;overflow:hidden}.story-finish>:not(.story-confetti){z-index:1;position:relative}.story-finish strong{font-size:3rem}.story-finish p{margin-top:1rem}.story-confetti{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.story-confetti path{fill:none;stroke-width:9px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;opacity:0}.story-confetti .confetti-a{stroke:#43b8c7}.story-confetti .confetti-b{stroke:#ffcf55}.story-confetti .confetti-c{stroke:#ef6b3a}.story-confetti .confetti-d{stroke:#143e50}.story-finish.is-celebrating .story-confetti path{animation:1.25s cubic-bezier(.2,.8,.25,1) forwards confetti-stream}.story-finish.is-celebrating .story-confetti .confetti-b{animation-delay:.12s}.story-finish.is-celebrating .story-confetti .confetti-c{animation-delay:.24s}.story-finish.is-celebrating .story-confetti .confetti-d{animation-delay:.36s}.story-finish.is-celebrating .confetti-right path{animation-delay:.18s}.story-finish.is-celebrating .confetti-right .confetti-b{animation-delay:.3s}.story-finish.is-celebrating .confetti-right .confetti-c{animation-delay:.42s}.story-finish.is-celebrating .confetti-right .confetti-d{animation-delay:.54s}@keyframes confetti-stream{0%{stroke-dashoffset:1px;opacity:0}15%{opacity:1}to{stroke-dashoffset:0;opacity:.9}}@media (prefers-reduced-motion:reduce){.story-finish.is-celebrating .story-confetti path{stroke-dashoffset:0;opacity:.85;animation:none}}.story-field-turnover{color:#b42318;letter-spacing:.12em;background:#fffaf0;border:.2rem solid #b42318;width:fit-content;margin:-1rem auto .5rem;padding:.25rem .8rem;font-size:1.25rem;font-weight:900;transform:rotate(-2deg)}.story-choice-arrow{fill:none;stroke:#143e50;stroke-width:5px;stroke-dasharray:10 7;marker-end:url(#story-arrow)}.story-target-x path{stroke:#b42318;stroke-width:9px;stroke-linecap:round}.site-header{border:0;padding-block:1.2rem}.site-header nav{flex-wrap:wrap;gap:.25rem 1.5rem;display:flex}.site-header nav a{color:#143e50;text-transform:uppercase;letter-spacing:.045em;align-items:center;min-height:44px;font-size:max(12px,.8rem);font-weight:750;display:inline-flex}.site-header .wordmark{color:#143e50;text-decoration:none}.skip-link{z-index:10}.hero{isolation:isolate;color:#fffaf0;background:#123b49;grid-template-columns:minmax(0,1fr);display:grid;position:relative}.hero[data-awaiting-compose] .hero-photo,.hero[data-awaiting-compose] .hero-composition,.hero[data-awaiting-compose] .hero-bottom{visibility:hidden}.hero-photo{z-index:-2;background:#24535c;grid-area:1/1;min-width:0;min-height:0;position:relative;overflow:hidden}.hero-image{object-fit:cover;object-position:50% center;opacity:0;width:100%;max-width:none;height:100%;transition:opacity .65s;position:absolute}.hero-image.is-current{opacity:1}.hero:before{content:"";z-index:-1;pointer-events:none;grid-area:1/1;position:relative}.hero[data-treatment=shade-left]:before{background:linear-gradient(90deg,#082e39a6,#0000 80%)}.hero[data-treatment=shade-right]:before{background:linear-gradient(270deg,#082e39bd,#0000)}.hero-composition{min-height:var(--hero-height,clamp(390px, 33vw, 465px));grid-template:repeat(3,auto)/repeat(3,minmax(0,1fr));grid-area:1/1;gap:1rem;padding:2.5rem max(2rem,50% - 35rem);display:grid}.hero-cell{flex-direction:column;gap:1.35rem;min-width:0;display:flex}.hero-cell:empty{display:none}.hero-cell[data-cell^=top]{grid-row:1;align-self:start}.hero-cell[data-cell^=middle]{grid-row:2;align-self:center}.hero-cell[data-cell^=bottom]{grid-row:3;align-self:end}.hero-cell[data-cell$=left]{grid-column:1/3;justify-self:start}.hero-cell[data-cell$=center]{grid-column:1/4;justify-self:center}.hero-cell[data-cell$=right]{grid-column:2/4;justify-self:end}.hero-cell:has(>.hero-copy),.hero-cell:has(>.hero-logo:not([hidden])){background:var(--hero-panel-background,transparent);border-radius:.2rem 2rem;width:min(100%,33rem);padding:2rem}.hero[data-treatment=panel]{--hero-panel-background:#103745f2}.hero-logo{width:min(100%,23rem)}.hero-logo[data-size=small]{width:min(100%,12rem)}.hero-logo[data-size=medium]{width:min(100%,18rem)}.hero-logo img{width:100%;height:auto;display:block}.hero h1{letter-spacing:-.045em;max-width:12ch;margin:0 0 1.1rem;font-size:clamp(2.6rem,3.45vw,4.5rem);line-height:1.03}.hero-support{max-width:36ch;margin-bottom:1.6rem;font-size:max(14px,1.05rem);line-height:1.55}.hero-copy[data-alignment=center]{text-align:center}.hero-copy[data-alignment=right]{text-align:right}.hero-copy[data-alignment=center]>*{margin-inline:auto}.hero-copy[data-alignment=right]>*{margin-left:auto}.hero-ctas{flex-wrap:wrap;gap:.75rem;display:flex}.hero-cta{color:#fffaf0;border:1px solid #fffaf080;border-radius:100px;justify-content:space-between;align-items:center;gap:1rem;min-height:48px;padding:.75rem 1rem;font-size:max(12px,.875rem);font-weight:750;text-decoration:none;display:flex}.hero-cta.primary{color:#173b47;background:#ffcf55;border-color:#ffcf55}.hero-cta:hover{text-decoration:underline}.hero-bottom{min-height:var(--hero-control-bar-height,68px);padding:max(.2rem, calc((var(--hero-control-bar-height,68px) - 44px) / 2)) max(2rem, calc((100% - 70rem) / 2));background:#103745;flex-wrap:wrap;grid-column:1;justify-content:flex-end;align-items:center;gap:1rem;display:flex}.hero-controls{align-items:center;gap:.65rem;display:flex}.hero-controls button{font:inherit;color:#fffaf0;cursor:pointer;background:0 0;border:1px solid #d5e1dd;border-radius:50%;min-width:44px;min-height:44px}.hero-controls [data-play]{border-radius:30px;min-width:80px;padding:.4rem 1rem}.hero-controls button:hover{background:#2a5966}.hero-controls button:disabled{opacity:.65;cursor:default}.hero-controls [data-position]{font-variant-numeric:tabular-nums;font-size:max(12px,.75rem)}.hero :focus-visible{outline-offset:4px;outline:3px solid #ffcf55}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#how-to-play,#choose-your-field,#point-title{scroll-margin-top:1.5rem}.intro h2{margin-bottom:1.5rem;font-size:clamp(3rem,5.25vw,5.2rem)}@media (width<=45rem){.hero-photo{height:var(--hero-height,clamp(165px, 40.5vw, 300px));z-index:-1}.hero:before{display:none}.hero-image{object-position:74% center}.hero-composition{flex-direction:column;grid-area:2/1;gap:1.35rem;min-height:0;padding:1.8rem max(1rem,50% - 20rem);display:flex}.hero-cell{display:contents}.hero-cell:empty{display:none}.hero-cell:has(>.hero-copy),.hero-cell:has(>.hero-logo:not([hidden])){background:0 0;padding:0}.hero-logo{order:0}.hero-copy{order:1}.hero h1{max-width:15ch;font-size:clamp(2.6rem,6vw,4rem)}.hero-bottom{padding-inline:1rem}}@media (width<=25rem){.site-header{gap:.5rem;padding-block:.9rem}.site-header .wordmark{font-size:2rem}.site-header nav{gap:.75rem}.site-header nav a{font-size:.7rem}.hero-ctas{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){.hero-image{transition:none}}.hero[data-sized=true] .hero-photo{height:var(--responsive-photo-height)}.hero[data-sized=true] .hero-composition{min-height:0}.hero[data-flow=stacked]:before{display:none}.hero[data-flow=stacked] .hero-composition{flex-direction:column;grid-area:2/1;gap:1.35rem;padding:1.8rem max(1rem,50% - 20rem);display:flex}.hero[data-flow=stacked] .hero-cell{display:contents}.hero[data-flow=stacked] .hero-cell:empty{display:none}.hero[data-flow=stacked] .hero-cell:has(>.hero-copy),.hero[data-flow=stacked] .hero-cell:has(>.hero-logo:not([hidden])){background:0 0;padding:0}.hero[data-flow=stacked] .hero-logo{order:0}.hero[data-flow=stacked] .hero-copy{order:1}.hero[data-flow=overlay][data-sized=true] .hero-cell{zoom:var(--hero-overlay-scale,1)}.hero[data-flow=overlay][data-sized=true] .hero-cell:has(>.hero-copy),.hero[data-flow=overlay][data-sized=true] .hero-cell:has(>.hero-logo:not([hidden])){width:33rem;max-width:none}.hero[data-flow=overlay][data-sized=true] h1{font-size:calc(4.5rem * var(--hero-brand-scale,1))}.hero[data-flow=overlay][data-sized=true] .hero-composition{padding-block:calc(2.5rem * var(--hero-overlay-scale,1) * var(--hero-space,1));row-gap:calc(1rem * var(--hero-overlay-scale,1) * var(--hero-space,1))}.hero-bottom:has(.hero-controls[hidden]){display:none}.hero[data-flow=overlay][data-sized=true] .hero-cell{padding-block:calc(2rem * var(--hero-space,1));gap:calc(1.35rem * var(--hero-space,1))}.hero[data-flow=overlay][data-sized=true] .hero-logo{width:calc(23rem * var(--hero-brand-scale,1))}.hero[data-flow=overlay][data-sized=true] .hero-logo[data-size=medium]{width:calc(18rem * var(--hero-brand-scale,1))}.hero[data-flow=overlay][data-sized=true] .hero-logo[data-size=small]{width:calc(12rem * var(--hero-brand-scale,1))}.hero[data-flow=overlay][data-sized=true] h1{margin-bottom:calc(1.1rem * var(--hero-space,1))}.hero[data-flow=overlay][data-sized=true] .hero-support{font-size:max(calc(14px / var(--hero-overlay-scale,1)), 1.05rem);margin-bottom:calc(1.6rem * var(--hero-space,1))}.hero[data-flow=overlay][data-sized=true] .hero-cta{font-size:max(calc(12px / var(--hero-overlay-scale,1)), .875rem);min-height:calc(44px / var(--hero-overlay-scale,1))}:root{color:#242b30;font-synthesis:none;--ink:#242b30;--blue:#164e70;--sun:#ffcc4d;--red:#995000;--sky:#b9deee;--field:#f3f1e9;background:#fffaf0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:75%}*{box-sizing:border-box}body{overflow-wrap:anywhere;margin:0;font-size:max(14px,1.0625rem);line-height:1.65}.wrap{width:min(100% - 3rem,70rem);margin-inline:auto}[data-awaiting-config]{visibility:hidden}p{margin:0 0 1rem}strong{font-weight:700}h1,h2,h3{letter-spacing:-.04em;text-wrap:balance;line-height:1.08}h1{max-width:11ch;margin:.25em 0;font-size:clamp(3.6rem,6.75vw,7.8rem)}h2{margin:0;font-size:clamp(2rem,3vw,3.25rem)}h3{margin:.5rem 0 .8rem;font-size:1.7rem}a{color:var(--blue);text-underline-offset:.2em}:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.skip-link{z-index:1;background:#fff;padding:.6rem 1rem;position:absolute;top:.5rem;left:1rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-header{border-bottom:1px solid #80968a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-block:1.7rem;display:flex}.site-logo-link{align-items:center;min-width:44px;min-height:44px;display:inline-flex}.site-logo-link img{object-fit:contain;width:auto;max-width:min(18rem,48vw);height:clamp(3.25rem,5vw,5.25rem);display:block}.edition{margin:0;font-size:.875rem}.edition span{display:block}.intro{padding-block:4rem 4.5rem}.eyebrow{letter-spacing:.12em;text-transform:uppercase;margin-bottom:.65rem;font-size:max(10px,.8rem);font-weight:750}.lead{max-width:41rem;font-size:clamp(1.2rem,1.65vw,1.55rem);line-height:1.55}.scope-note{margin-top:1.5rem;font-weight:600}.section-heading{align-items:center;gap:1.2rem;margin-bottom:1.25rem;display:flex}.section-heading>div{min-width:0}.step{border:1px solid;border-radius:50%;flex-shrink:0;place-items:center;width:3rem;height:3rem;font-size:.9rem;display:grid}.section-copy{max-width:44rem;font-size:1.2rem}figure{margin:0}.overview{background:var(--field);border-radius:1.5rem;margin-top:2rem;padding:1.8rem}.figure-header{border-bottom:1px solid #80968a;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;padding-bottom:1rem;display:flex}.figure-header span{font-size:.95rem}.direction{text-align:center;margin:1.25rem 0 0;font-weight:700}.blue-text{color:var(--blue)}.red-text{color:var(--red);margin:0 0 1.5rem}.field-diagram{width:100%;max-width:48rem;height:auto;margin-inline:auto;display:block;overflow:visible}.zone-circle{fill:#fffaf0;stroke:var(--ink);stroke-width:3px}.end-blue .zone-circle{fill:#e0eff5;stroke:var(--blue);stroke-width:6px}.end-ring{fill:none;stroke:var(--ink);stroke-width:4px}.end-red .zone-circle{fill:#fff0bf;stroke:var(--red);stroke-width:6px}.end-designation{fill:var(--ink);font-size:28px;font-weight:800}.zone-label{fill:var(--ink);font-size:40px;font-weight:700}.blue{fill:var(--blue);stroke:var(--blue)}.red{fill:var(--red);stroke:var(--red)}.player{stroke-width:2px}.attack{fill:none;stroke-width:4px}.pass-path{fill:none;stroke:var(--ink);stroke-width:6px}.same-row{stroke:var(--red);stroke-dasharray:12 9}figcaption{margin-top:1rem}figcaption p:last-child{margin-bottom:0}.legend{flex-wrap:wrap;gap:.8rem 2rem;margin-bottom:1rem;display:flex}.legend>span{align-items:center;gap:.8rem;display:flex}.player-marker{width:40px;height:40px;overflow:visible}.legend .player-marker{flex-shrink:0;width:2rem;height:2rem}.player-head{stroke:var(--ink);stroke-width:1.5px}.fins-head{fill:var(--blue)}.bees-head{fill:var(--sun)}.player-torso{stroke:var(--ink);stroke-width:2px;stroke-linejoin:round}.fins-torso{fill:var(--blue)}.bees-torso{fill:var(--sun)}.fins-emblem{fill:none;stroke:#fffaf0;stroke-width:2.3px;stroke-linecap:round;stroke-linejoin:round}.bees-emblem{fill:none;stroke:var(--ink);stroke-width:2.2px;stroke-linecap:round}.design-note{max-width:55rem;font-size:.95rem}.passes{margin-block:5rem}.examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:2rem;display:grid}.example{border-top:4px solid var(--ink);background:var(--field);border-radius:.25rem .25rem 1rem 1rem;min-width:0;padding:1.5rem}.example.illegal{border-top-style:dashed;border-color:var(--red)}.verdict{font-size:.85rem;font-weight:750}.illegal .verdict{color:var(--red)}.example-context{font-size:.95rem}.route-label{margin-bottom:.5rem;font-size:1.35rem;font-weight:750}.dimensions{border-top:1px solid #80968a;padding-block:2.5rem 4rem}.dimensions h2{letter-spacing:-.025em;margin-bottom:1rem;font-size:clamp(1.6rem,2.25vw,2.2rem);line-height:1.25}.dimension-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-block:2rem;display:grid}.dimension-list>div{border-left:3px solid #91551a;padding-left:1rem}.dimension-visuals{grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);gap:1.5rem;margin-block:2rem;display:grid}.dimension-card{background:var(--field);border:1px solid #9aaca4;border-radius:1.25rem;min-width:0;padding:1.25rem}.dimension-card svg{width:100%;height:auto;display:block}.dimension-card figcaption{max-width:52rem}.dimension-row{fill:none;stroke:#9aaca4;stroke-width:3px;stroke-dasharray:8 10}.dimension-zone circle{fill:#fffaf0;stroke:var(--ink);stroke-width:5px}.dimension-zone.end circle:first-child{fill:#e0eff5;stroke:var(--blue);stroke-width:9px}.dimension-zone.end circle:nth-child(2){fill:none;stroke:var(--ink);stroke-width:4px}.dimension-zone text{fill:var(--ink);text-anchor:middle;font-size:26px;font-weight:800}.dimension-measure{fill:none;stroke:var(--blue);stroke-width:4px}.dimension-measure+text,.dimension-value{fill:var(--blue);letter-spacing:.04em;text-anchor:middle;font-size:23px;font-weight:850}.dimension-measure.diagonal{stroke:#995000}.diagonal-label{fill:#773f00;paint-order:stroke;stroke:var(--field);stroke-width:14px;stroke-linejoin:round}.dimension-label-back{fill:var(--field)}#dimension-arrow path{fill:var(--blue)}.chalk-circle{fill:#fffaf0;stroke:#dcad33;stroke-width:10px;stroke-dasharray:6 8}.string{fill:none;stroke:var(--blue);stroke-width:5px}.stake-top{fill:#995000;stroke:var(--ink);stroke-width:4px}.stake{fill:none;stroke:var(--ink);stroke-width:8px;stroke-linecap:round;stroke-linejoin:round}.chalk-can>path:first-child{fill:#ffcf55;stroke:var(--ink);stroke-width:5px}.chalk-can .can-top{fill:#e0eff5;stroke:var(--ink);stroke-width:4px}.chalk-can .can-label{fill:#fffaf0;stroke:var(--ink);stroke-width:3px}.chalk-can text{fill:var(--ink);text-anchor:middle;font-size:12px;font-weight:900}.spray{fill:none;stroke:#dcad33;stroke-width:5px;stroke-dasharray:4 8}.making-label{fill:var(--ink);letter-spacing:.08em;text-anchor:middle;font-size:20px;font-weight:800}dt{font-size:.95rem}dd{margin:.4rem 0 0;font-size:1.45rem;font-weight:750}dd span{font-size:1rem;font-weight:400;display:block}.assumption{background:#f1e8d2;border-radius:.6rem;max-width:58rem;padding:1.1rem}.illustration-note{max-width:58rem}.site-footer{border-top:1px solid #80968a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;padding-block:1.5rem;font-size:.9rem;display:flex}.site-footer p{margin:0}.footer-brand{align-items:center;gap:1rem;display:flex}.footer-brand [data-footer-logo]{display:inline-flex}.footer-brand img{object-fit:contain;width:auto;max-width:12rem;height:3.75rem;display:block}.site-footer[data-logo-placement=above] .footer-brand{flex-direction:column;align-items:flex-start}.site-footer[data-logo-placement=below] .footer-brand{flex-direction:column-reverse;align-items:flex-start}.footer-contact{text-align:right;margin-left:auto}@media (width<=48rem){.examples,.dimension-list,.dimension-visuals{grid-template-columns:1fr}.wrap{width:calc(100% - 2rem)}.overview,.example{padding:1rem}.intro{padding-block:3rem}}@media (width<=25rem){.overview,.example{padding:.75rem}.section-heading{gap:.75rem}.step{width:2.25rem;height:2.25rem}.edition{font-size:.8rem}}[hidden]{display:none!important}.field-selector{margin:1.5rem 0}.field-selector label{margin-bottom:.4rem;font-weight:700;display:block}.field-selector select{max-width:100%;min-height:48px;font:inherit;color:var(--ink);border:2px solid var(--ink);background:#fffaf0;border-radius:.4rem;padding:.65rem 2.5rem .65rem .8rem}.selection-status{font-weight:700}.overview .player .player-marker{width:48px;height:48px}.overview .end-designation{font-size:32px}.overview .zone-label{font-size:44px}.design-note,.example-context,.figure-header span,.verdict,dt,.site-footer{font-size:max(14px,.95rem)}.field-selector select{font-size:max(16px,1rem)}