:root{
      --bg:#050716;
      --panel:rgba(10,18,45,.78);
      --panel-2:rgba(14,28,70,.64);
      --text:#edf7ff;
      --muted:#9db5d4;
      --cyan:#24f5ff;
      --blue:#4389ff;
      --violet:#8b5cff;
      --magenta:#ff4fd8;
      --good:#57ffba;
      --warn:#ffd166;
      --bad:#ff5d7e;
      --line:rgba(66,224,255,.25);
      --shadow:0 0 22px rgba(36,245,255,.18), inset 0 0 24px rgba(139,92,255,.08);
      --radius:18px;
      --bottom:78px;
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }
    *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
    html,body{margin:0;min-height:100%;height:100%;background:var(--bg);color:var(--text);overflow-x:hidden;overscroll-behavior:none;touch-action:manipulation}
    body{
      background:
        radial-gradient(circle at 18% 8%, rgba(67,137,255,.22), transparent 28%),
        radial-gradient(circle at 82% 16%, rgba(255,79,216,.17), transparent 26%),
        radial-gradient(circle at 50% 92%, rgba(36,245,255,.10), transparent 30%),
        linear-gradient(180deg,#030411 0%,#071025 55%,#03040d 100%);
    }
    #starCanvas{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.85}
    .app{position:relative;z-index:1;max-width:520px;margin:0 auto;min-height:var(--tg-viewport-stable-height,100vh);padding-bottom:calc(var(--bottom) + env(safe-area-inset-bottom));}
    .topbar{
      position:sticky;top:0;z-index:20;padding:10px 10px 8px;
      background:linear-gradient(180deg, rgba(3,4,17,.96), rgba(3,4,17,.78) 76%, transparent);
      backdrop-filter: blur(12px);
    }
    .title-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
    .brand{line-height:1}
    .brand b{display:block;font-size:15px;letter-spacing:.5px;text-transform:uppercase;text-shadow:0 0 12px rgba(36,245,255,.75)}
    .brand span{font-size:10px;color:var(--muted);letter-spacing:1.6px;text-transform:uppercase}
    .hud-actions{display:flex;gap:8px;align-items:center}
    .icon-btn,.nav button,.btn{
      border:1px solid rgba(36,245,255,.35);background:linear-gradient(180deg,rgba(21,45,88,.74),rgba(8,15,38,.84));
      color:var(--text);border-radius:14px;box-shadow:var(--shadow);cursor:pointer;transition:.18s transform,.18s filter,.18s border-color;
    }
    .icon-btn{width:38px;height:38px;display:grid;place-items:center;font-size:18px}
    .icon-btn:active,.btn:active,.nav button:active{transform:scale(.97)}
    .btn:hover,.icon-btn:hover{filter:brightness(1.15);border-color:rgba(36,245,255,.65)}
    .resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
    .res-chip{
      min-width:0;border:1px solid rgba(36,245,255,.20);border-radius:14px;padding:7px 7px;
      background:linear-gradient(145deg,rgba(12,23,56,.88),rgba(8,12,31,.78));
      display:flex;align-items:center;gap:6px;box-shadow:inset 0 0 18px rgba(36,245,255,.04);
    }
    .res-chip .r-ico{width:20px;height:20px;flex:0 0 20px;filter:drop-shadow(0 0 6px rgba(36,245,255,.75))}
    .res-chip .r-meta{min-width:0;line-height:1.05}
    .res-chip .r-name{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .res-chip .r-val{font-variant-numeric:tabular-nums;font-size:13px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .income-line{margin-top:6px;display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted);padding:0 3px}
    .income-line b{color:var(--good)}
    main{padding:8px 10px 12px}
    .tab-title{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin:6px 2px 10px}
    .tab-title h2{font-size:20px;margin:0;letter-spacing:.2px;text-shadow:0 0 16px rgba(139,92,255,.55)}
    .tab-title p{font-size:11px;color:var(--muted);margin:0;max-width:240px;text-align:right}
    .card{
      position:relative;overflow:hidden;margin:10px 0;padding:14px;border-radius:var(--radius);
      background:linear-gradient(145deg,rgba(12,24,58,.86),rgba(8,11,29,.74));
      border:1px solid var(--line);box-shadow:0 12px 30px rgba(0,0,0,.25), var(--shadow);
      animation:rise .35s ease both;
    }
    .card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(36,245,255,.08),transparent);transform:translateX(-120%);animation:sheen 7s infinite;pointer-events:none}
    @keyframes sheen{0%,70%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
    @keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
    .hero{padding:16px;background:radial-gradient(circle at 78% 12%,rgba(255,79,216,.18),transparent 30%),linear-gradient(145deg,rgba(13,35,82,.88),rgba(8,10,29,.78))}
    .station-core{display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:center}
    .station-art{height:96px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(36,245,255,.18),transparent 64%);animation:pulseGlow 2.8s infinite}
    @keyframes pulseGlow{0%,100%{filter:drop-shadow(0 0 10px rgba(36,245,255,.28))}50%{filter:drop-shadow(0 0 24px rgba(255,79,216,.38))}}
    .big-number{font-size:27px;font-weight:850;line-height:1;margin:3px 0;text-shadow:0 0 18px rgba(36,245,255,.45)}
    .muted{color:var(--muted)}
    .small{font-size:12px}.tiny{font-size:10px}.good{color:var(--good)}.warn{color:var(--warn)}.bad{color:var(--bad)}.cyan{color:var(--cyan)}
    .btn-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
    .btn{padding:10px 12px;font-weight:800;font-size:12px;letter-spacing:.2px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:1}
    .btn.primary{background:linear-gradient(135deg,rgba(36,245,255,.28),rgba(139,92,255,.48));border-color:rgba(36,245,255,.65);text-shadow:0 0 10px rgba(36,245,255,.75)}
    .btn.magenta{background:linear-gradient(135deg,rgba(255,79,216,.25),rgba(139,92,255,.42));border-color:rgba(255,79,216,.55)}
    .btn.good-btn{background:linear-gradient(135deg,rgba(87,255,186,.18),rgba(36,245,255,.24));border-color:rgba(87,255,186,.5)}
    .btn.warn-btn{background:linear-gradient(135deg,rgba(255,209,102,.20),rgba(255,79,216,.16));border-color:rgba(255,209,102,.48)}
    .btn:disabled{opacity:.44;cursor:not-allowed;filter:grayscale(.35);box-shadow:none}
    .pulse{animation:softPulse 1.6s ease-in-out infinite}
    @keyframes softPulse{0%,100%{box-shadow:0 0 16px rgba(36,245,255,.16)}50%{box-shadow:0 0 28px rgba(255,79,216,.42)}}
    .building-head,.research-head,.manager-head,.planet-head{display:flex;gap:12px;align-items:center;position:relative;z-index:1}
    .b-icon,.planet-icon,.manager-icon,.tech-icon{width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;border-radius:18px;background:rgba(36,245,255,.06);border:1px solid rgba(36,245,255,.22)}
    .b-text,.tech-text,.planet-text,.manager-text{min-width:0;flex:1}
    .b-title{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
    .b-title h3,.tech-text h3,.planet-text h3,.manager-text h3{margin:0;font-size:15px;letter-spacing:.2px}
    .level-pill,.rarity,.tag{font-size:10px;padding:4px 8px;border-radius:999px;border:1px solid rgba(36,245,255,.28);background:rgba(36,245,255,.08);color:var(--cyan);white-space:nowrap}
    .metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:10px 0;position:relative;z-index:1}
    .metric{border-radius:12px;padding:8px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);font-size:11px;color:var(--muted)}
    .metric b{display:block;color:var(--text);font-size:12px;margin-top:2px;word-break:break-word}
    .bar{position:relative;height:10px;border-radius:999px;overflow:hidden;border:1px solid rgba(36,245,255,.18);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(4,9,25,.55));box-shadow:inset 0 0 14px rgba(36,245,255,.05),0 0 0 1px rgba(36,245,255,.03);z-index:1}
    .bar:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 18px, rgba(255,255,255,.05) 18px 19px);opacity:.45;pointer-events:none}
    .bar:after{content:"";position:absolute;inset:1px;border-radius:999px;box-shadow:inset 0 0 14px rgba(36,245,255,.06);pointer-events:none}
    .bar>i{display:block;position:relative;height:100%;width:0%;background:linear-gradient(90deg,var(--cyan) 0%,#57ffba 28%,var(--violet) 65%,var(--magenta) 100%);box-shadow:0 0 16px rgba(36,245,255,.38),0 0 26px rgba(139,92,255,.22);transition:width .09s linear;will-change:width;overflow:hidden}
    .bar>i:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.26),transparent 55%);opacity:.45}
    .bar>i:after{content:"";position:absolute;right:0;top:-2px;bottom:-2px;width:18px;background:radial-gradient(circle at center, rgba(255,255,255,.95), rgba(255,255,255,.32) 35%, transparent 72%);filter:blur(1.5px);opacity:.8;animation:barTipPulse 1.2s ease-in-out infinite}
    .available{border-color:rgba(87,255,186,.58)!important;box-shadow:0 0 22px rgba(87,255,186,.18), var(--shadow)}
    .locked{opacity:.62;filter:saturate(.55)}
    .costline{font-size:11px;color:var(--muted);margin-top:6px}
    .grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
    .tech-card.bought,.planet-card.unlocked,.manager-card.hired{border-color:rgba(87,255,186,.45);background:linear-gradient(145deg,rgba(21,59,71,.74),rgba(8,11,29,.76))}
    .planet-card{min-height:164px}.planet-icon{width:78px;height:78px;flex-basis:78px;border-radius:50%;animation:floatPlanet 5s ease-in-out infinite}.planet-icon svg{overflow:visible}
    @keyframes floatPlanet{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
    .manager-card.common{--rare:#c7d2fe}.manager-card.rare{--rare:#38bdf8}.manager-card.epic{--rare:#c084fc}.manager-card.legendary{--rare:#f59e0b}.manager-card.mythic{--rare:#ff4fd8}
    .manager-card{border-color:color-mix(in srgb,var(--rare),transparent 52%)}
    .manager-icon{border-color:color-mix(in srgb,var(--rare),transparent 28%);box-shadow:0 0 18px color-mix(in srgb,var(--rare),transparent 68%)}
    .rarity{color:var(--rare);border-color:color-mix(in srgb,var(--rare),transparent 38%);background:color-mix(in srgb,var(--rare),transparent 90%)}
    .nav{
      position:fixed;left:50%;bottom:0;transform:translateX(-50%);z-index:30;width:min(520px,100%);
      padding:8px 8px calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(6,1fr);gap:6px;
      background:linear-gradient(180deg,rgba(3,4,17,.18),rgba(3,4,17,.94) 22%);backdrop-filter:blur(14px);
    }
    .nav button{height:58px;padding:4px 2px;border-radius:16px;font-size:9px;font-weight:800;color:var(--muted)}
    .nav button b{display:block;font-size:18px;color:var(--text);line-height:1.1}.nav button.active{border-color:rgba(36,245,255,.72);color:var(--cyan);background:linear-gradient(180deg,rgba(36,245,255,.18),rgba(139,92,255,.24))}
    .toast-wrap{position:fixed;left:50%;top:12px;transform:translateX(-50%);z-index:80;width:min(500px,calc(100% - 24px));pointer-events:none}
    .toast{margin:7px 0;padding:10px 12px;border-radius:14px;background:rgba(8,14,35,.94);border:1px solid rgba(36,245,255,.36);box-shadow:var(--shadow);font-size:12px;animation:toastIn .22s ease both}.toast.good{border-color:rgba(87,255,186,.55)}.toast.warn{border-color:rgba(255,209,102,.55)}.toast.bad{border-color:rgba(255,93,126,.55)}
    @keyframes toastIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
    .modal-backdrop{position:fixed;inset:0;z-index:70;background:rgba(1,2,9,.72);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:18px}
    .modal{width:min(500px,100%);max-height:88vh;overflow:auto;border-radius:24px;background:linear-gradient(145deg,rgba(13,24,57,.98),rgba(5,8,24,.98));border:1px solid rgba(36,245,255,.38);box-shadow:0 24px 80px rgba(0,0,0,.55),0 0 40px rgba(36,245,255,.16);padding:16px;animation:modalIn .22s ease both}
    @keyframes modalIn{from{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:none}}
    .modal h3{margin:0 0 8px;font-size:18px}.modal p{color:var(--muted);font-size:13px;line-height:1.45}.modal textarea{width:100%;min-height:100px;border-radius:14px;background:rgba(0,0,0,.32);border:1px solid rgba(36,245,255,.25);color:var(--text);padding:10px;font-size:12px}
    .floating{position:fixed;z-index:60;pointer-events:none;font-weight:850;text-shadow:0 0 12px rgba(36,245,255,.9);animation:floatUp .9s ease-out forwards;color:var(--cyan)}
    @keyframes floatUp{to{opacity:0;transform:translateY(-52px) scale(1.08)}}
    .notice{border:1px dashed rgba(36,245,255,.28);border-radius:15px;padding:10px;margin:10px 0;background:rgba(36,245,255,.045);font-size:12px;color:var(--muted)}
    .list{display:grid;gap:8px;margin-top:10px}.kv{display:flex;justify-content:space-between;gap:10px;font-size:12px;border-bottom:1px solid rgba(255,255,255,.07);padding:6px 0}.kv span:first-child{color:var(--muted)}
    .mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
    .danger-zone{border-color:rgba(255,93,126,.35);background:rgba(255,93,126,.06)}

    body.telegram-miniapp{min-height:var(--tg-viewport-stable-height,100vh);background:#050716;color-scheme:dark;}
    body.telegram-miniapp .topbar{padding-top:calc(10px + env(safe-area-inset-top));}
    body.telegram-miniapp .nav{padding-bottom:calc(7px + env(safe-area-inset-bottom));}
    .telegram-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(36,245,255,.28);background:rgba(36,245,255,.07);border-radius:999px;padding:6px 9px;color:var(--cyan);font-size:11px;font-weight:800;box-shadow:0 0 16px rgba(36,245,255,.12)}
    .miniapp-status{display:grid;gap:6px;margin:10px 0}.miniapp-status .kv{font-size:11px}
    @media (min-width:430px){.resource-grid{grid-template-columns:repeat(5,1fr)}.res-chip{padding:8px}.res-chip .r-val{font-size:14px}.nav button{font-size:10px}}

/* =====================================================
   Split build polish: sharper local SVG sprites
   ===================================================== */
.b-icon,.tech-icon,.manager-icon,.planet-icon{
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.08), transparent 32%),
    linear-gradient(145deg, rgba(36,245,255,.10), rgba(139,92,255,.08) 48%, rgba(255,79,216,.055));
  box-shadow: inset 0 0 18px rgba(36,245,255,.07), 0 0 18px rgba(36,245,255,.08);
}
.b-icon svg,.tech-icon svg,.manager-icon svg,.planet-icon svg,.r-ico,.nav svg{
  shape-rendering: geometricPrecision;
}
.nav button b{height:22px;display:grid;place-items:center;margin-bottom:2px}
.nav button svg{width:22px;height:22px;filter:drop-shadow(0 0 5px rgba(36,245,255,.45))}
.res-chip{position:relative;overflow:hidden}
.res-chip:after{content:"";position:absolute;inset:-1px;background:linear-gradient(90deg,transparent,rgba(36,245,255,.08),transparent);opacity:.0;transition:.2s opacity;pointer-events:none}
.res-chip:hover:after{opacity:1}
.tech-icon{overflow:hidden}
.tech-icon svg{width:58px;height:58px;filter:drop-shadow(0 0 11px rgba(36,245,255,.36))}


