@font-face{font-family:Instrument;src:url('../assets/InstrumentSerif-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Instrument;src:url('../assets/InstrumentSerif-Italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap}
:root{--paper:#eeeade;--ink:#173c30;--plum:#5d2945;--muted:#536057;--court:#447e99;--court-edge:#244e66;--deck:#e1e4d8;--ease-out:cubic-bezier(.23,1,.32,1)}
*{box-sizing:border-box}html{scroll-behavior:auto;scrollbar-color:#8b9a7a var(--paper);overflow-anchor:none}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}::selection{background:var(--plum);color:var(--paper)}
p,h1,h2,h3{margin:0}h1,h2,h3{font-family:Instrument,Georgia,serif;font-weight:400;letter-spacing:-.035em;line-height:.92}em{font-weight:400}a{color:inherit;text-underline-offset:5px}button,input,select,summary{font:inherit;color:inherit}button{cursor:pointer;min-height:44px}button:disabled{opacity:.35;cursor:default}button,a,select,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--plum);outline-offset:5px}button svg,.text-action svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4;flex:none}svg{display:block}.skip{position:absolute;z-index:20;left:5%;top:8px;background:var(--ink);color:var(--paper);padding:10px;transform:translateY(-200%)}.skip:focus{transform:none}
.masthead{position:absolute;z-index:6;left:5%;right:5%;top:28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{font:italic 44px/.9 Instrument,Georgia,serif;letter-spacing:-.04em;text-decoration:none}.wordmark span{color:var(--plum)}.masthead p{font-size:13px;line-height:1.4;color:var(--muted);margin-left:12%}.masthead>a:last-child{font-size:14px;text-decoration:none;display:flex;gap:24px;align-items:center;min-height:44px}.masthead>a:last-child span{font-size:25px}
.sequence{height:280svh}.stage{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden;isolation:isolate}.story{position:absolute;z-index:4;top:17%;left:5%;right:5%;pointer-events:none}.story h1{font-size:clamp(88px,11.4vw,176px);max-width:800px}.story p{font-size:18px;line-height:1.45;max-width:35ch;margin-top:26px}.text-action{display:flex;align-items:center;gap:24px;border:0;background:none;padding:0;text-decoration:none;min-height:44px;width:fit-content;font-size:15px}.start{pointer-events:auto;margin-top:24px;border-bottom:1px solid var(--ink)}
.scene{position:absolute;inset:0;perspective:1600px;pointer-events:none;z-index:1}.camera{position:absolute;left:0;top:0;width:850px;height:420px;transform-style:preserve-3d}.court{position:absolute;inset:0;transform-style:preserve-3d}.court-slice{position:absolute;width:33.333333%;height:100%;top:0;transform-style:preserve-3d;transform-origin:0 0;will-change:transform}.slab-top{position:absolute;inset:0;background:var(--court);overflow:hidden;backface-visibility:hidden}.court-lines{position:absolute;width:300%;height:100%;top:0;fill:none;stroke:#f2efe2;stroke-width:2.4}.slab-face{position:absolute;top:100%;width:100%;height:17px;background:var(--court-edge);transform-origin:top;transform:rotateX(-90deg)}.slab-side{position:absolute;left:100%;height:100%;width:17px;background:#1b4055;transform-origin:left;transform:rotateY(90deg)}.slab-back{position:absolute;inset:0;transform:translateZ(-17px);background:#244e66}.slab-paper{position:absolute;inset:0;background:var(--deck);opacity:0}.slab-paper:before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--court-edge)}.court-net{position:absolute;left:50%;top:45px;width:48px;height:330px;transform-origin:left;transform:rotateY(-90deg);border-right:3px solid #eeeade;background-image:linear-gradient(#eeeade66 1px,transparent 1px),linear-gradient(90deg,#eeeade66 1px,transparent 1px);background-size:7px 7px}.court-net:before{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:var(--paper)}.floor-shadow{position:absolute;left:30%;top:55%;width:62%;height:24%;border-radius:50%;background:#223a39;filter:blur(20px);opacity:.24;transform:rotate(-22deg) translate(25px,35px)}
.opening-note{position:absolute;z-index:3;left:5%;bottom:15%;font-size:14px}.opening-note p+p{margin-top:14px;color:var(--muted)}
.evidence{position:absolute;z-index:3;top:clamp(280px,35svh,350px);left:5%;right:5%;bottom:165px;opacity:0}.legend{position:absolute;top:-46px;left:0;right:0;display:flex;align-items:center;gap:26px;font-size:13px}.legend span{display:flex;align-items:center;gap:8px}.legend span:last-child{margin-left:auto;color:var(--muted)}.ball{display:inline-block;width:12px;height:12px;border-radius:50%;flex:none}.won{background:var(--ink)}.lost{background:var(--plum)}.groups{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;pointer-events:none}.group{padding:22px 22px 0}.group h2{font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.3;letter-spacing:0;min-height:22px}.count{font:76px/.95 Instrument,Georgia,serif;letter-spacing:-.04em;margin-top:16px}.count-note{font-size:12px;line-height:1.4;margin-top:7px}.count .denominator{color:var(--muted)}#point-field{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.point{fill:var(--ink)}.point.lost-point{fill:var(--plum)}.point-seam{fill:none;stroke:var(--paper);stroke-width:.8}
.comparison{position:absolute;z-index:4;left:5%;right:5%;bottom:91px;display:flex;gap:24px;align-items:center;justify-content:space-between;opacity:0}.scope{display:flex;gap:4px}.scope button{background:none;border:0;padding:8px 15px;font-size:14px}.scope button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.comparison>p{font-size:13px;color:var(--muted)}.stage-footer{position:absolute;z-index:5;left:5%;right:5%;bottom:25px;display:flex;gap:24px;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}.stage-footer p{max-width:64ch}.stage-footer button{border:0;background:none;padding:0;text-decoration:underline;text-underline-offset:4px;font-size:12px}.chapter-nav{position:absolute;z-index:5;right:5%;bottom:15%;display:flex;gap:18px;font-size:13px}.chapter-nav button,.chapter-nav a{background:none;border:0;padding:0;display:flex;align-items:center;text-decoration:none;min-height:44px}.chapter-nav [aria-current]{text-decoration:underline;text-underline-offset:6px}.stage[data-phase=split] .chapter-nav{display:none}.stage[data-phase=split] .story{top:5%;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}.stage[data-phase=split] .story h1{font-size:clamp(58px,6.2vw,96px)}.stage[data-phase=split] .story p{justify-self:end;font-size:17px;max-width:34ch;margin:3px 0 0}.stage[data-phase=split] .start{display:none}
.game{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:.75fr 1.3fr;gap:10%;padding:110px 5% 100px;scroll-margin-top:0}.game-intro h2{font-size:clamp(72px,7vw,110px)}.game-intro p{max-width:29ch;margin-top:30px;font-size:18px;line-height:1.5}.game-intro p+p{font-size:16px;line-height:1.5;margin-top:24px}.scoreboard{display:grid;grid-template-columns:1fr 1fr;gap:28px}.scoreboard>div{display:grid;grid-template-columns:1fr auto;align-items:end;gap:0 20px}.scoreboard span{font-size:16px;grid-column:1/-1}.scoreboard b{font:42px/1 Instrument,Georgia,serif;font-weight:400;margin-top:8px}.scoreboard strong{font:76px/.9 Instrument,Georgia,serif;font-weight:400}.scoreboard>p{grid-column:1/-1;font-size:12px;color:#c4d0be}.scoreboard.set-point>p{color:#fff1ac;font-size:14px}.game-tools{margin-top:28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.game-tools>p{font-size:13px;color:#c4d0be}.game-tools button{font-size:13px;color:var(--paper)}.point-strip{display:grid;grid-template-columns:repeat(14,1fr);gap:2px;margin-top:12px}.point-strip button{border:0;background:none;color:var(--paper);padding:0;position:relative;display:grid;place-items:center;min-width:0;min-height:44px;font-size:12px;font-variant-numeric:tabular-nums}.point-strip button:before{content:'';position:absolute;width:26px;height:26px;border-radius:50%;background:var(--paper);opacity:.14}.point-strip button[data-winner="2"]:before{background:#e3b6cc;opacity:.44}.point-strip button[aria-pressed=true]{outline:1px solid var(--paper);outline-offset:-2px}.point-strip button.is-dim{opacity:.28}.game-filter{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px}.game-filter button{border:0;background:none;color:var(--paper);padding:0;font-size:13px;opacity:.68}.game-filter button[aria-pressed=true]{opacity:1;text-decoration:underline;text-underline-offset:6px}#point-comment{margin-top:28px;min-height:155px}#point-type{font-size:13px;color:#c4d0be}#point-outcome{font-size:clamp(42px,4vw,60px);line-height:1;margin-top:12px}#point-description{font-size:16px;max-width:60ch;line-height:1.5;margin-top:16px}.point-controls{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:20px}.point-controls button{border:0;background:none;color:var(--paper);display:flex;align-items:center;gap:10px;padding:0;font-size:14px}.point-controls p{font-size:12px;color:#c4d0be;max-width:27ch;text-align:center}.game :focus-visible{outline-color:#f0d3df}.raw{margin-top:25px;font-size:13px;color:#c4d0be}.raw summary{cursor:pointer;padding:10px 0;min-height:44px}.raw dl{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.raw dt{font-size:12px}.raw dd{margin:4px 0 0;overflow-wrap:anywhere;color:var(--paper)}.raw .code-field{grid-column:1/-1}
.verdict{padding:115px 5%;display:grid;grid-template-columns:1fr 1fr;gap:10%}.verdict h2{font-size:clamp(68px,7vw,110px)}.verdict>div{font-size:20px;line-height:1.5;max-width:52ch}.verdict p+p{margin-top:25px}.verdict p:not(:first-child){font-size:16px}.verdict .text-action{margin-top:30px;border-bottom:1px solid var(--ink)}.sources{padding:85px 5%;background:#dfdfcf;display:grid;grid-template-columns:1fr 1fr;gap:10%;font-size:16px;line-height:1.6}.sources h2{font-size:clamp(60px,6vw,90px)}.sources>div:first-child>p{margin:28px 0;font-size:16px}.sources p+p,.sources details+p{margin-top:24px}.sources details{margin-top:20px}.sources summary{min-height:44px;padding:10px 0;cursor:pointer}.sources details p{margin:15px 0}.sources select{display:block;background:var(--paper);border:1px solid #768878;border-radius:0;max-width:100%;padding:10px;margin:10px 0 20px;width:100%;min-height:44px}.source-label{display:block;margin-top:15px;font-size:13px}#source-record{font-size:14px;margin-bottom:20px;overflow-wrap:anywhere}#source-record p{margin:12px 0}.source-hash{font-size:12px;overflow-wrap:anywhere}.source-hash code{font-size:11px}footer{padding:40px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer p,footer span{font-size:13px}.no-js{padding:30px 5%}
@media(hover:hover) and (pointer:fine){.text-action:hover,.masthead>a:last-child:hover,.chapter-nav a:hover{color:var(--plum)}.scope button:not([aria-pressed=true]):hover{background:#d5dccc}.game button:hover{color:#f1d2df}.point-strip button:hover:before{opacity:.5}}
@media(max-width:1050px) and (min-width:761px){.group{padding-left:16px;padding-right:12px}.group h2{font-size:15px}.count{font-size:62px}.point-strip{grid-template-columns:repeat(7,1fr)}.game{gap:7%}.game-intro h2{font-size:75px}.stage[data-phase=split] .story p{font-size:15px}}
@media(max-width:760px){
 .masthead{top:22px;left:6%;right:6%;gap:12px}.wordmark{font-size:36px}.masthead p{font-size:11px;margin-left:auto}.masthead>a:last-child{font-size:0;gap:0}.masthead>a:last-child span{font-size:24px}
 .sequence{height:240svh}.stage{min-height:690px}.story{top:16%;left:6%;right:6%}.story h1{font-size:clamp(76px,21vw,140px)}.story p{font-size:16px;max-width:30ch;margin-top:22px}.start{font-size:14px;margin-top:18px}.opening-note{left:6%;bottom:15%;font-size:12px}.opening-note p+p{display:none}.chapter-nav{left:6%;right:6%;bottom:8%;justify-content:space-between;gap:16px;font-size:12px}
 .evidence{top:330px;left:6%;right:6%;bottom:190px}.legend{top:-42px;gap:12px;font-size:11px;flex-wrap:wrap}.legend span{gap:5px}.legend span:last-child{margin-left:0}.ball{width:9px;height:9px}.groups{gap:9px}.group{padding:15px 9px 0}.group h2{font-size:12px;min-height:32px;max-width:9ch}.count{font-size:42px;margin-top:12px}.count-note{font-size:10px;line-height:1.35;margin-top:6px;max-width:10ch}
 .stage[data-phase=split] .story{top:30px;display:block}.stage[data-phase=split] .story h1{font-size:58px}.stage[data-phase=split] .story p{font-size:15px;margin-top:16px;max-width:34ch}.comparison{left:6%;right:6%;bottom:92px;display:block}.scope{gap:0;justify-content:space-between}.scope button{padding:7px 9px;font-size:12px}.comparison>p{font-size:11px;margin-top:11px}.stage-footer{left:6%;right:6%;bottom:22px;gap:18px;font-size:11px}.stage-footer p{max-width:27ch}.stage-footer button{font-size:11px;text-align:right;min-width:74px}.floor-shadow{left:8%;top:65%;width:85%;height:13%}
 .game{display:block;padding:65px 6%}.game-intro h2{font-size:76px}.game-intro p{font-size:17px;margin-top:22px;max-width:32ch}.game-intro p+p{font-size:15px;margin-top:18px}.game-record{margin-top:44px}.scoreboard{gap:24px}.scoreboard strong{font-size:66px}.game-tools{margin-top:20px}.game-tools button{font-size:12px}.point-strip{grid-template-columns:repeat(7,1fr);gap:4px}.game-filter{gap:17px}.game-filter button{font-size:12px}#point-comment{min-height:180px}#point-outcome{font-size:45px}#point-description{font-size:15px}.point-controls{gap:12px}.point-controls p{font-size:11px;max-width:17ch}.point-controls button{font-size:12px;gap:5px}.raw dl{grid-template-columns:repeat(2,1fr)}
 .verdict,.sources{display:block;padding:65px 6%}.verdict h2{font-size:72px}.verdict>div{font-size:18px;margin-top:35px}.verdict p:not(:first-child){font-size:15px}.sources h2{font-size:67px}.sources>div+div{margin-top:35px}.sources{font-size:15px}footer{padding:35px 6%;flex-wrap:wrap}.wordmark{flex:none}footer p{margin-left:auto}footer>span{width:100%;font-size:12px}
}
@media(max-height:740px) and (min-width:761px){.story{top:17%}.story h1{font-size:112px}.story p{font-size:16px;margin-top:18px}.start{margin-top:14px}.stage[data-phase=split] .story{top:28px}.stage[data-phase=split] .story h1{font-size:66px}.stage[data-phase=split] .story p{font-size:15px}.evidence{top:245px;bottom:150px}.count{font-size:58px;margin-top:10px}.group{padding-top:15px}.comparison{bottom:78px}.opening-note{bottom:13%}}
@media(max-width:760px) and (max-height:739px){.stage{min-height:650px}.story{top:16%}.story h1{font-size:76px}.story p{font-size:14px;margin-top:15px}.start{margin-top:14px}.stage[data-phase=split] .story{top:22px}.stage[data-phase=split] .story h1{font-size:48px}.stage[data-phase=split] .story p{font-size:13px;margin-top:12px}.evidence{top:262px;bottom:175px}.group{padding-top:12px}.count{font-size:37px;margin-top:8px}.comparison{bottom:80px}.stage-footer{bottom:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sequence{height:auto}.stage{position:relative}.scene{display:none}}
.motion-reduced .sequence{height:auto}.motion-reduced .stage{position:relative}.motion-reduced .scene{display:none}.motion-reduced .masthead{position:relative;left:auto;right:auto;top:auto;margin:25px 5%;height:44px}.motion-reduced .stage-footer button{opacity:.6}
/* Keep navigation and editorial copy clear of the physical object. */
.chapter-nav{left:5%;right:auto;bottom:8%}
.scoreboard b:after,.scoreboard strong:after{display:block;color:#c4d0be;font:11px/1.5 Arial,Helvetica,sans-serif;letter-spacing:0;margin-top:7px}
.scoreboard b:after{content:'games'}.scoreboard strong:after{content:'points'}
.point-strip button:before{opacity:.28}.point-strip button[data-winner="2"]:before{opacity:.6}
@media(max-width:760px){.opening-note{display:none}.chapter-nav{left:6%;right:6%;bottom:8%}.stage[data-phase=split] .story p{justify-self:auto;margin-left:0}.scoreboard>div{column-gap:12px}}
/* Labels remain readable; the count field is above its geometric SVG layer. */
.groups{z-index:2;pointer-events:auto}#point-field{z-index:1;pointer-events:none}
.count-note,.stage-footer,.stage-footer button,.comparison>p,.scoreboard>p,.game-tools>p,.game-tools button,.game-filter button,.point-controls p,.raw,.raw dt,.source-label{font-size:13px}
.point-strip button{font-size:13px}.game-filter button{opacity:1;color:#c4d0be}.game-filter button[aria-pressed=true]{color:var(--paper)}
.motion-reduced .opening-note{display:none}
@media(max-width:760px){.legend,.group h2,.count-note,.scope button,.comparison>p,.stage-footer,.stage-footer button,.chapter-nav,.game-filter button,.game-tools button,.point-controls button,.point-controls p{font-size:13px}.group h2{min-height:34px}.count-note{max-width:10ch}.point-controls p{max-width:18ch}.point-controls{flex-wrap:wrap}.point-controls p{order:3;max-width:none;width:100%;text-align:left}.stage-footer p{max-width:25ch}}
.masthead>a:last-child svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4}
.scoreboard b:after,.scoreboard strong:after{font-size:13px}.source-hash,.source-hash code{font-size:13px}
@media(max-width:1250px){.point-strip{grid-template-columns:repeat(7,1fr)}}
@media(max-width:760px){.masthead p,footer>span{font-size:13px}.point-controls p{margin-top:4px}}
.evidence,.comparison{visibility:hidden}.stage[data-phase=opening] .story p{font-size:18px}
@media(max-width:760px){.chapter-nav{display:none}}
/* A short hold keeps the dissection moving toward its actual game. */
.sequence{height:180svh}:root{--deck:#cbdde1}
/* This case opens evidence before asking the reader to inspect its sources. */
[hidden]{display:none!important}
.group{position:relative;display:block;text-align:left;align-self:stretch;min-width:0;border:0;background:transparent;color:var(--ink);padding-bottom:0;transition:background-color .16s ease}
.group-title{display:block;font-size:17px;line-height:1.3;min-height:22px}
.group .count,.group .count-note{display:block}
.group-action{display:block;font-size:13px;line-height:1.3;margin-top:8px;text-decoration:underline;text-underline-offset:4px}
.group.is-open .group-action{display:none}
.group:not(.is-open) .count-note{color:var(--muted)}
.group:focus-visible{outline-offset:4px}
.point.concealed{fill:#778f97}.point.concealed .point-seam{opacity:.6}
.comparison{display:grid;grid-template-columns:auto 1fr;gap:8px 30px;bottom:78px}
.comparison>p{grid-column:1/-1}.comparison .text-action{justify-self:end;font-size:16px;gap:0;border-bottom:1px solid var(--ink)}
.stage.comparison-open .story p{color:var(--ink)}
.game{grid-template-columns:1fr 1.15fr;gap:9%}
.game-intro h2{font-size:clamp(64px,6.8vw,104px)}
.moments{display:flex;flex-direction:column;margin-top:36px;max-width:350px;gap:4px}
.moments button{border:0;background:none;color:#c4d0be;text-align:left;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;font-size:16px;min-height:52px}
.moments button span{font-size:14px}
.moments button[aria-pressed=true]{background:#eeeade;color:var(--ink)}
.moments button.was-seen:not([aria-pressed=true]){color:var(--paper)}
.moments button.was-seen:not([aria-pressed=true]):after{content:'✓';margin-left:12px}
#point-comment{margin-top:36px;min-height:210px}
#point-outcome{font-size:clamp(40px,4.3vw,62px);max-width:17ch}
#point-description{max-width:46ch}
.continue-moment{color:var(--paper);border-bottom:1px solid var(--paper);font-size:16px;min-height:58px}
#game-payoff{font-size:16px;line-height:1.5;max-width:46ch;margin-top:24px}
.whole-game{margin-top:36px;color:#c4d0be;font-size:14px}
.whole-game summary{cursor:pointer;padding:12px 0;min-height:48px;color:var(--paper);font-size:15px}
.context-note{font-size:14px;margin-top:12px;max-width:46ch}.raw{margin-top:10px}
.point-strip button:not([data-winner]):before{background:var(--paper);opacity:.15}
@media(hover:hover) and (pointer:fine){.group:not(.is-open):hover{background:#173c3012}.group:not(.is-open):hover .group-action{color:var(--plum)}.group:active{background:#173c3020}}
@media(max-width:1050px) and (min-width:761px){.group-title{font-size:15px}.game{gap:6%}.game-intro h2{font-size:72px}}
@media(max-width:760px){
 .group-title{font-size:13px;min-height:34px;max-width:10ch}.group-action{font-size:13px;margin-top:7px;max-width:10ch}.group .count-note{font-size:12px;line-height:1.2;max-width:12ch}.group{padding-top:14px}
 .comparison{display:flex;flex-wrap:wrap;gap:8px;bottom:78px}.scope{width:100%;justify-content:flex-start;gap:8px}.scope button{font-size:13px;padding:7px 9px}.comparison .text-action{font-size:14px;order:3;min-height:36px}.comparison>p{font-size:12px}
 .evidence{bottom:213px}.comparison-open .comparison{bottom:74px}
 .game{display:block}.game-intro h2{font-size:clamp(57px,16vw,76px)}.game-intro p{max-width:33ch}.game-intro p+p{margin-top:18px}
 .moments{flex-direction:row;max-width:none;margin-top:28px;gap:4px}.moments button{flex:1;display:block;min-height:78px;padding:10px 8px;font-size:14px;line-height:1.25}.moments button span{display:block;margin-top:8px;font-size:13px}.moments button.was-seen:not([aria-pressed=true]):after{content:none}
 .game-record{margin-top:32px}#point-comment{min-height:220px;margin-top:28px}#point-outcome{font-size:44px;max-width:17ch}.continue-moment{font-size:15px}.whole-game{margin-top:28px}
}
@media(max-width:760px) and (max-height:739px){.group-title{font-size:12px}.group{padding-top:12px}.group-action{font-size:12px;margin-top:6px}.comparison{bottom:67px}.evidence{bottom:205px}.comparison-open .comparison{bottom:62px}.comparison>p{font-size:11px}.comparison .text-action{font-size:13px}.stage-footer{font-size:11px}.stage-footer button{font-size:12px}}
@media(prefers-reduced-motion:reduce){.group{transition:none}}
/* Native button contents start at the deck's top, like the evidence they reveal. */
.group{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}
@media(max-width:760px){.game{padding-top:42px}.game-intro h2{font-size:clamp(48px,14vw,60px)}.game-intro p{margin-top:18px;font-size:16px}.moments{margin-top:20px}.moments button{min-height:68px}.game-record{margin-top:24px}.scoreboard strong{font-size:54px}.scoreboard b{font-size:36px}.scoreboard{gap:18px}.scoreboard>p{font-size:12px}.scoreboard.set-point>p{font-size:13px}#point-comment{min-height:170px;margin-top:24px}#point-outcome{font-size:40px}.legend{gap:8px;font-size:11px;top:-46px}.legend span:last-child{font-size:11px}.legend .ball{width:8px;height:8px}}
.motion-reduced .group{background:var(--deck)}
@media(max-width:760px) and (max-height:739px){.stage{min-height:730px}}
/* The denominator change answers an objection; the game is directly inspectable. */
.evidence{bottom:205px}
.comparison{grid-template-columns:1fr auto;bottom:72px;gap:4px 24px}
#scope-question{grid-column:1/-1;font-size:16px;color:var(--ink);margin-bottom:4px}
.scope button{padding:6px 0;background:none;color:var(--ink);font-size:15px;text-decoration:underline;text-underline-offset:5px}
.comparison .text-action{font-size:15px;border:0}
.continue-moment{margin-top:12px}
@media(max-width:760px){.evidence{bottom:260px}.comparison{bottom:70px;gap:2px}#scope-question{font-size:14px;line-height:1.35;max-width:33ch;margin-bottom:3px}.scope{width:auto}.scope button{padding:4px 0;font-size:14px;min-height:44px}.comparison .text-action{width:100%;order:3;min-height:36px}.comparison>p{width:100%;font-size:12px}.comparison-open .comparison{bottom:70px}.game-intro p{max-width:36ch}#point-comment{min-height:160px}}
@media(max-width:760px) and (max-height:739px){.stage{min-height:790px}.evidence{bottom:260px}.comparison{bottom:60px}.comparison-open .comparison{bottom:60px}.game{padding-top:28px}.game-intro h2{font-size:44px}.game-intro p{font-size:15px;margin-top:14px}.moments{margin-top:16px}.moments button{min-height:56px;font-size:13px;padding:8px}.moments button span{margin-top:4px}.game-record{margin-top:20px}.scoreboard strong{font-size:48px}.scoreboard{gap:14px}#point-comment{margin-top:20px;min-height:150px}#point-outcome{font-size:36px}#point-description{font-size:15px}.continue-moment{min-height:48px;margin-top:8px}}
/* The pressure court encodes shot categories; it never stages a tracking replay. */
.shot-view{margin:32px 0 0;background:var(--paper);color:var(--ink);padding:22px}
.shot-view-header,.court-ends{display:flex;justify-content:space-between;gap:16px;font-size:14px;line-height:1.4}
.shot-view-header p:last-child{color:var(--muted);white-space:nowrap}.court-ends{margin-top:20px;font-size:13px}
#shot-court{width:100%;height:auto;margin:0;overflow:visible}
.shot-surface{fill:var(--court)}.shot-lines{fill:none;stroke:var(--paper);stroke-width:2}.shot-net{fill:none;stroke:var(--paper);stroke-width:4}
.recorded-region{fill:#d6e4c8;fill-opacity:.8}.direction-category{fill:#768c87;fill-opacity:.3}.direction-category.is-current{fill:var(--ink);fill-opacity:1}.net-error-region{fill:var(--plum)}
.shot-view[data-actor="2"] .direction-category.is-current{fill:var(--plum)}
#shot-title{font:32px/1.12 Instrument,Georgia,serif;letter-spacing:-.025em}#shot-detail{font-size:15px;line-height:1.5;margin-top:10px;min-height:68px;max-width:58ch}
.shot-code{font-size:13px;margin-top:10px;color:var(--muted)}.shot-code code{font-size:14px;color:var(--ink)}
.stroke-steps{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:20px}
.stroke-steps button{min-width:0;min-height:44px;border:0;background:#dce0d0;color:var(--ink);font-size:14px;padding:4px}
.stroke-steps button[data-actor="2"]{background:#e3d5da;color:var(--plum)}.stroke-steps button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.stroke-steps button[data-actor="2"][aria-pressed=true]{background:var(--plum);color:var(--paper)}
.shot-controls{display:flex;justify-content:space-between;gap:16px;margin-top:12px}.shot-controls button,.shot-ending{border:0;background:none;color:var(--ink);padding:0;font-size:14px;min-height:44px}.shot-ending{text-decoration:underline;text-underline-offset:5px;margin-top:4px;text-align:left}
.shot-key{font-size:13px;line-height:1.5;margin-top:16px;max-width:66ch;color:var(--muted)}.shot-method{font-size:14px;line-height:1.5;margin-top:12px}.shot-method summary{cursor:pointer;min-height:44px;padding:10px 0}.shot-method p{margin-top:12px}
.game-explanation{margin-top:32px}.game-explanation #point-comment{margin-top:0;min-height:0}.game-explanation #point-type{font-size:13px;margin:0;color:#c4d0be}.game-explanation #point-description{font-size:16px;line-height:1.5;margin-top:16px;max-width:36ch}.game-explanation #game-payoff{font-size:16px;line-height:1.5;margin-top:24px;max-width:36ch}.game-explanation #point-outcome{font-size:clamp(40px,4.3vw,62px);max-width:16ch}
.game-audit{margin-top:28px}.game-audit .whole-game{margin-top:0}
.game .shot-view :focus-visible{outline-color:var(--plum)}
@media(hover:hover) and (pointer:fine){.game .shot-view button:hover{color:var(--plum)}.game .stroke-steps button:hover{background:var(--ink);color:var(--paper)}}
@media(max-width:1050px) and (min-width:761px){.game{grid-template-columns:.85fr 1.15fr;gap:6%}.shot-view{padding:18px}#shot-title{font-size:28px}.stroke-steps{gap:3px}.shot-controls{gap:8px}.shot-controls button{font-size:13px}.shot-view-header{font-size:13px}}
@media(max-width:760px){
 .game{display:flex;flex-direction:column;gap:0}.game-intro,.game-record{display:contents}.game-intro>h2{order:0}.game-intro>p{order:1;margin-top:18px}.moments{order:2}.scoreboard{order:3;margin-top:28px}.shot-view{order:4;margin-top:24px;padding:16px}.game-explanation{order:5;margin-top:28px}.game-audit{order:6;margin-top:28px}
 .shot-view-header{font-size:13px;gap:12px}.court-ends{font-size:13px;margin-top:18px}#shot-title{font-size:28px}#shot-detail{font-size:15px;min-height:90px}.shot-key{font-size:13px}.stroke-steps{gap:4px;margin-top:18px}.shot-controls{gap:8px}.shot-controls button{font-size:13px}.game-explanation #point-outcome{font-size:44px;max-width:17ch}.game-explanation #point-description{font-size:15px;max-width:40ch}.game-explanation #game-payoff{font-size:15px}
}
@media(max-width:380px){.shot-view{padding:12px}.shot-view-header{font-size:12px}.shot-controls{gap:8px}.shot-controls button{font-size:12px}.stroke-steps{gap:3px}.game-explanation #point-outcome{font-size:38px}}
@media(max-width:760px){.stroke-steps{grid-template-columns:repeat(6,1fr)}#shot-detail{min-height:68px}}
@media(max-width:380px){.stroke-steps{grid-template-columns:repeat(5,1fr)}#shot-detail{min-height:90px}}
/* Keep the controls above the court so their payoff stays in view on a phone. */
.shot-view-header{align-items:center;min-height:44px}.shot-view-header .shot-ending{margin:0;max-width:60%;font-size:13px;text-align:right;line-height:1.4}.shot-controls{align-items:center;margin-top:4px}.shot-controls p{font-size:13px;white-space:nowrap;color:var(--muted)}.court-ends{margin-top:12px}
/* Printed player identity belongs outside the measured court categories. */
.icon-definitions{position:absolute;overflow:hidden;pointer-events:none}
.rivalry-art{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:28px 0;background:var(--court);overflow:hidden;isolation:isolate}
.rivalry-person{margin:0;min-width:0;padding-top:12px}
.portrait-piece{transform-origin:50% 90%}
.portrait-piece img{display:block;width:100%;height:clamp(140px,20vw,250px);object-fit:cover;object-position:50% 15%}
.rivalry-person figcaption{font:38px/1 Instrument,Georgia,serif;letter-spacing:-.025em;padding:6px 12px 16px;color:var(--paper)}
.rivalry-person:nth-child(2) figcaption{text-align:right}
.hitter-strip{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:12px 0 0}
.hitter{display:flex;align-items:center;gap:10px;min-width:0;color:var(--ink)}
.hitter[data-player="2"]{color:var(--plum);justify-content:flex-end;text-align:right;flex-direction:row-reverse}
.hitter-portrait{display:block;width:70px;height:80px;object-fit:cover;object-position:50% 15%;flex:none;opacity:.4}
.hitter-copy{min-width:0}.hitter-name{font-size:15px;line-height:1.3;display:block}.is-hitter .hitter-name{font-weight:700}
.hitter-status{display:flex;align-items:center;gap:5px;margin-top:5px;font-size:13px;line-height:1;min-height:25px;opacity:0;transform:scale(.98);transform-origin:left center}
.hitter[data-player="2"] .hitter-status{justify-content:flex-end;transform-origin:right center}
.racket-mark{width:18px;height:25px;flex:none;transform:rotate(-25deg)}
.is-hitter .hitter-portrait,.is-hitter .hitter-status{opacity:1}.is-hitter .hitter-status{transform:scale(1)}
.hitter-strip[data-motion="pointer"] .hitter-portrait,.hitter-strip[data-motion="pointer"] .hitter-status{transition:opacity 120ms var(--ease-out),transform 120ms var(--ease-out)}
.hitter-strip[data-motion="gentle"] .hitter-portrait,.hitter-strip[data-motion="gentle"] .hitter-status{transition:opacity 80ms var(--ease-out);transform:none}
.hitter-strip[data-motion="instant"] .hitter-portrait,.hitter-strip[data-motion="instant"] .hitter-status{transition:none}
.court-ends{margin-top:8px;color:var(--muted);font-size:12px}
@media(max-width:1050px) and (min-width:761px){.rivalry-person figcaption{font-size:26px;padding-left:9px;padding-right:9px}.hitter-strip{gap:8px}.hitter{gap:6px}.hitter-portrait{width:50px;height:62px}.hitter-name{font-size:13px}.hitter-status{font-size:12px;gap:2px}.racket-mark{width:15px;height:22px}}
@media(max-width:760px){.rivalry-art{order:0;margin:24px 0 0;flex:none}.portrait-piece img{height:clamp(140px,45vw,200px)}.rivalry-person figcaption{font-size:30px;padding:6px 12px 14px}.hitter-strip{gap:10px;margin-top:12px}.hitter{gap:7px}.hitter-portrait{width:57px;height:69px}.hitter-name{font-size:14px}.hitter-status{font-size:12px}}
@media(max-width:380px){.rivalry-person figcaption{font-size:27px;padding-left:9px;padding-right:9px}.hitter-strip{gap:8px}.hitter{gap:5px}.hitter-portrait{width:43px;height:59px}.hitter-name{font-size:13px}.hitter-status{font-size:11px;gap:2px}.racket-mark{width:14px;height:21px}}
@media(prefers-reduced-motion:reduce){.hitter-strip[data-motion="pointer"] .hitter-portrait,.hitter-strip[data-motion="pointer"] .hitter-status{transition:opacity 80ms var(--ease-out);transform:none}}
.motion-reduced .hitter-strip[data-motion="pointer"] .hitter-portrait,.motion-reduced .hitter-strip[data-motion="pointer"] .hitter-status{transition:opacity 80ms var(--ease-out);transform:none}
.rivalry-art[data-motion-ready="true"]:not([data-entered="true"]) .portrait-piece{opacity:0}
@media(max-width:760px){.game-intro>h2{font-size:clamp(40px,11.5vw,48px);line-height:1}.game-intro>h2 br{display:none}}
.hitter-status,.court-ends{font-size:13px}

/* Finished reader: one scroll playhead, one persistent source inspector. */
:root{--body-size:16px;--meta-size:13px;--control-size:14px}
h1,h2{line-height:1}
.sequence{height:180svh}
.stage{height:100svh;min-height:0}
.story,.stage[data-phase=split] .story{display:block;top:0;bottom:0;left:5%;right:5%;height:100%;gap:0}
.story h1,.stage[data-phase=split] .story h1{position:absolute;top:17%;left:0;font-size:clamp(88px,min(11.4vw,18svh),176px);transform-origin:0 0;will-change:transform}
.story p,.stage[data-phase=split] .story p{position:absolute;top:0;left:0;max-width:35ch;width:35ch;margin:0;font-size:18px;line-height:1.45;will-change:transform}
.start,.stage[data-phase=split] .start{position:absolute;left:0;display:flex;margin:0;font-size:15px}
.evidence{top:clamp(230px,32svh,320px);bottom:230px}
.comparison,.comparison-open .comparison{display:grid;grid-template-columns:1fr auto;gap:0 24px;bottom:82px;align-items:center}
.comparison>p{grid-column:1/-1;margin:0;font-size:var(--meta-size);line-height:1.4}
#scope-question{font-size:16px;min-height:24px;margin:0;max-width:none}
.scope{width:auto;justify-content:flex-start;gap:0}
.scope button{padding:0;min-height:44px;background:none;color:var(--ink);font-size:15px}
.comparison .text-action{width:auto;order:0;font-size:15px;min-height:44px;justify-self:end}
#scope-note{min-height:19px}
#scope-comparison{min-height:2.8em;max-width:74ch;font-size:14px;color:var(--ink);margin-top:4px}
.group-title{font-size:16px}.count-note,.group-action{font-size:var(--meta-size)}
.game{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:9%}
.game-record,.shot-view{min-width:0}
.game-context{margin-top:26px}
.game-context .whole-game{margin:0;font-size:var(--control-size)}
.game-context summary{padding:10px 0;min-height:44px}
.game-context .context-note{margin:8px 0 0;font-size:var(--control-size)}
.game-context .game-tools{margin-top:12px}
.game-context .point-controls{margin-bottom:14px}
.point-strip button.is-dim{opacity:.6}
.shot-view{scroll-margin-top:20px;margin-top:20px}
.shot-view-header{gap:16px;min-height:44px;font-size:var(--control-size)}
.shot-view-header p{max-width:55%;line-height:1.4}
.shot-view-header .shot-ending{font-size:var(--meta-size);max-width:45%}
.shot-controls{gap:12px;margin-top:0;align-items:center}
.shot-controls button,.shot-controls p{font-size:var(--meta-size)}
.sequence-hint{font-size:var(--meta-size);line-height:1.4;margin:8px 0 4px}
.stroke-steps{position:relative;display:flex;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;scroll-behavior:auto;scrollbar-color:var(--ink) #dce0d0;scrollbar-width:thin;margin:0;padding:4px 4px 10px;touch-action:pan-x pan-y}
.stroke-steps button{flex:0 0 112px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:4px;min-height:78px;padding:8px;font-size:var(--control-size);line-height:1.2;transition:none}
.sequence-actor{font-size:var(--meta-size);white-space:nowrap}
.sequence-shot{font-weight:700;min-height:34px}
.stroke-steps code{font-size:var(--meta-size);margin-top:auto}
.stroke-steps button:focus-visible{outline:2px solid var(--plum);outline-offset:1px}
.shot-caption{margin-top:6px}
#shot-detail{font-size:var(--body-size);min-height:72px}
.shot-code,.shot-code code,.shot-key,.court-ends,.hitter-status,.source-hash,.source-hash code{font-size:var(--meta-size)}
.shot-unavailable{padding:24px 0 12px;min-height:300px}
.unavailable-kind{font-size:var(--meta-size);color:var(--muted)}
.shot-unavailable h3{font:36px/1.1 Instrument,Georgia,serif;margin-top:10px}
.shot-unavailable>p:not(:first-child){margin-top:16px;font-size:var(--body-size);line-height:1.5;max-width:46ch}
.shot-unavailable .unavailable-note{font-size:var(--control-size);color:var(--muted)}
.shot-unavailable dl{display:grid;gap:16px;margin:24px 0 0}
.shot-unavailable dt{font-size:var(--meta-size);color:var(--muted)}
.shot-unavailable dd{margin:4px 0 0;overflow-wrap:anywhere}
.shot-unavailable code{font-size:var(--control-size)}
.game-audit{margin-top:16px}.game-audit .raw{margin:0}
.point-strip button:focus-visible{outline:2px solid var(--paper);outline-offset:1px}
.sources select{font-size:var(--body-size)}
@media(hover:hover) and (pointer:fine){
 .stroke-steps button:hover{background:var(--ink);color:var(--paper)}
 .stroke-steps button[data-actor="2"]:hover{background:var(--plum);color:var(--paper)}
 .group.is-open:hover{background:#173c3010}
 .group.is-open:hover .count-note{text-decoration:underline;text-underline-offset:4px}
}
@media(min-width:761px) and (max-height:740px){
 .story h1,.stage[data-phase=split] .story h1{font-size:112px}
 .evidence{top:210px;bottom:210px}.legend{top:-38px}.group{padding-top:12px}.group .count{font-size:48px;margin-top:8px}
 .comparison,.comparison-open .comparison{bottom:74px}
}
@media(max-width:1050px) and (min-width:761px){
 .game{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:6%}
 .group-title{font-size:15px}.shot-view{padding:18px}
 .shot-view-header{font-size:var(--meta-size)}
}
@media(max-width:760px){
 .story,.stage[data-phase=split] .story{left:6%;right:6%}
 .story h1,.stage[data-phase=split] .story h1{top:16%;font-size:clamp(76px,min(21vw,13svh),140px)}
 .story p,.stage[data-phase=split] .story p,.stage[data-phase=opening] .story p{font-size:16px;max-width:34ch;width:100%;margin:0}
 .stage-footer{bottom:12px;font-size:var(--meta-size)}.stage-footer button{font-size:var(--meta-size)}
 .evidence{top:clamp(170px,27svh,242px);bottom:210px}
 .legend{top:-32px;gap:10px;font-size:12px;flex-wrap:nowrap;line-height:1.25}.legend span:last-child{font-size:12px;margin-left:auto;max-width:8ch}.legend .ball{width:8px;height:8px}
 .group{padding:12px 9px 0}.group-title{font-size:13px;min-height:34px}.group .count{font-size:42px;margin-top:8px}.group .count-note{font-size:12px;margin-top:4px}.group-action{font-size:12px;margin-top:6px}
 .comparison,.comparison-open .comparison{left:6%;right:6%;bottom:64px;gap:0 10px}
 #scope-question{font-size:14px;line-height:1.3;max-width:none;min-height:22px}
 .scope button,.comparison .text-action{font-size:13px;min-height:44px;order:0;width:auto}
 .comparison>p{font-size:12px;width:auto}.comparison #scope-comparison{font-size:12px;min-height:2.8em;line-height:1.4}
 .game{display:flex;flex-direction:column;gap:0;padding:48px 6%}
 .game-intro,.game-record{display:contents}
 .game-intro>h2{order:0;font-size:48px}.rivalry-art{order:1;margin-top:24px}
 .game-intro>p{order:2;font-size:16px;margin-top:20px}
 .moments{order:3;margin-top:20px}.moments button{font-size:14px;min-height:64px}
 .scoreboard{order:4;margin-top:24px}.scoreboard>p,.scoreboard.set-point>p{font-size:var(--meta-size)}
 .game-context{order:5;margin-top:16px}.shot-view{order:6;margin-top:16px;padding:16px}
 .game-explanation{order:7;margin-top:24px}.game-audit{order:8;margin-top:24px}
 .game-explanation #point-description,.game-explanation #game-payoff{font-size:var(--body-size)}
 .shot-view-header{font-size:var(--meta-size);gap:12px}
 .stroke-steps{margin:0;gap:6px}.stroke-steps button{flex-basis:108px;min-height:78px}
 .hitter-strip{margin-top:10px}.court-ends{margin-top:8px}.hitter-name{font-size:14px}
 #shot-title{font-size:28px}.shot-caption{margin-top:4px}#shot-detail{min-height:72px;font-size:15px}
 .shot-unavailable{min-height:280px}.shot-unavailable>p:not(:first-child){font-size:15px}
 .raw dl{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px) and (max-height:739px){
 .stage{min-height:0}.story p,.stage[data-phase=split] .story p,.stage[data-phase=opening] .story p{font-size:14px}
 .evidence{top:170px;bottom:210px}.comparison,.comparison-open .comparison{bottom:60px}
 .stage-footer p{max-width:25ch}.stage-footer,.stage-footer button{font-size:12px}
 .group .count{font-size:38px}.group-title{font-size:12px}.group-action{font-size:12px}
}
@media(max-width:380px){
 .shot-view{padding:12px}.shot-controls{gap:6px}
 .shot-view-header,.shot-view-header .shot-ending,.shot-controls button,.shot-controls p{font-size:12px}
 .hitter-status,.court-ends{font-size:12px}
 .game-intro>h2{font-size:44px}
}
@media(forced-colors:active){
 .stroke-steps button[aria-pressed=true],.moments button[aria-pressed=true],.point-strip button[aria-pressed=true]{outline:2px solid Highlight;outline-offset:-2px}
 .point,.point.lost-point{fill:CanvasText}.point.lost-point{stroke:CanvasText;stroke-width:1;fill:Canvas}
 .direction-category.is-current{fill:Highlight}
}
.scope button:focus-visible,.comparison .text-action:focus-visible{outline-offset:-1px}
.point-strip{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
@media(max-width:380px){.point-strip{grid-template-columns:repeat(5,minmax(0,1fr))}}
.stage[data-phase=transition] .chapter-nav{display:none}
@media(max-width:760px){.evidence{bottom:195px}}
.scoreboard>p,.scoreboard.set-point>p{font-size:var(--meta-size);line-height:1.5;min-height:20px}
/* Landscape and high zoom: let the complete evidence scroll in normal flow. */
.reader-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-height:560px),(min-width:761px) and (max-height:650px){
 .sequence{height:auto}.stage{position:relative;height:760px;min-height:0}
 .masthead{position:relative;left:auto;right:auto;top:auto;margin:25px 5%;height:44px}
}

@media(max-width:760px){.sources h2{font-size:clamp(48px,12vw,67px)}.floor-shadow{display:none}}

/* Complete claim-to-record path; ordinary flow leaves room for expanded evidence. */
.comparison-records{padding:100px 5%;display:grid;grid-template-columns:.75fr 1.3fr;gap:10%;scroll-margin-top:28px}
.comparison-intro h2{font-size:clamp(64px,6.3vw,100px)}
.comparison-intro p{max-width:34ch;margin-top:28px;font-size:18px;line-height:1.5}
.comparison-intro p+p{font-size:16px}
.comparison-intro .text-action{margin-top:24px;text-decoration:underline}
.ledger-patterns,.ledger-scopes{display:flex;flex-wrap:wrap;gap:8px}
.ledger-patterns button,.ledger-scopes button{background:none;border:0;padding:10px 12px;text-underline-offset:5px}
.ledger-patterns button{font-size:17px}
.ledger-patterns [aria-pressed=true]{background:var(--ink);color:var(--paper)}
.ledger-scopes{margin:12px 0 26px}
.ledger-scopes button{font-size:14px}
.ledger-scopes [aria-pressed=true]{text-decoration:underline;font-weight:700}
.ledger-result{font:36px/1.15 Instrument,Georgia,serif;letter-spacing:-.02em}
#ledger-definition{margin-top:14px;max-width:60ch}
.ledger-columns,#ledger-points summary{display:grid;grid-template-columns:.9fr .7fr .7fr 1.2fr;gap:12px;align-items:center}
.ledger-columns{margin-top:30px;padding:0 12px 8px;font-size:12px;color:var(--muted)}
#ledger-points details{border-top:1px solid #9cae9f}
#ledger-points details:last-child{border-bottom:1px solid #9cae9f}
#ledger-points summary{cursor:pointer;padding:14px 12px;min-height:52px;list-style:none;font-variant-numeric:tabular-nums}
#ledger-points summary::-webkit-details-marker{display:none}
.ledger-id:before{content:'+';display:inline-block;width:20px}
#ledger-points [open] .ledger-id:before{content:'−'}
.ledger-won{font-weight:700}.ledger-lost{color:var(--plum)}
.ledger-record{padding:12px 16px 24px;background:var(--deck)}
.ledger-record>p+p{margin-top:14px}
.ledger-record>p:first-child{font-weight:700}
.ledger-record code{overflow-wrap:anywhere;white-space:normal}
.ledger-record dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 0;font-size:13px}
.ledger-record dt{color:var(--muted);font-size:12px}.ledger-record dd{margin:3px 0 0}
.ledger-record .ledger-code{grid-column:1/-1}
.ledger-original-label{font-size:13px}
.ledger-limit{margin-top:24px;font-size:16px;max-width:60ch}
@media(hover:hover){.ledger-patterns button:not([aria-pressed=true]):hover,.ledger-scopes button:hover,#ledger-points summary:hover{background:var(--deck)}}
@media(max-width:1050px) and (min-width:761px){.comparison-records{gap:6%;grid-template-columns:.7fr 1.3fr}.comparison-intro h2{font-size:64px}}
@media(max-width:760px){.comparison-records{display:block;padding:65px 6%}.comparison-intro h2{font-size:64px}.comparison-intro p{max-width:40ch}.comparison-ledger{margin-top:38px}.ledger-patterns button{font-size:16px;padding:10px}.ledger-scopes button{padding:8px 10px}.ledger-result{font-size:32px}.ledger-columns,#ledger-points summary{grid-template-columns:.8fr .7fr .7fr 1.2fr;gap:8px;padding-left:4px;padding-right:4px}.ledger-columns{font-size:11px}#ledger-points summary{font-size:14px}.ledger-id:before{width:15px}.ledger-record{padding:14px 12px 22px}.ledger-record dl{grid-template-columns:repeat(3,minmax(0,1fr))}}
#ledger-points .ledger-record>.ledger-original{border:0;margin-top:12px}
#ledger-points .ledger-original>summary{display:list-item;list-style:revert;font-size:14px;padding:10px 0;min-height:44px}
#ledger-points .ledger-original>summary::-webkit-details-marker{display:revert}
#ledger-points .ledger-original>p{margin-top:12px}
.unavailable-source{margin-top:20px}.unavailable-source>summary{cursor:pointer;min-height:44px;padding:10px 0;font-size:14px}