:root{--bg:#141522;--panel:#1f2235;--panel-2:#282c44;--panel-3:#323758;--line:#3d4368;--line-hi:#58608f;--text:#eef0fb;--muted:#9ba2c7;--accent:#ff7a45;--accent-2:#ff9a6b;--accent-shadow:#b9481f;--ok:#3ddc84;--warn:#ffd43b;--err:#ff5d5d;--purple:#a55eea;--pixel:"Silkscreen", "Inter", system-ui, sans-serif;--label:"Silkscreen", "Inter", system-ui, sans-serif;--body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--body);font-variant-ligatures:none;font-feature-settings:"liga" 0, "clig" 0;font-size:14px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);overflow:hidden}button,input,select,textarea{font:inherit;color:inherit;font-variant-ligatures:none}button{font-family:var(--body);letter-spacing:.01em;background:var(--panel-3);cursor:pointer;border:2px solid #11121d;border-radius:6px;padding:5px 11px 6px;font-weight:650;transition:transform 60ms,background .12s,box-shadow 60ms;box-shadow:inset 0 2px #ffffff1f,0 3px #0c0d16}button:hover:not(:disabled){background:#3c4269}button:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 2px #ffffff14,0 1px #0c0d16}button:disabled{opacity:.45;cursor:default}button.primary,button.on{background:var(--accent);color:#fff;box-shadow:inset 0 2px 0 #ffffff4d, 0 3px 0 var(--accent-shadow)}button.primary:hover:not(:disabled),button.on:hover:not(:disabled){background:var(--accent-2)}button.danger{background:var(--err);color:#fff;box-shadow:0 3px #8f2323}button.ghost-danger{box-shadow:none;color:#ff8a8a;background:0 0;border-color:#0000}button.ghost{box-shadow:none;border-color:var(--line);background:0 0}:focus-visible{outline:2px solid var(--warn);outline-offset:2px}input,select,textarea{border:2px solid var(--line);background:#121424;border-radius:6px;width:100%;padding:7px 9px}input:focus,select:focus,textarea:focus{border-color:var(--line-hi);outline:none}textarea{resize:vertical}input[type=color]{cursor:pointer;width:52px;height:32px;padding:2px}input[type=checkbox]{width:auto}code{background:#ffffff12;border-radius:4px;padding:1px 5px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.88em}kbd{font-family:var(--body);background:#ffffff24;border-radius:4px;padding:0 5px;font-size:11px}h4{font-family:var(--label);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:12px 0 6px;font-size:12px;font-weight:600}.help{color:var(--muted);margin:0;font-size:12px}.app{flex-direction:column;height:100%;display:flex}.topbar{background:linear-gradient(#272b46,#1d2036);border-bottom:2px solid #0c0d16;flex:none;justify-content:space-between;align-items:center;gap:10px;height:54px;padding:0 12px;display:flex;box-shadow:inset 0 -1px #3d4368}.brand{font-family:var(--pixel);white-space:nowrap;align-items:center;gap:8px;min-width:0;font-size:17px;font-weight:700;display:flex}.brand-name{text-overflow:ellipsis;overflow:hidden}.logo{font-size:20px}.conn{background:var(--err);border-radius:2px;flex:none;width:9px;height:9px;box-shadow:0 0 0 2px #0c0d16}.conn.on{background:var(--ok)}.actions{align-items:center;gap:7px;display:flex}.me-btn{align-items:center;gap:6px;padding:2px 10px 3px 4px;display:flex}.me-btn img{width:28px;height:28px;image-rendering:pixelated;background:#121424;border-radius:4px}.layout{flex:1;min-height:0;display:flex}.stage{background:radial-gradient(at 50% 40%,#1d2036,#10111c 75%);flex:1;min-width:0;position:relative}.game{position:absolute;inset:0}.game canvas{image-rendering:pixelated;display:block}.loading{height:100%;color:var(--muted);font-family:var(--label);place-items:center;display:grid}.loading.full{height:100vh}.where,.hints,.offline{box-shadow:inset 0 0 0 1px var(--line);pointer-events:none;background:#11121fdb;border:2px solid #0c0d16;border-radius:6px;padding:5px 10px;font-size:12px;position:absolute;left:12px}.where{top:12px}.hints{color:var(--muted);bottom:12px}.offline{color:var(--warn);top:50px}.sidebar{background:var(--panel);width:380px;box-shadow:inset 1px 0 0 var(--line);border-left:2px solid #0c0d16;flex-direction:column;flex:none;min-height:0;display:flex}.tabs{background:#181a2b;border-bottom:2px solid #0c0d16;gap:4px;padding:8px 8px 0;display:flex}.tabs button{background:var(--panel-2);color:var(--muted);border-bottom:0;border-radius:6px 6px 0 0;flex:1;padding:8px 6px;box-shadow:inset 0 2px #ffffff14}.tabs button[aria-selected=true]{background:var(--panel);color:var(--text);box-shadow:inset 0 3px 0 var(--accent)}.tabs button:active:not(:disabled){transform:none}.count{color:var(--muted);margin-left:4px;font-weight:400}.badge{background:var(--accent);color:#fff;text-align:center;border-radius:4px;min-width:18px;margin-left:6px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px;display:inline-block}.badge.busy{background:var(--purple)}.chat{flex-direction:column;flex:1;min-height:0;display:flex}.channels{border-bottom:2px solid #0c0d16;flex-wrap:wrap;gap:6px;padding:10px;display:flex}.channels button{align-items:center;gap:4px;padding:3px 9px 4px;font-size:12px;display:inline-flex}.channels button[aria-selected=true]{background:var(--text);color:var(--bg)}.channels select{width:auto;padding:3px 8px;font-size:12px}.mini-head{width:18px;height:18px;image-rendering:pixelated}.messages{flex-direction:column;flex:1;gap:12px;min-height:0;padding:12px;display:flex;overflow-y:auto}.empty{color:var(--muted);text-align:center;margin:auto 12px}.msg{gap:10px;display:flex}.avatar{color:#fff;background:#121424;border:2px solid #0c0d16;border-radius:6px;flex:none;place-items:center;width:34px;height:34px;font-weight:700;display:grid;position:relative;overflow:visible}.avatar img{width:30px;height:30px;image-rendering:pixelated}.avatar.sm{width:24px;height:24px}.avatar.sm img{width:20px;height:20px}.msg header{align-items:baseline;gap:8px;display:flex}.msg header strong{font-family:var(--pixel);font-size:15px}.msg time{color:var(--muted);font-size:11px}.msg p{white-space:pre-wrap;word-break:break-word;margin:2px 0 0;line-height:1.45}.msg.mine strong{color:var(--accent-2)}.md p,.md ul,.md ol{margin:2px 0 6px}.md p:last-child,.md ul:last-child,.md ol:last-child{margin-bottom:0}.md ul,.md ol{padding-left:20px}.md li{margin:2px 0;line-height:1.45}.md .md-h{font-weight:700}.md a{color:#74b9ff}.streaming>.md>:last-child:after{content:"▍";color:var(--muted);animation:1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:0}}.jev{color:var(--muted);text-align:center;background:#ffd43b0f;border:2px dashed #4a4630;border-radius:6px;align-self:center;margin:0;padding:4px 12px;font-size:12px}.jev-tag{font-family:var(--label);color:var(--warn);margin-right:2px;font-weight:700}.typing{color:#c9a8ff;margin:0;font-size:12px;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.45}}.composer{border-top:2px solid #0c0d16;align-items:flex-end;gap:8px;padding:10px;display:flex}.composer textarea{min-height:40px;max-height:140px}.team{flex:1;min-height:0;padding:10px;overflow-y:auto}.team ul{gap:7px;margin:0;padding:0;list-style:none;display:grid}.agent{background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--line);border:2px solid #0c0d16;border-radius:8px}.agent.open{box-shadow:inset 0 0 0 1px var(--accent)}.agent-head{width:100%;box-shadow:none;text-align:left;font-family:var(--body);background:0 0;border:0;align-items:center;gap:10px;padding:8px 10px;font-weight:400;display:flex}.agent-head:active:not(:disabled){transform:none}.who{flex:1;min-width:0;display:grid}.who strong{font-family:var(--pixel);font-size:15px}.who small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.who .activity{color:#c9a8ff}.state{color:var(--muted);justify-items:end;font-size:12px;display:grid}.state em{color:#74b9ff;font-style:normal}.state small{font-size:11px}.status{background:var(--ok);border:2px solid #0c0d16;border-radius:3px;width:11px;height:11px;position:absolute;bottom:-4px;right:-4px}.status.thinking{background:var(--warn)}.status.working{background:var(--purple)}.status.speaking{background:#3498db}.status.error{background:var(--err)}.agent-body{padding:0 10px 10px}.provider{color:var(--muted);margin:0 0 8px;font-size:12px}.buttons{flex-wrap:wrap;gap:6px;display:flex}.buttons button{padding:4px 9px 5px;font-size:12px}.agent-body .buttons+.buttons{margin-top:7px}.warn{color:#ffe58a;overflow-wrap:anywhere;background:#ffd43b1a;border:2px solid #ffd43b59;border-radius:6px;margin:0 0 10px;padding:7px 10px;font-size:12px}.add{width:100%;margin-top:10px}.modal-backdrop{z-index:50;background:#06070ea8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);width:min(560px,100%);max-height:calc(100vh - 32px);box-shadow:inset 0 0 0 2px var(--line), 0 24px 60px #0000008c;border:3px solid #0c0d16;border-radius:10px;gap:13px;padding:18px;display:grid;overflow-y:auto}.modal.wide{width:min(780px,100%)}.modal h2{font-size:19px;font-family:var(--pixel);margin:0}.window-bar{background:linear-gradient(#ff8a52,#e8642e);border-bottom:3px solid #0c0d16;border-radius:7px 7px 0 0;justify-content:space-between;align-items:center;margin:-18px -18px 0;padding:10px 14px;display:flex}.window-bar h2{color:#fff;text-shadow:0 2px #00000059}.close{padding:0 8px 2px;font-size:18px;line-height:1.2}.modal label,.inspector label,.editor-body label{color:var(--muted);gap:5px;font-size:12px;display:grid}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}fieldset{border:2px solid var(--line);border-radius:8px;gap:10px;margin:0;padding:12px;display:grid}legend{font-family:var(--pixel);padding:0 6px;font-weight:600}.modal-actions{align-items:center;gap:8px;display:flex}.spacer{flex:1}.memory-text{min-height:50vh;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;line-height:1.5}.empty-box{color:var(--muted);border:2px dashed var(--line);text-align:center;border-radius:8px;margin:0;padding:16px}.jobs{gap:8px;margin:0;padding:0;list-style:none;display:grid}.jobs li{box-shadow:inset 0 0 0 1px var(--line);background:var(--panel-2);border:2px solid #0c0d16;border-radius:8px;gap:8px;padding:10px 12px;display:grid}.jobs li.paused{opacity:.6}.job-main{gap:3px;display:grid}.job-main small{color:var(--muted)}.job-main p{white-space:pre-wrap;margin:4px 0 0;font-size:13px}.err{color:#ff8a8a}.job-form{border-top:2px solid var(--line);gap:10px;padding-top:12px;display:grid}.job-form label{color:var(--muted);gap:5px;font-size:12px;display:grid}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips button{padding:3px 9px 4px;font-size:12px}.approvals{z-index:10;gap:8px;width:min(340px,100% - 24px);display:grid;position:absolute;top:12px;right:12px}.approval{background:var(--panel);box-shadow:inset 0 0 0 2px var(--warn), 0 10px 30px #00000073;border:3px solid #0c0d16;border-radius:8px;padding:10px 12px}.approval header{align-items:center;gap:8px;display:flex}.approval p{margin:6px 0}.approval pre{white-space:pre-wrap;word-break:break-all;background:#121424;border-radius:6px;max-height:120px;margin:0 0 8px;padding:6px 8px;font-size:11px;overflow:auto}.look-editor{grid-template-columns:170px 1fr;gap:14px;display:grid}.look-preview{box-shadow:inset 0 0 0 1px var(--line);background:linear-gradient(135deg,#ffffff08 25%,#0000 25%) 0 0/16px 16px,radial-gradient(circle at 50% 70%,#3a2f52,#1a1c2e 70%);border:2px solid #0c0d16;border-radius:8px;align-content:start;justify-items:center;gap:8px;padding:10px;display:grid}.look-preview img{width:156px;height:276px;image-rendering:pixelated}.look-preview .turn{gap:6px;display:flex}.look-controls{min-width:0}.pill-tabs{flex-wrap:wrap;gap:5px;display:flex}.pill-tabs button{padding:3px 10px 4px;font-size:12px}.pill-tabs button[aria-selected=true]{background:var(--text);color:var(--bg)}.options{flex-wrap:wrap;gap:5px;display:flex}.options button{padding:3px 9px 4px;font-size:12px}.swatches{flex-wrap:wrap;gap:5px;margin-top:6px;display:flex}.swatches button{border-radius:5px;width:24px;height:24px;padding:0;box-shadow:inset 0 -3px #00000040}.swatches button.on{outline-offset:1px;outline:2px solid #fff}.swatches .custom{cursor:pointer;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);border:2px solid #11121d;border-radius:5px;width:24px;height:24px;position:relative;overflow:hidden}.swatches .custom input{opacity:0;cursor:pointer;position:absolute;inset:0}.editor-head{font-family:var(--pixel);color:#fff;text-shadow:0 2px #0000004d;background:linear-gradient(#ff8a52,#e8642e);border-bottom:2px solid #0c0d16;justify-content:space-between;align-items:center;gap:8px;padding:10px;font-size:16px;display:flex}.editor-head .buttons{flex-wrap:nowrap}.editor-head button{text-shadow:none}.editor-body{flex:1;align-content:start;gap:8px;min-height:0;padding:10px;display:grid;overflow-y:auto}.editor-hint{color:var(--muted);background:#181a2b;border-top:2px solid #0c0d16;margin:0;padding:8px 10px;font-size:12px}.catalog{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.catalog button{align-content:end;justify-items:center;gap:2px;min-height:96px;padding:6px 4px 7px;font-size:11px;font-weight:500;display:grid}.catalog img{max-width:100%;max-height:64px;image-rendering:pixelated}.catalog.floors button{min-height:70px}.void-tile{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:repeating-linear-gradient(45deg,#2b2f4a 0 4px,#1b1d2e 4px 8px);width:56px;height:28px}.inspector{box-shadow:inset 0 0 0 2px var(--accent);background:var(--panel-2);border:2px solid #0c0d16;border-radius:8px;gap:8px;padding:10px;display:grid}.inspector header{align-items:center;gap:10px;display:flex}.inspector header img{max-width:64px;max-height:64px;image-rendering:pixelated}.inspector header strong{font-family:var(--pixel);font-size:15px;display:block}.inspector header small{color:var(--muted)}.row-label{justify-content:space-between;align-items:center;display:flex!important}.row-label select{width:auto}.zones{gap:6px;margin:0;padding:0;list-style:none;display:grid}.zones li{border:2px solid #0000;border-radius:6px;grid-template-columns:26px 1fr auto auto 24px;align-items:center;gap:6px;padding:5px;display:grid}.zones li.on{border-color:var(--accent);background:var(--panel-2)}.zones .brush{width:24px;height:24px;padding:0}.zones input,.zones select{padding:4px 6px;font-size:12px}.zones .check{color:var(--muted);align-items:center;gap:3px;font-size:11px;display:flex}.login{background:radial-gradient(circle at 50% 20%, #2d2648, var(--bg) 60%);place-items:center;min-height:100vh;padding:16px;display:grid}.login form{background:var(--panel);width:min(340px,100%);box-shadow:inset 0 0 0 2px var(--line);text-align:center;border:3px solid #0c0d16;border-radius:12px;gap:14px;padding:28px 24px;display:grid}.login h1{font-size:26px;font-family:var(--pixel);margin:0}.login label{text-align:left;color:var(--muted);gap:6px;font-size:12px;display:grid}.login .err{margin:0}.logo.big{font-size:44px}.toasts{z-index:60;pointer-events:none;gap:8px;display:grid;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{color:#1f2133;text-align:center;background:#fff8e1;border:3px solid #0c0d16;border-radius:8px;padding:8px 16px;font-weight:650;animation:.2s ease-out rise;box-shadow:0 4px #0c0d16}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@media (width<=760px){.topbar{padding:0 8px}.brand-name,.actions .label,.hide-sm{display:none}.actions{gap:5px}.actions button{padding:4px 8px 5px}.layout{flex-direction:column}.stage{flex:none;height:46%}.sidebar{border-top:2px solid #0c0d16;border-left:0;flex:1;width:100%}.hints{display:none}.grid2,.look-editor{grid-template-columns:1fr}.look-preview img{width:78px;height:138px}.catalog{grid-template-columns:repeat(4,1fr)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}