/* =====================================================
   External building PNG sprites
   ===================================================== */
.building-head{align-items:flex-start}
.b-icon{
  width:92px;
  height:92px;
  flex:0 0 92px;
  border-radius:22px;
  padding:0;
  overflow:visible;
  background:
    radial-gradient(circle at 50% 45%, rgba(36,245,255,.16), transparent 64%),
    linear-gradient(145deg, rgba(11,18,42,.72), rgba(5,8,24,.78));
  border-color:rgba(36,245,255,.18);
}
.building-sprite{
  width:112px;
  height:112px;
  max-width:none;
  object-fit:contain;
  display:block;
  transform:translate(-10px,-12px);
  filter:
    drop-shadow(0 0 8px rgba(36,245,255,.45))
    drop-shadow(0 0 18px rgba(139,92,255,.24))
    saturate(1.08)
    contrast(1.04);
  transition:transform .22s ease, filter .22s ease;
}
.card.available .building-sprite{
  filter:
    drop-shadow(0 0 10px rgba(87,255,186,.48))
    drop-shadow(0 0 22px rgba(36,245,255,.28))
    saturate(1.15)
    contrast(1.06);
}
.card:active .building-sprite{transform:translate(-10px,-12px) scale(.98)}
.building-fallback-svg{width:58px;height:58px}
@media (max-width:380px){
  .b-icon{width:80px;height:80px;flex-basis:80px}
  .building-sprite{width:98px;height:98px;transform:translate(-9px,-10px)}
}


