: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{font-size:8px;padding:6px 9px}.topbar .mini:first-of-type{margin-left:auto}.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[type=range]{padding:0;border:none;accent-color:var(--accent);height:22px}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}.key{font-family:var(--font-pixel);font-size:7px;padding:2px 4px;border:1px solid currentColor;opacity:.55;margin-left:2px;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}.modal.org{width:min(880px,calc(100vw - 40px));max-height:86vh}.org-body{overflow:auto}.org-chart{position:relative;display:flex;flex-direction:column;gap:56px;padding:16px 10px;min-width:max-content;margin:0 auto}.org-links{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.org-tier{position:relative;display:flex;justify-content:center;gap:14px}.org-node{background:var(--panel);border:2px solid var(--panel-edge);border-top:4px solid var(--panel-edge);box-shadow:3px 3px #1d212624;padding:8px 12px;min-width:132px;text-align:center;cursor:pointer}.org-node:hover{filter:brightness(.97);border-color:var(--accent)}.org-node.boss{border-color:var(--accent);background:#e1ecf7;cursor:default}.org-name{font-family:var(--font-pixel);font-size:9px;margin-bottom:5px;color:var(--accent)}.org-title{font-size:10px;color:var(--dim);margin-bottom:4px}.org-meta{font-size:10px;color:var(--dim);display:flex;align-items:center;justify-content:center;gap:5px}.org-empty{text-align:center}.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}}.auth-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;grid-template-columns:1.1fr 1fr;background:var(--bg)}.auth-hero{display:flex;align-items:center;justify-content:center;padding:48px;background:linear-gradient(180deg,#1f86dd,#55bdfc 55%,#b5e3ff);color:#fff}.auth-hero-inner{max-width:480px;display:flex;flex-direction:column;gap:20px}.auth-logo{font-size:26px;color:#fff;text-shadow:3px 3px 0 rgba(16,63,108,.45)}.auth-tagline{font-family:var(--font-pixel);font-size:9px;letter-spacing:3px;color:#ffffffd9;margin:0}.auth-banner{width:100%;border:2px solid rgba(255,255,255,.7);box-shadow:6px 6px #103f6c4d;image-rendering:pixelated}.auth-points{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:12px;color:#fff;text-shadow:1px 1px 0 rgba(16,63,108,.35)}.auth-points li:before{content:"▶ ";color:#eaf7ff;font-size:9px}.auth-learn{font-family:var(--font-pixel);font-size:9px;color:#fff;text-decoration:none;border:2px solid rgba(255,255,255,.7);padding:9px 12px;align-self:flex-start;box-shadow:3px 3px #103f6c4d}.auth-learn:hover{background:#ffffff26}.auth-side{display:flex;align-items:center;justify-content:center;padding:32px;overflow-y:auto}.auth-card{width:min(380px,100%);display:flex;flex-direction:column;gap:14px;padding:26px 22px}.auth-title{font-family:var(--font-pixel);font-size:14px;color:var(--accent);text-align:center;text-shadow:3px 3px 0 rgba(29,33,38,.15);margin:0}.auth-card .tabs{display:flex;gap:4px}.auth-card .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}.auth-card .tab:hover{filter:brightness(.96)}.auth-card .tab.active{background:var(--panel);border-color:var(--accent);color:var(--accent)}.auth-card label{font-family:var(--font-pixel);font-size:8px;color:var(--dim);display:flex;flex-direction:column;gap:6px}.auth-msg{font-size:11px;color:var(--red);border:1px solid var(--red);background:#c43d3d12;padding:6px 8px}.auth-msg.ok{color:var(--green);border-color:var(--green);background:#2e8b4312}.auth-actions{display:flex;flex-wrap:wrap;gap:8px}.auth-oauth{flex:1}.auth-divider{display:flex;align-items:center;gap:8px;font-family:var(--font-pixel);font-size:8px;color:var(--dim)}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-top:1px solid var(--panel-edge)}.auth-captcha{display:flex;justify-content:center;min-height:0}.auth-captcha iframe{max-width:100%}.auth-actions .btn:disabled{opacity:.55;cursor:wait}.auth-note{font-size:10px;color:var(--dim);margin:0}@media(max-width:820px){.auth-page{grid-template-columns:1fr}.auth-hero{display:none}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:var(--panel-edge)}::-webkit-scrollbar-track{background:transparent}