.input-playground-page.svelte-1tj4hk6{display:grid;gap:12px;width:min(1280px,calc(100% - 40px));margin:0 auto;padding:14px 0 44px}.eyebrow.svelte-1tj4hk6{margin:0 0 3px;font-family:var(--font-code);font-size:11px;color:var(--wb-muted)}.playground-hero.svelte-1tj4hk6{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end;padding:6px 2px 2px}.playground-hero.svelte-1tj4hk6 h1:where(.svelte-1tj4hk6){margin:0 0 6px;font-family:var(--font-heading);font-weight:700;font-size:clamp(1.55rem,.85rem + 1.35vw,1.95rem);line-height:1.1;letter-spacing:-.015em;color:var(--wb-ink)}.playground-hero.svelte-1tj4hk6>div:where(.svelte-1tj4hk6)>p:where(.svelte-1tj4hk6):last-child{max-width:70ch;margin:0;font-size:.94rem;line-height:1.55;color:var(--wb-ink-soft)}.hero-actions.svelte-1tj4hk6{display:flex;align-items:center;gap:8px}.reset-button.svelte-1tj4hk6{min-height:32px;padding:0 12px;border:1px solid var(--wb-rule-strong);border-radius:4px;background:var(--wb-panel);color:var(--wb-ink);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}.reset-button.svelte-1tj4hk6:hover{background:var(--wb-gold-soft);border-color:var(--wb-gold-deep)}.status-pill.svelte-1tj4hk6{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border:1px solid var(--wb-rule);border-radius:999px;font-family:var(--font-code);font-size:12px;color:var(--wb-muted)}.status-pill.active.svelte-1tj4hk6{border-color:var(--wb-gold-deep);background:var(--wb-gold-soft);color:var(--wb-gold-ink)}.drill-panel.svelte-1tj4hk6,.arena-panel.svelte-1tj4hk6,.panel-card.svelte-1tj4hk6,.playground-reference.svelte-1tj4hk6{border:1px solid var(--wb-rule-strong);border-radius:6px;background:var(--wb-panel);box-shadow:var(--wb-shadow);overflow:hidden}.drill-header.svelte-1tj4hk6,.arena-head.svelte-1tj4hk6,.panel-title.svelte-1tj4hk6{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;padding:8px 14px;background:var(--wb-panel-2);border-bottom:1px solid var(--wb-rule-strong)}.drill-header.svelte-1tj4hk6 h2:where(.svelte-1tj4hk6),.arena-head.svelte-1tj4hk6 h2:where(.svelte-1tj4hk6),.panel-title.svelte-1tj4hk6 h3:where(.svelte-1tj4hk6){margin:0;font-family:var(--font-heading);font-weight:700;font-size:1.05rem;line-height:1.2;color:var(--wb-ink)}.drill-header.svelte-1tj4hk6>div:where(.svelte-1tj4hk6)>p:where(.svelte-1tj4hk6):last-child,.arena-head.svelte-1tj4hk6>div:where(.svelte-1tj4hk6)>p:where(.svelte-1tj4hk6):last-child{margin:2px 0 0;font-size:12.5px;color:var(--wb-muted)}.drill-header.svelte-1tj4hk6 .eyebrow:where(.svelte-1tj4hk6),.arena-head.svelte-1tj4hk6 .eyebrow:where(.svelte-1tj4hk6){margin:0}.drill-meter.svelte-1tj4hk6{display:grid;grid-template-columns:auto auto;gap:2px 8px;align-items:baseline;min-width:180px;padding:6px 10px;border:1px solid var(--wb-rule-strong);border-radius:6px;background:var(--wb-panel)}.drill-meter.svelte-1tj4hk6 strong:where(.svelte-1tj4hk6){font-family:var(--font-code);font-size:14px;color:var(--wb-ink)}.drill-meter.svelte-1tj4hk6 span:where(.svelte-1tj4hk6){font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--wb-muted)}.drill-meter.svelte-1tj4hk6 i:where(.svelte-1tj4hk6){grid-column:1 / -1;display:block;height:6px;border:1px solid var(--wb-rule-strong);border-radius:999px;background:var(--wb-panel-2);overflow:hidden}.drill-meter.svelte-1tj4hk6 b:where(.svelte-1tj4hk6){display:block;height:100%;background:var(--wb-gold);transition:width .22s ease}.drill-layout.svelte-1tj4hk6{display:grid;grid-template-columns:250px minmax(0,1fr) 240px;gap:10px;padding:12px 14px 14px}.drill-track.svelte-1tj4hk6{display:grid;gap:4px;align-content:start}.drill-track.svelte-1tj4hk6 button:where(.svelte-1tj4hk6){display:grid;grid-template-columns:26px minmax(0,1fr);gap:2px 9px;align-items:center;width:100%;padding:7px 9px;border:1px solid var(--wb-rule);border-radius:4px;background:var(--wb-panel);color:var(--wb-ink);text-align:left;font:inherit;cursor:pointer}.drill-track.svelte-1tj4hk6 button:where(.svelte-1tj4hk6):hover{border-color:var(--wb-rule-strong);background:var(--wb-panel-2)}.drill-track.svelte-1tj4hk6 button.active:where(.svelte-1tj4hk6){border-color:var(--wb-gold-deep);background:var(--wb-gold-soft)}.drill-track.svelte-1tj4hk6 button:where(.svelte-1tj4hk6)>span:where(.svelte-1tj4hk6){grid-row:span 2;display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--wb-rule-strong);border-radius:4px;background:var(--wb-panel-2);font-family:var(--font-code);font-size:11px;color:var(--wb-ink)}.drill-track.svelte-1tj4hk6 button.complete:where(.svelte-1tj4hk6)>span:where(.svelte-1tj4hk6){background:var(--wb-teal);border-color:var(--wb-teal);color:#fff}.drill-track.svelte-1tj4hk6 strong:where(.svelte-1tj4hk6){font-size:13.5px;line-height:1.2}.drill-track.svelte-1tj4hk6 small:where(.svelte-1tj4hk6){font-family:var(--font-code);font-size:10.5px;color:var(--wb-muted)}.active-drill-card.svelte-1tj4hk6,.drill-coach.svelte-1tj4hk6{display:grid;gap:8px;align-content:start;padding:12px 14px;border:1px solid var(--wb-rule-strong);border-radius:6px;background:var(--wb-panel-2)}.active-drill-card.svelte-1tj4hk6{grid-template-columns:minmax(0,1fr) 220px;align-items:start}.drill-concept.svelte-1tj4hk6{display:block;margin-bottom:3px;font-family:var(--font-code);font-size:10.5px;color:var(--wb-muted)}.active-drill-card.svelte-1tj4hk6 h3:where(.svelte-1tj4hk6),.drill-coach.svelte-1tj4hk6 strong:where(.svelte-1tj4hk6){margin:0;font-family:var(--font-heading);font-weight:700;font-size:1.05rem;color:var(--wb-ink)}.active-drill-card.svelte-1tj4hk6 p:where(.svelte-1tj4hk6),.drill-coach.svelte-1tj4hk6 p:where(.svelte-1tj4hk6){margin:4px 0 0;font-size:13px;line-height:1.5;color:var(--wb-ink-soft)}.drill-proof.svelte-1tj4hk6{display:grid;gap:3px;padding:9px 11px;border:1px dashed var(--wb-rule-strong);border-radius:4px;background:var(--wb-panel)}.drill-proof.svelte-1tj4hk6 span:where(.svelte-1tj4hk6){font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--wb-muted)}.drill-proof.svelte-1tj4hk6 strong:where(.svelte-1tj4hk6){font-size:12.5px;line-height:1.4;color:var(--wb-ink)}.drill-proof.complete.svelte-1tj4hk6{border-style:solid;border-color:var(--wb-teal);background:var(--wb-teal-soft)}.drill-proof.complete.svelte-1tj4hk6 span:where(.svelte-1tj4hk6){color:var(--wb-teal)}.drill-coach.svelte-1tj4hk6 button:where(.svelte-1tj4hk6){justify-self:start;min-height:30px;padding:0 12px;border:1px solid var(--wb-rule-strong);border-radius:4px;background:var(--wb-ink);color:var(--wb-panel);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}[data-theme=dark] .drill-coach.svelte-1tj4hk6 button:where(.svelte-1tj4hk6){background:var(--wb-gold);color:#1a1a2e}.lab-layout.svelte-1tj4hk6{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:12px;align-items:start}.action-row.svelte-1tj4hk6{display:flex;flex-wrap:wrap;gap:4px}.action-row.svelte-1tj4hk6 span:where(.svelte-1tj4hk6){padding:3px 8px;border:1px solid var(--wb-rule);border-radius:999px;font-family:var(--font-code);font-size:11px;color:var(--wb-muted);transition:background 90ms ease}.action-row.svelte-1tj4hk6 span.active:where(.svelte-1tj4hk6){border-color:var(--wb-gold-deep);background:var(--wb-gold-soft);color:var(--wb-gold-ink)}.game-canvas.svelte-1tj4hk6{position:relative;height:clamp(360px,48vh,520px);background:var(--wb-code-bg);overflow:hidden;cursor:crosshair;outline:none}.game-canvas.svelte-1tj4hk6:focus-visible{box-shadow:inset 0 0 0 2px var(--wb-gold-deep)}.grid-bg.svelte-1tj4hk6{position:absolute;inset:0;background:linear-gradient(90deg,rgba(245,239,214,.05) 1px,transparent 1px),linear-gradient(0deg,rgba(245,239,214,.05) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}.axis-line.svelte-1tj4hk6{position:absolute;background:#f5efd61f;pointer-events:none}.axis-line.x.svelte-1tj4hk6{left:0;right:0;top:50%;height:1px}.axis-line.y.svelte-1tj4hk6{top:0;bottom:0;left:50%;width:1px}.player.svelte-1tj4hk6{position:absolute;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--wb-gold);border-radius:4px;background:#f5c51824;color:var(--wb-term-highlight);font-family:var(--font-code);font-size:10px;text-transform:uppercase;letter-spacing:.06em;will-change:transform}.player.moving.svelte-1tj4hk6{background:#f5c51847;box-shadow:0 0 0 3px #f5c51833}.cursor-indicator.svelte-1tj4hk6{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border:1px solid var(--wb-term-success);border-radius:999px;pointer-events:none}.cursor-indicator.clicking.svelte-1tj4hk6{background:#34d39959}.canvas-footer.svelte-1tj4hk6{display:flex;flex-wrap:wrap;gap:4px 14px;padding:6px 14px;border-top:1px solid var(--wb-rule);background:var(--wb-panel-2);font-family:var(--font-code);font-size:10.5px;color:var(--wb-muted)}.state-panel.svelte-1tj4hk6{display:grid;gap:12px}.panel-title.svelte-1tj4hk6 span:where(.svelte-1tj4hk6){display:grid;place-items:center;width:22px;height:22px;border:1px solid var(--wb-rule-strong);border-radius:3px;font-family:var(--font-code);font-size:10px;color:var(--wb-ink);background:var(--wb-panel);order:-1}.panel-title.svelte-1tj4hk6{justify-content:flex-start}.key-grid.svelte-1tj4hk6{display:grid;grid-template-columns:repeat(3,34px);gap:4px;justify-content:center;padding:12px 12px 8px}.key-grid.svelte-1tj4hk6 kbd:where(.svelte-1tj4hk6){display:grid;place-items:center;height:32px;border:1px solid var(--wb-rule-strong);border-bottom-width:3px;border-radius:4px;background:var(--wb-panel);font-family:var(--font-code);font-size:12px;color:var(--wb-ink);transition:background 80ms ease}.key-grid.svelte-1tj4hk6 kbd.active:where(.svelte-1tj4hk6){background:var(--wb-gold-soft);border-color:var(--wb-gold-deep);transform:translateY(1px);border-bottom-width:2px}.state-list.svelte-1tj4hk6{display:grid;margin:0;padding:4px 12px 12px}.state-list.svelte-1tj4hk6 div:where(.svelte-1tj4hk6){display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-top:1px solid var(--wb-rule);font-size:12.5px}.state-list.svelte-1tj4hk6 dt:where(.svelte-1tj4hk6){color:var(--wb-muted)}.state-list.svelte-1tj4hk6 dd:where(.svelte-1tj4hk6){margin:0;font-family:var(--font-code);color:var(--wb-ink)}.code-panel.svelte-1tj4hk6 pre:where(.svelte-1tj4hk6){margin:0;padding:12px 14px;background:var(--wb-code-bg);color:var(--wb-code-ink);font-family:var(--font-code);font-size:12px;line-height:1.6;overflow-x:auto}.code-panel.svelte-1tj4hk6 .kw:where(.svelte-1tj4hk6){color:var(--wb-gold)}.code-panel.svelte-1tj4hk6 .fn:where(.svelte-1tj4hk6){color:#e8dfc8}.code-panel.svelte-1tj4hk6 .cls:where(.svelte-1tj4hk6){color:var(--wb-term-highlight)}.code-panel.svelte-1tj4hk6 .str:where(.svelte-1tj4hk6){color:#9fcb6b}.log-list.svelte-1tj4hk6{display:grid;gap:2px;max-height:220px;padding:8px 12px 12px;overflow-y:auto;font-family:var(--font-code);font-size:11.5px;scrollbar-width:thin;scrollbar-color:var(--wb-rule) transparent}.empty-log.svelte-1tj4hk6{margin:0;padding:6px 0;color:var(--wb-muted);font-family:var(--font-body);font-size:12.5px}.log-entry.svelte-1tj4hk6{display:grid;grid-template-columns:56px 64px minmax(0,1fr);gap:8px;padding:3px 0;border-bottom:1px solid var(--wb-rule);color:var(--wb-ink-soft)}.log-entry.svelte-1tj4hk6 span:where(.svelte-1tj4hk6){color:var(--wb-muted)}.log-entry.svelte-1tj4hk6 strong:where(.svelte-1tj4hk6){color:var(--wb-gold-ink);font-weight:700}.playground-reference.svelte-1tj4hk6{padding:14px 18px 16px}.playground-reference.svelte-1tj4hk6 h2:where(.svelte-1tj4hk6){margin:14px 0 6px;font-family:var(--font-heading);font-weight:700;font-size:1.15rem;color:var(--wb-ink)}.playground-reference.svelte-1tj4hk6 h2:where(.svelte-1tj4hk6):first-child{margin-top:0}.playground-reference.svelte-1tj4hk6 p:where(.svelte-1tj4hk6){max-width:78ch;margin:0 0 8px;font-size:13.5px;line-height:1.6;color:var(--wb-ink-soft)}.playground-reference.svelte-1tj4hk6 ul:where(.svelte-1tj4hk6){margin:0;padding-left:18px;font-size:13.5px;line-height:1.55;color:var(--wb-ink-soft)}.playground-reference.svelte-1tj4hk6 li:where(.svelte-1tj4hk6){margin-bottom:4px}.playground-reference.svelte-1tj4hk6 li:where(.svelte-1tj4hk6)::marker{color:var(--wb-gold-deep)}.playground-reference.svelte-1tj4hk6 strong:where(.svelte-1tj4hk6){color:var(--wb-ink)}.playground-reference.svelte-1tj4hk6 code:where(.svelte-1tj4hk6){padding:1px 4px;border:1px solid var(--wb-rule);border-radius:3px;background:var(--wb-panel-2);font-family:var(--font-code);font-size:.88em;color:var(--wb-ink)}@media(max-width:1080px){.drill-layout.svelte-1tj4hk6{grid-template-columns:1fr}.drill-track.svelte-1tj4hk6{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-layout.svelte-1tj4hk6{grid-template-columns:1fr}.state-panel.svelte-1tj4hk6{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.input-playground-page.svelte-1tj4hk6{width:min(100%,calc(100% - 24px))}.playground-hero.svelte-1tj4hk6,.drill-track.svelte-1tj4hk6,.state-panel.svelte-1tj4hk6,.active-drill-card.svelte-1tj4hk6{grid-template-columns:1fr}.game-canvas.svelte-1tj4hk6{height:320px}}@media(prefers-reduced-motion:reduce){.drill-meter.svelte-1tj4hk6 b:where(.svelte-1tj4hk6),.action-row.svelte-1tj4hk6 span:where(.svelte-1tj4hk6),.key-grid.svelte-1tj4hk6 kbd:where(.svelte-1tj4hk6){transition:none}}