.spread{gap:1.5rem}.spread,.spread-block{display:flex;flex-direction:column}.spread-block{gap:.75rem}.spread-heading{text-align:center}.spread-figure{position:relative;width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--u) - max(0px, var(--u) * .48 - 3rem));margin-inline:auto}.spread-slot{position:absolute;left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));width:var(--u);height:calc(var(--u) * 1.5);pointer-events:none}.spread-turn{position:absolute;inset:0}.spread-slot[data-rot="90"]{--turn:90deg;z-index:1}.spread-slot[data-rot="90"] .spread-turn{transform:rotate(90deg)}.spread-card{display:block;width:100%;height:100%;border-radius:var(--radius-md);pointer-events:auto;cursor:pointer}.spread-badge{position:absolute;top:4%;left:6%;display:grid;place-items:center;min-width:1.25rem;height:1.25rem;padding-inline:.3rem;border:1px solid var(--color-border-strong);border-radius:999px;background:color-mix(in srgb,var(--color-bg) 82%,transparent);color:var(--color-gold-300);font-family:var(--font-sans);font-size:var(--text-label);font-weight:600;line-height:1;transform:rotate(calc(var(--turn, 0deg) * -1));pointer-events:none}.spread-label{position:absolute;left:calc(var(--lx) * var(--u));top:calc(var(--ly) * var(--u));width:calc(var(--lw) * var(--u));padding-top:max(4px,calc(var(--u) * .05));font-size:clamp(11px,calc(var(--u) * .105),13px);line-height:1.3;letter-spacing:.1em;text-align:center;overflow-wrap:break-word;hyphens:manual;color:var(--color-fg-muted);pointer-events:auto;cursor:pointer;transition:color .16s var(--ease-out-quad);animation:fade-in .5s ease-out both;animation-delay:calc(var(--i, 0) * 80ms + .28s)}.spread-label[data-side=right]{display:flex;flex-direction:column;justify-content:center;height:calc(var(--lh) * var(--u));padding-top:0;text-align:start}.spread-label-n{margin-inline-end:.15em;transition:color .16s var(--ease-out-quad)}.spread-label[data-lit=true],.spread-label[data-lit=true] .spread-label-n{transition-duration:.48s;transition-timing-function:var(--ease-out-long);transition-delay:.36s}.spread-label[data-lit=true]{color:var(--color-fg)}.spread-label[data-lit=true] .spread-label-n{color:var(--color-gold-300)}.sheet.spread-sheet{max-height:calc(var(--tg-viewport, 100dvh) * .82);overflow-y:auto}.spread-sheet-art{width:38%;max-width:10rem;flex-shrink:0}