.sb-body{padding-block:1.5rem 3rem;display:grid;gap:1.5rem}.sb-grid{display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr);grid-template-areas:"score" "stage" "controls";align-items:start}.sb-side{display:none;grid-area:side}.sb-score{grid-area:score;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:.5rem}.sb-score .led-board{padding:.45rem .6rem .4rem}.sb-score .led-value{font-size:1.5rem}.sb-score .led-board.hero .led-value{font-size:1.9rem}.sb-score .led-label{font-size:.5rem;letter-spacing:.06em}.sb-strikes{display:flex;gap:.4rem;align-items:center;min-height:1.9rem}.sb-strikes i{width:1.1rem;height:1.1rem;border-radius:50%;background:#2a1114;border:2px solid #000;box-shadow:inset 0 0 0 1px #4a2227}.sb-strikes i[data-lit=true]{background:var(--err);box-shadow:0 0 10px var(--err),inset 0 0 0 1px #ffb0a8}.sb-service{font:400 1.2rem/1.1 var(--font-led);font-weight:900;color:var(--led);text-shadow:0 0 10px var(--led-glow);letter-spacing:.04em}.sb-stage{grid-area:stage;min-width:0}.sb-board{width:100%;max-width:24rem;margin-inline:auto;background:#000;border:3px solid var(--border-strong);box-shadow:0 0 0 3px #000;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.sb-board:focus-visible{outline:3px solid var(--brand-primary);outline-offset:6px}.sb-board.crashed{animation:sb-crash .5s steps(2) 2;border-color:var(--err)}@keyframes sb-crash{50%{border-color:#fff;box-shadow:0 0 0 3px var(--err)}}@media(prefers-reduced-motion:reduce){.sb-board.crashed{animation:none}}.sb-plate{display:flex;align-items:center;gap:.4rem;padding:.3rem .45rem;background:repeating-linear-gradient(90deg,#17173d 0 10px,#101030 10px 20px);border-bottom:3px solid var(--game);font:400 .55rem/1 var(--font-pixel);letter-spacing:.1em;text-transform:uppercase;color:var(--text-base);white-space:nowrap;overflow:hidden}.sb-plate .bullet{flex:none}.sb-plate-dest{margin-left:auto;color:var(--led);text-shadow:0 0 6px var(--led-glow);overflow:hidden;text-overflow:ellipsis}.sb-field{position:relative;aspect-ratio:7300 / 10900;background:#080b17}.sb-field canvas{display:block;width:100%;height:100%;touch-action:none;cursor:pointer}.sb-noscript{position:absolute;inset:0;display:grid;place-items:center;padding:1rem;text-align:center;color:var(--text-muted)}.sb-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:.5rem;background:#000000bd;cursor:pointer;transition:opacity .35s ease-out}.sb-overlay[hidden]{display:none}.sb-overlay[data-fade=out]{opacity:0}.sb-overlay[data-mode=over]{background:#0000006b;align-items:end}.sb-overlay[data-mode=over] .sb-card{padding:.6rem .7rem .7rem;gap:.4rem}.sb-overlay[data-mode=over] .sb-ov-line{font-size:1.25rem}@media(prefers-reduced-motion:reduce){.sb-overlay{transition:none}}.sb-card{display:grid;gap:.5rem;width:min(100%,20rem);max-height:100%;overflow-y:auto;text-align:center;cursor:default;padding:.7rem .6rem .8rem}.sb-card .window-label{margin:0;font-size:1.05rem}.sb-ov-line{font-size:clamp(1.2rem,6vw,1.8rem);line-height:1.1;text-shadow:0 0 10px var(--led-glow)}.sb-ov-line:empty{display:none}.sb-ov-note{font-size:.8rem;line-height:1.35;color:var(--text-muted)}.sb-card .sb-actions{justify-content:center}textarea.sb-share-text{font-family:var(--font-mono);font-size:.8rem;min-height:3.5rem}.sb-controls{grid-area:controls;display:grid;gap:.75rem;min-width:0}.sb-status{min-height:2.6em;font-size:.92rem;color:var(--text-muted)}.sb-actions{display:flex;flex-wrap:wrap;gap:.6rem}.sb-card-how{padding:1rem 1.1rem 1.1rem;display:grid;gap:.7rem;max-width:52rem}.sb-how{display:grid;gap:.6rem;padding:0;list-style:none;font-size:.93rem;color:var(--text-muted)}.sb-how strong,.sb-how b{color:var(--text-base)}.sb-legend-row{display:flex;flex-wrap:wrap;gap:.5rem 1.1rem}.sb-legend{display:inline-flex;align-items:center;gap:.45rem;font-size:.85rem;color:var(--text-base)}.sb-swatch{display:inline-grid;place-items:center;width:1.5rem;height:1.5rem;border:2px solid #000;font:400 .75rem/1 var(--font-pixel)}@media(min-width:60rem){.sb-grid{grid-template-columns:minmax(0,27rem) minmax(16rem,1fr);grid-template-rows:auto auto 1fr;grid-template-areas:"stage score" "stage side" "stage controls";gap:1.25rem 1.5rem}.sb-side{display:grid}.sb-score{grid-template-columns:1fr}.sb-score .led-board{padding:.55rem .8rem .5rem}.sb-score .led-value{font-size:2.1rem}.sb-score .led-board.hero .led-value{font-size:3.2rem}.sb-score .led-label{font-size:.62rem;letter-spacing:.1em}.sb-controls{align-self:start}.sb-board{margin-inline:0;max-width:none}.sb-plate{font-size:.65rem}}