/* Base HUD style: variables, page, glass panels, mission control, report, archive */

:root{--bg:#020b14;--cy:#00e5ff;--bl:#1e90ff;--deep:#07243a;--tx:#cfefff;--dim:#5f8fa8;--am:#ffb020;--edge:rgba(0,229,255,.28)}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(60% 50% at 50% 20%,#0a2f4d 0,transparent 70%),var(--bg);color:var(--tx);font:500 17px/1.55 Rajdhani,sans-serif;min-height:100vh}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(var(--edge) 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,var(--edge) 1px,transparent 1px) 0 0/48px 48px;opacity:.14}
body:after{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,229,255,.035) 3px 4px);z-index:9}
h1,h2,h3,.go,.logo,#pct{font-family:Orbitron,sans-serif}
.wrap{position:relative;display:grid;grid-template-columns:1fr 290px;gap:26px;max-width:1280px;margin:0 auto;padding:22px clamp(14px,4vw,44px) 80px}
.hud{position:relative;background:linear-gradient(160deg,#08263c99,#03121f99);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));padding:20px}
.hud:before,.hud:after{content:"";position:absolute;width:22px;height:22px;border:2px solid var(--cy);filter:drop-shadow(0 0 5px var(--cy))}
.hud:before{left:0;top:0;border-right:0;border-bottom:0}.hud:after{right:0;bottom:0;border-left:0;border-top:0}
.top{display:flex;align-items:center;gap:14px;margin-bottom:28px}
.logo{font-weight:700;font-size:22px;letter-spacing:.18em;color:var(--cy);text-shadow:0 0 14px var(--cy)}
.sys{margin-left:auto;font-size:14px;color:var(--dim);display:flex;align-items:center;gap:8px}
.sys i{width:8px;height:8px;border-radius:50%;background:#2dff9a;box-shadow:0 0 10px #2dff9a;animation:bl 1.6s infinite}
@keyframes bl{50%{opacity:.25}}
h1{font-weight:700;font-size:clamp(26px,4.4vw,48px);line-height:1.12;margin:0 0 22px;text-shadow:0 0 24px #00e5ff55;max-width:20ch}
.cmd{display:flex;gap:10px}.cmd b{color:var(--cy);font:700 22px Orbitron;margin-top:2px}
textarea{flex:1;background:transparent;border:0;color:var(--tx);font:500 20px/1.4 Rajdhani;resize:vertical;min-height:64px}
textarea::placeholder{color:#3d6a85}textarea:focus{outline:0}
.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;border-top:1px solid var(--edge);padding-top:14px;margin-top:8px}
.seg2{display:flex;border:1px solid var(--edge)}
.seg2 button{border:0;background:none;color:var(--dim);padding:7px 16px;font:600 15px Rajdhani;cursor:pointer}
.seg2 button.on{background:#0b3a58;color:var(--cy);box-shadow:inset 0 0 12px #00e5ff44}
select{background:#04182a;color:var(--tx);border:1px solid var(--edge);padding:8px 12px;font:600 15px Rajdhani}
.go{margin-left:auto;background:var(--cy);color:#001721;border:0;padding:14px 30px;font-weight:700;font-size:13px;letter-spacing:.12em;cursor:pointer;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);box-shadow:0 0 30px var(--cy)}
.go:disabled{opacity:.5;cursor:wait}
:focus-visible{outline:2px solid var(--am);outline-offset:3px}
.stage{margin-top:24px;text-align:center}
svg{width:100%;max-width:560px;height:auto;margin:0 auto;display:block}
.rg{fill:none;transform-origin:200px 160px}
.r1{stroke:var(--cy);stroke-width:5;stroke-dasharray:1 9;opacity:.5;animation:sp 60s linear infinite}
.r2{stroke:var(--bl);stroke-width:1.5;stroke-dasharray:30 14 4 14;opacity:.7;animation:sp 40s linear infinite reverse}
.r3{stroke:var(--cy);stroke-width:1;stroke-dasharray:3 6;opacity:.6;animation:sp 25s linear infinite}
@keyframes sp{to{transform:rotate(360deg)}}
.seg{fill:none;stroke:#0d3550;stroke-width:14;transition:stroke .4s}
.seg.working{stroke:var(--am);filter:drop-shadow(0 0 8px var(--am));animation:fl .9s infinite}
.seg.done{stroke:var(--cy);filter:drop-shadow(0 0 8px var(--cy))}
@keyframes fl{50%{opacity:.45}}
.core{fill:#021a2b;stroke:var(--cy);stroke-width:2;filter:drop-shadow(0 0 10px var(--cy))}
#pct{fill:var(--cy);font-size:24px;font-weight:700;text-anchor:middle}.cs{fill:var(--dim);font:600 10px Rajdhani;text-anchor:middle}
.nm{fill:var(--tx);font:700 14px Rajdhani}.st{fill:var(--dim);font:500 12px Rajdhani}
#log{min-height:30px;color:var(--cy);font-size:16px;margin-top:6px;text-shadow:0 0 8px #00e5ff66}
.err{display:none;margin-top:16px;padding:12px 16px;border:1px solid #ff4d5e;background:#3a0f1899;color:#ffb3bb}
.rep{display:none;margin-top:24px}
.bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.bar button{background:#05263a;color:var(--tx);border:1px solid var(--edge);padding:8px 16px;font:600 15px Rajdhani;cursor:pointer}.bar button:hover{border-color:var(--cy);color:var(--cy);box-shadow:0 0 14px #00e5ff44}
.doc{max-width:80ch;padding:clamp(20px,4vw,42px);animation:rise .7s}
@keyframes rise{from{opacity:0;transform:translateY(8px)}}
.doc h1{font-size:24px;max-width:none}.doc h2{font-size:16px;color:var(--cy);margin:1.8em 0 .4em;letter-spacing:.06em}.doc h3{font-size:15px}
.doc table{border-collapse:collapse;display:block;overflow-x:auto}.doc td,.doc th{border:1px solid var(--edge);padding:6px 10px}.doc a{color:var(--cy)}
aside{align-self:start;position:sticky;top:20px;max-height:calc(100vh - 40px);overflow:auto;padding:20px 14px}
aside h3{font-size:12px;letter-spacing:.14em;color:var(--dim);margin:0 6px 10px}
.item{display:flex;gap:8px;padding:10px;border-left:2px solid transparent;cursor:pointer}.item:hover{background:#0a3350;border-color:var(--cy)}
.item b{display:block;font:600 15px/1.3 Rajdhani}.item span{font-size:13px;color:var(--dim)}
.item button{margin-left:auto;background:none;border:0;color:var(--dim);font-size:18px;cursor:pointer}
.empty{color:var(--dim);font-size:14px;padding:6px}
@media(max-width:900px){.wrap{grid-template-columns:1fr}aside{position:static;max-height:260px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}