@charset "UTF-8";
:root{color-scheme:dark;font-family:Inter,"SF Pro Display",system-ui,-apple-system,sans-serif;font-synthesis:none;background:#060e17;color:#d9e9ed}
*{box-sizing:border-box}
html,body{margin:0;min-width:320px}body{overflow:hidden}
button,input{font:inherit}button{color:inherit;cursor:pointer}button:disabled{opacity:.36;cursor:not-allowed;filter:none!important}
a{color:#8beedb;text-decoration:none}
button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid #8cf9dc;outline-offset:3px}
.shell{display:flex;flex-direction:column;height:100dvh;min-height:620px;background:radial-gradient(ellipse at 55% -20%,#122d37 0%,transparent 60%),#06101a}
.topbar{display:flex;align-items:center;gap:28px;justify-content:space-between;height:65px;flex:none;padding:9px 24px;border-bottom:1px solid #203746;background:#07111de8}
.brand{display:flex;align-items:baseline;gap:19px;white-space:nowrap}.brandname{font-size:28px;font-weight:800;letter-spacing:.2em;line-height:1;color:#7df0d8}.slash{color:#426b75;padding:0 2px}.version{font-size:18px;color:#6da5b0;letter-spacing:0}.subtitle{font-size:10px;font-weight:800;color:#91aebb;letter-spacing:.17em}
.header-status{display:flex;align-items:center;gap:12px;margin-left:auto;color:#819dab;font-size:10px;font-weight:800;letter-spacing:.12em}.status-indicator,.live-dot,.mission-dot{width:7px;height:7px;border-radius:50%;background:#66d8c3;display:inline-block;box-shadow:0 0 12px #55ecd4}.header-sep{height:18px;width:1px;background:#37515d}.back{font-size:12px;border:1px solid #32505d;padding:9px 11px;border-radius:5px;background:#0f2431}
.hud{height:94px;flex:none;display:grid;grid-template-columns:1fr 1.1fr 1.2fr 1.3fr .95fr;border-bottom:1px solid #304755;background:linear-gradient(90deg,#0a1924f5,#0c1d29ed);padding:10px 0}
.hud-item{min-width:0;display:flex;align-items:center;gap:15px;padding:0 23px;border-right:1px solid #273f4c;position:relative}
.hud-item:last-child{border-right:none}.hud-icon{font-size:23px;color:#7df0d8;opacity:.85}.hud-icon.amber,.yellowline{color:#f3c870}.hud-icon.violet{color:#b4a2f6}.hud-icon.cyan{color:#6ec9e2}
.hud-item small,.hud-item em{display:block;font-size:9px;letter-spacing:.13em;color:#728e9b;font-style:normal;white-space:nowrap;font-weight:700}
.hud-item strong{display:block;font-size:30px;line-height:1.15;font-weight:700;letter-spacing:.01em;font-variant-numeric:tabular-nums;color:#dff7f2}.hud-item em{font-size:9px;letter-spacing:.05em;color:#5f808c}
.hud-item.influence{justify-content:space-between;background:linear-gradient(90deg,#182d34,#133339)}.influence strong{color:#82edc8}.influence-mark{font-size:28px;color:#61ceb6}
.workspace{flex:1;min-height:0;min-width:0;display:grid;grid-template-columns:252px minmax(0,1fr) 288px;overflow:hidden}
.sidebar{overflow:auto;overscroll-behavior:contain;background:#091621;scrollbar-width:thin;scrollbar-color:#35505d transparent}
.sidebar.left{border-right:1px solid #2b4250;padding:16px 15px 14px 18px}.sidebar.right{border-left:1px solid #2b4250;padding:16px 18px}
.sidebar-head h2{font-size:20px;margin:7px 0;font-weight:700}.thin{color:#80a8ae;font-weight:400}.sidebar-head p,.sidebar-note,.bottom-guide p{color:#87a3b0;font-size:11px;line-height:1.55;margin:7px 0 0}
.cap{font-size:10px;color:#6adac6;letter-spacing:.17em;font-weight:800}
.sidebar-section{border-top:1px solid #28414d;padding:15px 0;margin-top:15px}
.section-title,.between{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:9px;font-weight:800;letter-spacing:.12em;color:#89aab8;margin-bottom:12px}
.section-title span:last-child{color:#597f8a}
.transport{display:flex;gap:6px}.transport button{border:1px solid #355663;border-radius:6px;height:38px;white-space:nowrap}
.play{border:1px solid #58c9b0;background:linear-gradient(115deg,#177f76,#155454);color:#dcfff3;border-radius:6px;font-size:12px;font-weight:800;letter-spacing:.02em;padding:9px 12px}
.transport .play{flex:1;min-width:0}.transport .secondary{padding:0 11px;background:#142938;color:#a1c6cb;font-size:12px}
.play:hover:not(:disabled),.secondary:hover:not(:disabled),.intervention:hover:not(:disabled){filter:brightness(1.14)}
.progress-line{height:5px;background:#1d3541;margin:16px 0 8px;overflow:hidden;border-radius:3px}
.progress-line>div{background:linear-gradient(90deg,#1e9d91,#76e7c3);height:100%;width:0;transition:width .2s}
.between{margin:0;color:#60818d}.between span:last-child{color:#5f7a86}
.intervention{width:100%;background:transparent;display:flex;align-items:center;gap:10px;text-align:left;border:1px solid #243d4c;border-radius:7px;padding:10px 8px;margin:5px 0;min-width:0}
.intervention-icon{display:grid;place-items:center;font-size:20px;width:31px;height:31px;flex:none;background:#112937;border:1px solid #2b5760;border-radius:6px}
.intervention-icon.golden{color:#f6c66c}.intervention-icon.violet{color:#c0a7fb}.intervention-icon.cyan{color:#76d7f4}
.intervention-text{display:block;min-width:0;flex:1}.intervention-text b,.intervention-text small{display:block}.intervention-text b{font-size:12px;font-weight:750;color:#d4eae9}.intervention-text small{font-size:10px;color:#7795a3;line-height:1.4;margin-top:4px}
.cost{font-size:11px;white-space:nowrap;color:#7cd8bf;font-weight:800}
.mission h3{margin:0 0 7px;font-size:14px;color:#e0f5e7}.mission p{font-size:11px;line-height:1.5;color:#8eabb7;margin:0 0 15px}
.meter-label{font-size:10px;display:flex;justify-content:space-between;color:#8ba7b4;gap:10px;margin:11px 0 6px}
.meter-label span:last-child{color:#b6e5de;font-variant-numeric:tabular-nums}
.meter{height:4px;border-radius:4px;background:#233d4b;overflow:hidden}.meter div{height:100%;width:0;background:#76e5d2;transition:width .15s}
.warning-small{color:#e6b66a!important;margin-top:14px!important;font-size:11px!important}
.bottom-actions{display:flex;align-items:center;gap:6px;padding:16px 0}.bottom-actions label{font-size:9px;white-space:nowrap;color:#8babb6;letter-spacing:.1em}.bottom-actions input{background:#132834;border:1px solid #38535c;color:#c0e9e3;border-radius:5px;min-width:0;width:63px;padding:8px 5px;font-size:12px}.bottom-actions button{border:1px solid #34525d;background:#152b38;padding:8px;border-radius:5px;white-space:nowrap;font-size:11px}
.center{display:flex;min-width:0;min-height:0;flex-direction:column;background:#06111a}
.scene{position:relative;flex:1;min-height:320px;overflow:hidden;background:radial-gradient(circle at 40% 40%,#0d2735,#071723 65%,#07111d);box-shadow:inset 0 0 45px #020c15}
.scene canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:crosshair;touch-action:manipulation}
.scene-top{position:absolute;z-index:2;left:20px;right:20px;top:16px;display:flex;justify-content:space-between;pointer-events:none;gap:12px}
.scene-title,.scene-coords{font-size:10px;letter-spacing:.12em;color:#8de4d1;font-weight:800;text-shadow:0 2px 4px #000}.scene-title small{color:#6c93a0;font-size:9px}.scene-coords{color:#7b9aa9}
.map-marker{z-index:2;position:absolute;left:20px;bottom:40px;right:20px;pointer-events:none;font-size:9px;font-weight:700;letter-spacing:.12em;color:#648b99;text-shadow:0 2px 3px black}
.legend{position:absolute;bottom:0;left:0;right:0;height:32px;z-index:2;display:flex;align-items:center;gap:16px;padding:0 18px;background:#061523dd;border-top:1px solid #253e48;font-size:10px;color:#9bb8be;flex-wrap:wrap}
.legend span{display:inline-flex;align-items:center;gap:6px}.legend .dot{height:7px;width:7px;display:inline-block;border-radius:50%;background:#76ebd7}.legend .yellow{background:#f4c96f}.legend .magenta{background:#e97591}.legend .outline{background:transparent;border:1px solid #f1f8f6}
.telemetry{height:127px;flex:none;background:#0b1925;border-top:1px solid #294251;display:grid;grid-template-columns:170px minmax(0,1fr) 220px;gap:8px;padding:12px 16px;align-items:center}
.telemetry-left{align-self:start;display:flex;flex-direction:column;gap:20px}
.trend-legend{font-size:10px;color:#89a5b2}.trend-legend i{height:2px;width:15px;background:#79edcd;display:inline-block;vertical-align:middle;margin:0 4px}.trend-legend i.yellowline{background:#e7b75c;margin-left:12px}
#trend{display:block;width:100%;height:97px}
.telemetry-status{padding-left:12px;border-left:1px solid #26414f;display:flex;flex-direction:column;gap:8px;max-height:105px;overflow:hidden}
.telemetry-status b{font-size:12px;color:#b5eee1}.telemetry-status span{font-size:11px;color:#86a3ad;line-height:1.45}
.watch{border-top:none;padding-top:0;margin-top:0}
.selected-head{display:flex;gap:12px;align-items:center}.orb{height:43px;width:43px;display:grid;place-items:center;border:1px solid #417f84;border-radius:50%;color:#a2e9dc;background:radial-gradient(circle,#14414b,#0d2330);font-size:22px;box-shadow:0 0 20px #2e9b8933}
.selected-head h2{font-size:15px;margin:4px 0;color:#d8f4ed}
.microstats{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:18px}
.microstats div{border-left:2px solid #2e7a7a;padding:4px 0 4px 8px}.microstats small{display:block;color:#678c99;font-size:9px;letter-spacing:.05em}.microstats strong{display:block;font-size:18px;color:#e1f0eb;font-variant-numeric:tabular-nums}
.neural-block{border:1px solid #294553;background:#0c202d;border-radius:7px;padding:13px 11px;margin-top:17px}
.brain-action{font-weight:760;color:#80e6d2;font-size:14px;margin-bottom:8px}.brain-note{font-size:11px;line-height:1.55;color:#86a3af}
.log-section{margin-top:17px}.log{display:grid;align-content:start;gap:11px;max-height:280px;overflow:auto}
.log-item{display:grid;grid-template-columns:34px 1fr;gap:10px;color:#94b1bb;font-size:11px;line-height:1.5}
.log-time{color:#577e89;font-weight:800}.log-item.birth{color:#cbb3f8}.log-item.warning{color:#e8bb7c}.log-item.social{color:#80e5cf}.log-item.success{color:#76d7a5}.log-item.action{color:#9bdad3}
.bottom-guide{font-size:11px;color:#87a3b0}.text-button{background:none;border:none;padding:4px 0;color:#82e7d5;font-size:12px;text-decoration:underline;text-underline-offset:4px}
#archive{margin-top:10px;font-size:10px;line-height:1.6;color:#6d9a9e}
.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,12px);opacity:0;pointer-events:none;background:#1d4e51;color:#d1fff1;border:1px solid #4ccdb3;border-radius:7px;padding:13px 19px;font-size:12px;box-shadow:0 12px 34px #0009;z-index:8;max-width:min(460px,92vw);text-align:center;transition:opacity .2s,transform .2s}
.toast.show{opacity:1;transform:translate(-50%,0)}
.overlay{position:fixed;inset:0;background:#020b13dc;display:grid;place-items:center;padding:20px;z-index:10;backdrop-filter:blur(8px)}
.overlay[hidden]{display:none}
.modal{position:relative;width:min(540px,100%);max-height:90dvh;overflow:auto;background:linear-gradient(145deg,#142b38,#0a1b28);border:1px solid #43786e;padding:28px 30px;box-shadow:0 34px 100px #000c}
.modal h2{font-size:27px;letter-spacing:-.03em;margin:12px 0 17px}.modal p{font-size:13px;line-height:1.65;color:#aac8cb}.modal p b,.modal p strong{color:#d3fff0}.modal .play{padding:13px 22px;margin-top:6px}
.modal .close{position:absolute;right:15px;top:12px;background:none;border:none;color:#c4e6df;font-size:28px}
.end-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-top:1px solid #375865;border-bottom:1px solid #375865;padding:17px 0;margin:22px 0}
.end-grid small{display:block;font-size:9px;color:#80a9b6}.end-grid strong{font-size:27px;color:#9be8d6}.actions-end{display:flex;gap:10px;align-items:center}
.actions-end button:last-child{background:#19323f;border:1px solid #356073;border-radius:6px;padding:13px}
@media(max-width:1180px){
 .workspace{grid-template-columns:220px minmax(0,1fr) 240px}.sidebar.left{padding:12px}.sidebar.right{padding:12px}
 .hud-item{padding:0 12px;gap:8px}.hud-item strong{font-size:26px}.hud-icon{font-size:18px}
 .telemetry{grid-template-columns:120px minmax(0,1fr) 160px}.telemetry-left{gap:12px}
 .subtitle{display:none}
}
@media(max-width:940px){
 body{overflow:auto}.shell{height:auto;min-height:100dvh}.topbar{height:58px}.hud{height:auto;display:flex;overflow-x:auto;scrollbar-width:none;padding:8px 4px}
 .hud-item{flex:none;min-width:132px}.hud-item small{font-size:8px}.hud-item em{font-size:8px}.hud-item strong{font-size:24px}
 .workspace{display:flex;flex-direction:column;overflow:visible}.center{order:1;min-height:0}.scene{height:min(62vw,560px);min-height:330px;flex:none}
 .sidebar.left{order:2;border:0;border-top:1px solid #35505a;display:grid;grid-template-columns:1fr 1fr;column-gap:20px;padding:20px}
 .sidebar-head{grid-column:1/-1}.sidebar .sidebar-section{margin-top:8px}.bottom-actions{grid-column:1/-1}
 .sidebar.right{order:3;border:0;border-top:1px solid #35505a;display:grid;grid-template-columns:1fr 1fr;column-gap:20px;padding:20px}
 .log-section{margin-top:0;border-top:none}.bottom-guide{grid-column:1/-1}.telemetry{height:126px;grid-template-columns:150px minmax(0,1fr) 220px}
}
@media(max-width:580px){
 .topbar{padding:9px 12px;gap:10px}.brandname{font-size:23px}.header-status{gap:6px;font-size:9px}.header-sep,#seedLabel,.back{display:none}
 .hud-item{min-width:116px;padding:0 10px}.hud-item em{display:none}.hud-icon{font-size:16px}
 .scene{height:min(85vw,430px);min-height:300px}.scene-top{left:11px;right:11px}.scene-title,.scene-coords{font-size:9px}
 .legend{gap:10px;padding:0 10px;font-size:9px}.map-marker{font-size:8px;left:10px}
 .telemetry{height:auto;display:grid;grid-template-columns:1fr;gap:5px;padding:12px}.telemetry-left{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.telemetry #trend{height:60px}.telemetry-status{border-left:0;border-top:1px solid #2a4754;padding:8px 0 0}
 .sidebar.left,.sidebar.right{display:block;padding:16px}
 .sidebar-section{margin-top:14px!important;border-top:1px solid #294551!important}.watch{border-top:0!important}.bottom-actions{flex-wrap:wrap}
 .modal{padding:23px 18px}.modal h2{font-size:23px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}