:root{--bg: #e9ebee;--panel: #f8f9fa;--panel-edge: #b8bdc6;--text: #1d2126;--dim: #757c87;--accent: #2f6fb0;--amber: #c9911e;--green: #2e8b43;--red: #c43d3d;--blue: #3a7cb5;--font-pixel: "Press Start 2P", monospace;--font-mono: ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--font-mono);overflow:hidden}#game{position:fixed;top:0;right:0;bottom:0;left:0}#game canvas{image-rendering:pixelated}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}#hud>*{pointer-events:auto}.topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:16px;padding:10px 14px;background:linear-gradient(#e9ebeef0,#e9ebee99);font-size:12px;color:var(--dim)}.logo{font-family:var(--font-pixel);font-size:14px;color:var(--accent);text-shadow:2px 2px 0 rgba(29,33,38,.15)}.topbar .mini{margin-left:auto;font-size:8px;padding:6px 9px}.conn{color:var(--red)}.conn.ok{color:var(--green)}.hint{position:absolute;bottom:8px;left:50%;transform:translate(-50%);font-size:11px;color:var(--dim);background:#f8f9fad9;padding:4px 10px;border:1px solid var(--panel-edge);pointer-events:none!important}.panel{background:var(--panel);border:2px solid var(--panel-edge);box-shadow:4px 4px #1d212624;padding:10px}.panel-title{font-family:var(--font-pixel);font-size:10px;color:var(--text);border-bottom:2px solid var(--panel-edge);padding-bottom:8px;margin-bottom:8px;display:flex;align-items:center;gap:6px}.roster{position:absolute;top:52px;left:12px;width:220px;max-height:36vh;overflow-y:auto}.roster.collapsed{width:170px}.roster.collapsed .panel-title{border-bottom:none;padding-bottom:0;margin-bottom:0}.feed{position:absolute;bottom:36px;left:12px;width:320px;display:flex;flex-direction:column}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;flex:none;background:var(--bg);border:1px solid var(--panel-edge);box-shadow:2px 2px #1d21261f;color:var(--dim);cursor:pointer}.icon-btn:hover{color:var(--accent);border-color:var(--accent)}.icon-btn:active{transform:translate(1px,1px);box-shadow:none}.panel-title .icon-btn:first-of-type{margin-left:auto}.feed-logs{height:26vh;margin-bottom:8px}.feed textarea{margin-bottom:8px}.feed.collapsed .feed-logs,.feed.collapsed textarea,.feed.collapsed .btn{display:none}.feed.collapsed{width:200px}.feed.expanded{width:min(620px,calc(100vw - 24px))}.feed.expanded .feed-logs{height:58vh}.feed .log b{font-weight:700;margin-right:4px}.agent-row{display:flex;align-items:center;gap:8px;padding:6px 4px;cursor:pointer;font-size:12px}.agent-row:hover,.agent-row.selected{background:#2f6fb014;outline:1px solid var(--panel-edge)}.agent-row .status{margin-left:auto;color:var(--dim);font-size:10px}.empty{color:var(--dim);font-size:11px;padding:6px 2px}.dot{width:8px;height:8px;flex:0 0 8px;display:inline-block}.dot.idle{background:#8a929e}.dot.thinking{background:var(--amber);animation:pulse 1s infinite}.dot.working{background:var(--green);animation:pulse .7s infinite}.dot.done{background:var(--blue)}.dot.error{background:var(--red)}@keyframes pulse{50%{opacity:.35}}.detail{position:absolute;top:172px;right:12px;width:360px;max-height:calc(100vh - 200px);display:flex;flex-direction:column}.minimap-frame{position:absolute;top:50px;right:10px;width:164px;height:111px;border:2px solid var(--panel-edge);box-shadow:4px 4px #1d212624;pointer-events:none!important}.detail .x{margin-left:auto;background:none;border:none;color:var(--dim);cursor:pointer;font-size:12px}.meta{font-size:11px;color:var(--dim);display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:6px}.task{font-size:11px;color:var(--accent);margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logs{flex:1;min-height:120px;max-height:40vh;overflow-y:auto;background:#eef0f3;border:1px solid var(--panel-edge);padding:6px;font-size:11px;line-height:1.45;margin-bottom:8px}.log{margin-bottom:6px;white-space:pre-wrap;word-break:break-word}.log.status{color:var(--dim);font-style:italic}.log.tool{color:var(--blue)}.log.text{color:var(--text)}.log.result{color:var(--green)}.log.error{color:var(--red)}.log.boss{color:var(--accent);font-weight:700}.log.text,.log.result,.log.boss{white-space:normal}.log p{margin:0 0 4px}.log p:last-child{margin-bottom:0}.log b+p{display:inline}.log ul,.log ol{margin:2px 0 4px;padding-left:18px}.log li{margin-bottom:2px}.log h1,.log h2,.log h3,.log h4{font-size:12px;margin:6px 0 4px}.log code{font-family:var(--font-mono);font-size:10.5px;background:#1d212612;padding:1px 4px;border-radius:2px}.log pre{background:#e3e6ea;border:1px solid var(--panel-edge);padding:6px 8px;margin:4px 0 6px;overflow-x:auto}.log pre code{background:none;padding:0}.log blockquote{margin:4px 0;padding:2px 8px;border-left:3px solid var(--panel-edge);color:var(--dim)}.log a{color:var(--accent)}.log table{border-collapse:collapse;margin:4px 0}.log th,.log td{border:1px solid var(--panel-edge);padding:2px 6px;font-size:10.5px}.log hr{border:none;border-top:1px solid var(--panel-edge);margin:6px 0}textarea,input,select{width:100%;background:#fff;border:2px solid var(--panel-edge);color:var(--text);font-family:var(--font-mono);font-size:12px;padding:6px;resize:vertical}textarea:focus,input:focus,select:focus{outline:2px solid var(--accent)}input.invalid{border-color:var(--red);animation:shake .18s 2}@keyframes shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}.row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.chat-row{margin:0 0 8px;flex-wrap:nowrap}.chat-row input{flex:1}.handoff{font-family:var(--font-pixel);font-size:8px;color:var(--dim);display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.handoff select{font-family:var(--font-mono)}.btn{font-family:var(--font-pixel);font-size:9px;padding:9px 12px;background:var(--panel);color:var(--text);border:2px solid var(--panel-edge);box-shadow:3px 3px #1d212624;cursor:pointer}.btn:hover{filter:brightness(.96)}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px #1d212624}.btn.primary{background:#e1ecf7;border-color:var(--accent);color:var(--accent)}.btn.danger{border-color:var(--red);color:var(--red)}.hire-btn{position:absolute;bottom:36px;right:12px}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#1d212673;display:flex;align-items:center;justify-content:center}[hidden]{display:none!important}.modal{background:var(--panel);border:2px solid var(--panel-edge);box-shadow:6px 6px #1d212633;padding:22px;width:380px;display:flex;flex-direction:column;gap:14px}.modal h1,.modal h2{font-family:var(--font-pixel);margin:0;color:var(--accent);text-align:center;text-shadow:3px 3px 0 rgba(29,33,38,.15)}.modal h1{font-size:22px}.modal h2{font-size:13px}.modal .sub{font-size:10px;color:var(--dim);text-align:center;margin:-6px 0 0;letter-spacing:2px}.modal label{font-family:var(--font-pixel);font-size:8px;color:var(--dim);display:flex;flex-direction:column;gap:6px}.modal .opt{font-family:var(--font-mono);font-size:10px;text-transform:none}.modal .sec{font-family:var(--font-pixel);font-size:9px;color:var(--accent);border-bottom:1px solid var(--panel-edge);padding-bottom:4px;margin-top:4px}.modal .chk{flex-direction:row;align-items:center;gap:8px}.modal label .opt-note{font-family:var(--font-mono);font-size:9px;text-transform:none;color:var(--dim);opacity:.8}.modal .chk input{width:auto}.modal.settings{max-height:86vh;overflow-y:auto;width:430px}.modal .tabs{display:flex;gap:4px}.modal .tab{flex:1;font-family:var(--font-pixel);font-size:8px;padding:8px 2px;background:var(--bg);border:2px solid var(--panel-edge);color:var(--dim);cursor:pointer}.modal .tab:hover{filter:brightness(.96)}.modal .tab.active{background:var(--panel);border-color:var(--accent);color:var(--accent)}.modal .tabpanel{display:flex;flex-direction:column;gap:14px;min-height:200px}.modal .row.footer{border-top:1px solid var(--panel-edge);padding-top:14px}.modal .controls{display:flex;flex-direction:column;gap:6px;font-size:11px}.modal .controls>div{display:flex;align-items:center;gap:6px}.modal .controls span{color:var(--dim);margin-left:auto}kbd{font-family:var(--font-pixel);font-size:8px;background:var(--bg);border:1px solid var(--panel-edge);border-bottom-width:3px;padding:3px 5px;white-space:nowrap}.perf{position:absolute;top:52px;right:12px;font-family:var(--font-mono);font-size:11px;color:var(--text);background:#f8f9fae6;border:1px solid var(--panel-edge);padding:4px 8px;pointer-events:none}.toasts{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;pointer-events:none!important}.toast{background:var(--panel);border:2px solid var(--accent);box-shadow:3px 3px #1d212624;padding:8px 14px;font-size:12px;animation:rise .2s ease-out}@keyframes rise{0%{transform:translateY(8px);opacity:0}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:var(--panel-edge)}::-webkit-scrollbar-track{background:transparent}