.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}}.match-surface{flex-direction:column;align-items:center;gap:12px;width:100%;padding:20px 20px 28px;display:flex}.match-surface>p,.match-surface>div,.match-surface>section,.match-surface>ul{width:min(100%,720px);margin-inline:auto}@media (width<=719.98px){.match-surface{gap:10px;padding:12px 12px 20px}}.match-auto-ready{white-space:nowrap;align-items:center;gap:8px;padding:0 10px;display:inline-flex}.account-surface{flex-direction:column;align-items:center;width:100%;padding:0 16px;display:flex}.shell-status{text-align:center;color:#c3ccdb;width:min(100%,34rem);margin:clamp(16px,5vh,40px) auto 0;font-size:.95rem}.shell-card-lede{color:#c3ccdb;margin:0}.shell-card{background:#111827db;border:1px solid #ffffff24;border-radius:20px;flex-direction:column;gap:18px;width:min(100%,34rem);margin:clamp(20px,6vh,56px) auto;padding:clamp(20px,4vw,32px);display:flex;box-shadow:0 24px 75px #0000006b}.lobby-title{font-size:1.5rem;line-height:1.15}.lobby-activity{background:#ffffff0b;border-radius:12px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.lobby-activity-fact,.lobby-activity-note{color:#c3ccdb;margin:0;font-size:.92rem}.lobby-activity[data-lobby-statistics=LOADING] .lobby-activity-note,.lobby-activity[data-lobby-statistics=UNAVAILABLE] .lobby-activity-note{font-style:italic}.lobby-choices{flex-wrap:wrap;align-items:center;gap:10px;margin:0;padding:0;list-style:none;display:flex}.lobby-choices-hint{color:#c3ccdb;flex-basis:100%;margin:0;font-size:.86rem}.shell-card .time-control-toggle{min-block-size:44px;min-inline-size:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:2px solid #ffffff47;border-radius:999px;align-items:center;gap:8px;padding:.55rem .9rem;display:inline-flex}.shell-card .time-control-toggle[aria-pressed=true]{background:#63e6be1f;border-width:3px;border-color:#63e6be}.shell-card .time-control-toggle[disabled]{opacity:.55;cursor:not-allowed}.lobby-choices-locked .time-control-locked{border:2px dashed #ffffff47;border-radius:999px;align-items:center;gap:8px;padding:.55rem .9rem;font-size:.92rem;display:inline-flex}.lobby-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:4px;display:flex}.shell-card .lobby-button{min-width:44px;min-height:44px;font:inherit;cursor:pointer;border-radius:999px;padding:.7rem 1.3rem;font-weight:650}.shell-card .lobby-button-primary{color:#07111c;background:#63e6be;border:1px solid #63e6be;flex:12rem}.shell-card .lobby-button-secondary{color:#c3ccdb;background:0 0;border:1px solid #ffffff38}.shell-card .lobby-button[disabled]{opacity:.5;cursor:not-allowed}.account-surface button:focus-visible{outline-offset:2px;outline:3px solid #fff}@media (width<=599.98px){.shell-card{box-shadow:none;background:0 0;border:0;border-radius:0;gap:14px;margin:0;padding:18px 16px 24px}.shell-card .lobby-button{flex:100%}}@media (prefers-reduced-motion:reduce){.account-surface *{transition:none;animation:none}}.shell-build-footer{text-align:center;margin:24px auto 16px;padding:0 16px}.shell-build-footer p{color:#8794a8;letter-spacing:.04em;margin:0;font-size:.75rem}: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}