.lab-in{gap:1.25rem;display:grid}.lab-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;list-style:none;display:grid}.lab-item{min-width:0;display:flex}.lab-item--wide{grid-column:1/-1}@media (width>=641px){.lab-grid{gap:clamp(1rem,2vw,1.5rem)}}@media (width>=980px){.lab-grid{grid-template-columns:repeat(3,1fr)}.lab-item--wide{grid-column:span 2}.lab-item--full{grid-column:1/-1}}.lab-card{appearance:none;font:inherit;color:var(--text);text-align:left;cursor:pointer;grid-template-columns:auto 1fr;grid-template-areas:"g go""t t""d d";align-content:start;align-items:center;gap:.5rem 1rem;width:100%;display:grid}.lab-card:hover:not(:disabled){border-color:var(--border-hover);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.lab-card:disabled{cursor:not-allowed}.lab-card .px{grid-area:g}.lab-card-title{font:700 clamp(1.3rem,3vw,1.8rem)/1.1 var(--font-display);overflow-wrap:anywhere;grid-area:t;margin-top:.5rem}.lab-card-desc{color:var(--text2);grid-area:d}.lab-card-go{color:var(--accent-ink);font:600 .9rem var(--font-body);grid-area:go;justify-self:end;align-items:center;gap:.5rem;display:inline-flex}.lab-card-play{align-items:center;gap:.5rem;display:inline-flex}.lab-card-go svg{fill:currentColor;width:.5rem;height:.8rem}.lab-card:hover:not(:disabled) .lab-card-go{text-underline-offset:.25em;text-decoration:underline}.lab-card-nojs{font:500 .85rem var(--font-mono);color:var(--text2)}.lab-item--feature .px{width:5rem;height:5rem}.lab-item--feature .lab-card-title{font-size:clamp(1.8rem,4vw,2.8rem)}@media (width>=980px){.lab-item--full .lab-card{grid-template-columns:auto 1fr auto;grid-template-areas:"g t go""g d go";column-gap:1.5rem}.lab-item--full .lab-card-title{margin-top:0}}@media (width<=640px){.lab-card{grid-template-columns:1fr;grid-template-areas:"g""t""d";gap:.35rem .75rem;padding:.875rem}.lab-grid .lab-card .px{width:2.5rem;height:2.5rem}.lab-card-title{margin-top:.25rem;font-size:1rem}.lab-card-desc{font-size:.8125rem;line-height:1.35}.lab-card-go{display:none}.lab-item--wide .lab-card{grid-template-columns:auto 1fr;grid-template-areas:"g t""g d";column-gap:1rem}.lab-grid .lab-item--wide .lab-card .px{width:3.5rem;height:3.5rem}.lab-item--wide .lab-card-title{margin-top:0;font-size:1.4rem}}@media (width<=640px) and (scripting:none){.lab-card{grid-template-areas:"g""t""d""go"}.lab-item--wide .lab-card{grid-template-areas:"g t""g d""go go"}.lab-card-go{justify-self:start;display:inline-flex}}.lab-modal{background:var(--surface);width:min(760px,100vw - 1.5rem);max-height:calc(100dvh - 1.5rem);color:var(--text);border:2px solid var(--accent);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);margin:auto;padding:0;overflow:auto}.lab-modal::backdrop{background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:blur(6px)}.lab-modal-in{gap:1rem;padding:clamp(.75rem,3vw,1.5rem);display:grid}.lab-modal-bar{justify-content:space-between;align-items:center;gap:1rem;display:flex}.lab-modal-title{font:700 clamp(1.2rem,3vw,1.6rem)/1.1 var(--font-display)}.lab-modal-close{min-height:44px;padding-block:.5rem}.lab-hint{color:var(--text2);max-width:60ch;font-size:.9rem}html:has(.lab-modal[open]){scrollbar-gutter:stable;overflow:hidden}@media (prefers-reduced-motion:no-preference){.lab-modal[open]{animation:.22s ease-out lab-pop}@keyframes lab-pop{0%{opacity:0;transform:translateY(12px)scale(.98)}}}.lab-host{gap:.75rem;min-width:0;display:grid}.lab-host:focus{outline:none}.lab-stage{background:var(--bg);width:fit-content;max-width:100%;box-shadow:var(--shadow-sm);outline:none;margin-inline:auto;line-height:0;position:relative}.lab-stage:after{content:"";border:1px solid var(--border);pointer-events:none;position:absolute;inset:0}.lab-canvas{touch-action:none;max-width:100%;display:block}.lab-canvas--draw{cursor:crosshair}.lab-frame{gap:.75rem;width:fit-content;max-width:100%;margin-inline:auto;display:grid}.lab-hud{font:500 1rem var(--font-mono);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}.lab-hud b{color:var(--accent-ink);font-weight:700}.lab-chip{background:var(--surface);max-width:calc(100% - 1.2rem);color:var(--text);border:1px solid var(--border);line-height:1.3;font:500 .85rem var(--font-mono);padding:.3rem .6rem;position:absolute;bottom:.6rem;left:.6rem}@media (prefers-reduced-motion:no-preference){.lab-chip--caret:after{content:"_";margin-left:.1em;animation:1.1s step-end infinite lab-caret}@keyframes lab-caret{50%{opacity:0}}}.lab-overlay{text-align:center;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(2px);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1rem;line-height:1.4;display:flex;position:absolute;inset:0}.lab-overlay-title{font:700 clamp(1.4rem,5vw,2rem)/1.1 var(--font-display)}.lab-overlay-lines{font:500 1rem var(--font-mono);color:var(--text2)}.lab-btn{min-height:44px;padding:.55rem 1.1rem;font-size:.9rem}.lab-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.lab-btn--seg[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.lab-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.lab-seg{flex-wrap:wrap;gap:.25rem;display:inline-flex}.lab-select{min-height:44px;font:500 .9rem var(--font-body);color:var(--text);background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;padding:.4rem .75rem}.lab-select:hover{border-color:var(--accent)}@media (width<=640px){.lab-modal .lab-controls{gap:.4rem}.lab-modal .lab-controls .lab-btn{letter-spacing:.03em;padding-inline:.75rem}}.lab-dpad{grid-template-columns:repeat(3,56px);grid-template-areas:".up.""left down right";justify-content:center;gap:.4rem;display:none}.lab-dpad-key{appearance:none;width:56px;height:56px;color:var(--text);background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;place-items:center;font-size:1.1rem;display:grid}.lab-dpad-key:hover{border-color:var(--accent)}.lab-dpad-key:active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.lab-dpad-up{grid-area:up}.lab-dpad-left{grid-area:left}.lab-dpad-down{grid-area:down}.lab-dpad-right{grid-area:right}@media (width<=640px),(pointer:coarse){.lab-dpad{display:grid}}.lab-error{color:var(--text);border:2px solid var(--accent2);padding:1rem}@media (scripting:none){.lab-card-play[data-astro-cid-nzcp2rgk]{display:none}.lab-card[data-astro-cid-nzcp2rgk]{opacity:.75}}