:root{--c:#5ff3ff;--c2:#9b7bff;--g:#3dffa8;--r:#ff5d7a;--y:#ffd36b;--bg:rgba(6,18,34,.55)}
*{box-sizing:border-box}html,body{margin:0;height:100%;background:#02040a;color:#cfefff;font:12px/1.35 "JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;overflow:hidden}
#sky{position:fixed;inset:0;width:100%;height:100%;cursor:grab}
#scan{position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(95,243,255,.035) 0 1px,transparent 1px 3px);mix-blend-mode:screen}
#top{position:fixed;top:0;left:0;right:0;display:flex;gap:18px;align-items:center;padding:8px 14px;background:linear-gradient(180deg,rgba(2,10,22,.85),rgba(2,10,22,0));z-index:3;flex-wrap:wrap}
.brand{font-size:18px;letter-spacing:4px;color:var(--c);text-shadow:0 0 12px var(--c)}.brand span{color:var(--c2)}
.clock,.obs{color:#8fd8ff}.toggles{margin-left:auto;display:flex;gap:10px;align-items:center}
button,select{background:rgba(20,60,90,.55);color:var(--c);border:1px solid rgba(95,243,255,.45);border-radius:4px;padding:3px 8px;font:inherit;cursor:pointer}
button:disabled{opacity:.35;cursor:not-allowed}button.buy{border-color:var(--g);color:var(--g)}
.holo{position:fixed;z-index:2;background:var(--bg);border:1px solid rgba(95,243,255,.35);border-radius:10px;box-shadow:0 0 22px rgba(95,243,255,.18),inset 0 0 30px rgba(95,243,255,.06);backdrop-filter:blur(3px);padding:10px 12px;overflow:auto}
.holo h2{margin:0 0 6px;font-size:13px;letter-spacing:3px;color:var(--c);text-shadow:0 0 8px var(--c)}
.holo h3{margin:10px 0 4px;font-size:11px;letter-spacing:2px;color:var(--c2)}
#left{top:54px;left:10px;bottom:150px;width:330px}
#right{top:54px;right:10px;bottom:150px;width:330px;transform:perspective(900px) rotateY(-4deg);transform-origin:right center}
#console{left:10px;right:10px;bottom:10px;height:132px}
.row{display:flex;gap:14px;align-items:flex-start}.cell{min-width:120px}.cell.wide{flex:1}
.lbl{font-size:10px;color:#7fb7d6;letter-spacing:1px}.big{font-size:16px;color:#e9fbff}
.chk{display:block;color:var(--y);margin-bottom:4px}.btns{display:flex;gap:6px}
.msg{margin-top:6px;color:#9fd}.msg.err{color:var(--r)}
.glog{margin-top:4px;color:#7fb7d6;font-size:11px;max-height:38px;overflow:auto}
.coin{display:grid;grid-template-columns:62px 52px 1fr 64px;gap:4px;padding:2px 0;border-bottom:1px dashed rgba(95,243,255,.12)}
.coin b{color:var(--y)}.up{color:var(--g)}.dn{color:var(--r)}.age{color:#6a9ab5;font-size:10px;font-weight:normal}
.bk{display:grid;grid-template-columns:1fr 1fr;gap:6px;font-size:11px}.bk div div{display:flex;justify-content:space-between}
.list .it{padding:3px 0;border-bottom:1px dashed rgba(95,243,255,.1)}.list .it a{color:#cfefff;text-decoration:none}.list .src{color:#6a9ab5;font-size:10px}
.st{display:flex;justify-content:space-between;font-size:10.5px}.ok{color:var(--g)}.bad{color:var(--r)}
.feedNote{color:#7fb7d6;font-size:10.5px;margin-bottom:6px}
#wave{width:100%;height:40px;display:block;margin-bottom:6px}
.fi{padding:5px 0;border-bottom:1px dashed rgba(155,123,255,.25)}.fi .who{color:var(--c)}.fi .role{color:#7fb7d6;font-size:10px}.fi .txt{margin-top:2px;white-space:pre-wrap}
.fi button{font-size:10px;padding:1px 6px;margin-top:3px}
#summary{border:1px solid rgba(255,211,107,.4);border-radius:6px;padding:6px;margin-bottom:6px;color:#ffe9b0}
.na{color:#ff9db0}

/* ---------- layout v2: sky is the centre; AGENT FEED is an open column beside it (desktop) or an open strip under it (phone) ---------- */
#sky{touch-action:pan-y}
@media (min-width:821px){
  #left,#right{top:84px}
  #left{width:300px}
  #right{width:280px;transform:none}
  #right .fi .txt{font-size:11.5px}
}
@media (min-width:821px) and (max-width:1180px){
  #left{width:260px}#right{width:240px}
  .toggles{margin-left:0}
}
@media (max-width:820px){
  html,body{height:auto;overflow-x:hidden;overflow-y:auto;font-size:14px}
  body{display:flex;flex-direction:column}
  #scan{position:fixed}
  #top{position:relative;flex-wrap:wrap;gap:6px 10px;padding:8px 10px;background:rgba(2,10,22,.92);order:0}
  .brand{font-size:15px;letter-spacing:2px;width:100%}

  .clock,.obs{font-size:11.5px}
  .toggles{margin-left:0;flex-wrap:wrap;gap:6px 10px;width:100%}
  .toggles label{display:flex;align-items:center;gap:4px;font-size:12px;min-height:32px}
  .toggles input{width:20px;height:20px}
  #sky{position:relative;inset:auto;order:1;width:100%;height:62vh;min-height:420px;flex:none;display:block}
  .holo{position:static;width:auto;max-width:100%;margin:10px;overflow:visible;transform:none;backdrop-filter:none}
  #console{order:3;height:auto}
  #left{order:4;bottom:auto}
  .row{flex-wrap:wrap;gap:10px}.cell{min-width:44%;flex:1 1 44%}.cell.wide{flex-basis:100%}
  .big{font-size:18px}
  button,select{min-height:44px;padding:8px 12px;font-size:14px}
  .btns{flex-wrap:wrap}.btns button{flex:1 1 45%}
  .chk{display:flex;gap:8px;align-items:flex-start;font-size:13px}.chk input{width:22px;height:22px;flex:none}
  .glog{max-height:none}
  .coin{grid-template-columns:70px 52px 1fr 70px;font-size:13px;padding:6px 0}
  .bk{font-size:12.5px}.st{font-size:12px;gap:8px}.st span:last-child{text-align:right}
  .list .it{font-size:13px;padding:6px 0}
  /* AGENT FEED: open text strip right below the sky (never over it, never collapsed) */
  #left,#right,#console{position:static;width:auto;left:auto;right:auto;top:auto;bottom:auto;transform:none}
  #right{order:2;max-height:56vh;overflow-y:auto;margin-top:8px;background:rgba(4,12,26,.92)}
  .fi .txt{font-size:13px}.fi button{min-height:40px;font-size:13px;padding:6px 12px}
}
@media (min-width:1281px){ #right{width:330px} #right .fi .txt{font-size:12px} }

/* v3: budget + SELL HOLDING row */
#console{height:auto;max-height:46vh;overflow:auto}
@media (min-width:821px){ #left,#right{bottom:236px} #console{min-height:150px} }
.row.hold{margin-top:8px;padding-top:8px;border-top:1px dashed rgba(95,243,255,.2)}
input[type=number],input#holdReason{background:rgba(10,30,50,.7);color:#e9fbff;border:1px solid rgba(95,243,255,.4);border-radius:4px;padding:4px 6px;font:inherit;width:100%;max-width:260px}
.pcts{display:flex;gap:4px;margin-top:4px}.pcts button{padding:2px 6px;font-size:11px}
button.sell{border-color:var(--r);color:#ffb3c1}
.osale{border:1px solid rgba(255,93,122,.35);border-radius:6px;padding:5px;margin-bottom:6px;color:#ffd0da;font-size:11px}
@media (max-width:820px){ #console{max-height:none} input[type=number],input#holdReason{min-height:44px;font-size:14px;max-width:none} .pcts button{min-height:40px;flex:1} }

/* v5: main page has no trade panel; controls live only on /pilot */
@media (min-width:821px){
  #left,#right{bottom:10px}
  body.pilot #console{top:84px;bottom:10px;left:320px;right:350px;height:auto;max-height:none;min-height:0;overflow:auto}
}
@media (min-width:821px) and (max-width:1180px){ body.pilot #console{left:280px;right:260px} }
@media (min-width:821px) and (max-width:1280px){ body.pilot #console{right:300px} }
@media (max-width:820px){
  body.pilot #sky{height:40vh;min-height:280px}
  body.pilot #console{order:2} body.pilot #right{order:3;max-height:40vh} body.pilot #left{order:4}
}

/* v5: ЦУП dispatcher on /pilot (radar look from crypto-atc) */
.atcwrap{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.radarbox{flex:1.3 1 320px;max-width:560px}
#radar{width:100%;height:auto;aspect-ratio:1;background:#021008;border-radius:50%;box-shadow:0 0 30px #0a4 inset;display:block;cursor:crosshair}
#strips{flex:1 1 300px;display:flex;flex-direction:column;gap:6px;min-width:0}
.strip{border:1px solid rgba(61,255,168,.3);border-left:4px solid #2a8;border-radius:6px;padding:6px 8px;background:rgba(2,16,8,.6);font-size:11.5px}
.strip.open{border-left-color:#ffd23f;border-color:rgba(255,210,63,.5)}.strip.sel{box-shadow:0 0 0 1px #9ff inset}
.strip .sh{display:flex;gap:8px;align-items:baseline}.strip .sh b{color:#c9f7d8;letter-spacing:1px}.strip .st{margin-left:auto;color:#ffd23f}
.strip .sl{margin-top:2px;color:#cfefff}.strip .btns{margin-top:4px}
input#stake{background:rgba(10,30,50,.7);color:#e9fbff;border:1px solid rgba(95,243,255,.4);border-radius:4px;padding:4px 6px;font:inherit;width:100%;max-width:160px}
@media (max-width:820px){ .radarbox{max-width:none} input#stake{min-height:44px;font-size:14px;max-width:none} .strip{font-size:13px} }
/* public page additions 17.10.2026 */
.games{font-size:12px;margin:6px 0;padding:6px 8px;border:1px solid rgba(95,243,255,.2);border-radius:8px}
.games .lbl{opacity:.7;font-size:10px;letter-spacing:.08em}
.feedNote a,.disc a{color:#9fd0ff}
.disc{position:fixed;left:10px;bottom:10px;z-index:50;font:11px/1.3 system-ui,sans-serif;color:#9fb3c8;background:rgba(5,12,24,.7);padding:3px 8px;border-radius:10px;max-width:60vw}
@media(max-width:800px){.disc{position:static;max-width:none;margin:8px}}
