.book{padding-top:clamp(120px,18vh,200px)}.book__head{gap:20px;display:grid}.book__head .kicker{color:var(--on-blue-dim)}.book__head h2{max-width:8em;font-size:clamp(44px,6.4vw,104px)}.book__lede{max-width:34em;color:var(--on-blue-dim);font-size:18px}.book__stage{align-items:center;height:100svh;display:flex}.book__grid{grid-template-columns:1fr minmax(280px,340px);align-items:center;gap:clamp(28px,4vw,72px);display:grid}.book__tree{height:min(76svh,720px);position:relative}.book__tree svg{display:block;overflow:visible}.edge-bed{fill:none;stroke:var(--foam);stroke-width:.8px;opacity:.22}.edge-body,.edge-flow{fill:none;stroke-linecap:round;transition:stroke .3s,opacity .3s}.edge-body{stroke:var(--sun)}.edge-flow{stroke:#ffe3a3;stroke-dasharray:3 11;opacity:.8}.has-pick .book__edge:not(.is-on) .edge-body{opacity:.28}.has-pick .book__edge:not(.is-on) .edge-flow{opacity:0}.book__edge.is-on .edge-body{stroke:#ffd36b}.leaf-tip{fill:var(--foam);opacity:.55;transition:fill .3s,opacity .3s,r .3s}.book__leaf.is-capped .leaf-tip{fill:var(--sun);opacity:1}.book__leaf.is-on .leaf-tip{opacity:1;r:5.5px;fill:#fff}.leaf-hit{fill:#0000;cursor:crosshair}.book__vault{font-family:var(--f-display);fill:var(--foam);font-size:24px}.book__side{gap:26px;display:grid}.book__day{color:var(--on-blue-dim)}.book__stats{gap:12px;margin:0;display:grid}.book__stats>div:not(.book__pair),.book__pair>div{gap:2px;display:grid}.book__pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.book__stats dt{font-family:var(--f-mono);color:var(--on-blue-dim);font-size:12px}.book__stats dd{letter-spacing:-.01em;margin:0;font-size:34px;line-height:1.05}.book__sun{color:var(--sun)}.book__strip .kicker{color:var(--on-blue-dim);margin-bottom:10px}.book__axis{border-bottom:1px solid var(--on-blue-line);height:52px;position:relative}.book__zero{background:var(--on-blue-line);width:1px;position:absolute;top:0;bottom:0}.book__dot{background:var(--sun);opacity:0;width:8px;height:8px;transition:opacity .35s, transform .6s var(--ease-out), background-color .3s;cursor:crosshair;border-radius:50%;margin-left:-4px;position:absolute;transform:translateY(-14px)scale(.4)}.book__dot.is-loss{box-shadow:inset 0 0 0 1.5px var(--foam);background:0 0}.book__dot.is-in{opacity:1;transform:none}.book__dot.is-on{z-index:1;background:#fff;transform:scale(1.8)}.book__mark{border-left:1.5px solid var(--foam);opacity:0;width:0;transition:opacity .5s .3s;position:absolute;top:-8px;bottom:-8px}.book__mark b{white-space:nowrap;font-size:20px;font-weight:400;position:absolute;top:calc(100% + 6px);left:0;transform:translate(-50%)}.book--done .book__mark{opacity:1}.book__ends{font-family:var(--f-mono);color:var(--on-blue-dim);justify-content:space-between;margin-top:6px;font-size:11px;display:flex}.book--done .book__ends{visibility:hidden}.book__pick{min-height:3em;color:var(--foam);margin-top:16px;font-size:15px}.book__note{font-family:var(--f-mono);color:var(--on-blue-dim);font-size:12px}@media (max-width:819px){.book__stage{align-items:flex-start;height:auto;min-height:100svh;padding:64px 0 24px}.book__grid{grid-template-columns:1fr;gap:20px}.book__tree{height:44svh}.book__stats dd{font-size:24px}.book__stats{grid-template-columns:1fr 1fr}.book__pair{grid-column:1/-1}.book__side{gap:16px}}