.bb-page .spine-body{container:bbbody/inline-size}.bb-page .ch>*+*{margin-top:clamp(32px,4vw,56px)}.bb-page .bb-shot{align-content:start;gap:12px;margin:0;display:grid}.bb-page .bb-shot .frame{width:100%;max-width:calc(var(--w) + var(--mpl) + var(--mpr))}.bb-pic{position:relative}.bb-pic img{height:auto;display:block}.bb-page :is(.bb-shot,.bb-pair,.bb-cards) figcaption{font-size:var(--ui-size);color:var(--ink-2);max-width:46ch;line-height:1.45}.bb-note{font-size:var(--ui-size);color:var(--ink-2);max-width:60ch;margin-top:clamp(20px,2.5vw,32px);line-height:1.45}@media (width<=599px){.bb-page .bb-shot .frame{width:auto;margin-inline:calc(var(--gutter) * -1)}}.bb-page .bb-p{display:none}@media (width<=599px){.bb-page .bb-d{display:none}.bb-page .bb-p{display:grid}.bb-page figure.bb-p{gap:12px}}.bb-cut img{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),#0000)}.bb-page .meta-wrap+.bb-note{margin-top:clamp(32px,4vw,56px)}@media (width>=1280px){.bb-page:not(:has(.s-chapters)) .spine{display:block}.bb-page:not(:has(.s-chapters)) .spine-grid{grid-template-columns:220px minmax(0,1fr)}}.bb-rows{gap:32px;max-width:60rem;display:grid}.bb-row-label{font-size:var(--ui-size);font-weight:var(--ui-weight);color:var(--ink-2);margin-bottom:14px}.bb-line{position:relative}.bb-rows .stations li{padding-left:32px}.bb-gone .dg-node{background:var(--page);box-shadow:inset 0 0 0 var(--dg-stroke) var(--dg-ink)}.bb-gone .pk{color:var(--ink-2)}@container (width>=600px){.bb-rows .dg-narrow{display:none}.bb-rows .dg-wide{display:block}.bb-rows .stations{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 20px}.bb-rows .stations li{text-align:center;justify-items:center;padding:26px 8px 0}.bb-rows .stations .dg-node{top:0;left:calc(50% - var(--dg-node) / 2)}.bb-rows .track{width:calc(75% + 15px);top:5px;left:calc(12.5% - 7.5px)}.bb-after .stations li:last-child{grid-column:4}}@media (prefers-reduced-motion:no-preference){.bb-armed.bb-rows .bb-before li{transition:opacity var(--dur-quick) var(--ease-settle);transition-delay:calc(var(--i) * var(--dur-quick))}.bb-armed.bb-rows .bb-before .track{transform-origin:0;transition:transform calc(var(--dur-quick) * 3) var(--ease-settle)}.bb-armed.bb-rows .bb-gone :is(.dg-node,.pk){transition:background-color var(--dur-base) var(--ease-settle), box-shadow var(--dur-base) var(--ease-settle), color var(--dur-base) var(--ease-settle);transition-delay:calc(var(--dur-quick) * 4)}.bb-armed.bb-rows .bb-after{transition:opacity var(--dur-quick) var(--ease-settle) calc(var(--dur-quick) * 4)}.bb-armed.bb-rows .bb-after .track{transform-origin:0;transition:transform var(--dur-base) var(--ease-settle) calc(var(--dur-quick) * 4)}.bb-armed.bb-rows:not(.bb-on) .bb-before li,.bb-armed.bb-rows:not(.bb-on) .bb-after{opacity:0}.bb-armed.bb-rows:not(.bb-on) .track{transform:scaleX(0)}.bb-armed.bb-rows:not(.bb-on) .bb-gone .dg-node{background:var(--ink);box-shadow:inset 0 0 0 0 var(--dg-ink)}.bb-armed.bb-rows:not(.bb-on) .bb-gone .pk{color:var(--ink)}}.bb-side{display:grid}.bb-side-fig{min-width:0}@container bbbody (width>=760px){.bb-side:not(.bb-side-wide){grid-template-columns:minmax(0,1fr) 336px;align-items:start;column-gap:clamp(32px,4vw,64px)}.bb-side:not(.bb-side-wide)>*+*{margin-top:0}}@container bbbody (width>=1020px){.bb-side-wide{grid-template-columns:minmax(420px,1fr) minmax(560px,638px);align-items:start;column-gap:40px}.bb-side-wide>*+*{margin-top:0}}.bb-ticks{pointer-events:none;opacity:0;position:absolute;inset:0}.bb-tick{background:var(--ink);border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px;position:absolute}@keyframes bb-ticks-out{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:no-preference){.bb-armed:not(.bb-on) .bb-ticks{opacity:1}.bb-armed.bb-on .bb-ticks{animation:bb-ticks-out var(--dur-base) var(--ease-settle) calc(var(--dur-quick) * 9 + var(--dur-large)) both}.bb-armed .bb-tick{transition:opacity var(--dur-quick) var(--ease-settle), transform var(--dur-quick) var(--ease-arrive);transition-delay:calc(var(--dur-quick) + var(--i) * var(--dur-quick))}.bb-armed:not(.bb-on) .bb-tick{opacity:0;transform:scale(.4)}}.bb-ring{border-radius:var(--r-2);box-shadow:0 0 0 2px var(--ink);opacity:0;pointer-events:none;position:absolute}.bb-ring-money{border-radius:50%}.bb-ring-day{border-radius:999px}@keyframes bb-pulse{0%{opacity:0}25%{opacity:1}70%{opacity:1}to{opacity:0}}.bb-walk{gap:28px;display:grid}@container bbbody (width>=1000px){.bb-walk{grid-template-columns:minmax(0,638px) minmax(0,1fr);align-items:center;column-gap:clamp(32px,4vw,56px)}}.bb-dot,.bb-mk{background:var(--ink);width:28px;height:28px;color:var(--page);font-size:var(--ui-size);font-weight:var(--ui-weight);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;line-height:1;display:grid}.bb-dot{box-shadow:0 0 0 2px var(--layer-1);margin:-14px 0 0 -14px;position:absolute}.bb-marks{gap:20px;display:grid}.bb-marks li{grid-template-columns:28px minmax(0,1fr);align-items:start;gap:14px;max-width:46ch;display:grid}@media (prefers-reduced-motion:no-preference){.bb-armed .bb-dot{transition:opacity var(--dur-quick) var(--ease-settle);transition-delay:calc(var(--i) * var(--dur-base) * 2)}.bb-armed:not(.bb-on) .bb-dot{opacity:0}.bb-armed.bb-on .bb-ring-1{animation:bb-pulse var(--dur-base) var(--ease-settle) var(--dur-quick) both}}.bb-pair{gap:12px;margin:0;display:grid}.bb-pair-row{align-items:start;gap:16px;display:grid}@container bbbody (width>=1292px){.bb-pair-row{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1292px}}.bb-wipe-box{pointer-events:none;position:absolute;overflow:hidden}.bb-wipe{background:linear-gradient(to right, transparent, var(--layer-1) 48px);width:calc(100% + 48px);position:absolute;top:0;bottom:0;left:-48px;transform:translate(100%)}@media (prefers-reduced-motion:no-preference){.bb-armed .bb-wipe{transition:transform calc(var(--dur-large) + var(--dur-quick)) var(--ease-large)}.bb-armed:not(.bb-on) .bb-wipe{transform:translate(0)}.bb-armed.bb-on .bb-ring-day{animation:bb-pulse var(--dur-large) var(--ease-settle) calc(var(--dur-large) + var(--dur-quick)) both}}.bb-two{align-items:start;gap:32px;display:grid}.bb-pay{align-items:center;gap:20px;display:grid}@container bbbody (width>=960px){.bb-pay{grid-template-columns:minmax(0,1fr) minmax(0,638px);column-gap:40px}}@container bbbody (width>=1660px){.bb-two{grid-template-columns:minmax(0,966px) minmax(0,638px);column-gap:32px}.bb-pay{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:no-preference){.bb-armed.bb-on .bb-ring-money{animation:bb-pulse var(--dur-large) var(--ease-settle) calc(var(--dur-quick) + var(--i) * var(--dur-large)) both}}.bb-rules{gap:32px;display:grid}.bb-cards{gap:12px;margin:0;display:grid}.bb-cards-list{gap:16px;max-width:638px;display:grid}.bb-strip .frame{max-width:176px}@container bbbody (width>=860px){.bb-rules{grid-template-columns:minmax(0,638px) 176px;align-items:start;column-gap:clamp(32px,4vw,64px)}.bb-strip-col{position:sticky;top:128px}}.bb-here{left:-3px;right:-3px;top:var(--t);height:var(--h);box-shadow:0 0 0 2px var(--accent);pointer-events:none;border-radius:4px;position:absolute}@media (prefers-reduced-motion:no-preference){.bb-here{transition:top var(--dur-base) var(--ease-settle), height var(--dur-base) var(--ease-settle)}}
