.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.match-clock-panel{width:100%}.match-clock-strip{border:2px solid #ffffff29;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 14px;width:100%;padding:10px 16px;display:flex}.match-clock-strip[data-match-clock-severity=LOW]{border-style:dashed}.match-clock-strip[data-match-clock-severity=CRITICAL]{border-style:double;border-width:4px}.match-clock-time{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;font-size:1.35rem;font-weight:700}.match-clock-severity-label{text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:700}.match-clock-grace{align-items:center;gap:8px;display:flex}.match-clock-resolving{text-align:center;margin:0 0 6px;font-weight:700}.match-clock-strip[data-match-clock-running=RUNNING]{opacity:1;box-shadow:inset 0 0 0 1px #ffffff80}.match-clock-strip[data-match-clock-running=STOPPED]{opacity:.7}.match-clock-strip[data-match-clock-running=STOPPED][data-match-clock-ready=READY]{opacity:.55}.match-clock-panel[data-match-clock-phase=RESOLVING] .match-clock-strip{opacity:.5;box-shadow:none}.match-surface button,.match-surface input[type=checkbox],.match-surface input[type=range],.account-lobby button{min-width:44px;min-height:44px}@media (width<=719.98px){.match-clock-strip{padding:8px 12px}.match-clock-panel-local{z-index:2;position:sticky;top:0}.match-surface [data-match-plan-controls]{z-index:1;position:sticky;top:3.25rem}}@media (width>=720px){.match-clock-strip{padding:14px 22px}.match-clock-time{font-size:1.6rem}}@media (prefers-reduced-motion:reduce){.match-clock-strip,.match-clock-time{transition:none;animation:none}}:root{color:#eef2ff;font-synthesis:none;text-rendering:optimizelegibility;background:#0a0f1d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 18% 12%,#3a5a9638,#0000 34rem),linear-gradient(145deg,#080c17 0%,#111827 52%,#070b13 100%);min-width:320px}a{color:inherit}.app-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:28px 0 40px}.app-header{justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;display:flex}.eyebrow,.surface-label{color:#63e6be;letter-spacing:.16em;margin:0 0 7px;font-size:.72rem;font-weight:750}h1,h2{letter-spacing:-.03em;margin:0}h1{font-size:clamp(1.65rem,4vw,2.55rem)}h2{font-size:1.35rem;line-height:1.15}nav{gap:8px;display:flex}nav a{color:#9ca9bd;border:1px solid #ffffff1f;border-radius:999px;padding:9px 13px;text-decoration:none}nav a[aria-current=page]{color:#07111c;background:#63e6be;border-color:#63e6be}.lab-toggle-control button{color:#9ca9bd;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:999px;padding:9px 13px}.lab-toggle-control button[aria-pressed=true]{color:#07111c;background:#63e6be;border-color:#63e6be}.workspace{grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:24px;display:grid}.board-panel{background:#111827;border:1px solid #ffffff1f;border-radius:18px;width:min(100%,100vh - 150px);min-width:0;overflow:hidden;box-shadow:0 24px 75px #0000006b}.board-stage{flex-direction:column;gap:8px;width:100%;display:flex}.board-stage-canvas{aspect-ratio:1;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;width:100%;position:relative}.board-stage-canvas canvas{outline:none}.board-planning-controls button:focus,.board-planning-controls button:focus-visible{box-shadow:none;background:0 0;outline:none}.board-stage-canvas canvas{display:block;width:100%!important;height:100%!important}.board-stage>output{display:none}.visually-hidden{white-space:nowrap;border:0;width:1px;height:1px;padding:0;overflow:hidden}.board-square-controls{grid-template-columns:repeat(8,1fr);display:grid}.inspector{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#141d2fc7;border:1px solid #ffffff1a;border-radius:18px;padding:22px}.inspector>p:not(.surface-label):not(.intent-readout){color:#9ca9bd;line-height:1.55}.inspector dl{margin:24px 0}.inspector dl div{border-bottom:1px solid #ffffff14;justify-content:space-between;gap:12px;padding:11px 0;display:flex}.inspector dt{color:#8794a8}.inspector dd{margin:0;font-weight:650}.timeline-control{color:#aab4c5;gap:9px;margin-top:22px;font-size:.84rem;display:grid}.timeline-control output{color:#eef2ff;justify-self:end;margin-top:-27px}.timeline-control input{accent-color:#63e6be;width:100%}.intent-readout{color:#8794a8;background:#0b1220;border-radius:10px;gap:5px;margin:0;padding:12px;font-size:.76rem;display:grid}.intent-readout strong{color:#eef2ff;overflow-wrap:anywhere;font-size:.83rem}.diagnostics-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#141d2fc7;border:1px solid #ffffff1a;border-radius:18px;margin-top:24px;padding:22px}.diagnostics-panel summary{cursor:pointer;color:#eef2ff;font-weight:700}.diagnostics-panel [data-diagnostics-table]{border-collapse:collapse;width:100%;margin-top:14px;font-size:.84rem}.diagnostics-panel [data-diagnostics-table] caption{text-align:left;color:#8794a8;margin-bottom:8px}.diagnostics-panel [data-diagnostics-table] th,.diagnostics-panel [data-diagnostics-table] td{text-align:left;vertical-align:top;border-bottom:1px solid #ffffff14;padding:8px 10px}.diagnostics-panel [data-diagnostics-table] th{color:#63e6be;font-weight:700}.diagnostics-panel [data-diagnostics-table] td{color:#eef2ff}.diagnostics-panel [data-diagnostics-advanced]{color:#9ca9bd;margin-top:14px;font-size:.78rem}.network-workspace{grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:24px;padding:20px;display:grid}.network-board-panel{background:#111827;border:1px solid #ffffff1f;border-radius:18px;min-width:0;padding:18px;box-shadow:0 24px 75px #0000006b}.network-board-bounds{width:min(100%,720px);margin-inline:auto}.network-inspector{min-width:0}.network-inspector dd{overflow-wrap:anywhere;text-align:right}.network-inspector .diagnostics-panel{margin-top:18px;padding:14px}.history-placeholder{color:#8794a8;margin-top:18px;font-size:.82rem}.history-placeholder h2{color:#eef2ff;margin:0 0 6px;font-size:.9rem}.history-placeholder p{margin:0 0 6px}@media (width<=780px){.diagnostics-panel [data-diagnostics-table]{display:block;overflow-x:auto}.network-workspace{grid-template-columns:1fr;padding:12px}.network-board-panel{width:100%}.app-header{flex-direction:column;align-items:start}.workspace{grid-template-columns:1fr}.board-panel,.inspector{width:100%}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.time-control-toggle{min-block-size:44px;min-inline-size:44px;font:inherit;font-variant-numeric:tabular-nums;background:0 0;border:2px solid;border-radius:.5rem;margin-inline-end:.5rem;padding:.5rem .75rem}.time-control-toggle[aria-pressed=true]{border-width:4px;font-weight:700}.time-control-locked{font-variant-numeric:tabular-nums;list-style:none}