.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-shell .play-section{padding-top:calc(var(--u) * 6)}.play-shell .wb-stage{max-width:calc(var(--u) * 280);box-sizing:border-box;margin-inline:auto}.play-shell .play-stage{max-width:calc(var(--u) * 180)}.play-shell .play-section>.eyebrow{margin:0 0 calc(var(--u) * 3)}.play-shell .play-section#about{padding-bottom:calc(var(--u) * 8)}.chip-transport[data-brief] .ct-pos{order:0;margin-left:auto}.chip-transport[data-brief] .ct-row .tbtn.fs{margin-left:0}.spr{gap:calc(var(--u) * 3);display:grid}.spr-grid{gap:calc(var(--u) * 4);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}@media (min-width:52rem){.spr-grid{grid-template-columns:auto minmax(0,1fr)}}.spr-sheet,.spr-edit{gap:calc(var(--u) * 2);min-width:0;display:grid}.spr-canvas{max-width:100%;height:auto;image-rendering:pixelated;cursor:crosshair;touch-action:none;display:block}.spr-tile{width:calc(var(--u) * 48)}.spr-edit .panel{width:fit-content;max-width:100%}.spr-brush{gap:calc(var(--u) * 1.5);flex-wrap:wrap;align-items:center;display:flex}.spr-slot{width:calc(var(--u) * 9);height:calc(var(--u) * 9);border:1px solid var(--color-rule);border-radius:var(--radius-hair);font-family:var(--font-mono);font-size:var(--text-micro);color:#0000;cursor:pointer}.spr-slot.on{outline:2px solid var(--color-accent-ink);outline-offset:2px}.spr-slot:focus-visible{outline:2px solid var(--color-blue-ink);outline-offset:2px}.spr-swatches{max-width:calc(var(--u) * 80);grid-template-columns:repeat(16,minmax(0,1fr));gap:2px;display:grid}.spr-swatch{aspect-ratio:1;border:1px solid var(--color-rule);cursor:pointer;border-radius:0;padding:0}.spr-swatch.on{outline:2px solid var(--color-accent-ink);outline-offset:1px}.spr-swatch:focus-visible{outline:2px solid var(--color-blue-ink);outline-offset:1px}.state-cpu{gap:calc(var(--u) * 3);display:grid}@media (min-width:52rem){.state-cpu{grid-template-columns:auto minmax(0,1fr);align-items:start}.state-cpu>.readout{max-width:calc(var(--u) * 80);grid-area:1/2}.state-cpu .state-fetch{grid-column:1/-1}}.state-fetch{font-family:var(--font-mono);font-size:var(--text-fine);color:var(--color-glass-muted);margin:0}.state-fetch b{color:var(--color-glass);font-weight:600}.state-pal{gap:calc(var(--u) * 1.5);display:grid}.state-pal-row{align-items:center;gap:calc(var(--u) * 1);display:flex}.state-pal-row .tlab{min-width:12ch;color:var(--color-glass-muted);font-family:var(--font-mono);font-size:var(--text-fine)}.state-swatch{width:calc(var(--u) * 9);height:calc(var(--u) * 7);font-family:var(--font-mono);font-size:var(--text-micro);color:#0000;border:1px solid var(--color-rule-panel);place-items:center;font-style:normal;display:grid}.state-swatch:hover{color:var(--color-glass);text-shadow:0 0 2px #000}.code-box{height:calc(var(--u) * 110);overflow:hidden auto}.code-sel{min-height:calc(var(--u) * 12)}.state-oam{height:calc(var(--u) * 70);overflow:hidden auto}.state-oam .readout,.code-box .readout{table-layout:fixed;width:100%}.state-oam .readout td,.state-oam .readout th,.code-box .readout td,.code-box .readout th{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:40rem){.state-oam .readout td,.state-oam .readout th{padding-inline:calc(var(--u) * 1)}}.spr-picked{min-height:1.5em;margin:0}.spr-note{min-height:3em}.panel-face .code-list{width:100%}.panel-face .code-list td:first-child,.panel-face .code-list th:first-child{text-overflow:clip;width:6ch}.panel-face .code-list td:nth-child(2){width:6ch}.panel-face .code-list td:nth-child(3){width:10ch}.panel-face .code-list td.num,.panel-face .code-list th{text-align:left}.code-list tbody tr{cursor:pointer}.code-list tbody tr.lit td{color:var(--color-mustard)}.code-list tbody tr.picked td{background:color-mix(in srgb, var(--color-blue) 25%, transparent)}.code-list td:nth-child(3){color:var(--color-glass-muted);white-space:nowrap}.code-bp{font:inherit;cursor:pointer;color:var(--color-glass-muted);background:0 0;border:0;padding:0;line-height:1}.code-bp[aria-pressed=true]{color:var(--color-burnt)}.code-bp:focus-visible{outline:2px solid var(--color-blue-ink);outline-offset:1px}.code-bps,.code-bp-form{align-items:center}.panel-face .history-list{width:100%}.panel-face .history-list th,.panel-face .history-list td.num{text-align:left}.panel-face .history-list th:first-child{width:11ch}.panel-face .history-list th:nth-child(2){width:18ch}.panel-face .history-list th:nth-child(n+3):nth-child(-n+7){width:6ch}.panel-face .history-list thead th{background:var(--color-panel);z-index:1;position:sticky;top:0}.history-list tbody tr[aria-current] td{color:var(--color-mustard)}.history-list td:last-child{color:var(--color-glass-muted)}.code-bp-form{flex-wrap:nowrap}.code-bp-form .input{width:12ch}.code-blocks{gap:calc(var(--u) * 4);margin:0;padding:0;list-style:none;display:grid}.code-blocks li{gap:calc(var(--u) * 2);display:grid}.spr-shelf{gap:calc(var(--u) * 2);padding-top:calc(var(--u) * 2);border-top:1px solid var(--color-rule);display:grid}.spr-shelf .chips{align-items:center}.spr-shelf .input{min-width:min(100%, calc(var(--u) * 70))}.spr-revs{gap:calc(var(--u) * 1.5);margin:0;padding:0;list-style:none;display:grid}.spr-revs li{gap:calc(var(--u) * 2);font-size:var(--text-fine);flex-wrap:wrap;align-items:center;display:flex}.spr-revs form{gap:calc(var(--u) * 2);flex-wrap:wrap;align-items:center;display:flex}.spr-revs form .input{min-width:min(100%, calc(var(--u) * 60))}.nt{gap:calc(var(--u) * 2);display:grid}.nt-canvas{width:100%;height:auto;image-rendering:pixelated;cursor:crosshair;touch-action:none;display:block}.nt-labels{gap:calc(var(--u) * 2);font-family:var(--font-mono);font-size:var(--text-fine);color:var(--color-glass-muted);grid-template-columns:1fr 1fr;margin:0;display:grid}.nt-hover{min-height:1.5em;margin:0}.pad{--pad-key:var(--color-chrome);--pad-key-lo:var(--color-chrome-lo);--pad-dome:#b8262b;--pad-dome-hi:#e0555a;--pad-label:var(--color-ink-muted);--pad-dx:0px;--pad-dy:0px;width:100%;max-width:calc(var(--u) * 100);padding:calc(var(--u) * 1);box-sizing:border-box;transform:translate(var(--pad-dx), var(--pad-dy));touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;gap:2px;margin-inline:auto;display:grid;position:relative}.pad:not([data-placed]){visibility:hidden}.pad-stage{position:relative}.pad-face{width:100%;height:auto;display:block;overflow:visible}.pad-hit{fill:#0000;stroke:none}.pad-cross-3d{pointer-events:none;position:absolute;container-type:inline-size}.pad-tilt{transform-origin:50%;will-change:transform;width:100%;height:100%;transition:transform 40ms linear}.pad-tilt>svg{width:100%;height:100%;display:block;overflow:visible}.pad-grip{height:calc(var(--u) * 5);background:color-mix(in srgb, var(--color-chrome) 60%, transparent);cursor:grab;border-radius:999px;justify-content:center;align-items:center;gap:3px;display:flex}.pad-grip>span{background:var(--color-ink-muted);border-radius:50%;width:4px;height:4px}.pad-buzz{right:calc(var(--u) * 1);height:calc(var(--u) * 5);padding:0 calc(var(--u) * 1.5);border:1px solid var(--color-chrome-lo);background:var(--color-chrome);color:var(--color-ink-muted);font-family:var(--font-mono);font-size:var(--text-micro);cursor:pointer;border-radius:999px;position:absolute;top:0}.pad-buzz.on{background:var(--color-accent);color:var(--color-glass);border-color:var(--color-accent)}.pad.dragging{outline:2px dashed var(--color-accent-ink);outline-offset:2px}.pad.dragging .pad-grip{background:var(--color-accent);cursor:grabbing}.pad-cross{transition:transform 40ms linear}.pad-key{fill:var(--pad-key);stroke:var(--pad-key-lo);stroke-width:1.5px}.pad-dish{fill:color-mix(in srgb, var(--pad-key-lo) 55%, var(--pad-key))}.pad-arrow{fill:var(--pad-key-lo)}.pad-arrow.on{fill:var(--color-accent)}.pad-cross.lit .pad-key{fill:color-mix(in srgb, var(--pad-key) 85%, var(--color-accent))}.pad-dome,.pad-pill{transition:transform 30ms linear}.pad-dome-shadow{fill:#5a1013}.pad-dome-top{stroke:#7a1417;stroke-width:1px}.pad-dome.down .pad-dome-top{filter:brightness(.85)}.pad-pill-shadow{fill:var(--pad-key-lo)}.pad-pill-top{fill:var(--pad-key);stroke:var(--pad-key-lo);stroke-width:1px}.pad-pill.down .pad-pill-top{fill:color-mix(in srgb, var(--pad-key) 70%, var(--color-accent))}.pad-label{font-family:var(--font-mono);letter-spacing:.08em;fill:var(--pad-label);pointer-events:none;font-size:9px}.pad-label.pad-bold{font-weight:800}html.has-fullscreen .play-stage{inset:0 0 var(--strip-h,0px) 0;z-index:1000;background:#000;max-width:none;padding:0;display:block;position:fixed}html.has-fullscreen .play-stage .play-panel{box-shadow:none;background:#000;border-radius:0;place-items:center;padding:0;display:grid;position:absolute;inset:0}html.has-fullscreen .play-stage .panel-face{background:#000;padding:0}html.has-fullscreen .play-stage .bench-screen{aspect-ratio:256/240;width:auto;max-width:100vw;height:auto;max-height:100dvh}@supports not (height:100dvh){html.has-fullscreen .play-stage .bench-screen{max-height:100vh}}html.has-fullscreen .play-stage .pad{left:0;right:0;bottom:env(safe-area-inset-bottom,0);--pad-key:var(--color-glass-muted);--pad-key-lo:var(--color-glass);--pad-label:var(--color-glass);opacity:.85;position:absolute}@media (orientation:portrait){html.has-fullscreen .play-stage .play-panel{padding-top:calc(var(--u) * 10);align-items:start}}@media (orientation:landscape) and (max-height:500px){html.has-fullscreen .play-stage .pad{max-width:calc(var(--u) * 80);bottom:calc(var(--u) * 1)}}.shelf-code{font-size:var(--text-fine);color:var(--color-ink-muted)}.flow-scroll{max-height:calc(var(--u) * 110);position:relative;overflow:hidden auto}.flow-scroll .readout{table-layout:fixed;width:100%}.flow-scroll .readout td,.flow-scroll .readout th{text-overflow:ellipsis;white-space:nowrap;text-align:left;overflow:hidden}.flow-table tbody tr[data-flow-routine]{cursor:pointer}.flow-table tbody tr.picked td{background:color-mix(in srgb, var(--color-blue) 25%, transparent)}.flow-views .btn[aria-pressed=true]{border-color:var(--color-accent-ink);box-shadow:inset 0 -3px 0 var(--color-accent-ink)}.flow-recs,.flow-list,.flow-modes{gap:calc(var(--u) * 4);margin:0;padding:0;list-style:none;display:grid}.flow-recs li{gap:calc(var(--u) * 1);display:grid}.flow-recs li[aria-current=true]{box-shadow:inset 3px 0 0 var(--color-accent-ink);padding-left:calc(var(--u) * 3)}.flow-rec-h{margin:0}.flow-list .tag{margin:calc(var(--u) * .5) calc(var(--u) * 1) 0 0}.flow-why{color:var(--color-orange-ink)}.flow-bar{height:calc(var(--u) * 6);border:1px solid var(--color-rule);margin-block:calc(var(--u) * 3);display:flex}.flow-seg{min-width:1px}.flow-key{vertical-align:-.15em;border:1px solid var(--color-rule);width:1em;height:1em;display:inline-block}.flow-seg[data-mode="0"],.flow-key[data-mode="0"]{background:var(--color-burnt)}.flow-seg[data-mode="1"],.flow-key[data-mode="1"]{background:var(--color-mustard)}.flow-seg[data-mode="2"],.flow-key[data-mode="2"]{background:var(--color-forest)}.flow-seg[data-mode="3"],.flow-key[data-mode="3"]{background:var(--color-ocean)}