.replay .stage{background:var(--stage);border:1px solid var(--rule);aspect-ratio:16/8.2;border-radius:4px;max-width:100%;min-height:260px;position:relative;overflow:hidden}.replay .stage canvas{width:100%;height:100%;display:block}.replay .labels{pointer-events:none;position:absolute;inset:0}.replay .vlabel{font:500 12px/1.3 var(--mono);background:var(--bg);border:1px solid var(--rule);white-space:nowrap;text-overflow:ellipsis;max-width:46%;color:var(--fg);border-radius:3px;padding:3px 7px;position:absolute;overflow:hidden;transform:translate(-50%)}.replay .vlabel i{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.replay .status{font:500 12px var(--mono);color:var(--muted);position:absolute;top:10px;left:12px;right:12px}.replay .hint{font:400 12px var(--mono);color:var(--muted);position:absolute;top:10px;right:12px}.replay .readout{pointer-events:none;gap:6px;display:grid;position:absolute;top:34px;left:12px}.replay .readout div{font:500 15px/1.3 var(--mono);background:var(--bg);border:1px solid var(--rule);font-variant-numeric:tabular-nums;color:var(--fg);border-radius:4px;padding:6px 10px}.replay .readout b{color:var(--hot);font-weight:500}.replay .readout span{color:var(--muted);font-size:12px;display:block}.replay .nogl{color:var(--muted);padding:24px}@media (width<=600px){.replay .readout div{font-size:12.5px}.replay .hint{display:none}.replay .vlabel{font-size:11px}}.replay .chartwrap{margin-top:20px}.replay .chartblock{border-top:1px solid var(--rule);margin-top:6px;padding-top:14px}.replay .chartblock+.chartblock{margin-top:22px}.replay .charth{font:500 12px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.replay .charts{gap:14px;margin-top:8px;display:grid}.replay .charts.multi{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.replay .charts svg{width:100%;height:auto;display:block;overflow:visible}.replay .charts .ct{font:500 12px var(--mono);color:var(--muted);margin-bottom:2px}.replay .legend{grid-column:1/-1}.tutorial-page .tbl{margin-top:12px;overflow-x:auto}.tutorial-page .tbl table{border-collapse:collapse;width:100%;min-width:440px;font-size:14px;display:table}.tutorial-page .tbl :is(th,td){text-align:left;border-bottom:1px solid var(--rule);vertical-align:top;padding:7px 14px 7px 0}.tutorial-page .tbl th{font:500 11px/1.4 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.tutorial-page .tbl td.num{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:13px}.tutorial-page .tbl td i{border-radius:50%;width:9px;height:9px;margin-right:8px;display:inline-block}.cost:where(.astro-5zpaxpiy){border-top:1px solid var(--rule);margin-top:24px;padding-top:14px}.ch:where(.astro-5zpaxpiy){text-transform:uppercase;color:var(--muted);margin:0 0 4px;font:500 11px/1.4 var(--mono)!important;letter-spacing:.08em!important}.cnote:where(.astro-5zpaxpiy){color:var(--muted);max-width:90ch;margin:0 0 6px;font-size:13.5px}.rel:where(.astro-5zpaxpiy){color:var(--muted);font-size:12px}.concept:where(.astro-6ynl6phs){background:var(--panel);border:1px solid var(--rule);border-radius:4px;margin-top:26px;padding:18px 20px}.cname:where(.astro-6ynl6phs){font-family:var(--display);letter-spacing:-.01em;font-weight:500;margin:0 0 12px!important;font-size:21px!important}h3:where(.astro-6ynl6phs){text-transform:uppercase;color:var(--muted);font:500 11px/1.4 var(--mono)!important;letter-spacing:.08em!important;margin:0 0 6px!important}p:where(.astro-6ynl6phs){max-width:62ch;margin:0 0 14px}.eq:where(.astro-6ynl6phs){font-family:var(--mono);color:var(--accent);white-space:nowrap;font-size:13.5px;overflow-x:auto}.cgrid:where(.astro-6ynl6phs){grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:6px 32px;display:grid}@media (width<=900px){.cgrid:where(.astro-6ynl6phs){grid-template-columns:minmax(0,1fr)}}dl:where(.astro-6ynl6phs){grid-template-columns:max-content minmax(0,1fr);gap:6px 14px;margin:0;display:grid}dt:where(.astro-6ynl6phs){font:500 11.5px/1.65 var(--mono);color:var(--hot);letter-spacing:.03em}dd:where(.astro-6ynl6phs){overflow-wrap:anywhere;margin:0;font-size:14.5px}@media (width<=520px){dl:where(.astro-6ynl6phs){grid-template-columns:minmax(0,1fr)}dd:where(.astro-6ynl6phs){margin-bottom:6px}}.about:where(.astro-oxlon65c){max-width:76ch;font-size:1.05rem}.notes:where(.astro-oxlon65c){border-top:1px solid var(--rule);grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 28px;margin-top:26px;padding-top:18px;display:grid}@media (width<=1050px){.notes:where(.astro-oxlon65c){grid-template-columns:minmax(0,1fr)}}.nh:where(.astro-oxlon65c),.codeh:where(.astro-oxlon65c){text-transform:uppercase;color:var(--muted);margin:0 0 8px;font:500 11px/1.4 var(--mono)!important;letter-spacing:.08em!important}.codeh:where(.astro-oxlon65c){margin-top:2rem}.notes:where(.astro-oxlon65c) ul:where(.astro-oxlon65c){margin:0;padding-left:18px}.notes:where(.astro-oxlon65c) li:where(.astro-oxlon65c){overflow-wrap:anywhere;margin:0 0 6px}.param:where(.astro-oxlon65c) code:where(.astro-oxlon65c){color:var(--hot);background:var(--hot-soft);overflow-wrap:anywhere;border-radius:3px;margin-bottom:6px;padding:2px 6px;font-size:13px;display:inline-block}.notes:where(.astro-oxlon65c) p:where(.astro-oxlon65c){margin:0}.run:where(.astro-oxlon65c),.recorded:where(.astro-oxlon65c){color:var(--muted);font-size:14px}.run:where(.astro-oxlon65c) code:where(.astro-oxlon65c){overflow-wrap:anywhere}.recorded:where(.astro-oxlon65c){border-top:1px solid var(--rule);margin-top:1.5rem;padding-top:12px}