/* =====================================================
   External sprite integration: managers, planets, research
   ===================================================== */
.tech-icon{overflow:hidden}
.tech-sprite{width:100%;height:100%;object-fit:cover;border-radius:16px;display:block;filter:drop-shadow(0 0 14px rgba(36,245,255,.28)) saturate(1.08)}
.research-head .tech-icon{background:linear-gradient(145deg, rgba(17,22,53,.94), rgba(7,10,27,.96));border-color:rgba(36,245,255,.22)}
.manager-card .manager-head{align-items:flex-start}
.manager-icon{width:78px;height:112px;flex:0 0 78px;padding:0;border-radius:20px;overflow:hidden;background:linear-gradient(145deg, rgba(8,14,36,.96), rgba(7,10,27,.98))}
.manager-sprite{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.06) contrast(1.02)}
.manager-card .manager-text{padding-top:2px}
.manager-card .costline{line-height:1.35}
.planet-icon{position:relative;overflow:visible;background:radial-gradient(circle at 50% 50%, rgba(36,245,255,.14), transparent 62%), rgba(0,0,0,0);border:none;box-shadow:none}
.planet-sprite{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block;position:relative;z-index:2;filter:drop-shadow(0 0 18px rgba(36,245,255,.2))}
.orbit-ring{position:absolute;left:-9%;top:31%;width:118%;height:36%;border-radius:50%;border:2px solid rgba(108,220,255,.55);box-shadow:0 0 18px rgba(36,245,255,.24), inset 0 0 10px rgba(36,245,255,.15);z-index:3;pointer-events:none}
.orbit-a{transform:rotate(18deg);animation:orbitSpinA 14s linear infinite}
.orbit-b{transform:rotate(-18deg) scale(.92);border-color:rgba(204,123,255,.48);animation:orbitSpinB 11s linear infinite}
@keyframes orbitSpinA{from{transform:rotate(18deg)}to{transform:rotate(378deg)}}
@keyframes orbitSpinB{from{transform:rotate(-18deg) scale(.92)}to{transform:rotate(-378deg) scale(.92)}}
.fallback-asset{display:grid;place-items:center;width:100%;height:100%;font-weight:900;color:var(--cyan);font-size:22px}


