/* EXA-CELL V18.4 — asset completion / placement fixes. Gameplay untouched. */

/* --- TOP BAR: actual game assets, no historical SVG/fake gradient icons. --- */
.toprow .v184TopAsset,
.toprow .resIcon.v184TopAsset,
.toprow .avatar.v184TopAsset{
  position:relative!important;overflow:visible!important;
  background:radial-gradient(circle at 50% 48%,rgba(14,39,43,.88),rgba(3,12,18,.96))!important;
  border:1px solid rgba(112,196,163,.24)!important;
  display:grid!important;place-items:center!important;
}
.toprow .v184TopAsset>img{
  width:31px!important;height:31px!important;max-width:31px!important;max-height:31px!important;
  display:block!important;object-fit:contain!important;
  filter:brightness(1.12) saturate(1.10) contrast(1.03) drop-shadow(0 0 5px rgba(84,222,184,.20))!important;
}
.bioRes .v184TopAsset>img{filter:brightness(1.15) saturate(1.14) drop-shadow(0 0 6px rgba(112,239,80,.24))!important}
.dnaRes .v184TopAsset>img{filter:brightness(1.16) saturate(1.12) drop-shadow(0 0 6px rgba(205,104,255,.25))!important}
.energyRes .v184TopAsset>img{filter:brightness(1.17) saturate(1.12) drop-shadow(0 0 6px rgba(74,205,255,.25))!important}
.levelDisplay .avatar.v184TopAsset>img{width:32px!important;height:32px!important;filter:brightness(1.12) saturate(1.08) drop-shadow(0 0 6px rgba(124,236,169,.20))!important}
.toprow .resIcon.v184TopAsset::after{content:none!important}

/* --- RIGHT MODULE RAIL: keep icon + LABO label entirely inside each button. --- */
.structuresLayer{
  right:8px!important;width:60px!important;gap:7px!important;align-items:center!important;
}
.structuresLayer::before{right:5px!important}
.structureNode{
  width:58px!important;height:55px!important;min-height:55px!important;max-height:55px!important;
  padding:4px 4px 3px!important;border-radius:15px!important;overflow:hidden!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:1px!important;
}
.structureNode .moduleGlyph{
  position:static!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;
  margin:0 auto!important;overflow:hidden!important;border-radius:12px!important;flex:0 0 40px!important;
}
.structureNode .moduleGlyph img{width:38px!important;height:38px!important;max-width:38px!important;max-height:38px!important}
.structureNode .moduleGain{
  position:static!important;display:block!important;width:100%!important;max-width:100%!important;height:8px!important;
  margin:0!important;padding:0!important;font-size:5.2px!important;line-height:8px!important;letter-spacing:.02em!important;
  text-align:center!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;color:#a8b8ae!important;
}
.structureNode.unbuilt{opacity:.84!important}
.structureNode.unbuilt .moduleGlyph img{filter:brightness(1.02) saturate(.82) contrast(1.04) drop-shadow(0 0 5px rgba(102,222,177,.14))!important;opacity:.90!important}
.structureNode.unbuilt .moduleGain{color:#8fa69a!important;opacity:1!important}

/* --- STABILISER: important asset must stay visible even while locked. --- */
#evolve{padding-left:58px!important}
#evolve .v183EvolveIcon{
  left:17px!important;width:36px!important;height:36px!important;
  filter:brightness(1.20) saturate(1.10) contrast(1.04) drop-shadow(0 0 7px rgba(220,196,88,.24))!important;opacity:1!important;
}
#evolve.locked .v183EvolveIcon{filter:brightness(.98) saturate(.82) contrast(1.03) drop-shadow(0 0 5px rgba(220,196,88,.15))!important;opacity:.92!important}

/* --- IMPORTANT SECTION HEADERS: visible visual identity rather than text-only blocks. --- */
.v184HeadingAsset{display:inline-block!important;width:25px!important;height:25px!important;object-fit:contain!important;vertical-align:middle!important;margin:-4px 7px -3px 0!important;filter:brightness(1.08) saturate(1.06) drop-shadow(0 0 5px rgba(101,222,199,.16))!important}
.v143Details>summary .v184HeadingAsset{width:23px!important;height:23px!important;margin-right:7px!important}
.chapterHead h3,.v143SectionHead h3{display:flex!important;align-items:center!important;min-width:0!important}

