@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Inter:wght@300;400;500;600&display=swap');
:root{--gold:#f0b90b;--ink:#e6e6df;--muted:#92958a;--line:#303126;--mono:'IBM Plex Mono',monospace}*{box-sizing:border-box}body{margin:0;background:#080907;color:var(--ink);font:14px/1.6 Inter,sans-serif}a{color:inherit;text-decoration:none}button,select{font:10px var(--mono);color:var(--gold);background:#11130c;border:1px solid #464731;padding:10px 13px;cursor:pointer}button:hover,a:hover{color:#ffe7a2}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:4px}header{height:86px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 3.5%;gap:20px}.brand{font-size:21px;letter-spacing:1px;white-space:nowrap}.brand span{color:var(--gold)}.brand small{display:block;font:8px var(--mono);letter-spacing:2px;color:var(--muted)}nav{display:flex;align-items:center;gap:25px;font:10px var(--mono)}main{max-width:1900px;margin:auto;padding:0 3.5%}.page-title{display:flex;align-items:end;justify-content:space-between;padding:45px 0 28px;gap:20px}.eyebrow,.panel-head,.telemetry-label,.field-tags,.system-status,.field-stats span,.scan-label,.readouts span{font:9px/1.7 var(--mono);letter-spacing:.7px}.eyebrow{color:var(--gold)}h1{font-size:clamp(32px,3.2vw,54px);line-height:1.12;font-weight:400;letter-spacing:-2px;margin:14px 0 0}h1 em{font-style:normal;color:#b6b9ac}.system-status{display:flex;flex-direction:column;gap:5px;text-align:right;color:var(--gold)}.system-status span+span{color:var(--muted)}.system-status small{font-size:9px;color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 350px;border:1px solid var(--line)}.panel-head{display:flex;justify-content:space-between;gap:12px;padding:15px 18px;border-bottom:1px solid var(--line);color:#a4aa94;align-items:center}.panel-head span+span{font-size:8px;color:#747b67}.habitat{min-width:0;position:relative;background:radial-gradient(ellipse at 48% 50%,#22231055,transparent 65%)}#colony{width:100%;height:490px;display:block;cursor:crosshair}.field-tags{position:absolute;top:70px;left:20px;right:20px;display:flex;justify-content:space-between;color:#6f7862;pointer-events:none}.field-tags span+span{text-align:right;font-size:7px}.field-stats{display:flex;border-top:1px solid var(--line);padding:18px 25px;gap:45px}.field-stats b{display:block;font-weight:400;font-size:24px}.field-stats span{font-size:8px;color:var(--muted)}.individual{border-left:1px solid var(--line);padding-bottom:16px}.individual>.panel-head{font-size:8px}.specimen-view{height:165px;position:relative;overflow:hidden}.specimen-view img{position:absolute;width:83%;height:100%;object-fit:contain;right:-18px;mix-blend-mode:screen;opacity:.75;filter:sepia(.4)}.specimen-view>div{position:absolute;left:20px;top:22px}.specimen-view h2{font-size:26px;margin:5px 0;font-weight:400;letter-spacing:-1px}.scan-label{position:absolute;bottom:10px;left:20px;font-size:7px;color:#777e6d}.bee-state{margin:0 18px;padding:9px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;color:var(--gold);font:10px var(--mono)}.bee-state span+span{color:var(--muted)}.telemetry-label{display:flex;justify-content:space-between;margin:16px 18px 8px;font-size:8px;color:#a9ae9d}.telemetry-label span+span{font-size:7px;color:#747e68}.rates{display:flex;height:25px;gap:4px;margin:0 18px;align-items:end}.rates i{flex:1;background:var(--gold);min-height:2px;opacity:.8}#kc-map{display:block;width:calc(100% - 36px);height:75px;margin:0 18px;image-rendering:pixelated}.readouts{display:flex;justify-content:space-between;margin:12px 18px}.readouts span{display:block;font-size:7px;color:#8b947e}.readouts b{font:19px var(--mono);font-weight:400;color:#d9c57f}.micro{font-size:10px;color:#859079;line-height:1.7;margin:12px 18px}.object-link{display:block;margin:10px 18px;font:9px var(--mono);color:var(--gold);overflow-wrap:anywhere}.individual details{margin:10px 18px;font-size:10px;color:var(--muted)}summary{cursor:pointer;color:#bbbcae}details a{color:var(--gold)}.roster-section{border:1px solid var(--line);border-top:0}.roster{display:grid;grid-template-columns:repeat(25,1fr);padding:10px;gap:4px}.roster button{padding:7px 0;font-size:8px;color:#727d61;border-color:#252b1c}.roster button[data-state=Inspect],.roster button[data-state=Communicate]{color:#e1c75d;border-color:#696232}.roster button[aria-pressed=true]{background:var(--gold);color:#090a06;border-color:var(--gold)}.panel-head select{padding:5px;font-size:9px;margin-left:8px}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:25px;border:1px solid var(--line)}.bottom-grid>section+section{border-left:1px solid var(--line)}.events{height:260px;overflow:auto;padding:5px 18px}.events p{display:flex;gap:14px;border-bottom:1px solid #24291d;padding:9px 0;margin:0;font:10px/1.7 var(--mono);color:#929f80}.events time{color:#59644f}.events b{font-weight:400;color:#d4ba58;white-space:nowrap}.events a{color:#c1c6b2}.proposals{height:204px;overflow:auto;padding:10px 18px}.proposals article{padding:10px 0;border-bottom:1px solid var(--line);font:10px var(--mono)}.proposals article>div{display:flex;justify-content:space-between;gap:10px}.proposals small{display:block;margin-top:8px;color:#888f7b;font-size:9px}.proposals progress{width:100%;height:3px;accent-color:var(--gold);margin-top:10px}.proposals p{font-size:12px;color:var(--muted)}.boundary{padding:45px 0 60px;max-width:1000px}.boundary p{font-size:20px;letter-spacing:-.3px}.boundary s{color:#666e5d}.boundary small{display:block;max-width:850px;font-size:12px;color:var(--muted)}.boundary>a{display:block;margin-top:20px;font:10px var(--mono);color:var(--gold)}.notes{max-width:950px;padding:50px 25px}.notes h1{margin-bottom:35px}.notes h2{font-size:24px;font-weight:400;margin-top:35px}.notes p,.notes li{color:#a7b098}.notes a{color:var(--gold);text-decoration:underline}.notes code{font-size:12px}.notes table{width:100%;border-collapse:collapse;font-size:12px}.notes td,.notes th{text-align:left;border-bottom:1px solid var(--line);padding:12px 8px}.notes th{color:var(--gold)}
@media(min-width:1600px){#colony{height:560px}.workspace{grid-template-columns:minmax(0,1fr) 380px}.specimen-view{height:200px}}
@media(max-width:1000px){header{height:auto;min-height:86px;flex-wrap:wrap;padding:18px 3.5%}nav{gap:13px}.workspace{grid-template-columns:minmax(0,1fr) 300px}.field-stats{gap:15px;padding:18px 12px}.field-stats span{font-size:6px}.field-stats b{font-size:20px}.roster{grid-template-columns:repeat(20,1fr)}.field-tags{font-size:7px}.field-tags span+span{display:none}}
@media(max-width:720px){header nav{width:100%;justify-content:space-between;gap:8px;font-size:8px}nav button{font-size:8px;padding:8px}.page-title{display:block;padding-top:28px}.system-status{text-align:left;margin-top:22px;font-size:8px}h1{font-size:37px}.workspace{grid-template-columns:1fr}.individual{border-left:0;border-top:1px solid var(--line)}#colony{height:380px}.specimen-view{height:200px}.specimen-view img{width:75%}.field-stats{justify-content:space-between}.field-stats span{font-size:7px}.roster{grid-template-columns:repeat(10,1fr)}.bottom-grid{grid-template-columns:1fr}.bottom-grid>section+section{border-left:0;border-top:1px solid var(--line)}.panel-head{font-size:8px;padding:13px 12px}.panel-head span+span{font-size:7px}.boundary p{font-size:17px}.readouts b{font-size:22px}#kc-map{height:90px}}