/* =====================================================
   BUILDING SPRITE FRAME FIX - no icon boxes, no drift
   ===================================================== */
.building-head{align-items:center!important;gap:12px}
.b-icon{
  width:96px!important;
  height:86px!important;
  flex:0 0 96px!important;
  padding:0!important;
  overflow:visible!important;
  display:grid!important;
  place-items:center!important;
  background:none!important;
  border:none!important;
  box-shadow:none!important;
  border-radius:0!important;
}
.b-icon::before{display:none!important}
.building-sprite{
  width:96px!important;
  height:86px!important;
  max-width:96px!important;
  max-height:86px!important;
  object-fit:contain!important;
  display:block!important;
  transform:none!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  filter:
    drop-shadow(0 0 8px rgba(36,245,255,.38))
    drop-shadow(0 0 16px rgba(139,92,255,.20))
    saturate(1.08)
    contrast(1.04)!important;
  transition:filter .18s ease, transform .18s ease!important;
}
.card.available .building-sprite{
  filter:
    drop-shadow(0 0 10px rgba(87,255,186,.45))
    drop-shadow(0 0 18px rgba(36,245,255,.25))
    saturate(1.12)
    contrast(1.05)!important;
}
.card:active .building-sprite{transform:scale(.985)!important}
.building-fallback-svg{width:68px!important;height:68px!important}
@media (max-width:380px){
  .building-head{gap:9px}
  .b-icon{width:82px!important;height:76px!important;flex-basis:82px!important}
  .building-sprite{width:82px!important;height:76px!important;max-width:82px!important;max-height:76px!important}
}

