.crt-figure{width:fit-content;max-width:100%;margin:calc(var(--u) * 6) 0 calc(var(--u) * 2);background:var(--bezel-brushed);box-shadow:var(--shadow-panel);border-radius:6px;padding:3px}.crt-figure img{border-radius:4px;max-width:100%;height:auto;display:block}.crt-figure figcaption{padding:calc(var(--u) * 2) calc(var(--u) * 2) calc(var(--u) * 1.5);font-size:var(--text-fine);color:var(--color-ink-muted);max-width:60ch}.play-stage{gap:calc(var(--u) * 2);min-width:0;display:grid;position:relative}.play-stage .play-panel{width:100%;min-width:0}.play-full{justify-self:end}.pad{--cross:108px;--arm:36px;--round:52px;align-items:center;gap:calc(var(--u) * 2);padding:calc(var(--u) * 2) calc(var(--u) * 1);box-sizing:border-box;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);max-width:100%;display:grid}@media (min-width:480px){.pad{--cross:132px;--arm:44px;--round:64px;padding:calc(var(--u) * 2)}}.pad-cross{width:var(--cross);height:var(--cross);justify-self:start;position:relative}.pad-arm{width:var(--arm);height:var(--arm);background:var(--color-chrome);border:1px solid var(--color-chrome-lo);box-shadow:inset 0 -3px 0 var(--color-chrome-lo);border-radius:6px;position:absolute}.pad-arm.up{left:var(--arm);top:0}.pad-arm.down{left:var(--arm);bottom:0}.pad-arm.left{left:0;top:var(--arm)}.pad-arm.right{right:0;top:var(--arm)}.pad-hub{left:var(--arm);top:var(--arm);width:var(--arm);height:var(--arm);background:var(--color-chrome);position:absolute}.pad-middle{justify-content:center;gap:calc(var(--u) * 1);flex-wrap:wrap;align-self:end;min-width:0;display:flex}.pad-pill{border:1px solid var(--color-chrome-lo);background:var(--color-chrome);color:var(--color-ink);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:4px 10px;font-size:10px;display:inline-block}.pad-face{gap:calc(var(--u) * 2);justify-self:end;align-items:center;display:flex}.pad-round{width:var(--round);height:var(--round);border:1px solid var(--color-chrome-lo);background:var(--color-chrome);color:var(--color-ink);box-shadow:inset 0 -3px 0 var(--color-chrome-lo);border-radius:50%;place-items:center;font-weight:700;display:grid}.pad-face .pad-round:first-child{transform:translateY(12px)}.pad-arm.lit,.pad-pill.lit,.pad-round.lit{background:var(--color-accent);color:var(--color-glass);box-shadow:none}.play-stage.full{z-index:1000;background:#000;padding:0;display:block;position:fixed;inset:0}.play-stage.full .play-panel{box-shadow:none;background:#000;border-radius:0;place-items:center;padding:0;display:grid;position:absolute;inset:0}.play-stage.full .panel-face{background:#000;padding:0}.play-stage.full .bench-screen{aspect-ratio:256/240;width:auto;max-width:100vw;height:auto;max-height:100dvh}@supports not (height:100dvh){.play-stage.full .bench-screen{max-height:100vh}}.play-stage.full .pad{left:0;right:0;bottom:env(safe-area-inset-bottom,0);opacity:.8;position:absolute}.play-stage.full .play-full{top:calc(var(--u) * 2);right:calc(var(--u) * 2);color:var(--color-glass);background:var(--color-panel);border-color:var(--color-chrome-lo);opacity:.85;position:absolute}.play-stage.full .pad-arm,.play-stage.full .pad-hub,.play-stage.full .pad-pill,.play-stage.full .pad-round{background:var(--color-glass-muted);border-color:var(--color-glass);color:var(--color-ink)}.play-stage.full .pad-arm.lit,.play-stage.full .pad-pill.lit,.play-stage.full .pad-round.lit{background:var(--color-accent);color:var(--color-glass)}@media (orientation:portrait){.play-stage.full .play-panel{padding-top:calc(var(--u) * 10);align-items:start}}@media (orientation:landscape) and (max-height:500px){.play-stage.full .pad{padding:calc(var(--u) * 3);align-items:end;top:0}}