:root{--ivory:#fbf6ef;--pearl:#f7eee6;--cream:#f2e4d6;--surface:rgba(245,229,214,.92);--surface2:rgba(255,250,244,.88);--line:rgba(174,120,54,.25);--lineStrong:rgba(184,117,31,.42);--gold:#c9821d;--gold2:#e2aa42;--deepGold:#8a4b08;--lav:#9a70ff;--green:#34b86b;--text:#2b2119;--soft:#796657;--muted:#9c8573;--shadow:rgba(92,58,30,.16)}
*{box-sizing:border-box}body,body.theme-dark{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);overflow:hidden;background:#140d09}#app{width:100vw;height:100vh;position:relative}canvas{
  position:absolute;
  inset:0;
  z-index:0;
  display:block;
  width:100%;
  height:100%;
  touch-action:none;
  cursor:grab;
  filter:saturate(1.22) brightness(.76) contrast(1.18);
}
.spaceVignette{
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  overflow:hidden;
  background:none;
}
.spaceVignette::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:150vmax;
  height:150vmax;
  transform:translate(-50%, -50%);
  border-radius:50%;
  background:
    radial-gradient(
      circle,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,0) 32%,
      rgba(255,183,66,.10) 48%,
      rgba(246,214,174,.30) 66%,
      rgba(246,232,216,.68) 86%,
      rgba(246,232,216,.92) 100%
    );
  opacity:.95;
}
.spaceVignette::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:76vmax;
  height:76vmax;
  transform:translate(-50%, -50%);
  border-radius:50%;
  background:
    radial-gradient(
      circle,
      rgba(255,185,80,.20) 0%,
      rgba(154,112,255,.10) 32%,
      rgba(255,255,255,0) 64%
    );
  mix-blend-mode:screen;
  opacity:.9;
}
.vimanaShell{position:absolute;inset:14px;z-index:10;pointer-events:none;display:grid;grid-template-columns:420px minmax(420px,1fr) 390px;grid-template-rows:84px 1fr;gap:14px}.topBar,.leftStack,.rightStack,.bottomBar,.centerTools{pointer-events:auto}.topBar{grid-column:1/4;grid-row:1;display:grid;grid-template-columns:420px 1fr;align-items:center;gap:14px}
.brandCard,.statusCard,.searchCard,.softwarePanel,.bottomBar,.centerTools{background:linear-gradient(180deg,var(--surface2),var(--surface));border:1px solid var(--line);border-radius:24px;box-shadow:0 22px 60px var(--shadow),inset 0 1px 0 rgba(255,255,255,.8);backdrop-filter:blur(18px)}
.brandCard{height:84px;padding:16px 22px;display:flex;align-items:center;gap:16px}.mark{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--lineStrong);color:var(--gold);font-size:24px;box-shadow:0 0 26px rgba(238,177,67,.35)}.brandTitle{letter-spacing:.36em;color:var(--deepGold);font-size:21px;font-weight:560}.brandSub{letter-spacing:.23em;color:var(--soft);font-size:10px;margin-top:4px;text-transform:uppercase}