/* =====================================================
   Asset frame cleanup pass
   ===================================================== */
.research-head,.planet-head,.manager-head{align-items:flex-start}
.tech-card .tech-icon,
.planet-card .planet-icon,
.manager-card .manager-icon{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}

/* Research */
.tech-icon{
  width:72px;
  height:72px;
  flex:0 0 72px;
  border-radius:0;
  padding:0;
  overflow:visible;
}
.tech-sprite{
  width:72px;
  height:72px;
  object-fit:contain;
  border-radius:0;
  filter:drop-shadow(0 0 12px rgba(36,245,255,.26)) drop-shadow(0 0 18px rgba(139,92,255,.18)) saturate(1.06);
}
.research-head .tech-text{padding-top:2px}

/* Galaxy */
.planet-icon{
  width:90px;
  height:90px;
  flex:0 0 90px;
  border-radius:50%;
}
.planet-sprite{
  width:90px;
  height:90px;
  object-fit:contain;
  filter:drop-shadow(0 0 18px rgba(36,245,255,.22)) drop-shadow(0 0 26px rgba(139,92,255,.14));
}
.planet-card .planet-text{padding-top:4px}
.planet-card{min-height:170px}
.orbit-ring{left:-6%; top:32%; width:112%; height:34%;}

/* Managers */
.manager-icon{
  width:92px;
  height:124px;
  flex:0 0 92px;
  border-radius:0;
  padding:0;
  overflow:visible;
}
.manager-sprite{
  width:92px;
  height:124px;
  object-fit:contain;
  filter:drop-shadow(0 0 14px color-mix(in srgb,var(--rare),transparent 55%)) drop-shadow(0 0 24px rgba(36,245,255,.10)) saturate(1.04);
}
.manager-card .manager-text{padding-top:4px}
.manager-card .costline{margin-top:8px}

