.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 :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-field .player-marker{width:48px;height:48px}.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:#ffe19b;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,3vw,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<=60rem){.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%,340px);margin-inline:auto;display:block}.story-action .player-marker{width:48px;height:48px}.story-action text{fill:#143e50;font-size:13px;font-weight:750}.story-action [data-action-label]{font-size:12px}.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}@media (width<=60rem){.story-content{order:-1}}.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:.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;position:relative}.hero-photo{z-index:-2;background:#24535c;position:absolute;inset:0;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;background:linear-gradient(90deg,#082e39a6,#0000 80%);position:absolute;inset:0}.hero[data-treatment=shade-right]:before{background:linear-gradient(270deg,#082e39bd,#0000)}.hero-composition{grid-template:repeat(3,auto)/repeat(3,minmax(0,1fr));gap:1rem;min-height:clamp(520px,44vw,620px);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:#103745f2;border-radius:.2rem 2rem;width:min(100%,33rem);padding:2rem}.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,4.6vw,4.5rem);line-height:1.03}.hero-support{max-width:36ch;margin-bottom:1.6rem;font-size: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:.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{background:#103745;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem max(2rem,50% - 35rem);display:flex}.hero-edition{text-transform:uppercase;letter-spacing:.13em;margin:0;font-size:.7rem;font-weight:650}.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:.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{scroll-margin-top:1.5rem}.intro h2{margin-bottom:1.5rem;font-size:clamp(3rem,7vw,5.2rem)}@media (width<=60rem){.hero-photo{z-index:-1;height:clamp(220px,54vw,400px);position:relative}.hero:before{display:none}.hero-image{object-position:74% center}.hero-composition{flex-direction:column;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,8vw,4rem)}.hero-bottom{padding: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}}:root{color:#242b30;font-synthesis:none;--ink:#242b30;--blue:#995000;--sun:#ffcc4d;--red:#164e70;--sky:#b9deee;--field:#f3f1e9;background:#fffaf0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{overflow-wrap:anywhere;margin:0;font-size:1.0625rem;line-height:1.65}.wrap{width:min(100% - 3rem,70rem);margin-inline:auto}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,9vw,7.8rem)}h2{margin:0;font-size:clamp(2rem,4vw,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}.wordmark{letter-spacing:-.08em;margin:0;font-size:2.7rem;font-weight:850;line-height:1}.wordmark span{color:#91551a}.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:.8rem;font-weight:750}.lead{max-width:41rem;font-size:clamp(1.2rem,2.2vw,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:#fff0bf;stroke:var(--blue);stroke-width:6px}.end-ring{fill:none;stroke:var(--ink);stroke-width:4px}.end-red .zone-circle{fill:#e0eff5;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}.sun-head{fill:var(--sun)}.shade-head{fill:var(--red)}.player-torso{stroke:var(--ink);stroke-width:2px;stroke-linejoin:round}.sun-torso{fill:var(--sun)}.shade-torso{fill:var(--red)}.sun-emblem{fill:none;stroke:var(--ink);stroke-width:1.8px}.shade-emblem{fill:none;stroke:#fffaf0;stroke-width:2.5px}.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,3vw,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}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;gap:.5rem;padding-block:1.5rem;font-size:.9rem;display:flex}.site-footer p{margin:0}@media (width<=48rem){.examples,.dimension-list{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}