:root{
  --bg:#050907;--panel:#0b1310;--panel2:#0f1b16;--line:#1d3328;--text:#f2f7f4;--muted:#8ca297;
  --green:#56f28f;--green2:#20c766;--yellow:#ffd166;--red:#ff6b6b;--blue:#60a5fa;--purple:#c084fc;
  --shadow:0 18px 50px rgba(0,0,0,.34);--radius:18px;
}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% 0,#10291e 0,#050907 40%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}
button,input{font:inherit}.shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--line);background:rgba(5,9,7,.88);backdrop-filter:blur(14px);padding:20px 14px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;z-index:5}.brandmark{display:flex;gap:11px;align-items:center;padding:4px 8px 18px}.brandmark strong{font-size:13px;letter-spacing:.18em;display:block}.brandmark span{font-size:9px;color:var(--muted);letter-spacing:.13em}.brand-icon{width:35px;height:35px;border-radius:9px;background:linear-gradient(135deg,var(--green),#13864b);display:grid;place-items:center;color:#031208;font-weight:1000;box-shadow:0 0 24px rgba(86,242,143,.18)}nav{display:grid;gap:5px}.nav-btn{border:0;background:transparent;color:#9dafA6;text-align:left;padding:10px 11px;border-radius:10px;cursor:pointer;display:flex;gap:10px;align-items:center;font-size:13px}.nav-btn:hover,.nav-btn.active{background:#102119;color:#fff}.nav-btn .ico{width:22px;text-align:center;color:var(--green)}.side-status{margin-top:auto;padding:12px;border:1px solid var(--line);border-radius:12px;display:flex;gap:9px;align-items:center;background:#08100c}.side-status strong{display:block;font-size:11px}.side-status small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}main{padding:24px 28px 112px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.eyebrow{font-size:10px;letter-spacing:.18em;color:var(--green);font-weight:800}.topbar h1{font-size:28px;margin:4px 0 0}.top-actions{display:flex;gap:8px}.primary,.ghost{border-radius:10px;padding:10px 13px;font-weight:850;font-size:11px;letter-spacing:.05em;cursor:pointer}.primary{border:0;background:var(--green);color:#031208}.ghost{border:1px solid #30513f;background:#0a130f;color:#d6e1db}.view{display:none}.view.active{display:block}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:14px}.metric-card,.panel{border:1px solid var(--line);background:linear-gradient(180deg,rgba(16,29,23,.96),rgba(8,15,12,.96));border-radius:var(--radius);box-shadow:var(--shadow)}.metric-card{padding:15px}.metric-card span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.09em}.metric-card strong{display:block;font-size:25px;margin-top:8px}.metric-card small{color:#6e8378;font-size:10px}.panel{padding:17px}.panel h2,.panel h3{margin:0 0 12px}.panel h2{font-size:16px}.panel h3{font-size:13px}.panel-head{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:12px}.panel-grid{display:grid;grid-template-columns:1.6fr .9fr;gap:14px}.muted{color:var(--muted)}.tiny{font-size:10px;color:var(--muted)}.tag{display:inline-flex;align-items:center;border:1px solid #2b4738;border-radius:999px;padding:4px 7px;font-size:9px;color:#bfd0c6;background:#0a1510}.tag.green{color:var(--green);border-color:#236a40}.tag.yellow{color:var(--yellow);border-color:#6b5b25}.tag.red{color:var(--red);border-color:#683030}.tag.blue{color:#8ec1ff;border-color:#274e78}.table{width:100%;border-collapse:collapse}.table th{font-size:9px;color:#71867b;text-align:left;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:9px 8px;border-bottom:1px solid var(--line)}.table td{padding:11px 8px;border-bottom:1px solid #13241b;font-size:12px}.score{font-weight:900;color:var(--green)}.money{font-variant-numeric:tabular-nums}.progress{height:7px;border-radius:99px;background:#14231b;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,#20c766,#74f7a5);border-radius:99px}.alert{padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:#0a1410;margin-bottom:8px}.alert strong{font-size:11px}.alert p{font-size:10px;color:var(--muted);margin:4px 0 0}.alert.warning{border-color:#57491e}.alert.info{border-color:#244660}.empty{padding:24px;text-align:center;color:var(--muted);font-size:12px}.btn-mini{border:1px solid #2a4a38;background:#0b1711;color:#dce8e1;border-radius:8px;padding:7px 9px;font-size:10px;cursor:pointer}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.brand-card,.game-card,.agent-card{padding:14px;border:1px solid var(--line);border-radius:14px;background:#09130e}.brand-card h3,.game-card h3,.agent-card h3{font-size:13px;margin:0 0 4px}.brand-card p,.game-card p,.agent-card p{font-size:10px;color:var(--muted);margin:0}.card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.kpi{background:#0c1912;border-radius:9px;padding:8px}.kpi span{font-size:8px;color:var(--muted);display:block}.kpi b{font-size:12px}.boss-dock{position:fixed;left:258px;right:28px;bottom:18px;background:rgba(8,16,12,.93);backdrop-filter:blur(18px);border:1px solid #244433;border-radius:16px;display:grid;grid-template-columns:auto minmax(180px,1fr) minmax(220px,.8fr) auto;gap:12px;align-items:center;padding:11px 12px;box-shadow:0 18px 50px rgba(0,0,0,.45);z-index:10}.boss-avatar{width:34px;height:34px;border:1px solid #37734f;border-radius:9px;display:grid;place-items:center;color:var(--green);background:#0e2117}.boss-copy strong{font-size:10px;letter-spacing:.12em;color:var(--green);display:block}.boss-copy span{font-size:10px;color:#b6c5bd;display:block;margin-top:2px}.boss-dock input{width:100%;border:1px solid #294335;background:#050c08;color:#fff;border-radius:9px;padding:10px 11px;font-size:11px;outline:none}
.world-shell{border:1px solid #234231;background:#030704;border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.world-top{padding:11px 14px;background:#09140e;border-bottom:1px solid #1b3425;display:flex;justify-content:space-between;align-items:center}.world-top strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;font-size:11px;color:#bfe3ca}.world-map{position:relative;min-height:590px;padding:16px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:10px;background-color:#07100b;background-image:linear-gradient(#0d1c14 1px,transparent 1px),linear-gradient(90deg,#0d1c14 1px,transparent 1px);background-size:16px 16px}.room{position:relative;border:3px solid #1f3c2b;border-radius:7px;background:linear-gradient(180deg,#13261a,#0b1710);box-shadow:inset 0 0 0 2px #08100b;overflow:hidden;min-height:175px}.room::before{content:"";position:absolute;left:0;right:0;bottom:0;height:36%;background:repeating-linear-gradient(90deg,#112117 0 15px,#0e1c14 15px 30px);opacity:.8}.room-label{position:relative;z-index:2;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;color:#8fb89e;padding:8px 9px;display:flex;gap:7px;align-items:center}.room-screen{position:absolute;right:9px;top:28px;width:42px;height:27px;border:3px solid #1d3327;background:#052b16;box-shadow:inset 0 0 8px rgba(86,242,143,.35)}.room-screen::after{content:"";position:absolute;inset:5px;background:linear-gradient(180deg,transparent 35%,#4beb82 36% 42%,transparent 43% 60%,#219e52 61% 66%,transparent 67%)}.desk{position:absolute;width:58px;height:18px;background:#4b3a28;border-bottom:5px solid #2b2219;bottom:31px;left:18px}.desk::before{content:"";position:absolute;width:5px;height:25px;background:#2a221a;left:8px;top:15px}.desk::after{content:"";position:absolute;width:5px;height:25px;background:#2a221a;right:8px;top:15px}.agent-zone{position:absolute;inset:38px 7px 8px;z-index:3}.pixel-agent{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:3px;margin:22px 5px 0;min-width:44px;vertical-align:top}.pixel-body{position:relative;width:18px;height:24px;background:#55e98c;image-rendering:pixelated;box-shadow:4px 0 0 #55e98c,-4px 0 0 #55e98c,0 -8px 0 #d8ae83,4px -8px 0 #d8ae83,-4px -8px 0 #d8ae83,0 -12px 0 #1b211d,4px -12px 0 #1b211d,-4px -12px 0 #1b211d,5px 21px 0 #1f3a2a,-5px 21px 0 #1f3a2a}.pixel-agent.working .pixel-body{animation:walk .8s steps(2,end) infinite}.pixel-agent.blocked .pixel-body{background:#ef6d6d;box-shadow:4px 0 0 #ef6d6d,-4px 0 0 #ef6d6d,0 -8px 0 #d8ae83,4px -8px 0 #d8ae83,-4px -8px 0 #d8ae83,0 -12px 0 #1b211d,4px -12px 0 #1b211d,-4px -12px 0 #1b211d,5px 21px 0 #7a3030,-5px 21px 0 #7a3030}.pixel-agent .agent-name{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:7px;background:#030604;border:1px solid #254431;border-radius:3px;padding:2px 3px;white-space:nowrap}.pixel-agent .work-bubble{display:none;position:absolute;bottom:51px;left:50%;transform:translateX(-50%);background:#eefcf3;color:#0c1710;border:2px solid #243a2c;border-radius:4px;padding:4px 5px;width:90px;font-size:7px;line-height:1.25;box-shadow:2px 2px 0 #000}.pixel-agent:hover .work-bubble,.pixel-agent.working .work-bubble{display:block}.status-pip{width:5px;height:5px;border-radius:0;background:#75857b}.pixel-agent.working .status-pip{background:var(--green);box-shadow:0 0 8px var(--green)}.pixel-agent.blocked .status-pip{background:var(--red)}@keyframes walk{0%{transform:translate(0,0)}25%{transform:translate(4px,-1px)}50%{transform:translate(8px,0)}75%{transform:translate(4px,-1px)}100%{transform:translate(0,0)}}
.legend{display:flex;gap:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;color:#789083}.legend b{color:#d9e6df}.split-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.stage{display:inline-flex;padding:4px 6px;border-radius:6px;background:#14251b;color:#9ed8b2;font-size:9px}.gate{border:1px dashed #35513f;border-radius:12px;padding:13px;color:#8ca297;font-size:10px;background:#07100b}.gate b{color:#fff}.bar-row{display:grid;grid-template-columns:110px 1fr 50px;gap:10px;align-items:center;margin:9px 0;font-size:10px}.bar{height:8px;background:#122219;border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;background:var(--green)}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(3,1fr)}.panel-grid,.cards,.split-3{grid-template-columns:1fr 1fr}.world-map{grid-template-columns:repeat(2,1fr);grid-template-rows:auto}.boss-dock{grid-template-columns:auto 1fr auto}.boss-dock input{grid-column:1/-2;grid-row:2}.boss-dock button{grid-column:-2}.boss-copy{grid-column:2/4}}
@media(max-width:760px){.shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--line)}nav{grid-template-columns:repeat(4,1fr)}.nav-btn{justify-content:center}.nav-btn span:last-child{display:none}.side-status{display:none}main{padding:18px 14px 130px}.topbar{align-items:flex-start;flex-direction:column}.metric-grid{grid-template-columns:1fr 1fr}.panel-grid,.cards,.split-3{grid-template-columns:1fr}.world-map{grid-template-columns:1fr}.boss-dock{left:14px;right:14px;bottom:10px}.boss-copy{display:none}.table th:nth-child(n+4),.table td:nth-child(n+4){display:none}}

/* Live Phaser headquarters */
.hq-shell{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:14px;min-height:680px}
.hq-stage{position:relative;min-width:0;border:1px solid #173141;border-radius:18px;overflow:hidden;background:#05090d;box-shadow:0 18px 55px rgba(0,0,0,.35)}
.hq-canvas{height:680px;min-height:580px}.hq-canvas canvas{display:block;width:100%!important;height:100%!important}
.hq-bottom-strip{position:absolute;left:14px;right:14px;bottom:12px;z-index:4;display:flex;gap:14px;align-items:center;padding:8px 10px;border:1px solid rgba(95,143,166,.24);border-radius:10px;background:rgba(4,9,13,.86);backdrop-filter:blur(8px);font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace;color:#8399a5;letter-spacing:.06em}
.hq-bottom-strip b{margin-left:auto;color:#cce4ef}.dot{width:7px;height:7px;display:inline-block;margin-right:5px;border-radius:50%}.dot.working{background:#3ff2a0;box-shadow:0 0 8px #3ff2a0}.dot.idle{background:#6c8fa3}.dot.blocked{background:#ff665f;box-shadow:0 0 8px #ff665f}
.hq-rail{display:grid;gap:12px;align-content:start}.hq-rail-card{border:1px solid #173141;border-radius:16px;background:linear-gradient(180deg,rgba(10,20,27,.98),rgba(5,11,15,.98));padding:14px;box-shadow:0 16px 45px rgba(0,0,0,.28)}
.hq-kicker{font:800 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em;color:#6c8fa3;margin-bottom:10px}.hq-room-name{font-size:17px;font-weight:950;letter-spacing:.02em}.hq-room-desc{font-size:11px;line-height:1.5;color:#86a0ad;margin-top:6px}
.hq-room-agents{margin-top:12px;display:grid;gap:7px}.hq-agent-row{display:flex;gap:9px;align-items:flex-start;padding:8px;border:1px solid #142b38;border-radius:9px;background:#071017}.hq-agent-row b{font-size:10px;display:block}.hq-agent-row small{display:block;color:#718b98;font-size:9px;line-height:1.35;margin-top:2px}
.hq-state{width:7px;height:7px;border-radius:50%;margin-top:4px;background:#6c8fa3;flex:0 0 auto}.hq-state.working{background:#3ff2a0;box-shadow:0 0 8px #3ff2a0}.hq-state.blocked{background:#ff665f;box-shadow:0 0 8px #ff665f}
.hq-stat{display:flex;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px solid #10232d}.hq-stat:last-child{border-bottom:0}.hq-stat span{font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace;color:#6f8794}.hq-stat b{font-size:12px;color:#e5f3f8}
.hq-feed{min-height:190px}.hq-event{display:grid;grid-template-columns:1fr auto;gap:8px;padding:8px 0;border-bottom:1px solid #10232d;font-size:9px;color:#a7bbc5}.hq-event span{text-transform:capitalize}.hq-event time{color:#527080;font:700 8px ui-monospace,SFMono-Regular,Menlo,monospace}.hq-empty{font-size:10px;color:#647d89;padding:8px 0}
@media(max-width:1180px){.hq-shell{grid-template-columns:1fr}.hq-rail{grid-template-columns:repeat(3,1fr)}.hq-canvas{height:620px}}
@media(max-width:760px){.hq-rail{grid-template-columns:1fr}.hq-canvas{height:520px;min-height:480px}.hq-bottom-strip{font-size:8px;gap:8px;flex-wrap:wrap}.hq-bottom-strip b{width:100%;margin-left:0}}

/* HQ art direction: one large game world, compact operator navigation. */
:root{--bg:#070e19;--panel:#0c1724;--line:#203044;--muted:#8c9bac;--green:#65d9cf}
body{background:#070e19}.shell{grid-template-columns:184px 1fr}.sidebar{background:#09121f;border-color:#1b293a;padding:22px 10px}.brandmark{gap:9px;padding:0 8px 26px}.brandmark strong{font-size:16px;letter-spacing:.1em}.brandmark span{font-size:8px}.brand-icon{background:linear-gradient(135deg,#8ae3e7,#319da9);color:#07202a;box-shadow:0 0 25px #3eb6c31c}.nav-btn{font-size:11px;padding:10px 9px;border-radius:5px;gap:6px}.nav-btn:hover,.nav-btn.active{background:#15283a;color:#e8ffff}.nav-btn.active{box-shadow:inset 2px 0 #77e5e1}.nav-btn .ico{color:#7cb5ce}.side-status{border-color:#253549;background:#0b1928;padding:10px 7px}.side-status strong{font-size:9px}.side-status small{line-height:1.6;font-size:8px}.status-dot{background:#f3ba67;box-shadow:0 0 10px #e3ac4766}main{padding:23px 22px 100px}.topbar{margin-bottom:21px}.eyebrow{font-size:9px;color:#7eacbf}.topbar h1{font-weight:600;font-size:26px;letter-spacing:-.6px}.top-actions{gap:8px}.ghost,.primary{font-size:9px;padding:10px 13px;border-radius:5px}.ghost{background:#101c2a;border-color:#304056}.primary{background:#8adce1;color:#092130}.boss-dock{left:206px;right:22px;bottom:14px;border-color:#2a3b4e;border-radius:8px;background:#0b1725ed;grid-template-columns:auto minmax(180px,1fr) minmax(190px,.65fr) auto;padding:9px 12px}.boss-avatar{border-color:#3b6172;background:#152d3b}.boss-copy strong{color:#80d2db}.boss-copy span{font-size:10px;color:#a2b2c1}.boss-dock input{background:#08121e;border-color:#304458;border-radius:5px}.hq-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font:600 10px ui-monospace,monospace;letter-spacing:.08em;color:#d4e5ee}.hq-toolbar small{font-size:8px;color:#5b748b;margin-left:15px}.hq-toolbar>span:last-child{font-size:8px;letter-spacing:0;color:#8fabb8}.hq-pulse{display:inline-block;width:5px;height:5px;border-radius:50%;background:#72e0c5;box-shadow:0 0 8px #72e0c566;margin-right:8px}.hq-shell{grid-template-columns:minmax(0,1fr) 264px;gap:12px;min-height:0}.hq-stage{border-color:#263a4f;border-radius:8px;background:#060d16}.hq-canvas{height:clamp(560px,calc(100vh - 244px),900px);min-height:560px;touch-action:none}.hq-canvas canvas{width:100%!important;height:100%!important}.hq-world-badge{position:absolute;left:14px;top:12px;border:1px solid #8d714b88;background:#101824db;color:#e9bd7b;padding:6px 8px;border-radius:3px;font:700 8px ui-monospace,monospace;letter-spacing:.08em;pointer-events:none}.hq-camera{position:absolute;right:14px;top:12px;display:flex;border:1px solid #45607966;border-radius:4px;overflow:hidden}.hq-camera button{color:#bcd1df;background:#081422ed;border:0;border-right:1px solid #29435a;padding:6px 10px;font:700 9px ui-monospace,monospace;cursor:pointer}.hq-camera button:hover{background:#1a344b}.hq-bottom-strip{left:10px;right:10px;bottom:10px;padding:9px 10px;border-radius:4px;font-size:7px;gap:11px;background:#07111de8;border-color:#304155aa}.hq-bottom-strip b{font-size:7px;font-weight:400;color:#98afc1}.dot{width:5px;height:5px}.hq-rail{gap:10px;grid-template-columns:1fr}.hq-rail-card{border-color:#22364b;border-radius:7px;padding:15px;background:linear-gradient(135deg,#101f2e,#0b1522);box-shadow:none}.hq-kicker{font-size:8px;letter-spacing:.12em;color:#789ab1;display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.hq-kicker span{font-size:7px;letter-spacing:0;color:#586e86}.hq-rail h2{font-size:18px;font-weight:500;margin:0 0 12px;letter-spacing:-.4px}.hq-stat{padding:8px 0;border-color:#213145}.hq-stat span{font:400 10px Arial,sans-serif;color:#a3b7c7}.hq-stat i{display:inline-block;width:20px;font-style:normal;color:#68bdd3}.hq-stat b{font:600 12px ui-monospace,monospace;color:#e4eff7}.hq-stat.profit b{color:#8de2be}#hq-stats-note{font-size:8px;line-height:1.6;color:#7890a5;margin:12px 0 0}.hq-room-name{font-size:14px;letter-spacing:0;font-weight:600}.hq-room-desc{font-size:10px;color:#8ba8bc;line-height:1.5;margin:6px 0 10px}.hq-agent-row{padding:8px 0;background:transparent;border:0;border-top:1px solid #213145;border-radius:0;margin-top:2px}.hq-agent-row b{font-size:10px;font-weight:500}.hq-agent-row em{font-size:8px;color:#6f8aa1;font-style:normal;margin-left:8px}.hq-agent-row small{font-size:9px;color:#95a9ba}.hq-open{margin-top:10px;width:100%;border:1px solid #344c64;border-radius:4px;background:#13283b;color:#a4d9e7;font:600 8px ui-monospace,monospace;letter-spacing:.08em;padding:9px;cursor:pointer}.hq-open:hover{background:#203b50}.hq-feed{min-height:122px}.hq-empty{font-size:10px;color:#a7bece;padding:7px 0;line-height:1.7}.hq-empty small{font-size:9px;color:#69849b}.hq-event{font-size:9px;border-color:#223346}.hq-event small{display:block;text-transform:none;color:#718ba2;margin-top:4px;line-height:1.5}.hq-event time{font-size:8px;color:#8aa4b5;white-space:nowrap}.hq-safety{display:flex;justify-content:space-between;font:400 8px ui-monospace,monospace;color:#698298;padding:12px 1px}.hq-safety span:first-child{color:#9bb6c7}.hq-load-error{padding:100px 30px;color:#e8c18e}.panel,.metric-card{background:#0d1b28}.tag{background:#0d1b28;border-color:#2d4255}.btn-mini{background:#122638;border-color:#304c61}.gate{background:#0a1622;border-color:#30475b}
@media(min-width:1800px){.hq-shell{grid-template-columns:minmax(0,1fr) 300px}.hq-rail-card{padding:18px}.hq-stat{padding:10px 0}.hq-canvas{height:calc(100vh - 230px)}}
@media(max-width:1180px){.shell{grid-template-columns:145px 1fr}.sidebar{padding:20px 6px}.brandmark{gap:7px;padding-left:3px}.brandmark strong{font-size:13px}.brandmark span{font-size:6px}.brand-icon{width:27px;height:30px}.nav-btn{font-size:10px;padding:10px 6px}.hq-shell{grid-template-columns:minmax(0,1fr) 220px}.hq-rail{grid-template-columns:1fr}.hq-rail-card{padding:12px}.hq-stat span{font-size:9px}.boss-dock{left:163px}main{padding:20px 18px 100px}.hq-bottom-strip b{display:none}}
@media(max-width:850px){.hq-shell{grid-template-columns:1fr}.hq-rail{grid-template-columns:1fr 1fr}.hq-feed{grid-column:1/-1}.hq-canvas{height:590px}.hq-safety span:last-child{display:none}}
@media(max-width:600px){.shell{grid-template-columns:1fr}.sidebar{position:relative;padding:12px;height:auto;border-bottom:1px solid #22364b}.brandmark{padding:0 0 12px}.brandmark strong{font-size:15px}.brandmark span{font-size:8px}.brand-icon{width:30px}.sidebar nav{display:flex;overflow-x:auto;gap:6px;scrollbar-width:none}.nav-btn{flex-shrink:0;padding:8px 9px}.nav-btn span:last-child{display:inline}.nav-btn .ico{display:none}.side-status{display:none}main{padding:18px 10px 150px}.topbar{flex-direction:row;align-items:center;margin-bottom:18px;gap:8px}.topbar h1{font-size:23px}.eyebrow{font-size:8px}.top-actions{flex-direction:column;gap:5px}.top-actions button{font-size:7px;padding:7px 8px}.hq-toolbar small{display:none}.hq-toolbar{font-size:8px}.hq-toolbar>span:last-child{font-size:7px}.hq-canvas{height:500px;min-height:500px}.hq-rail{grid-template-columns:1fr}.hq-feed{grid-column:auto}.hq-safety{font-size:7px;gap:12px}.boss-dock{left:10px;right:10px;bottom:10px;grid-template-columns:auto 1fr auto}.boss-copy{display:block;grid-column:2/4}.boss-copy span{font-size:8px}.boss-dock input{grid-row:2;grid-column:1/3}.boss-dock button{grid-row:2;grid-column:3}.hq-bottom-strip{font-size:7px}.hq-rail h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
/* Prevent the canvas intrinsic width from expanding narrow layouts. */
.hq-shell,.hq-stage,.hq-canvas,.hq-rail{min-width:0;max-width:100%}.hq-canvas{width:100%;overflow:hidden}.hq-rail-card{min-width:0;overflow-wrap:anywhere}
@media(max-width:850px){.hq-shell{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.shell{grid-template-columns:minmax(0,1fr)}}
@media(min-width:851px){.hq-stage{align-self:start}.hq-canvas{height:auto;min-height:0;aspect-ratio:1728/912}}
@media(max-width:850px){.hq-canvas{height:auto;min-height:0;aspect-ratio:1.55}}

.setup-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.setup-brand,.setup-source{border:1px solid var(--line);border-radius:14px;background:#08120e;padding:13px}.setup-platforms{display:grid;gap:7px}.setup-platform{display:grid;grid-template-columns:90px 1fr auto;gap:8px;align-items:center;border-top:1px solid #13241b;padding-top:7px;font-size:10px}.setup-platform b{color:#dce8e1}.setup-platform span{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.setup-sources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.setup-source{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.setup-source h3{margin:0 0 5px;font-size:12px}.setup-source p{margin:0;color:var(--muted);font-size:10px;line-height:1.45}.setup-source-actions{display:grid;justify-items:end;gap:8px;flex:0 0 auto}.setup-source-actions a{color:var(--green);font-size:9px;font-weight:850;text-decoration:none;letter-spacing:.05em}
@media(max-width:1100px){.setup-grid{grid-template-columns:1fr 1fr}.setup-sources{grid-template-columns:1fr}}@media(max-width:760px){.setup-grid{grid-template-columns:1fr}.setup-platform{grid-template-columns:72px 1fr}.setup-platform .tag{grid-column:1/-1;justify-self:start}}

.setup-source-meta{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:7px}.setup-source-meta span{font:800 7px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;color:#86a49a;border:1px solid #254235;border-radius:999px;padding:3px 5px;background:#07110c}.setup-niches{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}.setup-niches i{font-style:normal;font-size:8px;color:#a8bab1;background:#0d1a13;border:1px solid #1b3025;border-radius:6px;padding:3px 5px}.setup-audit{display:block;margin-top:8px;color:#60796c;font-size:8px}