@media (max-width:390px){
  .tech-icon{width:62px;height:62px;flex-basis:62px}
  .tech-sprite{width:62px;height:62px}
  .planet-icon{width:78px;height:78px;flex-basis:78px}
  .planet-sprite{width:78px;height:78px}
  .manager-icon{width:80px;height:108px;flex-basis:80px}
  .manager-sprite{width:80px;height:108px}
}


/* Research image path fix cleanup */
.tech-icon img, .tech-sprite{border:0!important;background:transparent!important;}
.tech-icon{border:0!important;background:transparent!important;box-shadow:none!important;}


/* =====================================================
   TOP HUD VISUAL REFIT
   ===================================================== */
.topbar{
  border-bottom:1px solid rgba(36,245,255,.10);
  box-shadow:0 12px 32px rgba(0,0,0,.28), inset 0 -1px 0 rgba(36,245,255,.08);
}
.topbar:after{
  content:"";display:block;height:1px;margin-top:8px;
  background:linear-gradient(90deg,transparent,rgba(36,245,255,.42),rgba(139,92,255,.30),transparent);
}
.resource-grid{gap:8px}
.res-chip{
  position:relative;overflow:hidden;isolation:isolate;
  min-height:42px;
  border:1px solid rgba(36,245,255,.18);
  background:
    radial-gradient(circle at 88% 20%, rgba(255,255,255,.06), transparent 22%),
    linear-gradient(145deg,rgba(12,23,56,.92),rgba(7,12,31,.84));
  box-shadow:
    inset 0 0 18px rgba(36,245,255,.05),
    0 0 0 1px rgba(36,245,255,.03),
    0 10px 24px rgba(0,0,0,.18);
  transition:transform .18s ease, border-color .25s ease, box-shadow .25s ease, filter .25s ease;
}
.res-chip:before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:14px 0 0 14px;
  background:var(--chipAccent, var(--cyan));
  box-shadow:0 0 16px var(--chipAccent, var(--cyan));opacity:.95;
}
.res-chip:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(110deg, transparent 10%, rgba(255,255,255,.08) 36%, transparent 54%);
  transform:translateX(-135%);opacity:.45;pointer-events:none;
}
.res-chip:hover{transform:translateY(-1px);border-color:rgba(36,245,255,.36);box-shadow:inset 0 0 22px rgba(36,245,255,.08),0 0 0 1px rgba(36,245,255,.05),0 0 24px rgba(36,245,255,.10),0 12px 26px rgba(0,0,0,.24)}
.res-chip:hover:after{animation:chipSweep 1.2s ease}
.res-chip .r-ico{width:20px;height:20px;flex:0 0 20px;filter:drop-shadow(0 0 7px color-mix(in srgb, var(--chipAccent, var(--cyan)), white 20%))}
.res-chip .r-name{font-size:8px;letter-spacing:1px;color:rgba(219,234,254,.70)}
.res-chip .r-val{font-size:13px;font-weight:800;text-shadow:0 0 11px color-mix(in srgb, var(--chipAccent, var(--cyan)), transparent 60%)}
.res-chip .r-meta{position:relative;z-index:1}
.res-chip.gain{
  border-color:color-mix(in srgb, var(--chipAccent, var(--cyan)), white 24%);
  box-shadow:inset 0 0 22px rgba(36,245,255,.12),0 0 0 1px rgba(36,245,255,.08),0 0 20px color-mix(in srgb, var(--chipAccent, var(--cyan)), transparent 76%),0 12px 26px rgba(0,0,0,.24);
  animation:chipGainPulse .66s ease;
}
.res-chip.gain .r-val{animation:valueBlink .66s ease}
.res-chip.res-credits{--chipAccent:#ffd166}
.res-chip.res-ore{--chipAccent:#8ea3bc}
.res-chip.res-metal{--chipAccent:#d7e0ea}
.res-chip.res-energy{--chipAccent:#24f5ff}
.res-chip.res-chips{--chipAccent:#57ffba}
.res-chip.res-drones{--chipAccent:#8b5cff}
.res-chip.res-fleets{--chipAccent:#4389ff}
.res-chip.res-aiCores{--chipAccent:#ff4fd8}
.res-chip.res-research{--chipAccent:#a78bfa}
.res-chip.res-quantum{--chipAccent:#ffffff}
.income-line{margin-top:7px;padding:0 4px;align-items:center}
.income-line span{position:relative;padding:3px 6px;border-radius:999px;background:linear-gradient(180deg,rgba(7,11,29,.68),rgba(7,11,29,.28));border:1px solid rgba(36,245,255,.06)}
.income-line b{display:inline-block;text-shadow:0 0 12px rgba(87,255,186,.35)}
.floating{
  position:fixed;z-index:60;pointer-events:none;font-weight:850;
  padding:3px 7px;border-radius:999px;
  background:rgba(5,10,24,.64);border:1px solid rgba(36,245,255,.18);
  box-shadow:0 0 18px rgba(36,245,255,.14);
  backdrop-filter:blur(6px);
  text-shadow:0 0 14px currentColor;
  animation:floatUp .95s ease-out forwards;
  color:var(--cyan);
}
.floating.hud-float{font-size:12px;transform-origin:center;}
@keyframes chipGainPulse{0%{transform:scale(1)}35%{transform:scale(1.02)}100%{transform:scale(1)}}
@keyframes valueBlink{0%{opacity:1}35%{opacity:.78}100%{opacity:1}}
@keyframes chipSweep{from{transform:translateX(-135%)}to{transform:translateX(135%)}}


/* =====================================================
   PRODUCTION BAR NEON UPGRADE
   ===================================================== */
.building-card .bar, .hero .bar{margin-top:2px}
.building-card.running .bar{box-shadow:inset 0 0 16px rgba(36,245,255,.08),0 0 14px rgba(36,245,255,.10),0 0 24px rgba(139,92,255,.08)}
.building-card.running .bar>i{filter:saturate(1.08)}
@keyframes barTipPulse{0%,100%{opacity:.55}50%{opacity:.95}}