/* --- TROPHIES / MILESTONES / RELICS --- */
.trophy,.milestoneUnlock,.relicCard{position:relative!important;overflow:hidden!important;padding-top:70px!important}
.trophy .trophyIcon,.relicCard .relicGlyph{
  position:absolute!important;top:11px!important;left:50%!important;transform:translateX(-50%)!important;
  width:52px!important;height:52px!important;display:grid!important;place-items:center!important;border:0!important;background:none!important;
}
.v184MilestoneArt{
  position:absolute!important;top:10px!important;left:50%!important;transform:translateX(-50%)!important;
  width:50px!important;height:50px!important;object-fit:contain!important;pointer-events:none!important;
  filter:brightness(1.06) saturate(1.06) drop-shadow(0 0 6px rgba(100,218,203,.14))!important;
}
.v184TrophyImg,.v184RelicImg{width:50px!important;height:50px!important;object-fit:contain!important;filter:brightness(1.08) saturate(1.06) drop-shadow(0 0 7px rgba(238,195,78,.19))!important}
.trophy:not(.won) .v184TrophyImg,.relicCard:not(.owned) .v184RelicImg,.milestoneUnlock:not(.won) .v184MilestoneArt{filter:grayscale(.72) brightness(.55) saturate(.55)!important;opacity:.58!important}
.milestoneUnlock{padding-top:68px!important}

/* --- SEASON: rewards should look like rewards. --- */
.v143Hero.v184DecoratedHero{position:relative!important;padding-left:82px!important;min-height:92px!important}
.v143Hero>.v184HeroAsset{position:absolute!important;left:16px!important;top:17px!important;width:52px!important;height:52px!important;object-fit:contain!important;filter:drop-shadow(0 0 8px rgba(255,204,71,.16))!important}
.v143Tier{position:relative!important;padding-top:58px!important;overflow:hidden!important}
.v143Tier>.v184TierAsset{position:absolute!important;top:12px!important;right:14px!important;width:38px!important;height:38px!important;object-fit:contain!important;filter:brightness(1.08) saturate(1.08) drop-shadow(0 0 6px rgba(87,208,220,.14))!important}
.v143Day{position:relative!important;padding-top:8px!important}
.v143Day.today::after{content:'';position:absolute;inset:3px;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(83,217,238,.28);pointer-events:none}

/* --- PROFILE identity: section/category art and real visual choices. --- */
.v143Choice{position:relative!important;min-height:86px!important;padding:14px 12px 12px 62px!important;text-align:left!important;overflow:hidden!important}
.v143Choice>.v184ProfileChoiceArt{position:absolute!important;left:12px!important;top:50%!important;transform:translateY(-50%)!important;width:40px!important;height:40px!important;object-fit:contain!important;filter:brightness(1.05) saturate(1.04) drop-shadow(0 0 6px rgba(95,222,199,.14))!important}
.v143Choice.locked>.v184ProfileChoiceArt{filter:grayscale(.76) brightness(.58)!important;opacity:.55!important}

/* Map/road decorative art remains secondary. */
.v18BalanceCard>.v182MiniHeroArt,.v17Roadmap>.v182HeroArt{opacity:.48!important}

@media(max-width:380px){
  .structuresLayer{right:5px!important;width:55px!important}
  .structureNode{width:53px!important;height:52px!important;min-height:52px!important;max-height:52px!important}
  .structureNode .moduleGlyph{width:37px!important;height:37px!important;min-width:37px!important;min-height:37px!important;flex-basis:37px!important}
  .structureNode .moduleGlyph img{width:35px!important;height:35px!important}
  .structureNode .moduleGain{font-size:4.8px!important;line-height:7px!important;height:7px!important}
  #evolve .v183EvolveIcon{width:32px!important;height:32px!important;left:15px!important}
  #evolve{padding-left:52px!important}
}

/* --- MAIN QUICK CARDS: replace generic line glyphs by real assets. --- */
.qcard{position:relative!important;padding-left:38px!important}
.qcard::before{display:none!important}
.v184QuickAsset{position:absolute!important;left:10px!important;top:11px!important;width:20px!important;height:20px!important;object-fit:contain!important;filter:brightness(1.12) saturate(1.08) drop-shadow(0 0 5px rgba(100,222,199,.16))!important;pointer-events:none!important}
.qcard.purple .v184QuickAsset{filter:brightness(1.15) saturate(1.12) drop-shadow(0 0 5px rgba(183,96,238,.18))!important}
.qcard.green .v184QuickAsset{filter:brightness(1.14) saturate(1.12) drop-shadow(0 0 5px rgba(120,237,91,.18))!important}

/* Slightly lift the right rail so the fifth module never collides with STABILISER on short mobile viewports. */
.structuresLayer{top:clamp(180px,28dvh,205px)!important}
@media(max-height:720px){.structuresLayer{top:170px!important;gap:5px!important}.structureNode{height:51px!important;min-height:51px!important;max-height:51px!important}.structureNode .moduleGlyph{width:37px!important;height:37px!important;min-width:37px!important;min-height:37px!important;flex-basis:37px!important}.structureNode .moduleGlyph img{width:35px!important;height:35px!important}}