:root {
  --green:#00ff41; --cyan:#00d4ff; --magenta:#ff00ff;
  --amber:#ffb300; --red:#ff3333; --purple:#b44dff;
  --pink:#ff0080;  --orange:#ff6600;
  --bg:#060606;    --panel-bg:#070a07;
}
*{margin:0;padding:0;box-sizing:border-box;}

/* ── BOOT SPLASH ── */
#boot-splash{position:fixed;inset:0;z-index:9999;background:var(--bg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity 0.4s;}
#boot-box{text-align:center;display:flex;flex-direction:column;gap:18px;}
#boot-logo{font-size:32px;color:var(--green);text-shadow:0 0 20px var(--green);letter-spacing:4px;animation:logoShimmer 2s linear infinite;}
#boot-sub{font-size:12px;color:#3a7a50;letter-spacing:3px;}
#boot-status{font-size:11px;color:var(--cyan);letter-spacing:2px;}
#boot-cta{font-size:18px;color:var(--green);border:1px solid var(--green);padding:10px 32px;letter-spacing:4px;animation:blink 1s infinite;margin-top:12px;}
#boot-cta:hover{background:rgba(0,255,65,0.08);text-shadow:0 0 12px var(--green);}
#boot-note{max-width:480px;font-size:11px;line-height:1.6;color:var(--amber);border:1px solid rgba(255,179,0,0.45);padding:10px 14px;background:rgba(255,179,0,0.06);}

body {
  background:var(--bg); color:var(--green);
  font-family:'Share Tech Mono',monospace;
  height:100vh; overflow:hidden;
  display:flex; flex-direction:column;
  font-size:13px;
}
body::before { /* scanlines */
  content:''; position:fixed; inset:0;
  background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,0.1) 3px,rgba(0,0,0,0.1) 4px);
  pointer-events:none; z-index:9998;
}
body::after { /* vignette */
  content:''; position:fixed; inset:0;
  background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,0.5) 100%);
  pointer-events:none; z-index:9997;
}

/* ── HEADER ROW 1 ── */
#hdr1 {
  display:flex; align-items:center; gap:10px; flex-wrap:wrap;
  padding:6px 14px;
  background:linear-gradient(180deg,#0c0c0c,#050505);
  border-bottom:1px solid #1a2a1a; flex-shrink:0;
}
#logo {
  font-size:17px; font-weight:bold; letter-spacing:2px;
  background:linear-gradient(90deg,var(--green),var(--cyan),var(--magenta),var(--green));
  background-size:300%; -webkit-background-clip:text; -webkit-text-fill-color:transparent;
  animation:logoShimmer 4s linear infinite, glitch 10s infinite;
  white-space:nowrap;
}
#audio-controls{
  display:flex; align-items:center; gap:8px; flex-wrap:wrap;
  margin-left:auto; padding:3px 7px;
  border:1px solid #112218; background:rgba(0,32,10,0.45);
  font-size:10px; color:#4d8d62;
}
.audio-group{display:flex;align-items:center;gap:6px;}
#audio-controls label{letter-spacing:1px;}
#music-volume,#sfx-volume{
  width:76px; accent-color:var(--cyan); cursor:pointer;
}
#music-volume-val,#sfx-volume-val{
  min-width:34px; text-align:right; color:var(--cyan);
}
@keyframes logoShimmer{0%{background-position:0%}100%{background-position:300%}}
@keyframes glitch{
  0%,90%,100%{transform:translateX(0);filter:hue-rotate(0deg)}
  91%{transform:translateX(-4px);filter:hue-rotate(90deg)}
  92%{transform:translateX(4px);filter:hue-rotate(-45deg)}
  93%{transform:translateX(-2px) skewX(3deg);filter:hue-rotate(180deg)}
  94%{transform:translateX(0)}
}
.sep{color:#2a6a2a;font-size:16px;}
#hdr-clock{font-size:14px;color:var(--cyan);text-shadow:0 0 10px var(--cyan);white-space:nowrap;}
#fs-btn,#suggest-btn{background:none;border:1px solid #1a3a2a;color:#4d8d62;font-family:inherit;font-size:10px;cursor:pointer;padding:3px 7px;letter-spacing:1px;white-space:nowrap;}
#fs-btn:hover{border-color:var(--cyan);color:var(--cyan);text-shadow:0 0 6px var(--cyan);}
#suggest-btn:hover{border-color:var(--green);color:var(--green);text-shadow:0 0 6px var(--green);}

/* ── SUGGESTION MODAL ── */
#suggest-modal{position:fixed;inset:0;z-index:9000;background:rgba(0,0,0,0.82);display:flex;align-items:center;justify-content:center;}
#suggest-box{background:#070a07;border:1px solid var(--green);padding:24px 28px;min-width:340px;max-width:480px;width:90%;display:flex;flex-direction:column;gap:12px;box-shadow:0 0 30px rgba(0,255,65,0.15);}
#suggest-hdr{font-size:14px;color:var(--green);letter-spacing:3px;text-shadow:0 0 8px var(--green);}
#suggest-input{background:#030503;border:1px solid #1a3a2a;color:var(--green);font-family:inherit;font-size:12px;padding:10px;resize:vertical;min-height:80px;max-height:200px;outline:none;letter-spacing:1px;}
#suggest-input:focus{border-color:var(--green);}
#suggest-input::placeholder{color:#2a5a2a;}
#suggest-counter{font-size:10px;color:#3a6a3a;text-align:right;letter-spacing:1px;}
.suggest-btns{display:flex;gap:10px;}
.sg-btn{flex:1;background:none;font-family:inherit;font-size:11px;padding:7px;cursor:pointer;letter-spacing:2px;border:1px solid;}
.sg-submit{border-color:var(--green);color:var(--green);}
.sg-submit:hover{background:rgba(0,255,65,0.08);text-shadow:0 0 6px var(--green);}
.sg-cancel{border-color:#2a4a2a;color:#4a7a4a;}
.sg-cancel:hover{border-color:var(--red);color:var(--red);}
.online-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green);display:inline-block;animation:blink 1.2s infinite;}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0.2}}

