@layer components{.plate{min-height:0;max-height:100%;padding:var(--space-l) var(--space-l) var(--space-m);box-shadow:var(--frame), inset 0 0 0 7px var(--ground), inset 0 0 0 8px var(--rule-soft);flex-direction:column;display:flex;position:relative}.plate .plate-head{font-size:var(--text-head);letter-spacing:var(--track-caps);text-transform:uppercase;justify-content:space-between;align-items:baseline;gap:var(--space-s);padding-bottom:var(--space-xs);border-bottom:var(--hairline-mid);flex:none;font-weight:700;display:flex;position:relative}.plate .plate-head .rank{color:var(--ink-dim);letter-spacing:var(--track-index);white-space:nowrap}.plate .plate-head .chrono{inset:auto 0 calc(-1 * var(--stroke-hair)) 0;height:var(--stroke-hair);background:var(--ink);transform:scaleX(var(--chrono-scale));transform-origin:0;will-change:transform;position:absolute}.plate .plate-head .chrono[data-state=rest]{height:var(--stroke-bold);bottom:calc(-1 * var(--stroke-bold));background:var(--signal)}.plate .plate-head .gauge{inset:auto 0 calc(-1 * var(--stroke-bold)) 0;height:var(--stroke-bold);background:var(--ink-dim);transform:scaleX(var(--gauge-scale));transform-origin:0;transition:transform var(--transition-slow) var(--ease-out), background var(--transition-slow) var(--ease-out);position:absolute}.plate .plate-head .gauge[data-full=true]{background:var(--ink)}.plate .exits{gap:var(--space-xs);flex-wrap:wrap;flex:none;display:flex}.plate .exits .action{flex:8rem;min-width:0}.plate .turning{animation:lay-down var(--turn) var(--ease-out) both}.plate .caption{letter-spacing:var(--track-tight);font-weight:800;line-height:var(--leading-display);text-wrap:balance;font-size:var(--text-name);flex:none}.plate .legend{align-items:baseline;gap:0 var(--space-xs);margin-top:var(--space-xs);font-size:var(--text-legend);color:var(--ink-dim);flex-wrap:wrap;flex:none;display:flex}.plate .legend .count{color:var(--ink);font-weight:800;font-size:var(--text-reps);letter-spacing:var(--track-tight)}.plate .legend .side{font-size:var(--text-head);letter-spacing:var(--track-term);text-transform:uppercase;color:var(--signal-ink);font-weight:700}.plate .legend .prev{white-space:nowrap;margin-left:auto}.plate .legend .prev b{color:var(--signal-ink);font-size:var(--text-figure);font-weight:800;font-size:var(--text-to-beat)}.plate .ledger{margin-top:var(--space-m);font-size:var(--text-ledger);flex:none}.plate .ledger>*{align-items:baseline;gap:var(--space-s);padding:var(--ledger-inset) 0;border-bottom:var(--hairline-faint);color:var(--ink-dim);display:flex}.plate .ledger>:last-child{border-bottom:0}.plate .ledger .address{width:3.6em;letter-spacing:var(--track-index);flex:none;font-size:.8em}.plate .ledger .label{flex:auto;min-width:0}.plate .ledger .state{letter-spacing:var(--track-term);text-transform:uppercase;flex:none;font-size:.78em}.plate .ledger>[data-state=done]{color:var(--ink-spent)}.plate .ledger>[data-state=done] .label{text-decoration:line-through;-webkit-text-decoration-color:var(--rule-mid);text-decoration-color:var(--rule-mid)}.plate .ledger>[data-state=live]{color:var(--ink);font-weight:700}.plate .ledger>[data-state=live] .state{color:var(--signal-ink)}.plate .register>.choice[data-focus-visible],.plate .register>.choice:focus-visible{outline:var(--ring);outline-offset:var(--ring-inset)}.plate .register>.choice{min-height:var(--target-row);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--transition-fast) var(--ease-out);align-items:center}.plate .register>.choice[data-hovered]:not([data-state=live]){color:var(--ink)}.plate .register>[data-due] .state{color:var(--signal-ink)}.plate .rounds{font-size:var(--text-head);letter-spacing:var(--track-caps);text-transform:uppercase;align-items:center;gap:var(--space-2xs);margin-top:var(--space-m);color:var(--ink-dim);font-weight:700;display:flex}.plate .rounds i{height:6px;box-shadow:var(--frame);flex:auto}.plate .rounds i[data-on=true]{background:var(--ink);box-shadow:none}.plate .rounds .rank{letter-spacing:var(--track-index)}.plate .next-up{font-size:var(--text-head);letter-spacing:var(--track-caps);text-transform:uppercase;margin-top:var(--space-m);padding-top:var(--space-s);border-top:var(--hairline-soft);color:var(--ink-dim);font-weight:700}.plate .next-up b{margin-top:var(--space-3xs);color:var(--ink);font-size:var(--text-button);letter-spacing:var(--track-tight);text-transform:none;font-weight:800;display:block}.plate .guard{margin-top:var(--space-s);font-size:var(--text-note);line-height:var(--leading-note);color:var(--ink-dim)}.plate .action{width:100%;margin-top:var(--space-m);padding:var(--space-l) var(--space-s);background:var(--ink);color:var(--ground);font-size:var(--text-button);letter-spacing:var(--track-action);text-align:center;text-transform:uppercase;transition:background var(--transition-fast) var(--ease-out);-webkit-tap-highlight-color:transparent;touch-action:manipulation;flex:none;font-weight:800;text-decoration:none}.plate .action:is(a){justify-content:center;align-items:center;display:flex}.plate .action[data-hovered]{background:var(--ink-bright)}.plate .action[data-pressed]{background:var(--ink-soft)}.plate .action[data-disabled]{background:var(--rule-soft);color:var(--ink-dim);cursor:default}.plate .action.ghost{margin-top:var(--space-s);padding:var(--ghost-inset) var(--space-s);color:var(--ink-dim);font-size:var(--text-ledger);box-shadow:var(--frame);transition:color var(--transition-fast) var(--ease-out), box-shadow var(--transition-fast) var(--ease-out);background:0 0}.plate .action.ghost[data-hovered]{color:var(--ink);box-shadow:var(--frame-dim);background:0 0}.plate .body{justify-content:center;gap:var(--space-s);min-height:0;padding:var(--space-m) 0;flex-direction:column;flex:auto;display:flex;overflow-y:auto}.plate .body.from-top{justify-content:flex-start}.plate .body.register{scrollbar-gutter:stable;padding-right:var(--space-xs);justify-content:flex-start}.plate .headline{letter-spacing:var(--track-tight);font-weight:800;line-height:var(--leading-display);text-wrap:balance;font-size:var(--text-title)}.plate .prose{max-width:var(--measure);font-size:var(--text-prose);line-height:var(--leading-prose);color:var(--ink-soft)}.plate .divider{height:var(--stroke-hair);background:var(--rule-soft)}.plate .facts{gap:var(--space-2xs) var(--space-m);font-size:var(--text-ledger);color:var(--ink-dim);grid-template-columns:auto 1fr;display:grid}.plate .facts dt{font-size:var(--text-head);letter-spacing:var(--track-term);text-transform:uppercase;padding-top:var(--space-4xs);font-weight:700}.plate .facts dd{color:var(--ink)}.plate .tally{border-collapse:collapse;width:100%;font-size:var(--text-tally)}.plate .tally th{font-size:var(--text-head);letter-spacing:var(--track-term);text-transform:uppercase;text-align:left;padding:0 0 var(--space-2xs);border-bottom:var(--hairline-soft);color:var(--ink-dim);font-weight:700}.plate .tally td{padding:var(--space-2xs) 0;border-bottom:var(--hairline-faint);color:var(--ink-soft)}.plate .tally th:not(:first-child),.plate .tally td:not(:first-child){text-align:right}.plate .tally td:last-child{color:var(--ink);font-weight:700}.plate .tally.logbook td:last-child{color:var(--ink-soft);font-weight:400}.plate.spread .first-page,.plate.spread .second-page{display:contents}.plate.spread .plate-head{order:1}.plate.spread .figure-frame{order:2}.plate.spread .movement{flex:none;order:3}.plate.spread .aside{flex:none;order:4}.plate.spread .action{order:5}.plate.spread .exits{order:6}.figure-frame{min-height:90px;padding:var(--space-s) 0 var(--space-3xs);color:var(--ink);flex:auto;place-items:center;display:grid}.figure-frame svg{width:100%;height:100%;max-height:280px}@media (height<=720px){.plate{padding:var(--space-m) var(--space-m) var(--space-s)}.plate .ledger{margin-top:var(--space-s)}.plate .ledger li{padding:var(--space-4xs) 0}.plate .rounds,.plate .next-up,.plate .action{margin-top:var(--space-s)}.plate .next-up{padding-top:var(--space-xs)}.plate .guard{margin-top:var(--space-xs)}.plate .action{padding:var(--space-m) var(--space-s)}.figure-frame{padding:var(--space-xs) 0 0}}@media (width>=900px){.plate{width:min(var(--plate-width), 100%);min-height:min(660px,100%);padding:0}.plate.spread{grid-template-columns:1fr 1.18fr;display:grid}.plate.spread .first-page,.plate.spread .second-page{min-height:0;padding:var(--space-xl) var(--space-xl) var(--space-l);flex-direction:column;display:flex}.plate.spread .first-page{border-right:var(--hairline-soft)}.plate.spread .first-page>.action{margin-top:auto}.plate.spread .second-page{justify-content:center}.plate.spread .figure-frame{flex:0 auto}.plate.spread .figure-frame svg{max-height:340px}.plate.single{padding:var(--space-xl) var(--space-2xl) var(--space-l)}.plate .caption{font-size:var(--text-name-wide)}}}