.sb{flex-direction:column;gap:.75rem;width:100%;display:flex}.sb-figure{aspect-ratio:1;border:1px solid var(--rule-strong);background:#fbf9f3;border-radius:10px;width:100%;margin:0;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff80,0 1px 3px -1px #23201b1f}.sb-poster,.sb-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.sb-poster[hidden],.sb-canvas[hidden]{display:none}.sb-poster-svg{width:100%;height:100%;display:block}.sb-arena{fill:#fbf9f3;stroke:var(--rule-strong);stroke-width:1.5px}.sb-grid line{stroke:color-mix(in srgb, var(--rule-strong) 55%, transparent);stroke-width:1px}.sb-tee rect{fill:var(--entity-block)}.sb-target rect{fill:none;stroke:var(--entity-target);stroke-width:2px;stroke-dasharray:5 4}.sb-target-label{font-family:var(--font-mono);letter-spacing:.05em;fill:var(--entity-target);font-size:12px}.sb-pusher-ring{fill:none;stroke:var(--entity-pusher);stroke-width:1.5px;opacity:.5}.sb-pusher-core{fill:var(--entity-pusher)}.sb-poster-badge rect{fill:color-mix(in srgb, var(--signal) 8%, #fdfbf6);stroke:var(--signal-line,#1f56de57);stroke-width:1px}.sb-poster-badge text{font-family:var(--font-mono);letter-spacing:.02em;fill:var(--ink-soft);font-size:13px;font-weight:600}.sb-poster-hint{font-family:var(--font-mono);letter-spacing:.03em;fill:var(--signal);font-size:12px}.sb-badge{font-family:var(--font-mono);color:var(--ink-soft);background:color-mix(in srgb, var(--signal) 8%, #fdfbf6);border:1px solid var(--signal-line,#1f56de57);border-radius:7px;align-items:baseline;gap:.45rem;padding:.34rem .6rem;font-size:.8rem;transition:background .16s,border-color .16s;display:inline-flex;position:absolute;top:.6rem;left:.6rem;box-shadow:0 1px 3px -1px #23201b2e}.sb-badge--split{background:color-mix(in srgb, var(--alert) 9%, #fdfbf6);border-color:color-mix(in srgb, var(--alert) 42%, transparent)}.sb-badge-line b{font-weight:700}.sb-badge-sep{color:var(--rule-strong)}.sb-dof-ok{color:var(--entity-target)}.sb-dof-bad{color:var(--alert)}.sb-phantom{color:var(--alert);opacity:.9;font-style:italic}.sb-hud{min-width:13.5rem;font-family:var(--font-mono);border:1px solid var(--rule-strong);background:#fdfbf6e0;border-radius:7px;padding:.5rem .6rem;font-size:.76rem;position:absolute;bottom:2.1rem;left:.6rem;box-shadow:0 1px 3px -1px #23201b29}.sb-hud-row{justify-content:space-between;gap:.75rem;padding:.1rem 0;display:flex}.sb-k{color:var(--ink-mute)}.sb-v{font-variant-numeric:tabular-nums;font-weight:600}.sb-ok{color:var(--entity-target)}.sb-bad{color:var(--alert)}.sb-status{font-family:var(--font-mono);color:var(--ink-mute);background:#fdfbf6d1;border-radius:5px;padding:.15rem .45rem;font-size:.72rem;position:absolute;bottom:.5rem;right:.6rem}.sb-status[data-failed=true]{color:var(--alert)}.sb-controls{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.sb-btn{font:inherit;border:1px solid var(--rule-strong);background:var(--paper);color:var(--ink-soft);cursor:pointer;border-radius:7px;padding:.4rem .8rem;font-size:.86rem;transition:border-color .14s,background .14s,color .14s}.sb-btn:hover:not(:disabled){border-color:var(--signal);color:var(--ink)}.sb-btn:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.sb-btn:disabled{opacity:.5;cursor:default}.sb-btn--primary{background:var(--signal);color:var(--signal-ink);border-color:var(--signal);box-shadow:0 1px 4px -1px var(--signal-line,#1f56de57)}.sb-btn--primary:hover:not(:disabled){color:var(--signal-ink);filter:brightness(1.06)}.sb-btn--toggle{align-items:center;gap:.5rem;display:inline-flex}.sb-toggle-label{color:var(--ink-mute);letter-spacing:.02em;font-size:.8rem}.sb-btn--toggle:not(.is-split) .sb-toggle-label:first-of-type{color:var(--signal);font-weight:600}.sb-btn--toggle.is-split .sb-toggle-label:last-of-type{color:var(--alert);font-weight:600}.sb-toggle-track{background:color-mix(in srgb, var(--signal) 22%, var(--paper-2,#f0e9d9));border:1px solid var(--rule-strong);border-radius:999px;width:2.2rem;height:1.1rem;transition:background .16s;position:relative}.sb-btn--toggle.is-split .sb-toggle-track{background:color-mix(in srgb, var(--alert) 26%, var(--paper-2,#f0e9d9))}.sb-toggle-knob{background:var(--signal);border-radius:50%;width:.85rem;height:.85rem;transition:transform .16s,background .16s;position:absolute;top:50%;left:2px;transform:translateY(-50%)}.sb-btn--toggle.is-split .sb-toggle-knob{background:var(--alert);transform:translate(1.1rem,-50%)}.sb-control-note{color:var(--ink-mute);flex:14rem;font-size:.78rem;line-height:1.35}@media (prefers-reduced-motion:reduce){.sb-badge,.sb-btn,.sb-toggle-track,.sb-toggle-knob{transition:none}}