/* ── HEADER ROW 2 ── */
#hdr2 {
  display:flex; align-items:center; gap:10px; flex-wrap:wrap;
  padding:5px 14px; background:#030603;
  border-bottom:2px solid #111; flex-shrink:0;
}
.hstat{display:flex;align-items:center;gap:5px;white-space:nowrap;}
.hstat-lbl{font-size:10px;color:#888;}
.hstat-val{font-size:11px;}
.bar-wrap{position:relative;width:70px;height:10px;background:#0a0a0a;border:1px solid #1a1a1a;overflow:hidden;border-radius:1px;}
.bar-fill{height:100%;transition:width 0.6s ease;border-radius:1px;}
.bg{background:linear-gradient(90deg,#003a10,var(--green));box-shadow:0 0 4px var(--green);}
.ba{background:linear-gradient(90deg,#3a2000,var(--amber));box-shadow:0 0 4px var(--amber);}
.br{background:linear-gradient(90deg,#3a0000,var(--red));box-shadow:0 0 4px var(--red);}
.bp{background:linear-gradient(90deg,#1a003a,var(--purple));box-shadow:0 0 4px var(--purple);}
.bc{background:linear-gradient(90deg,#003a3a,var(--cyan));box-shadow:0 0 4px var(--cyan);}
.bpk{background:linear-gradient(90deg,#3a0025,var(--pink));box-shadow:0 0 4px var(--pink);}

.v-green{color:var(--green);} .v-amber{color:var(--amber);} .v-red{color:var(--red);}
.v-cyan{color:var(--cyan);} .v-magenta{color:var(--magenta);} .v-purple{color:var(--purple);}
.v-pink{color:var(--pink);} .v-orange{color:var(--orange);}

#bank-block{
  margin-left:auto; display:flex; align-items:center; gap:10px;
  border:1px solid #1a1a00; padding:3px 10px; background:#050500; font-size:11px;
}
.bank-item{display:flex;flex-direction:column;align-items:center;}
.bank-lbl{font-size:9px;color:#555;}
.bank-val{font-size:13px;}
#cmd-console{
  flex:1 1 420px; min-width:300px; max-width:640px;
  display:flex; flex-direction:column; gap:3px;
  border:1px solid #122919; background:linear-gradient(180deg,#041008,#030804);
  padding:5px 8px; box-shadow:inset 0 0 12px rgba(0,255,65,0.04);
}
.cmd-console-top{display:flex;align-items:center;gap:8px;min-width:0;}
.cmd-console-lbl{font-size:10px;color:#4d8d62;letter-spacing:1px;flex-shrink:0;}
.cmd-console-status{font-size:10px;color:#7bd88f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cmd-console-input-row{
  display:flex; align-items:center; gap:6px; min-width:0;
  border:1px solid #11331a; background:rgba(0,0,0,0.28); padding:3px 6px;
}
.cmd-console-prompt{font-size:12px;color:var(--green);text-shadow:0 0 6px rgba(0,255,65,0.22);}
#cmd-console-input{
  flex:1; min-width:0; background:transparent; border:0; outline:none;
  color:var(--green); font-family:inherit; font-size:11px; letter-spacing:0.5px;
}
#cmd-console-input::placeholder{color:#2e6a39;}
.cmd-console-suggestions{
  display:flex; gap:4px; flex-wrap:wrap; min-height:18px;
  align-items:flex-start;
}
.cmd-suggestion{
  font-size:9px; color:#5ab96a; border:1px solid #103010;
  background:rgba(0,24,6,0.45); padding:1px 5px; border-radius:2px;
  cursor:pointer; user-select:none; transition:border-color 0.12s ease,background 0.12s ease,color 0.12s ease;
}
.cmd-suggestion:hover{color:#d4ffd8;border-color:#1f6f2a;background:rgba(0,70,18,0.32);}
.cmd-suggestion.active{color:#d4ffd8;border-color:#1f6f2a;background:rgba(0,70,18,0.45);}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.4}}
.pulse{animation:pulse 2s infinite;}

/* ── CRYPTO STRIP ── */
#crypto-strip{background:#030008;border-bottom:1px solid #1a003a;padding:4px 0;overflow:hidden;white-space:nowrap;flex-shrink:0;}
#crypto-inner{display:inline-block;animation:cryptoScroll 45s linear infinite;font-size:12px;}
@keyframes cryptoScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.ctick{display:inline-block;margin:0 18px;}
.cup{color:var(--green);} .cdown{color:var(--red);} .crug{color:var(--magenta);animation:blink 0.5s infinite;}

/* ── MAIN GRID ── */
#main{
  display:grid;
  grid-template-columns:minmax(340px,380px) 0.95fr 1.05fr;
  grid-template-rows:1.22fr 0.78fr;
  gap:5px; padding:5px;
  flex:1; min-height:0; overflow:hidden;
}
.panel{
  background:var(--panel-bg);
  border:1px solid #1a2a1a;
  display:flex; flex-direction:column;
  overflow:hidden; position:relative; border-radius:2px;
}
.panel::before{
  content:''; position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,0.015) 0%,transparent 60%);
  pointer-events:none; z-index:0;
}
#panel-radar {border-color:#1a4a1a; box-shadow:0 0 14px rgba(0,255,65,0.08),  inset 0 0 8px rgba(0,255,65,0.03);}
#panel-bj    {border-color:#003a4a; box-shadow:0 0 14px rgba(0,212,255,0.08), inset 0 0 8px rgba(0,212,255,0.03);}
#panel-flight{border-color:#3a1a00; box-shadow:0 0 14px rgba(255,102,0,0.1),  inset 0 0 8px rgba(255,102,0,0.04);}
#panel-fb    {border-color:#3a2a00; box-shadow:0 0 14px rgba(255,179,0,0.08), inset 0 0 8px rgba(255,179,0,0.03);}
#panel-reddit{border-color:#2a004a; box-shadow:0 0 14px rgba(180,77,255,0.08),inset 0 0 8px rgba(180,77,255,0.03);}

.panel-title{
  font-size:12px; padding:6px 10px; border-bottom:1px solid #111;
  letter-spacing:1px; flex-shrink:0; position:relative; z-index:1;
  display:flex; align-items:center; gap:6px;
}
#panel-radar  .panel-title{color:var(--green); background:rgba(0,255,65,0.05); border-color:#1a3a1a;}
#panel-bj     .panel-title{color:var(--cyan);  background:rgba(0,212,255,0.05);border-color:#003a4a;}
#panel-flight .panel-title{color:var(--orange);background:rgba(255,102,0,0.05);border-color:#3a1a00;}
#panel-fb     .panel-title{color:var(--amber); background:rgba(255,179,0,0.05);border-color:#3a2a00;}
#panel-reddit .panel-title{color:var(--purple);background:rgba(180,77,255,0.05);border-color:#2a004a;}
#panel-radar{grid-row:1/3;}

/* ── RADAR ── */
#radar-canvas{display:block;flex-shrink:0;cursor:crosshair;}
#radar-hud{
  display:grid; grid-template-columns:repeat(4,1fr); gap:5px;
  padding:5px 8px; border-top:1px solid #081408; border-bottom:1px solid #0a1a0a;
  background:linear-gradient(180deg,rgba(0,18,4,0.92),rgba(0,10,2,0.92));
  position:relative; z-index:1; flex-shrink:0;
}
.radar-chip{
  padding:4px 6px; border:1px solid #103010; background:rgba(0,22,6,0.55);
  min-width:0;
}
.radar-chip-lbl{
  display:block; font-size:9px; color:#2a5a2a; letter-spacing:1px;
}
.radar-chip-val{
  display:block; font-size:12px; color:var(--green); white-space:nowrap;
  overflow:hidden; text-overflow:ellipsis;
}
#atc-chatter{
  padding:3px 8px; font-size:10px; flex-shrink:0;
  border-top:1px solid #081408; border-bottom:1px solid #081408;
  background:rgba(0,6,1,0.92); color:#006622; letter-spacing:0.4px;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
#atc-chatter::before{ content:'▷ ATC: '; color:#004015; }
#radar-log{
  height:84px; overflow-y:auto; padding:4px 8px;
  font-size:11px; position:relative; z-index:1; flex-shrink:0;
  background:linear-gradient(180deg,rgba(0,8,2,0.95),rgba(0,4,1,0.98));
}
#radar-log::-webkit-scrollbar{width:3px;}
#radar-log::-webkit-scrollbar-thumb{background:#1a3a1a;}
.log-entry{color:#004a15;margin:1px 0;line-height:1.35;}
.log-entry .threat{color:var(--magenta);}
.log-entry .ts{color:#006010;}
.log-entry .neut{color:var(--amber);}
#ufo-lab{
  flex:1; min-height:150px; display:flex; flex-direction:column;
  border-top:1px solid #0a1a0a; background:linear-gradient(180deg,#020802,#010401);
  position:relative; z-index:1;
}
#ufo-lab-hdr{
  display:flex; justify-content:space-between; align-items:center;
  padding:5px 8px; font-size:10px; color:#8bcf9b; letter-spacing:1px;
  border-bottom:1px solid #081408; background:rgba(0,18,4,0.75);
}
#ufo-status{color:#7fd8ff;}
#ufo-lab-main{
  flex:1; min-height:0; display:block; padding:8px;
}
#ufo-cam-wrap{
  position:relative; min-height:0; height:100%; width:100%;
  overflow:hidden; border:1px solid #081408; border-radius:2px;
  aspect-ratio:16 / 9;
  background:radial-gradient(circle at 50% 50%,rgba(10,36,18,0.7),rgba(0,0,0,0.96));
}
#ufo-cam{
  display:block; width:100%; height:100%; border:0; background:#000;
}

@media (max-width: 820px) {
  #ufo-lab-main{padding:6px;}
  #ufo-cam-wrap{aspect-ratio:4 / 3;}
}
/* ── GAMBLE TABS ── */
.gamble-tabs{display:flex;gap:6px;padding:5px 8px 4px;border-bottom:1px solid #003a4a;position:relative;z-index:1;flex-shrink:0;}
.gamble-tab{font-family:inherit;font-size:10px;color:#6fa5b8;background:rgba(0,58,74,0.5);border:1px solid #003a4a;padding:4px 10px;cursor:pointer;border-radius:2px;transition:all 0.12s;}
.gamble-tab:hover{color:var(--cyan);border-color:#007a8a;}
.gamble-tab.active{color:var(--cyan);border-color:var(--cyan);box-shadow:0 0 10px rgba(0,212,255,0.18);background:rgba(0,212,255,0.08);}

/* ── BLACKJACK ── */
.bj-stats{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:5px 8px;flex-shrink:0;position:relative;z-index:1;}
.bj-stat{padding:4px 6px;border:1px solid #0a1a1a;background:#040a0a;border-radius:2px;}
.bj-stat .s-lbl{font-size:9px;color:#336;letter-spacing:1px;}
.bj-stat .s-val{font-size:18px;font-weight:bold;}
.bj-area{flex:1;display:flex;flex-direction:column;justify-content:center;padding:8px 10px;gap:8px;overflow:hidden;position:relative;z-index:1;min-height:0;}
.bj-row-lbl{font-size:10px;color:#004a4a;letter-spacing:1px;}
.cards-row{display:flex;gap:5px;flex-wrap:wrap;justify-content:center;}
.trade-area .bj-btns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
.card{
  width:40px;height:56px;border:1px solid #222;
  background:linear-gradient(135deg,#101010,#1a1a1a);
  display:flex;flex-direction:column;align-items:center;
  justify-content:center;font-size:13px;line-height:1.2;
  border-radius:3px;flex-shrink:0;transition:transform 0.15s;
}
.card:hover{transform:translateY(-4px);}
.card.red{color:var(--red);border-color:rgba(255,51,51,0.5);}
.card.black{color:#ccc;border-color:#333;}
.card.dealer-c{border-color:rgba(0,212,255,0.5);}
.card.hidden{background:repeating-linear-gradient(45deg,#0a0a0a,#0a0a0a 4px,#141414 4px,#141414 8px);color:transparent;border-color:#222;}
.bj-advice{font-size:12px;color:var(--amber);border-top:1px solid #0a1a0a;padding-top:5px;flex-shrink:0;}
.bj-result{font-size:17px;font-weight:bold;text-align:center;min-height:26px;flex-shrink:0;}
.result-win{color:var(--green);text-shadow:0 0 14px var(--green);}
.result-loss{color:var(--red);text-shadow:0 0 14px var(--red);}
.bj-btns{display:flex;gap:5px;flex-shrink:0;}
.bj-btn{
  flex:1;padding:7px 4px;font-family:inherit;font-size:13px;
  cursor:pointer;border-radius:2px;border:1px solid;
  background:transparent;transition:all 0.1s;letter-spacing:1px;
  white-space:nowrap;
}
.bj-btn:active{transform:scale(0.95);}
.btn-hit{color:var(--green);border-color:var(--green);}
.btn-hit:hover{background:rgba(0,255,65,0.15);}
.btn-stand{color:var(--amber);border-color:var(--amber);}
.btn-stand:hover{background:rgba(255,179,0,0.15);}
.btn-dbl{color:var(--purple);border-color:var(--purple);}
.btn-dbl:hover{background:rgba(180,77,255,0.15);}
.btn-auto{color:#8be9a6;border-color:#2b8f52;}
.btn-auto:hover{background:rgba(43,143,82,0.18);}
.auto-row{display:flex;gap:5px;align-items:center;flex-shrink:0;}
.auto-row .bj-btn{flex:0 0 auto;}
.auto-status{
  flex:1; min-width:0; font-size:11px; color:#63c27d;
  border:1px solid #103010; background:rgba(0,18,4,0.36);
  padding:7px 8px; letter-spacing:0.8px; white-space:nowrap;
  overflow:hidden; text-overflow:ellipsis; border-radius:2px;
}

/* ── SLOTS ── */
.slots-area{display:none;flex-direction:column;justify-content:space-evenly;flex:1;padding:8px 10px;gap:10px;overflow:hidden;position:relative;z-index:1;min-height:0;}
.slots-area.active{display:flex;}
.trade-area{display:none;flex-direction:column;flex:1;padding:8px 10px;gap:8px;overflow:hidden;position:relative;z-index:1;min-height:0;}
.trade-area.active{display:flex;}
.trade-ticker-row{display:flex;gap:4px;flex-wrap:wrap;}
.tr-sym-btn{background:transparent;border:1px solid #1a3a1a;color:#555;font-family:inherit;font-size:9px;padding:2px 5px;cursor:pointer;border-radius:2px;display:flex;flex-direction:column;align-items:center;gap:1px;min-width:52px;}
.tr-sym-btn:hover{background:rgba(255,255,255,0.05);}
.tr-sym-btn.active{background:rgba(0,212,255,0.08);border-color:var(--cyan);}
.tr-btn-sym{font-size:9px;letter-spacing:0.5px;}
.tr-btn-price{font-size:8px;opacity:0.8;}
.trade-price-row{display:flex;align-items:baseline;gap:10px;padding:2px 0;}
.trade-sym-lbl{font-size:13px;color:var(--cyan);font-weight:bold;letter-spacing:1px;}
.trade-price-val{font-size:16px;color:var(--green);}
.trade-delta{font-size:11px;}
#trade-chart{display:block;width:100%;border:1px solid #0a1a0a;border-radius:2px;flex:1;min-height:130px;}
.reel-display{display:flex;align-items:center;justify-content:center;gap:10px;flex:0 0 auto;min-height:108px;}
.reel{
  width:70px;height:86px;border:2px solid #1a1800;
  background:linear-gradient(160deg,#0a0800,#140f00);
  display:flex;align-items:center;justify-content:center;
  font-size:26px;font-weight:bold;border-radius:3px;
  transition:border-color 0.15s,box-shadow 0.15s;
}
.reel.spinning{border-color:var(--amber);box-shadow:0 0 10px rgba(255,179,0,0.3);}
.reel.reel-win{border-color:var(--green);box-shadow:0 0 12px rgba(0,255,65,0.35);}
.reel.reel-jackpot{border-color:#ffd700;box-shadow:0 0 20px rgba(255,215,0,0.7);animation:pulse 0.4s infinite;}
.reel-sep{font-size:20px;color:#1a1800;}
.slots-result{
  text-align:center;font-size:14px;font-weight:bold;
  min-height:22px;flex-shrink:0;color:var(--amber);letter-spacing:1px;
}
.slots-result.sl-win{color:var(--green);text-shadow:0 0 10px var(--green);}
.slots-result.sl-jackpot{color:#ffd700;text-shadow:0 0 16px #ffd700;animation:pulse 0.5s infinite;}
.slots-result.sl-loss{color:var(--red);}
.slots-result.sl-curse{color:var(--pink);text-shadow:0 0 10px var(--pink);}

#panel-bj .bj-stats{flex-shrink:0;}
#panel-bj .bj-advice{margin-top:auto;}

/* ── FLIGHT TRACKER ── */
#flight-canvas{display:block;flex:1;min-height:0;position:relative;z-index:1;cursor:crosshair;}
#flight-info{
  display:none;flex-wrap:wrap;gap:6px;align-content:flex-start;
  position:absolute;left:10px;right:10px;bottom:10px;
  border:1px solid rgba(255,102,0,0.45);padding:10px;
  max-height:42%;overflow-y:auto;z-index:4;
  background:rgba(7,3,0,0.9);backdrop-filter:blur(3px);
  box-shadow:0 0 18px rgba(255,102,0,0.14);
  border-radius:2px;
}
#flight-info.has-selection{display:flex;}
#flight-info::-webkit-scrollbar{width:3px;}
#flight-info::-webkit-scrollbar-thumb{background:#3a1a00;}
.ground-unit-card{background:rgba(255,215,0,0.04);}
.plane-card{
  padding:6px 8px;font-size:10px;border:1px solid rgba(255,102,0,0.35);background:rgba(36,10,0,0.5);
  border-radius:2px;cursor:pointer;transition:all 0.2s ease;flex:0 0 calc(20% - 5px);min-width:120px;max-height:24px;overflow:hidden;
}
.plane-card:empty{display:none;}
.plane-card:hover{border-color:rgba(255,102,0,0.6);background:rgba(255,102,0,0.1);}
.plane-card.selected{display:block;flex:0 0 100%;max-height:none;background:rgba(255,102,0,0.15);border-color:rgba(255,102,0,0.8);padding:10px 12px;box-shadow:0 0 18px rgba(255,102,0,0.18);}
.pi-call{font-size:10px;color:#ff9944;cursor:pointer;font-weight:bold;}
.plane-card.selected .pi-call{color:#ffaa55;}
.pi-name{font-size:12px;font-weight:bold;margin:3px 0;}
.pi-route{font-size:10px;color:#886633;margin:2px 0;}
.pi-status{font-size:10px;color:#999;font-style:italic;margin:2px 0;}
.pi-stats{font-size:10px;color:#886633;margin:2px 0;}
.plane-card.selected .pi-call{font-size:14px;}
.plane-card.selected .pi-name{font-size:17px;}
.plane-card.selected .pi-route{font-size:14px;}
.plane-card.selected .pi-status{font-size:14px;}
.plane-card.selected .pi-stats{font-size:14px;}
.pi-prog-wrap{height:6px;background:#0a0500;border:1px solid #1a0a00;margin-top:6px;border-radius:2px;}
.pi-prog-fill{height:100%;transition:width 1s linear;}
.pi-btns{display:flex;gap:6px;margin-top:8px;}
.pi-btn{
  flex:1;font-family:inherit;font-size:10px;letter-spacing:0.8px;
  color:var(--orange);border:1px solid rgba(255,102,0,0.55);
  background:rgba(36,10,0,0.55);padding:5px 6px;cursor:pointer;
  white-space:nowrap;border-radius:2px;font-weight:bold;
}
.pi-btn:hover{background:rgba(255,102,0,0.2);border-color:rgba(255,102,0,0.8);}
.pi-btn-close{color:#d7b18a;border-color:rgba(215,177,138,0.45);}
.pi-btn-close:hover{background:rgba(215,177,138,0.12);border-color:rgba(215,177,138,0.75);}

/* ── FB FEED ── */
.market-tabs{
  display:flex; gap:6px; padding:6px 8px 4px;
  border-bottom:1px solid #1a0a00; position:relative; z-index:1;
}
.market-tab{
  font-family:inherit; font-size:10px; color:#886633;
  background:rgba(26,10,0,0.5); border:1px solid #3a2a00;
  padding:4px 8px; cursor:pointer; border-radius:2px;
  transition:all 0.12s ease;
}
.market-tab:hover{color:var(--amber);border-color:#7a5400;}
.market-tab.active{
  color:var(--amber); border-color:var(--amber);
  box-shadow:0 0 12px rgba(255,179,0,0.18);
  background:rgba(255,179,0,0.08);
}
.fb-header{padding:4px 8px;font-size:10px;color:var(--amber);border-bottom:1px solid #1a0a00;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;position:relative;z-index:1;}
#lb-count{color:var(--red);font-size:14px;font-weight:bold;}
#fb-feed{flex:1;overflow-y:auto;padding:5px 8px;font-size:12px;display:flex;flex-direction:column;gap:3px;position:relative;z-index:1;}
#fb-feed::-webkit-scrollbar{width:3px;}
#fb-feed::-webkit-scrollbar-thumb{background:var(--amber);}
.fb-msg{line-height:1.5;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;}
.fb-user{color:var(--amber);font-size:11px;white-space:nowrap;}
.fb-seller{color:var(--cyan);font-size:11px;white-space:nowrap;}
.fb-platform{
  display:inline-block; padding:1px 4px; margin-right:4px;
  border:1px solid currentColor; border-radius:2px; font-size:9px;
  letter-spacing:0.5px;
}
.fb-system{color:#a06020;font-size:10px;text-align:center;margin:4px 0;width:100%;padding:2px 0;border-top:1px solid #5a3010;border-bottom:1px solid #5a3010;}
.fb-text{color:#999;}
.fb-block-btn{font-family:inherit;font-size:9px;color:var(--red);border:1px solid var(--red);background:transparent;cursor:pointer;padding:1px 5px;border-radius:2px;margin-left:auto;flex-shrink:0;}
.fb-block-btn:hover{background:rgba(255,51,51,0.15);}

/* ── REDDIT ── */
.reddit-sub-bar{padding:3px 8px;font-size:10px;color:#2a004a;border-bottom:1px solid #12003a;flex-shrink:0;position:relative;z-index:1;}
#reddit-feed{flex:1;overflow-y:auto;padding:5px 8px;display:flex;flex-direction:column;gap:7px;position:relative;z-index:1;}
#reddit-feed::-webkit-scrollbar{width:3px;}
#reddit-feed::-webkit-scrollbar-thumb{background:var(--purple);}
.reddit-post{border:1px solid #1a003a;padding:6px 8px;background:rgba(180,77,255,0.04);border-radius:2px;animation:fadeIn 0.4s ease;}
@keyframes fadeIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.rpost-sub{color:var(--purple);font-size:10px;}
.rpost-title{color:#ccc;line-height:1.4;margin:3px 0;font-size:12px;}
.rpost-meta{display:flex;align-items:center;gap:8px;font-size:10px;color:#333;}
.rpost-yta{color:var(--red);} .rpost-nta{color:var(--green);}
.rpost-ups{color:var(--amber);}
.vote-btn{font-family:inherit;font-size:12px;background:transparent;border:none;cursor:pointer;padding:0 3px;transition:transform 0.1s;}
.vote-btn:hover{transform:scale(1.5);}
.vote-up{color:var(--amber);} .vote-dn{color:var(--purple);}
.rpost-hot{color:var(--red);font-weight:bold;font-size:9px;}
.rpost-pinned{border-left:3px solid var(--amber);background:rgba(255,179,0,0.08);}
.post-award-btn,.post-share-btn{font-size:11px;background:transparent;border:none;cursor:pointer;padding:0 4px;transition:transform 0.1s;color:#666;}
.post-award-btn:hover,.post-share-btn:hover{transform:scale(1.4);color:#888;}

.reddit-tabs{display:flex;gap:6px;padding:6px 8px 4px;border-bottom:1px solid #1a003a;position:relative;z-index:1;}
.reddit-tab{font-family:inherit;font-size:10px;color:#6b4499;background:rgba(26,0,52,0.5);border:1px solid #330066;padding:4px 10px;cursor:pointer;border-radius:2px;transition:all 0.12s ease;}
.reddit-tab:hover{color:var(--purple);border-color:#5500aa;}
.reddit-tab.active{color:var(--purple);border-color:var(--purple);box-shadow:0 0 12px rgba(180,77,255,0.18);background:rgba(180,77,255,0.08);}

#propaganda-bar{display:flex;align-items:center;gap:8px;padding:8px;background:rgba(255,179,0,0.08);border:1px solid rgba(255,179,0,0.3);border-radius:2px;margin:0 0 8px 0;flex-shrink:0;}
#propaganda-prompt{flex:1;font-size:10px;color:var(--amber);font-weight:bold;letter-spacing:0.5px;}
#propaganda-btn{font-family:inherit;font-size:10px;color:var(--amber);border:1px solid rgba(255,179,0,0.55);background:rgba(255,179,0,0.08);padding:5px 8px;cursor:pointer;border-radius:2px;white-space:nowrap;font-weight:bold;transition:all 0.2s;}
#propaganda-btn:hover:not(:disabled){background:rgba(255,179,0,0.15);border-color:rgba(255,179,0,0.8);}
#propaganda-btn:disabled{opacity:0.5;cursor:not-allowed;color:#666;}
.propaganda-live{
  background:rgba(255,179,0,0.15);
  border-color:rgba(255,179,0,0.8);
  box-shadow:0 0 18px rgba(255,179,0,0.28);
  animation:propagandaFlash 0.7s steps(2, end) infinite;
}
.propaganda-live #propaganda-prompt{
  animation:propagandaEmojiFlash 0.7s steps(2, end) infinite;
  text-shadow:0 0 10px rgba(255,179,0,0.45);
}
.propaganda-live #propaganda-btn{
  border-color:var(--amber);
  background:rgba(255,179,0,0.24);
  box-shadow:0 0 12px rgba(255,179,0,0.3);
}
@keyframes propagandaFlash{
  0%, 100% { opacity:1; box-shadow:0 0 18px rgba(255,179,0,0.28); }
  50% { opacity:0.72; box-shadow:0 0 28px rgba(255,179,0,0.38); }
}
@keyframes propagandaEmojiFlash{
  0%, 100% { opacity:1; }
  50% { opacity:0.48; }
}

#chan-feed{flex:1;overflow-y:auto;padding:5px 8px;display:flex;flex-direction:column;gap:7px;position:relative;z-index:1;}
#chan-feed::-webkit-scrollbar{width:3px;}
#chan-feed::-webkit-scrollbar-thumb{background:#0a5a0a;}
.chan-post{border:1px solid #003300;padding:6px 8px;background:#030d03;border-radius:2px;font-family:'Courier New',monospace;font-size:10px;color:#00aa44;line-height:1.4;animation:fadeIn 0.4s ease;}
.chan-hdr{display:flex;gap:8px;margin-bottom:4px;font-size:9px;color:#007700;}
.chan-board{font-weight:bold;color:#00ff44;}
.chan-anon{color:#006600;}
.chan-time{color:#006600;}
.chan-content{white-space:pre-wrap;word-break:break-word;margin-bottom:4px;}
.chan-footer{display:flex;gap:12px;font-size:9px;color:#005500;margin-top:4px;border-top:1px solid #003300;padding-top:3px;}
.chan-insider{border-color:var(--amber);background:#0d0900;}
.chan-insider-confirm{border-color:var(--green);background:#000d03;}
.chan-insider-tag{font-weight:bold;color:var(--amber);margin-left:auto;}

/* ── TICKER ── */
#ticker{border-top:1px solid #2a2a00;background:#080800;padding:7px 0;overflow:hidden;flex-shrink:0;white-space:nowrap;}
#ticker-inner{display:inline-block;animation:tickerScroll 160s linear infinite;font-size:14px;color:#999900;}
#ticker-inner .t-alert{color:var(--amber);} #ticker-inner .t-hot{color:var(--red);}
@keyframes tickerScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ── TOAST ── */
#toast{position:fixed;top:12px;left:50%;transform:translate(-50%,-135%);z-index:9999;background:#0a0a0a;border:1px solid var(--green);color:var(--green);padding:10px 16px;font-size:12px;border-radius:2px;opacity:0;transition:transform 0.28s ease,opacity 0.28s ease;pointer-events:none;box-shadow:0 0 14px rgba(0,255,65,0.3);max-width:90%;text-align:center;}
#toast.show{opacity:1;transform:translate(-50%,0);}

/* ── FUNDING MODAL ── */
#funding-modal{position:fixed;inset:0;background:rgba(0,0,0,0.72);z-index:9995;display:none;align-items:center;justify-content:center;pointer-events:none;backdrop-filter:blur(3px);}
#funding-modal.show{display:flex;animation:fadeIn 0.3s ease;pointer-events:auto;}
#funding-box{background:#060606;border:2px solid var(--amber);box-shadow:0 0 60px rgba(255,179,0,0.45),0 0 120px rgba(255,179,0,0.15);padding:28px 38px;max-width:480px;width:90%;text-align:center;animation:popIn 0.35s cubic-bezier(0.34,1.56,0.64,1);position:relative;z-index:1;}
@keyframes popIn{from{transform:scale(0.6);opacity:0}to{transform:scale(1);opacity:1}}
#fund-hdr{font-size:14px;color:var(--amber);letter-spacing:4px;text-shadow:0 0 12px var(--amber);margin-bottom:14px;animation:blink 0.8s infinite;}
#fund-from{font-size:24px;font-weight:bold;margin-bottom:2px;}
#fund-org{font-size:10px;color:#555;margin-bottom:14px;letter-spacing:1px;}
#fund-title{font-size:12px;color:var(--red);letter-spacing:1px;margin-bottom:12px;text-transform:uppercase;}
#fund-amount{font-size:40px;font-weight:bold;text-shadow:0 0 24px currentColor;margin:10px 0 14px;}
#fund-urgency{font-size:11px;margin-bottom:10px;letter-spacing:2px;}
#fund-reason{font-size:11px;color:#888;line-height:1.6;margin-bottom:14px;padding:10px;border:1px solid #1a1500;background:#040300;text-align:left;}
#fund-source{font-size:10px;color:var(--amber);margin-bottom:16px;}
.fund-btns{display:flex;gap:14px;justify-content:center;margin-bottom:10px;}
.f-btn{font-family:inherit;font-size:14px;padding:10px 26px;cursor:pointer;border-radius:2px;border:1px solid;background:transparent;transition:all 0.1s;letter-spacing:2px;white-space:nowrap;}
.f-btn:active{transform:scale(0.95);}
.f-approve{color:var(--green);border-color:var(--green);}
.f-approve:hover{background:rgba(0,255,65,0.15);}
.f-deny{color:var(--red);border-color:var(--red);}
.f-deny:hover{background:rgba(255,51,51,0.15);}
#fund-fine{font-size:8px;color:#2a2a2a;font-style:italic;}

/* ── LEAGUE POPUPS ── */
.league-popup{
  position:fixed; right:12px; width:320px; z-index:9992; display:none;
}
.league-popup.show{display:block;animation:slideInRight 0.28s ease;}
#league-ff-popup{top:308px;}
#league-baron-popup{top:448px;}
.league-popup-box{
  background:linear-gradient(180deg,#090414,#05030c);
  border:2px solid #8b6b2f;
  box-shadow:0 0 28px rgba(180,140,60,0.34),0 0 60px rgba(0,0,0,0.35);
  padding:12px 14px;
}
.league-popup-hdr{
  font-size:10px; letter-spacing:2px; color:#d7be73; margin-bottom:7px;
}
.league-popup-title{
  font-size:18px; color:#f0d68a; text-shadow:0 0 12px rgba(240,214,138,0.35);
  margin-bottom:6px;
}
.league-popup-status{
  font-size:10px; color:#7abbe7; letter-spacing:1px; margin-bottom:8px;
}
.league-ff-votes{
  display:flex; gap:6px; margin:0 0 10px;
}
.league-ff-vote{
  width:100%; height:10px; border:1px solid #516279;
  background:rgba(9, 15, 28, 0.85);
  box-shadow:inset 0 0 6px rgba(0,0,0,0.35);
}
.league-ff-vote.filled{
  border-color:#4ff08e;
  background:linear-gradient(180deg,#41d57c,#1d8a4a);
  box-shadow:0 0 10px rgba(79,240,142,0.2), inset 0 0 6px rgba(255,255,255,0.14);
}
.league-popup-body{
  font-size:11px; line-height:1.5; color:#9ea8bb;
  padding:8px; margin-bottom:10px;
  border:1px solid rgba(122,187,231,0.2); background:rgba(7,12,24,0.65);
}
.league-popup-btns{display:flex;gap:8px;}
.league-btn{
  flex:1; font-family:inherit; font-size:11px; letter-spacing:1px;
  padding:8px 10px; cursor:pointer; border-radius:2px; border:1px solid;
  background:transparent; transition:all 0.1s; white-space:nowrap;
}
.league-btn:active{transform:scale(0.96);}
.league-btn-primary{color:#7abbe7;border-color:#7abbe7;}
.league-btn-primary:hover{background:rgba(122,187,231,0.15);}
.league-btn-danger{color:#ff6666;border-color:#ff6666;}
.league-btn-danger:hover{background:rgba(255,102,102,0.15);}

/* ── CRASH MODAL (centered on flight canvas) ── */
#crash-modal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:380px;z-index:9993;display:none;background:rgba(0,0,0,0.85);}
#crash-modal.show{display:block;animation:popIn 0.3s ease;}
#crash-box{background:#06000a;border:2px solid var(--red);box-shadow:0 0 28px rgba(255,51,51,0.45),0 0 60px rgba(255,51,51,0.15);padding:16px 20px;}
#crash-hdr{font-size:11px;color:var(--red);letter-spacing:3px;margin-bottom:8px;animation:blink 0.5s infinite;white-space:nowrap;}
#crash-callsign{font-size:9px;color:#555;letter-spacing:2px;margin-bottom:3px;}
#crash-name{font-size:16px;font-weight:bold;color:var(--red);text-shadow:0 0 12px var(--red);margin-bottom:6px;white-space:nowrap;}
#crash-location{font-size:10px;color:var(--amber);margin-bottom:8px;letter-spacing:1px;white-space:nowrap;}
#crash-evidence{font-size:10px;color:#777;line-height:1.5;margin-bottom:10px;padding:8px;border:1px solid #1a0000;background:#080000;}
#crash-fine{font-size:7px;color:#252525;font-style:italic;margin-top:8px;}
.crash-btns{display:flex;flex-direction:column;gap:8px;margin-bottom:6px;}
.cr-btn{font-family:inherit;font-size:11px;padding:7px 8px;cursor:pointer;border-radius:2px;border:1px solid;background:transparent;transition:all 0.1s;letter-spacing:1px;flex:1;white-space:nowrap;}
.cr-btn:active{transform:scale(0.95);}
.cr-investigate{color:var(--cyan);border-color:var(--cyan);}
.cr-investigate:hover{background:rgba(0,212,255,0.15);}
.cr-coverup{color:var(--red);border-color:var(--red);}
.cr-coverup:hover{background:rgba(255,51,51,0.15);}

@media (max-width: 1280px) {
  #main{grid-template-columns:minmax(300px,340px) 1fr 1fr;}
}

@media (max-width: 1080px) {
  body{height:auto;min-height:100vh;overflow:auto;}
  #main{
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto auto auto;
    min-height:calc(100vh - 170px);
  }
  #panel-radar{grid-row:auto;grid-column:1 / -1;}
}

@media (max-width: 820px) {
  #hdr1{flex-wrap:wrap;}
  #audio-controls{margin-left:0;}
  #main{grid-template-columns:1fr;}
  #panel-radar{grid-column:auto;}
  .fb-header{flex-direction:column;align-items:flex-start;gap:4px;}
  .league-popup{right:8px;left:8px;width:auto;}
  #league-ff-popup{top:260px;}
  #league-baron-popup{top:410px;}
}

/* ── NORAD DOSSIER ── */
#radar-dossier{
  position:absolute;right:0;top:0;bottom:0;width:210px;
  background:rgba(0,6,10,0.97);border-left:1px solid var(--cyan);
  padding:10px 10px;transform:translateX(100%);
  transition:transform 0.28s ease;z-index:10;
  display:flex;flex-direction:column;gap:7px;font-size:10px;
}
#radar-dossier.show{transform:translateX(0);}
#dossier-hdr{color:var(--cyan);font-size:11px;letter-spacing:2px;border-bottom:1px solid #0a2a3a;padding-bottom:6px;text-shadow:0 0 6px var(--cyan);}
#dossier-class{color:#3a6a7a;letter-spacing:1px;}
#dossier-id{color:var(--green);word-break:break-word;font-size:11px;font-weight:bold;}
#dossier-threat{color:var(--amber);}
#dossier-origin{color:#555;}
#dossier-action{color:var(--red);font-size:9px;letter-spacing:0.5px;padding:5px;border:1px solid #2a0000;background:#080000;}
.dossier-btns{margin-top:auto;display:flex;flex-direction:column;gap:6px;}
.doss-btn{background:none;font-family:inherit;font-size:10px;padding:6px;cursor:pointer;letter-spacing:1px;border:1px solid;transition:all 0.1s;}
.doss-neut{border-color:var(--green);color:var(--green);}
.doss-neut:hover{background:rgba(0,255,65,0.1);text-shadow:0 0 6px var(--green);}
.doss-dismiss{border-color:#2a3a2a;color:#4a6a4a;}
.doss-dismiss:hover{border-color:var(--amber);color:var(--amber);}

/* ── DEFCON FLASH ── */
.defcon-flash{background:#1a0000 !important;border-color:var(--red) !important;transition:background 0.15s,border-color 0.15s;}

/* ── MCNUGGET TRACKER ── */
#mcnugget-tracker{
  position:fixed;bottom:38px;right:14px;z-index:8900;
  background:#050200;border:1px solid var(--amber);
  padding:8px 12px;font-size:10px;max-width:300px;
  display:none;letter-spacing:0.5px;
  box-shadow:0 0 14px rgba(255,179,0,0.25);
  animation:slideInRight 0.3s ease;
}
#mcnugget-tracker.show{display:block;}
#mcnugget-text{color:var(--amber);}

/* ── DM AUTO-RESPONDER ── */
#dm-feed{flex:1;overflow-y:auto;padding:4px 0;}
#dm-feed::-webkit-scrollbar{width:3px;}
#dm-feed::-webkit-scrollbar-thumb{background:#1a003a;}
.dm-post{padding:8px 10px;border-bottom:1px solid #0d000f;display:flex;flex-direction:column;gap:4px;}
.dm-header{display:flex;align-items:center;gap:8px;margin-bottom:2px;}
.dm-sender{font-size:10px;color:var(--purple);font-weight:bold;}
.dm-platform{font-size:9px;color:#3a2a4a;border:1px solid #2a1a3a;padding:1px 4px;}
.dm-msg{font-size:11px;color:var(--amber);background:rgba(255,179,0,0.05);padding:5px 7px;border-left:2px solid #3a2a00;}
.dm-reply{font-size:11px;color:var(--green);margin-top:3px;padding:4px 7px;border-left:2px solid #003a10;}
.dm-reply::before{content:'▶ AUTO-REPLY: ';color:#2a5a2a;}

/* ── AMAZON TRACKER ── */
#amazon-tracker{
  position:fixed;bottom:66px;right:14px;z-index:8900;
  background:#050010;border:1px solid var(--magenta);
  padding:8px 12px;font-size:10px;max-width:300px;
  display:none;letter-spacing:0.5px;
  box-shadow:0 0 14px rgba(255,0,255,0.25);
  animation:slideInRight 0.3s ease;
}
#amazon-tracker.show{display:block;}
#amazon-text{color:var(--magenta);}

/* ── MISSION TIMER ── */
#mission-timer{
  position:fixed;bottom:94px;right:14px;z-index:8900;
  background:#000510;border:1px solid var(--cyan);
  padding:8px 12px;font-size:10px;max-width:300px;
  display:none;letter-spacing:0.5px;
  box-shadow:0 0 14px rgba(0,212,255,0.25);
  animation:slideInRight 0.3s ease;
}
#mission-timer.show{display:block;}
#mission-text{color:var(--cyan);}