:root{color-scheme:light dark;--paper: #fdfcf7;--paper-edge: #f1eee3;--grid: rgba(86, 132, 186, .22);--grid-strong: rgba(86, 132, 186, .34);--pitch: rgba(58, 167, 109, .09);--net: rgba(58, 167, 109, .18);--ink: #23292f;--ink-soft: #6b7683;--line: #2b3440;--p0: #1d62e8;--p1: #d63b26;--surface: rgba(255, 255, 255, .82);--border: rgba(35, 41, 47, .14)}@media(prefers-color-scheme:dark){:root{--paper: #14171c;--paper-edge: #0f1216;--grid: rgba(120, 160, 210, .16);--grid-strong: rgba(120, 160, 210, .26);--pitch: rgba(72, 190, 128, .08);--net: rgba(72, 190, 128, .16);--ink: #e7ecf2;--ink-soft: #94a1b1;--line: #aebbc9;--p0: #5b9bff;--p1: #ff7259;--surface: rgba(28, 33, 40, .86);--border: rgba(231, 236, 242, .14)}}*{box-sizing:border-box}html,body{margin:0;height:100%;overscroll-behavior:none}body{background:var(--paper-edge);color:var(--ink);font:15px/1.45 ui-sans-serif,-apple-system,SF Pro Text,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}#app{display:flex;flex-direction:column;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;background:var(--surface);backdrop-filter:blur(12px)}.bar--top{justify-content:space-between;border-bottom:1px solid var(--border)}.bar--bottom{justify-content:center;border-top:1px solid var(--border)}.score{display:flex;align-items:center;gap:10px;font-variant-numeric:tabular-nums;font-weight:650;letter-spacing:.01em}.score__side{display:flex;align-items:center;gap:7px}.score__dot{width:11px;height:11px;border-radius:50%;box-shadow:0 0 0 3px transparent;transition:box-shadow .16s ease}.score__side[data-active=true] .score__dot{box-shadow:0 0 0 3px color-mix(in srgb,currentColor 28%,transparent)}.score__side[data-active=false]{opacity:.45}.score__sep{color:var(--ink-soft)}.status{color:var(--ink-soft);font-size:13.5px;line-height:1.45;text-align:right;height:2.9em;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.status strong{color:var(--ink)}.stage{position:relative;flex:1;min-height:0;background:var(--paper)}canvas{display:block;width:100%;height:100%;touch-action:none}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:color-mix(in srgb,var(--paper) 62%,transparent);backdrop-filter:blur(3px)}.overlay[hidden]{display:none}.overlay__card{text-align:center;padding:26px 34px;border-radius:18px;background:var(--surface);border:1px solid var(--border);box-shadow:0 24px 60px #0000002e}.overlay__headline{margin:0 0 4px;font-size:26px;font-weight:700}.overlay__detail{margin:0 0 18px;color:var(--ink-soft)}.btn{appearance:none;border:1px solid var(--border);background:var(--paper);color:var(--ink);font:inherit;font-weight:560;padding:7px 14px;border-radius:9px;cursor:pointer;transition:background .12s ease,transform .12s ease}.btn:hover:not(:disabled){background:color-mix(in srgb,var(--ink) 6%,var(--paper))}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:default}.btn--primary{background:var(--ink);color:var(--paper);border-color:transparent}.btn--ghost{background:transparent}.field{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-soft)}.field select{font:inherit;padding:6px 8px;border-radius:9px;border:1px solid var(--border);background:var(--paper);color:var(--ink)}.dialog{max-width:34rem;border:1px solid var(--border);border-radius:16px;padding:22px 26px;background:var(--paper);color:var(--ink)}.dialog::backdrop{background:#00000059}.dialog h2{margin-top:0}.dialog li{margin-bottom:6px}kbd{font:12px ui-monospace,SF Mono,monospace;border:1px solid var(--border);border-bottom-width:2px;border-radius:5px;padding:1px 5px}@media(max-width:560px){.bar{padding:8px 10px;gap:8px}.field span{display:none}.status{flex-basis:100%;text-align:left}.status__verbose{display:none}}.dialog h3{margin-bottom:6px}.dialog__hint{margin:0 0 12px;color:var(--ink-soft);font-size:13px}.settings{display:grid;gap:14px;margin-bottom:22px}.setting{display:grid;grid-template-columns:8.5rem 1fr;gap:4px 12px;align-items:center}.setting__name{font-weight:560}.setting__hint{grid-column:2;color:var(--ink-soft);font-size:12.5px}.setting select{font:inherit;padding:6px 8px;border-radius:9px;border:1px solid var(--border);background:var(--paper);color:var(--ink)}.setting[data-disabled=true]{opacity:.4}@media(max-width:560px){.setting{grid-template-columns:1fr}.setting__hint{grid-column:1}}.status__thinking{display:inline-block;width:7px;height:7px;margin-left:6px;border-radius:50%;background:currentColor;animation:pulse .9s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.25}50%{opacity:1}}.net-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}.net-actions__or{color:var(--ink-soft);font-size:13px}.net-code,.setting input{font:inherit;padding:6px 10px;border-radius:9px;border:1px solid var(--border);background:var(--paper);color:var(--ink)}.net-code{width:6.5rem;text-transform:uppercase;letter-spacing:.14em;font-family:ui-monospace,SF Mono,monospace}.net-room{padding:14px 16px;margin-bottom:18px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--ink) 4%,transparent)}.net-room[hidden]{display:none}.net-room__code{margin:0 0 4px}.net-room__code strong{font-family:ui-monospace,SF Mono,monospace;font-size:22px;letter-spacing:.18em}.net-room__seats{margin:0 0 12px;color:var(--ink-soft);font-size:13.5px}