.statusRow{display:none;align-items:center;justify-content:center;gap:12px}.statusCard{min-width:210px;height:54px;border-radius:18px;padding:10px 18px;display:flex;align-items:center;gap:12px;color:var(--deepGold);font-size:11px;letter-spacing:.13em;text-transform:uppercase}.statusDot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 14px rgba(52,184,107,.55)}
.searchZone{display:flex;justify-content:flex-end;gap:10px;align-items:center}.searchCard{height:48px;width:260px;border-radius:999px;display:flex;align-items:center;gap:10px;padding:0 16px;color:var(--muted);font-size:13px}.roundBtn,button{cursor:pointer;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.84),rgba(243,226,211,.68));color:var(--deepGold);border-radius:18px;font-weight:650;box-shadow:0 10px 25px rgba(92,58,30,.10),inset 0 1px 0 rgba(255,255,255,.85)}.roundBtn{width:48px;height:48px;display:grid;place-items:center;font-size:20px}button.active{background:linear-gradient(180deg,#f5c867,#cf8419);color:#fff;border-color:rgba(147,84,9,.45)}
.leftStack{grid-column:1;grid-row:2/3;display:flex;flex-direction:column;gap:12px;min-height:0;overflow:auto;padding-right:3px;align-content:flex-start}.rightStack{grid-column:3;grid-row:2/3;display:flex;flex-direction:column;align-items:flex-end;gap:12px;min-height:0}.rightStack .softwarePanel{width:100%}.softwarePanel{overflow:hidden;transition:max-height .24s ease,opacity .22s ease}.panelChrome{height:50px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px 0 18px;border-bottom:1px solid rgba(174,120,54,.14)}.panelTitle{color:var(--deepGold);font-size:12px;font-weight:760;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap}.panelCollapse{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;padding:0;font-size:16px}.panelContent{padding:14px}.softwarePanel.collapsed{max-height:50px!important}.softwarePanel.collapsed .panelContent{opacity:0;pointer-events:none}.softwarePanel.collapsed .panelCollapse{transform:rotate(180deg)}
.navPanel{flex:0 0 auto;max-height:none}.navList{display:flex;flex-direction:column;gap:8px}.navItem{height:48px;border-radius:16px;display:grid;grid-template-columns:38px 1fr;align-items:center;padding:0 12px;color:var(--soft);letter-spacing:.08em;text-transform:uppercase;font-size:12px}.navItem.active{background:rgba(255,255,255,.56);border:1px solid rgba(201,130,29,.28);color:var(--deepGold);box-shadow:inset 3px 0 0 var(--gold)}
.planetListPanel{flex:0 0 auto;min-height:0;max-height:none}
.planetListPanel .panelContent{padding:14px;max-height:360px;overflow:auto}
.planetScroll{display:flex;flex-direction:column;gap:8px;max-height:none;overflow:visible;padding-right:4px}.planetRow{height:62px;border-radius:18px;border:1px solid rgba(174,120,54,.18);background:rgba(255,250,244,.72);display:grid;grid-template-columns:52px 1fr 28px;align-items:center;padding:8px 12px;gap:10px}.planetThumb{width:44px;height:44px;border-radius:14px;background:radial-gradient(circle,#f7cf6e,#b66918);box-shadow:0 9px 22px rgba(92,58,30,.15)}.planetRow b{font-size:14px}.planetRow span{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.controlDock{flex:0 0 auto;max-height:none}.dockHeader{display:none}.dockGrid{display:flex;flex-direction:column;gap:12px;max-height:310px;overflow:auto;padding-right:3px}.controlSection{border:1px solid rgba(174,120,54,.16);background:rgba(255,250,244,.68);border-radius:20px;padding:12px}.controlSection h3{margin:0 0 10px;color:var(--deepGold);font-size:11px;letter-spacing:.16em;text-transform:uppercase}.sliderRow{display:grid;grid-template-columns:92px 1fr;gap:12px;align-items:center;margin:9px 0}.sliderRow label{font-size:12px;color:var(--soft)}input[type=range]{width:100%;accent-color:var(--gold)}.miniBtn{width:100%;margin-top:8px;padding:9px 10px}.buttonGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.buttonGrid button{font-size:11px;padding:9px 8px;white-space:nowrap}
.legend{display:none}.panel{max-height:100%;display:flex;flex-direction:column}.panel h2{margin:0;font-size:34px;letter-spacing:.18em;font-family:Georgia,serif;font-weight:400;color:var(--text);text-transform:uppercase;text-align:center}.panel .type{text-align:center;margin-top:4px;color:var(--deepGold);font-size:12px;letter-spacing:.1em}.panel p{color:var(--soft);font-size:13px;line-height:1.45;margin:10px 0}.planetHero{height:185px;border-radius:24px;margin-bottom:12px;background:radial-gradient(circle at 52% 45%,rgba(154,112,255,.20),rgba(255,255,255,.36) 58%,rgba(201,130,29,.05));display:grid;place-items:center;position:relative;overflow:hidden}.planetOrb{width:132px;height:132px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff,#69a7d8 18%,#315c84 48%,#173247 100%);box-shadow:0 0 40px rgba(154,112,255,.30),0 18px 50px rgba(92,58,30,.18)}
.metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.metric{background:rgba(255,250,244,.68);border:1px solid rgba(174,120,54,.16);border-radius:16px;padding:10px}.metric b{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}.metric span{display:block;margin-top:4px;color:var(--text);font-size:13px}.smallNote{font-size:11px!important;color:var(--muted)!important}.modePill{display:inline-flex;margin:3px 5px 3px 0;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.35);border:1px solid rgba(174,120,54,.16);font-size:11px;color:var(--soft)}
.centerTools{grid-column:2;grid-row:2;align-self:end;justify-self:center;margin-bottom:16px;height:58px;border-radius:999px;display:flex;align-items:center;gap:6px;padding:6px 10px}.centerTools button{width:46px;height:46px;padding:0;border-radius:50%;font-size:18px}.bottomBar{display:none}.journeyPanel{flex:0 0 auto}.journeyCard{display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:center}.cover{width:58px;height:58px;border-radius:16px;background:radial-gradient(circle,#fff4b8,#d39a3a 40%,#9a70ff);box-shadow:0 14px 40px rgba(92,58,30,.16)}.trackTitle{font-size:15px;color:var(--text)}.trackSub{font-size:12px;color:var(--muted);margin-top:3px}.journeyTransport{display:flex;align-items:center;gap:10px;margin-top:12px}.journeyTransport button{width:38px;height:38px;border-radius:50%;padding:0;font-size:15px}.journeyTransport .play{width:46px;height:46px;background:linear-gradient(180deg,#fff9ec,#f3d5a0);font-size:18px}.journeySlider{flex:1;height:5px;border-radius:999px;background:linear-gradient(90deg,var(--gold) 0 54%,rgba(116,91,75,.20) 54%)}.footer{display:none}
@media(max-width:1220px){.vimanaShell{grid-template-columns:330px 1fr;grid-template-rows:82px 1fr}.topBar{grid-column:1/3;grid-template-columns:330px 1fr}.rightStack{display:none}.centerTitle h1{font-size:32px}.planetListPanel .panelContent{max-height:300px}.dockGrid{max-height:280px}}
@media(max-width:850px){.vimanaShell{inset:10px;grid-template-columns:1fr;grid-template-rows:74px 1fr}.topBar{grid-column:1;grid-template-columns:1fr}.brandCard{height:74px}.statusRow,.searchZone,.leftStack,.rightStack{display:none}.centerTitle{grid-column:1}.centerTitle h1{font-size:26px}}


.layersPanel{
  flex:0 0 auto;
}
.layersPanel .panelContent{
  padding:14px;
}
.layersPanel .controlSection{
  margin:0;
}
.layersPanel .buttonGrid{
  grid-template-columns:1fr 1fr;
}