:root{--bg:oklch(17% .012 165);--surface:oklch(21.5% .014 165);--surface-sunk:oklch(15% .012 165);--border:oklch(32% .014 165);--border-strong:oklch(45% .016 165);--ink:oklch(95% .008 165);--ink-soft:oklch(78% .012 165);--muted:oklch(64% .014 165);--brand:oklch(62% .13 152);--brand-strong:oklch(70% .13 152);--brand-tint:oklch(32% .06 152);--brand-ink:oklch(15% .02 165);--team:oklch(62% .16 255);--opp:oklch(68% .18 45);--danger:oklch(68% .19 27);--danger-tint:oklch(30% .07 27);--bg-glow:oklch(23% .02 165);--shadow-1:0 1px 2px oklch(0% 0 0/.4), 0 1px 1px oklch(0% 0 0/.3);--shadow-2:0 8px 24px oklch(0% 0 0/.45), 0 2px 6px oklch(0% 0 0/.35);--r-sm:.5rem;--r-md:.75rem;--r-lg:1.1rem;--r-pill:999px;--ease:cubic-bezier(.22, 1, .36, 1);--t-fast:.13s;--t:.2s;--z-base:1;--z-sticky:100;--z-dropdown:200;--z-toast:400;--font:"Hanken Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px;line-height:1.45}:root[data-theme=light]{--bg:oklch(97.5% .008 160);--surface:oklch(99.5% .003 160);--surface-sunk:oklch(94.5% .009 160);--border:oklch(90% .01 160);--border-strong:oklch(82% .012 160);--ink:oklch(27% .02 165);--ink-soft:oklch(42% .02 165);--muted:oklch(46% .016 165);--brand:oklch(47% .12 152);--brand-strong:oklch(41% .11 152);--brand-tint:oklch(95% .035 152);--brand-ink:oklch(99% 0 0);--team:oklch(52% .16 255);--opp:oklch(60% .18 45);--danger:oklch(55% .19 27);--danger-tint:oklch(95% .04 27);--bg-glow:oklch(98.5% .012 160);--shadow-1:0 1px 2px oklch(40% .03 165/.06), 0 1px 1px oklch(40% .03 165/.04);--shadow-2:0 6px 20px oklch(40% .03 165/.1), 0 2px 6px oklch(40% .03 165/.06)}*{box-sizing:border-box}html,body{min-height:100svh;margin:0}body{background:radial-gradient(120% 80% at 50% -10%, var(--bg-glow) 0%, transparent 60%), var(--bg)}h1,h2,h3{letter-spacing:-.01em;text-wrap:balance;margin:0;font-weight:700}button{-webkit-tap-highlight-color:transparent;font-family:inherit}:where(button,select,input,[tabindex]):focus-visible{outline:2.5px solid var(--brand);outline-offset:2px;border-radius:var(--r-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.field.svelte-1wzaqos{touch-action:none;border-radius:var(--r-lg,1.1rem);width:100%;height:auto;box-shadow:var(--shadow-2,0 6px 20px #0000001f);-webkit-user-select:none;user-select:none;font-family:var(--font,system-ui, sans-serif);display:block}.field.drawing.svelte-1wzaqos{cursor:crosshair}.field.sunlight.svelte-1wzaqos .lines:where(.svelte-1wzaqos){stroke-width:.46px}.field.sunlight.svelte-1wzaqos .buildout:where(.svelte-1wzaqos){stroke-width:.58px}.field.sunlight.svelte-1wzaqos .arrows:where(.svelte-1wzaqos){stroke-width:.78px}.field.sunlight.svelte-1wzaqos .token:where(.svelte-1wzaqos) :is(circle:where(.svelte-1wzaqos),rect:where(.svelte-1wzaqos),polygon:where(.svelte-1wzaqos)){stroke-width:.5px}.field.svelte-1wzaqos text:where(.svelte-1wzaqos){cursor:inherit}.token.svelte-1wzaqos,.ball.svelte-1wzaqos{cursor:grab}.token.svelte-1wzaqos{transition:opacity .18s cubic-bezier(.22,1,.36,1)}.token.dragging.svelte-1wzaqos{cursor:grabbing}.token.dim.svelte-1wzaqos{opacity:.26}@media (prefers-reduced-motion:reduce){.token.svelte-1wzaqos{transition:none}}.token.raised.svelte-1wzaqos :is(circle:where(.svelte-1wzaqos),rect:where(.svelte-1wzaqos),polygon:where(.svelte-1wzaqos)){stroke-width:.45px}.field.drawing.svelte-1wzaqos .token:where(.svelte-1wzaqos),.field.drawing.svelte-1wzaqos .ball:where(.svelte-1wzaqos){pointer-events:none;cursor:crosshair}.app.svelte-1n46o8q{flex-direction:column;gap:.75rem;margin:0 auto;padding:.75rem .75rem 2rem;display:flex}.app.sunlight.svelte-1n46o8q{--muted:oklch(36% .02 165);--ink-soft:oklch(30% .02 165);--border:oklch(78% .012 165);--border-strong:oklch(60% .015 165)}@media (prefers-contrast:more){.app.svelte-1n46o8q{--muted:oklch(36% .02 165);--ink-soft:oklch(30% .02 165);--border:oklch(78% .012 165);--border-strong:oklch(60% .015 165)}}.masthead.svelte-1n46o8q{flex-wrap:wrap;align-items:center;gap:.5rem;padding:.25rem .25rem 0;display:flex}.mast-play.svelte-1n46o8q{align-items:center;gap:.35rem;margin-left:auto;display:flex}.mast-actions.svelte-1n46o8q{gap:.3rem;display:flex}.mast-actions.svelte-1n46o8q button[aria-pressed=true]:where(.svelte-1n46o8q){color:var(--brand-strong);background:var(--brand-tint)}.stage.svelte-1n46o8q{flex-direction:column;gap:.75rem;min-width:0;display:flex}.panel.svelte-1n46o8q{min-width:0}.panel.svelte-1n46o8q:not(.open){display:none}.app.wide.svelte-1n46o8q .stage:where(.svelte-1n46o8q){display:block;position:relative}.app.wide.svelte-1n46o8q .board:where(.svelte-1n46o8q){width:100%}.app.wide.svelte-1n46o8q .menu:where(.svelte-1n46o8q),.app.wide.svelte-1n46o8q .plays-panel:where(.svelte-1n46o8q){z-index:var(--z-dropdown);border-radius:var(--r-lg);max-height:100%;box-shadow:var(--shadow-2);position:absolute;top:0;overflow:auto}.app.wide.svelte-1n46o8q .menu:where(.svelte-1n46o8q){width:13rem;left:0}.app.wide.svelte-1n46o8q .plays-panel:where(.svelte-1n46o8q){width:19rem;right:0}.app.wide.svelte-1n46o8q .toolbar:where(.svelte-1n46o8q){flex-direction:column;align-items:stretch;position:sticky;top:.75rem}.app.wide.svelte-1n46o8q .toolbar:where(.svelte-1n46o8q) .ctl:where(.svelte-1n46o8q){justify-content:flex-start;width:100%}.app.wide.svelte-1n46o8q .toolbar:where(.svelte-1n46o8q) .divider:where(.svelte-1n46o8q){align-self:stretch;width:auto;height:1px;margin:.2rem 0}.app.wide.svelte-1n46o8q .toolbar:where(.svelte-1n46o8q) .grow:where(.svelte-1n46o8q){display:none}.app.wide.svelte-1n46o8q .toolbar:where(.svelte-1n46o8q) .select:where(.svelte-1n46o8q),.app.wide.svelte-1n46o8q .toolbar:where(.svelte-1n46o8q) .select:where(.svelte-1n46o8q) select:where(.svelte-1n46o8q),.app.wide.svelte-1n46o8q .toolbar:where(.svelte-1n46o8q) .seg:where(.svelte-1n46o8q){flex:1;width:100%}.wordmark.svelte-1n46o8q{align-items:center;gap:.5rem;display:flex}.mark.svelte-1n46o8q{border-radius:var(--r-sm);width:1.6rem;height:1.6rem}.title.svelte-1n46o8q{letter-spacing:-.02em;font-size:1.15rem;font-weight:800}.badge.svelte-1n46o8q{letter-spacing:.02em;color:var(--brand-strong);background:var(--brand-tint);border-radius:var(--r-pill);padding:.12rem .4rem;font-size:.7rem;font-weight:700}.toolbar.svelte-1n46o8q{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-1);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.55rem .65rem;display:flex}.ctl.svelte-1n46o8q{align-items:center;gap:.4rem;display:flex}.chip.svelte-1n46o8q{border-radius:var(--r-pill);flex:none;width:.65rem;height:.65rem}.chip.team.svelte-1n46o8q{background:var(--team)}.chip.opp.svelte-1n46o8q{background:var(--opp)}.ctl-label.svelte-1n46o8q{color:var(--ink-soft);font-size:.82rem;font-weight:600}.divider.svelte-1n46o8q{background:var(--border);align-self:stretch;width:1px;margin:.1rem .15rem}.grow.svelte-1n46o8q{flex:.5rem}.select.svelte-1n46o8q{display:inline-flex;position:relative}.select.svelte-1n46o8q:after{content:"";border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);pointer-events:none;width:.5rem;height:.5rem;position:absolute;top:50%;right:.6rem;transform:translateY(-65%)rotate(45deg)}select.svelte-1n46o8q{appearance:none;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-sm);cursor:pointer;transition:border-color var(--t-fast) var(--ease), background var(--t-fast) var(--ease);padding:.4rem 1.6rem .4rem .6rem;font-weight:600}select.svelte-1n46o8q:hover:not(:disabled){border-color:var(--brand)}select.svelte-1n46o8q:disabled{opacity:.5;cursor:not-allowed}.switch.svelte-1n46o8q{--w:2.4rem;--h:1.4rem;width:var(--w);height:var(--h);border-radius:var(--r-pill);background:var(--surface-sunk);box-shadow:inset 0 0 0 1px var(--border-strong);cursor:pointer;transition:background var(--t) var(--ease);border:none;flex:none;position:relative}.switch.svelte-1n46o8q .knob:where(.svelte-1n46o8q){border-radius:var(--r-pill);width:1.04rem;height:1.04rem;box-shadow:var(--shadow-1);transition:transform var(--t) var(--ease);background:oklch(99% 0 0);position:absolute;top:50%;left:.18rem;transform:translateY(-50%)}.switch[aria-checked=true].svelte-1n46o8q{background:var(--brand);box-shadow:none}.switch[aria-checked=true].svelte-1n46o8q .knob:where(.svelte-1n46o8q){transform:translate(calc(var(--w) - 1.4rem), -50%)}.seg.svelte-1n46o8q{background:var(--surface-sunk);border-radius:var(--r-sm);gap:2px;padding:3px;display:inline-flex}.seg.svelte-1n46o8q button:where(.svelte-1n46o8q){min-height:2.25rem;color:var(--ink-soft);border-radius:calc(var(--r-sm) - 3px);cursor:pointer;transition:color var(--t-fast) var(--ease), background var(--t-fast) var(--ease);background:0 0;border:none;justify-content:center;align-items:center;gap:.3rem;padding:.32rem .7rem;font-size:.9rem;font-weight:600;display:inline-flex}.seg.svelte-1n46o8q button:where(.svelte-1n46o8q):hover{color:var(--ink)}.seg.svelte-1n46o8q button[aria-pressed=true]:where(.svelte-1n46o8q){background:var(--surface);color:var(--ink);box-shadow:var(--shadow-1)}.btn.svelte-1n46o8q{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-sm);cursor:pointer;transition:background var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);align-items:center;gap:.35rem;padding:.4rem .7rem;font-weight:600;display:inline-flex}.btn.svelte-1n46o8q:hover{background:var(--surface-sunk)}.btn.svelte-1n46o8q:active{transform:translateY(1px)}.btn.primary.svelte-1n46o8q{color:var(--brand-ink);background:var(--brand);box-shadow:var(--shadow-1);border-color:#0000}.btn.primary.svelte-1n46o8q:hover{background:var(--brand-strong)}.btn.svelte-1n46o8q:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn.focus-clear.svelte-1n46o8q{color:var(--brand-strong);background:var(--brand-tint);border-color:#0000}.btn.focus-clear.svelte-1n46o8q:hover{background:var(--brand-tint);filter:brightness(.97)}.icon-btn.svelte-1n46o8q{width:2.5rem;height:2.5rem;color:var(--ink-soft);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-sm);cursor:pointer;transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);place-items:center;display:inline-grid}.icon-btn.svelte-1n46o8q:hover{background:var(--surface-sunk);color:var(--ink)}.icon-btn.quiet.svelte-1n46o8q{color:var(--muted);background:0 0;border-color:#0000}.icon-btn.quiet.svelte-1n46o8q:hover{background:var(--surface-sunk);color:var(--ink)}.icon-btn.danger.svelte-1n46o8q:hover{background:var(--danger-tint);color:var(--danger);border-color:#0000}.ic.svelte-1n46o8q{flex:none;width:1.15rem;height:1.15rem}.step-ctl.svelte-1n46o8q{gap:.25rem}.step-count.svelte-1n46o8q{text-align:center;min-width:2.4rem;color:var(--ink);font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:700}.editbar.svelte-1n46o8q{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-1);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.55rem .7rem;display:flex}.eb-title.svelte-1n46o8q{color:var(--ink-soft);align-items:center;gap:.4rem;font-size:.9rem;font-weight:600;display:flex}.eb-chip.svelte-1n46o8q{border-radius:var(--r-pill);background:var(--team);color:#fff;place-items:center;min-width:1.7rem;height:1.7rem;padding:0 .4rem;font-size:.85rem;font-weight:700;display:inline-grid}.eb-chip.opp.svelte-1n46o8q{background:var(--opp)}.eb-field.svelte-1n46o8q{color:var(--ink-soft);align-items:center;gap:.4rem;font-size:.82rem;font-weight:600;display:flex}.eb-num.svelte-1n46o8q{width:3.5rem;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-sm);text-align:center;padding:.35rem .5rem;font-weight:600}.eb-name.svelte-1n46o8q{flex:8rem}.eb-name.svelte-1n46o8q input:where(.svelte-1n46o8q){min-width:0;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-sm);flex:1;padding:.35rem .55rem}.eb-close.svelte-1n46o8q{margin-left:auto}.roster.svelte-1n46o8q{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-1);margin-bottom:.75rem;padding:.4rem .6rem}.roster.svelte-1n46o8q>summary:where(.svelte-1n46o8q){cursor:pointer;align-items:center;gap:.5rem;padding:.3rem .1rem;font-weight:700;list-style:none;display:flex}.roster.svelte-1n46o8q>summary:where(.svelte-1n46o8q)::-webkit-details-marker{display:none}.roster.svelte-1n46o8q>summary:where(.svelte-1n46o8q):before{content:"▸";color:var(--muted);transition:transform var(--t-fast) var(--ease)}.roster[open].svelte-1n46o8q>summary:where(.svelte-1n46o8q):before{transform:rotate(90deg)}.roster-count.svelte-1n46o8q{color:var(--brand-strong);background:var(--brand-tint);border-radius:var(--r-pill);margin-left:auto;padding:.05rem .45rem;font-size:.8rem;font-weight:700}.roster-list.svelte-1n46o8q{gap:.35rem;margin:.4rem 0;padding:0;list-style:none;display:grid}.roster-list.svelte-1n46o8q li:where(.svelte-1n46o8q){align-items:center;gap:.35rem;display:flex}.roster-reorder.svelte-1n46o8q{flex-direction:column;display:flex}.mini.svelte-1n46o8q{width:1.5rem;height:1.5rem;color:var(--muted);border-radius:var(--r-sm);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;padding:0;display:inline-grid}.roster-reorder.svelte-1n46o8q .mini:where(.svelte-1n46o8q){height:1.1rem}.mini.svelte-1n46o8q:hover:not(:disabled){color:var(--ink);background:var(--surface-sunk)}.mini.svelte-1n46o8q:disabled{opacity:.3;cursor:not-allowed}.mini.svelte-1n46o8q .ic:where(.svelte-1n46o8q){width:.95rem;height:.95rem}.roster-num.svelte-1n46o8q,.roster-name.svelte-1n46o8q{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-sm);padding:.3rem .45rem}.roster-num.svelte-1n46o8q{text-align:center;width:2.6rem;font-weight:600}.roster-name.svelte-1n46o8q{flex:1;min-width:0}.roster-add.svelte-1n46o8q{justify-content:center;width:100%;margin-top:.2rem}.board.svelte-1n46o8q{justify-content:center;display:flex}.board.svelte-1n46o8q svg.field{width:100%;max-width:100%;height:auto;max-height:88svh}.app.wide.svelte-1n46o8q .board:where(.svelte-1n46o8q) svg.field{width:100%;height:auto;max-height:none}.plays.svelte-1n46o8q{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-1);padding:.75rem .85rem .85rem}.plays-head.svelte-1n46o8q{justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex}.plays-head.svelte-1n46o8q h2:where(.svelte-1n46o8q){font-size:1rem;font-weight:700}.play-actions.svelte-1n46o8q{gap:.3rem;display:flex}.save-row.svelte-1n46o8q{gap:.5rem;display:flex}.save-row.svelte-1n46o8q input:where(.svelte-1n46o8q){min-width:0;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-sm);flex:1;padding:.45rem .7rem}.save-row.svelte-1n46o8q input:where(.svelte-1n46o8q)::placeholder{color:var(--muted)}.save-row.svelte-1n46o8q input:where(.svelte-1n46o8q):hover{border-color:var(--brand)}.msg.svelte-1n46o8q{color:var(--brand-strong);margin:.55rem 0 0;font-size:.85rem;font-weight:600}.play-list.svelte-1n46o8q{gap:.4rem;margin:.7rem 0 0;padding:0;list-style:none;display:grid}.play-list.svelte-1n46o8q li:where(.svelte-1n46o8q){gap:.4rem;display:flex}.play-item.svelte-1n46o8q{text-align:left;font:inherit;color:var(--ink);background:var(--surface-sunk);border-radius:var(--r-sm);cursor:pointer;transition:border-color var(--t-fast) var(--ease), background var(--t-fast) var(--ease);border:1px solid #0000;flex:1;justify-content:space-between;align-items:baseline;gap:.75rem;padding:.55rem .75rem;display:flex}.play-item.svelte-1n46o8q:hover{border-color:var(--brand);background:var(--brand-tint)}.play-name.svelte-1n46o8q{font-weight:600}.play-date.svelte-1n46o8q{color:var(--muted);flex:none;font-size:.8rem}.empty.svelte-1n46o8q{text-align:center;color:var(--ink-soft);background:var(--surface-sunk);border-radius:var(--r-sm);margin:.5rem 0 0;padding:.85rem;font-size:.9rem}.empty.svelte-1n46o8q strong:where(.svelte-1n46o8q){color:var(--ink)}@media (width<=30rem){.grow.svelte-1n46o8q{flex-basis:100%}}@media (pointer:coarse){.icon-btn.svelte-1n46o8q{width:2.75rem;height:2.75rem}.seg.svelte-1n46o8q button:where(.svelte-1n46o8q){min-height:2.6rem}.btn.svelte-1n46o8q,.save-row.svelte-1n46o8q input:where(.svelte-1n46o8q),select.svelte-1n46o8q{min-height:2.75rem}}