:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1218;--surface:#161a22;--surface-2:#1c212b;--surface-3:#242a36;--line:#2a3140;--line-strong:#606b8a;--text:#e8ebf2;--text-2:#a7b0c2;--text-3:#8590a6;--accent:#8b7cf6;--accent-strong:#6b56ea;--accent-hover:#5d47e0;--accent-soft:#8b7cf624;--accent-text:#a99cf8;--ok:#5fd39a;--warn:#f0b85a;--danger:#f27a7a;--danger-soft:#f27a7a1f;--face-x:#6a7cf0;--face-y:#5fc87a;--face-b:#f0c45a;--face-a:#ec6d6d;--font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "Cascadia Mono", "JetBrains Mono", Consolas, monospace;--fs-0:11px;--fs-1:12px;--fs-2:13px;--fs-3:15px;--fs-4:20px;--fs-5:28px;--r-1:4px;--r-2:6px;--r-3:10px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--h-sm:24px;--h-md:30px;--h-lg:36px;--row:28px;--pane-header:36px;--topbar:44px;--strip:28px;--navigator:240px;--rail:44px;--inspector:280px;--game:clamp(360px, 36vw, 560px);--game-1x:283px;--focus:0 0 0 2px var(--bg), 0 0 0 4px var(--accent);--shadow:0 12px 32px #00000073;--scrim:#05070c99;--checker-a:#20252f;--checker-b:#1a1e27;--checker:repeating-conic-gradient(var(--checker-a) 0% 25%, var(--checker-b) 0% 50%);--z-raised:1;--z-sticky:2;--z-popover:20}@media (width<=1279px){:root{--navigator:200px;--inspector:240px;--game:clamp(300px, 34vw, 400px)}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:400 var(--fs-2) / 1.45 var(--font);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline-offset:2px;box-shadow:var(--focus);outline:2px solid #0000}h1,h2,h3,p{margin:0}.btn{justify-content:center;align-items:center;gap:var(--s-2);height:var(--h-md);padding:0 var(--s-3);border:1px solid var(--line-strong);border-radius:var(--r-2);background:var(--surface-2);color:var(--text);white-space:nowrap;font-weight:500;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-3)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--accent-strong);color:#fff;border-color:#0000}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-ghost{color:var(--text-2);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn-attn{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}.btn-attn:hover:not(:disabled){color:var(--text);background:#8b7cf63d}.btn-danger{color:var(--danger)}.btn-danger:hover:not(:disabled){border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.btn-sm{gap:var(--s-1);height:var(--h-sm);padding:0 var(--s-2);font-size:var(--fs-1)}.btn-icon{width:var(--h-md);padding:0}.btn-icon.btn-sm{width:var(--h-sm)}.field{gap:var(--s-1);display:grid}.field>span{color:var(--text-2);font-size:var(--fs-1);font-weight:500}.input{height:32px;padding:0 var(--s-3);border:1px solid var(--line-strong);border-radius:var(--r-2);background:var(--bg)}.input:focus-visible,.input:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--danger)}input[aria-invalid=true]:focus,select[aria-invalid=true]:focus,textarea[aria-invalid=true]:focus{border-color:var(--danger);box-shadow:0 0 0 1px var(--danger)}.muted{color:var(--text-3)}kbd{border:1px solid var(--line-strong);border-radius:var(--r-1);font:500 var(--fs-0) / 16px var(--mono);color:var(--text-2);padding:0 4px}.pane-header{justify-content:space-between;align-items:center;gap:var(--s-2);height:var(--pane-header);padding:0 var(--s-3) 0 var(--s-4);border-bottom:1px solid var(--line);flex:none;display:flex}.pane-header h2{color:var(--text-2);font-size:var(--fs-1);letter-spacing:.06em;text-transform:uppercase;font-weight:600}.empty-state{justify-items:center;gap:var(--s-3);padding:var(--s-6) var(--s-4);color:var(--text-2);text-align:center;display:grid}.empty-state .muted{font-size:var(--fs-1)}.badge{background:var(--surface-3);height:18px;color:var(--text-2);font-size:var(--fs-0);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:0 6px;font-weight:500;display:inline-flex}.badge[data-tone=accent]{background:var(--accent-soft);color:var(--accent-text)}.badge[data-tone=ok]{color:var(--ok);background:#5fd39a1f}.badge[data-tone=warn]{color:var(--warn);background:#f0b85a1f}.badge[data-tone=danger]{background:var(--danger-soft);color:var(--danger)}.msg{align-items:flex-start;gap:var(--s-2);padding:var(--s-2) var(--s-3);border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface-2);color:var(--text-2);font-size:var(--fs-1);display:flex}.msg>svg{flex:none;margin-top:2px}.msg[data-tone=error]{background:var(--danger-soft);color:var(--danger);border-color:#f27a7a66}.msg[data-tone=warn]{color:var(--warn);background:#f0b85a1a;border-color:#f0b85a66}:where(.dialog){border:1px solid var(--line-strong);border-radius:var(--r-3);background:var(--surface);width:min(420px,100vw - 32px);color:var(--text);box-shadow:var(--shadow);padding:0}.dialog::backdrop{background:var(--scrim)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}