:root {
  --v6-accent: #68e2ff;
  --v6-accent-2: #c6a6ff;
  --v6-panel: rgba(5, 12, 22, .86);
}

body[data-v6-theme="lava"] {
  background:
    radial-gradient(circle at 72% 18%, rgba(255, 112, 25, .92) 0 2%, rgba(255, 77, 18, .22) 11%, transparent 30%),
    linear-gradient(#250713 0%, #5b1714 48%, #2b1114 72%, #110d14 100%);
  --v6-accent: #ff7b2c;
  --v6-accent-2: #ffcc4d;
}
body[data-v6-theme="forest"] {
  background:
    radial-gradient(circle at 72% 16%, rgba(79, 255, 225, .28), transparent 24%),
    linear-gradient(#07152a 0%, #0a3040 46%, #102f2c 72%, #0b1d17 100%);
  --v6-accent: #5fffe2;
  --v6-accent-2: #bf67ff;
}
body[data-v6-theme="desert"] {
  background:
    radial-gradient(circle at 76% 15%, rgba(255, 239, 181, .94) 0 3%, rgba(255, 211, 130, .24) 14%, transparent 34%),
    linear-gradient(#e9b766 0%, #d9a160 48%, #b77a43 72%, #6d4a35 100%);
  --v6-accent: #ffbf4d;
  --v6-accent-2: #fff0b3;
}
body[data-v6-theme="winter"] {
  background:
    radial-gradient(circle at 75% 14%, rgba(198, 244, 255, .72) 0 3%, rgba(143, 216, 255, .18) 15%, transparent 34%),
    linear-gradient(#07152c 0%, #1d4b75 48%, #89c7e8 74%, #d8f1ff 100%);
  --v6-accent: #72e7ff;
  --v6-accent-2: #b48cff;
}

body[data-v6-theme="lava"] #vignette { background: radial-gradient(circle at center, transparent 38%, rgba(35, 0, 8, .46) 100%); }
body[data-v6-theme="forest"] #vignette { background: radial-gradient(circle at center, transparent 38%, rgba(0, 26, 28, .42) 100%); }
body[data-v6-theme="desert"] #vignette { background: radial-gradient(circle at center, transparent 44%, rgba(95, 46, 14, .28) 100%); }
body[data-v6-theme="winter"] #vignette { background: radial-gradient(circle at center, transparent 42%, rgba(10, 40, 78, .30) 100%); }

#v6BuildHud {
  position: absolute;
  left: 50%;
  bottom: 16px;
  z-index: 9;
  width: min(570px, calc(100vw - 32px));
  transform: translateX(-50%);
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 8px;
  align-items: stretch;
  padding: 8px;
  border: 1px solid rgba(113, 232, 255, .24);
  border-radius: 13px;
  background: linear-gradient(145deg, rgba(4, 12, 22, .89), rgba(10, 18, 31, .78));
  box-shadow: 0 14px 40px rgba(0, 0, 0, .34), inset 0 0 0 1px rgba(255,255,255,.035);
  backdrop-filter: blur(12px);
  pointer-events: auto;
}
#v6BuildHud.hidden { display: none !important; }
.v6-resource-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(54px, 1fr));
  gap: 5px;
  min-width: 190px;
}
.v6-resource-chip {
  display: grid;
  place-items: center;
  min-height: 47px;
  padding: 5px 8px;
  border-radius: 9px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.055);
  color: #dcecff;
  font-size: 9px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.v6-resource-chip strong { color: #fff; font-size: 15px; letter-spacing: normal; }
.v6-build-actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.v6-build-actions button {
  min-height: 47px;
  border: 1px solid rgba(104, 226, 255, .22);
  border-radius: 9px;
  background: rgba(104, 226, 255, .08);
  color: #effaff;
  font-weight: 850;
  font-size: 10px;
  line-height: 1.18;
  cursor: pointer;
}
.v6-build-actions button:hover { filter: brightness(1.12); }
.v6-build-actions button:disabled { opacity: .38; }
.v6-build-actions button small { display: block; color: rgba(224, 239, 250, .62); font-size: 8px; font-weight: 650; margin-top: 3px; }

.v6-world-inventory {
  margin-top: 18px;
  padding: 15px;
  border: 1px solid rgba(104,226,255,.18);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(12,24,38,.9), rgba(7,14,25,.92));
}
.v6-world-inventory h3 { margin: 0 0 12px; }
.v6-world-stat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 9px; }
.v6-world-stat-grid > div { padding: 11px; border-radius: 11px; background: rgba(255,255,255,.055); }
.v6-world-stat-grid span { display: block; color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.v6-world-stat-grid strong { display: block; margin-top: 4px; font-size: 19px; }

.v6-level-card-image {
  display: block;
  width: calc(100% + 28px);
  height: 126px;
  margin: -14px -14px 12px;
  object-fit: cover;
  border-bottom: 1px solid rgba(255,255,255,.12);
  image-rendering: auto;
}

.v6-weapon-preview {
  min-height: 150px !important;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 12px;
  background: rgba(4,11,20,.74) !important;
}
.v6-weapon-preview img {
  width: 100%;
  height: 100%;
  min-height: 150px;
  object-fit: cover;
  display: block;
}
.v6-weapon-preview::before,
.v6-weapon-preview::after,
.v6-weapon-preview i,
.v6-weapon-preview b { display: none !important; }

/* Keep player-facing screens concise. */
#startOverlay .compact-note,
#startOverlay .control-summary,
#startOverlay .manual-flow-note,
#startOverlay #roleInfo,
.profile-section-heading p,
.section-heading > p,
.pixel-section-heading p,
.game-guide-header p,
.game-guide-footer small {
  display: none !important;
}
#startOverlay .title-row .subtitle { display: none; }
#startOverlay .eyebrow { letter-spacing: .12em; }

@media (pointer: coarse), (max-width: 900px) {
  #v6BuildHud { bottom: 8px; grid-template-columns: 1fr; width: min(520px, calc(100vw - 16px)); }
  .v6-resource-row { min-width: 0; }
  .v6-build-actions button { min-height: 43px; }
}
@media (max-width: 520px) {
  #v6BuildHud { padding: 6px; gap: 5px; }
  .v6-resource-chip { min-height: 38px; }
  .v6-resource-chip strong { font-size: 13px; }
  .v6-build-actions button { min-height: 39px; padding: 4px; font-size: 9px; }
  .v6-build-actions button small { display: none; }
}

#bonusOverlay .bonus-header p { display: none !important; }

.operation-info:has(.operation-preview-image) {
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  overflow: hidden;
  padding: 0;
}
.operation-preview-image {
  width: 170px;
  height: 88px;
  object-fit: cover;
  display: block;
  border-right: 1px solid rgba(255,255,255,.12);
}
.operation-preview-copy { padding: 10px 12px 10px 0; }
@media (max-width: 620px) {
  .operation-info:has(.operation-preview-image) { grid-template-columns: 1fr; }
  .operation-preview-image { width: 100%; height: 112px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.12); }
  .operation-preview-copy { padding: 0 12px 11px; }
}