/* ================================================================
   VERSYS PAL ATLAS - BLACK / RED / WHITE THEME
   Shared visual layer for every Pal Atlas route.
   Loaded last so legacy page-specific light styles cannot leak through.
   ================================================================ */

:root {
  --bg: #050507;
  --bg-2: #09090d;
  --panel: #101014;
  --panel-2: #15151a;
  --panel-3: #1c1c22;
  --line: #29292f;
  --line-2: #3a3a42;
  --text: #ffffff;
  --muted: #aaaab3;
  --muted-2: #777780;
  --red: #d90a2c;
  --red-2: #ef1238;
  --accent: #d90a2c;
  --accent-2: #ef1238;
  --border: #29292f;
  --green: #58d69b;
  --orange: #ff9d62;
  --purple: #9e70ff;
  --blue: #78aefc;
  --gold: #f1b74b;
  --radius: 8px;
  --radius-lg: 10px;
  --shadow: 0 14px 38px rgba(0, 0, 0, .2);
}

html,
body {
  background: #050507 !important;
  color: var(--text) !important;
}

body {
  color-scheme: dark;
}

.pal-atlas-layout,
.pal-atlas-content,
.view-container,
.view {
  background: #050507 !important;
  color: var(--text) !important;
}

.pal-atlas-layout {
  position: relative;
}

.pal-atlas-layout::before {
  content: "";
  position: fixed;
  z-index: 0;
  top: var(--pa-header-offset, 82px);
  right: 0;
  bottom: 0;
  left: var(--pa-sidebar, 205px);
  pointer-events: none;
  opacity: .38;
  background:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px),
    radial-gradient(circle at 90% 8%, rgba(217,10,44,.08), transparent 28%);
  background-size: 42px 42px, 42px 42px, auto;
}

.pal-atlas-content,
.pal-atlas-sidebar {
  position: relative;
  z-index: 1;
}

/* ------------------------------
   Sidebar
   ------------------------------ */
.pal-atlas-sidebar {
  border-right-color: #232329 !important;
  background: #09090d !important;
  box-shadow: 12px 0 30px rgba(0,0,0,.12);
}

.sidebar-nav {
  background: #09090d !important;
  scrollbar-color: #35353d transparent !important;
}

.sidebar-nav::-webkit-scrollbar-thumb {
  background: #35353d !important;
}

.sidebar-nav .nav-item,
.sidebar-nav .nav-dropdown-toggle {
  color: #bdbdc6 !important;
  border-color: transparent !important;
  border-radius: 6px !important;
  background: transparent !important;
}

.sidebar-nav .nav-item span,
.sidebar-nav .nav-dropdown-toggle > span:first-child {
  color: #787882 !important;
  border-color: #303038 !important;
  background: #101014 !important;
}

.sidebar-nav .nav-item:hover,
.sidebar-nav .nav-dropdown-toggle:hover {
  color: #fff !important;
  border-color: #2b2b32 !important;
  background: #141419 !important;
}

.sidebar-nav .nav-item.active,
.sidebar-nav .nav-dropdown-toggle.active,
.sidebar-nav .nav-dropdown:has(.nav-item.active) > .nav-dropdown-toggle {
  color: #fff !important;
  border-color: rgba(217,10,44,.38) !important;
  background: rgba(217,10,44,.1) !important;
  box-shadow: inset 3px 0 0 #d90a2c !important;
}

.sidebar-nav .nav-item.active span,
.sidebar-nav .nav-dropdown-toggle.active > span:first-child,
.sidebar-nav .nav-dropdown:has(.nav-item.active) > .nav-dropdown-toggle > span:first-child {
  color: #fff !important;
  border-color: #d90a2c !important;
  background: #d90a2c !important;
}

.sidebar-nav .nav-dropdown-menu,
.sidebar-nav .nav-subdropdown > .nav-dropdown-menu {
  border-left-color: #29292f !important;
  background: transparent !important;
}

.sidebar-nav .dropdown-icon {
  color: #7d7d86 !important;
}

.sidebar-foot,
.sidebar-status,
.brand {
  border-color: #25252b !important;
  background: #09090d !important;
}

.sidebar-foot strong,
.sidebar-status strong,
.brand strong {
  color: #fff !important;
}

.sidebar-foot small,
.sidebar-status small,
.brand small {
  color: #777780 !important;
}

/* ------------------------------
   Sticky route header
   ------------------------------ */
.topbar {
  border-bottom-color: #24242a !important;
  background: rgba(5,5,7,.94) !important;
  box-shadow: 0 12px 32px rgba(0,0,0,.14);
  backdrop-filter: blur(18px) saturate(130%) !important;
}

.topbar h1,
.page-heading h1,
.page-heading h2,
.section-heading h2,
.section-heading h3 {
  color: #fff !important;
}

.topbar p,
.eyebrow,
.section-kicker,
.section-label,
.kicker {
  color: #ef1238 !important;
}

.inventory-pill {
  color: #a4a4ad !important;
  border-color: #303038 !important;
  background: #101014 !important;
}

.inventory-pill b {
  color: #fff !important;
}

/* ------------------------------
   Typography
   ------------------------------ */
.pal-atlas-layout h1,
.pal-atlas-layout h2,
.pal-atlas-layout h3,
.pal-atlas-layout h4,
.pal-atlas-layout h5,
.pal-atlas-layout h6,
.pal-atlas-layout strong,
.pal-atlas-layout b {
  color: #fff;
}

.pal-atlas-layout p,
.pal-atlas-layout small,
.pal-atlas-layout .muted,
.pal-atlas-layout .helper,
.pal-atlas-layout .subtitle,
.pal-atlas-layout .note {
  color: var(--muted);
}

.page-heading p,
.section-heading p,
.hero-copy p,
.privacy-copy,
.info-copy,
.detail-source-line {
  color: #a6a6af !important;
}

.pal-atlas-layout a:not(.button):not(.nav-item) {
  text-decoration-color: rgba(217,10,44,.5);
}

/* ------------------------------
   Core panels and cards
   ------------------------------ */
.panel,
.card,
.detail-panel,
.analysis-card,
.info-card,
.boss-info-card,
.boss-guide-card,
.collection-overview,
.backup-overview,
.backup-import-panel,
.backup-reminder,
.result-placeholder,
.empty-state,
.quick-item,
.overview-tool-card,
.overview-metric,
.stat-card,
.entity-card,
.pal-card,
.item-card,
.item-browser-card,
.skill-card,
.passive-card,
.passive-db-card,
.team-pal-card,
.target-suggestion-card,
.technology-card,
.raid-egg-card,
.summon-card,
.kind-summary-card,
.guide-card,
.dx-card,
.work-handbook-card,
.map-detail-card,
.recommendation-summary,
.team-summary,
.team-rule-stack,
.manual-pal-result,
.spawn-location-disclosure,
.item-material-grid > div,
.info-row,
.detail-stat {
  color: var(--text) !important;
  border-color: #2b2b32 !important;
  background: #101014 !important;
  box-shadow: none !important;
}

.card:hover,
.entity-card:hover,
.pal-card:hover,
.item-card:hover,
.item-browser-card:hover,
.skill-card:hover,
.passive-card:hover,
.passive-db-card:hover,
.team-pal-card:hover,
.target-suggestion-card:hover,
.technology-card:hover,
.overview-tool-card:hover,
.dx-card:hover {
  border-color: #44444d !important;
  background: #15151a !important;
}

.hero-panel,
.overview-hero,
.recommended-team-intro,
.team-category-intro,
.passive-game-banner,
.dr-intro,
.dis-mechanics {
  color: #fff !important;
  border-color: #2d2d34 !important;
  background: #0d0d11 !important;
  box-shadow: none !important;
}

.hero-panel,
.overview-hero {
  border-top: 2px solid #d90a2c !important;
  background:
    radial-gradient(circle at 92% 12%, rgba(217,10,44,.12), transparent 30%),
    #0d0d11 !important;
}

.hero-panel::after,
.overview-hero::after {
  border-color: rgba(255,255,255,.08) !important;
}

/* Light callouts left over from the old theme. */
.schematic-map-panel,
.item-fixed-map-panel,
.schematic-outcome-panel,
.item-source-notes > div,
.map-note,
.map-help-strip,
.map-data-status,
.save-location-help,
.guide-note,
.notice,
.alert,
.callout {
  color: #c8c8d0 !important;
  border-color: #34343c !important;
  background: #121217 !important;
}

.item-source-notes > div {
  border-left-color: #d90a2c !important;
}

/* ------------------------------
   Forms / controls
   ------------------------------ */
.pal-atlas-layout input,
.pal-atlas-layout select,
.pal-atlas-layout textarea,
.tech-toolbar input,
.tech-toolbar select,
.dx-select,
.work-search input,
.kind-search input {
  color: #fff !important;
  border-color: #34343c !important;
  background: #0b0b0f !important;
  box-shadow: none !important;
}

.pal-atlas-layout input::placeholder,
.pal-atlas-layout textarea::placeholder {
  color: #686872 !important;
}

.pal-atlas-layout input:focus,
.pal-atlas-layout select:focus,
.pal-atlas-layout textarea:focus,
.tech-toolbar input:focus,
.tech-toolbar select:focus {
  border-color: #d90a2c !important;
  box-shadow: 0 0 0 3px rgba(217,10,44,.12) !important;
}

.pal-atlas-layout option {
  color: #fff;
  background: #101014;
}

.pal-atlas-layout label,
.tech-toolbar label {
  color: #d1d1d8 !important;
}

/* ------------------------------
   Buttons
   ------------------------------ */
.button,
.icon-button,
.menu-button,
.mode-button,
.map-toggle-btn,
.work-type-btn,
.dx-tabs button,
.map-layer-tabs button,
.map-filter-buttons button {
  border-color: #34343c !important;
  color: #e7e7eb !important;
  background: #121217 !important;
  box-shadow: none !important;
}

.button:hover,
.icon-button:hover,
.menu-button:hover,
.mode-button:hover,
.map-toggle-btn:hover,
.work-type-btn:hover,
.dx-tabs button:hover,
.map-layer-tabs button:hover,
.map-filter-buttons button:hover {
  color: #fff !important;
  border-color: #55555f !important;
  background: #1a1a20 !important;
}

.button-primary,
.button.button-primary,
.mode-button.active,
.map-toggle-btn.active,
.work-type-btn.active,
.dx-tabs button.active,
.map-layer-tabs button.active,
.map-filter-buttons button.active {
  color: #fff !important;
  border-color: #d90a2c !important;
  background: #d90a2c !important;
}

.button-primary:hover,
.button.button-primary:hover {
  border-color: #ef1238 !important;
  background: #ef1238 !important;
  filter: none !important;
  box-shadow: 0 8px 24px rgba(217,10,44,.2) !important;
}

.button-secondary,
.button-outline,
.button-ghost {
  color: #e7e7eb !important;
  border-color: #3a3a42 !important;
  background: #101014 !important;
}

.button-danger {
  color: #ff9aac !important;
  border-color: rgba(217,10,44,.42) !important;
  background: rgba(217,10,44,.09) !important;
}

/* ------------------------------
   Pills / badges / tabs
   ------------------------------ */
.tier-badge,
.owned-badge,
.passive-rank-badge,
.passive-source-tag,
.team-status,
.status-badge,
.badge,
.tag,
.chip,
.tech-detail-badge,
.item-result-summary,
.map-selected-target,
.dr-level {
  border-color: #383840 !important;
  background: #17171c !important;
}

/* ------------------------------
   Tables / rows / lists
   ------------------------------ */
.pal-atlas-layout table,
.data-table,
.results-table,
.tech-table,
.dis-table {
  color: #e8e8ed !important;
  border-color: #2d2d34 !important;
  background: #0f0f13 !important;
}

.pal-atlas-layout th,
.data-table th,
.results-table th,
.tech-table th,
.dis-table th {
  color: #fff !important;
  border-color: #303038 !important;
  background: #15151a !important;
}

.pal-atlas-layout td,
.data-table td,
.results-table td,
.tech-table td,
.dis-table td,
.spawn-location-row,
.pal-drop-row,
.work-pal-row,
.dx-row,
.info-list > *,
.drop-list > * {
  color: #d1d1d8 !important;
  border-color: #29292f !important;
  background: transparent !important;
}

.pal-atlas-layout tr:hover td,
.dx-row:hover,
.work-pal-row:hover,
.spawn-location-row:hover {
  background: #15151a !important;
}

/* ------------------------------
   Modals
   ------------------------------ */
.modal-container {
  background: rgba(0,0,0,.82) !important;
  backdrop-filter: blur(6px);
}

.modal-shell,
.modal-shell.modal-wide,
.modal-shell.modal-small {
  color: #fff !important;
  border-color: #3a3a42 !important;
  background: #0d0d11 !important;
  box-shadow: 0 34px 100px rgba(0,0,0,.72) !important;
}

.modal-header,
.modal-footer {
  border-color: #29292f !important;
  background: #0d0d11 !important;
}

.modal-content {
  color: #fff !important;
  background: #0d0d11 !important;
}

.modal-close {
  color: #bdbdc6 !important;
  border-color: #34343c !important;
  background: #15151a !important;
}

.modal-close:hover {
  color: #fff !important;
  border-color: #d90a2c !important;
}

/* Technology details inherit the dark system. */
.tech-detail-hero,
.tech-detail-section {
  border-color: #303038 !important;
  background: #101014 !important;
}

.tech-detail-image {
  border: 1px solid #303038 !important;
  background: #09090d !important;
}

.tech-detail-list li {
  color: #d7d7dd !important;
  border: 1px solid #29292f !important;
  background: #16161b !important;
}

.tech-detail-note,
.tech-detail-copy p {
  color: #aaaab3 !important;
}

/* ------------------------------
   Technology Tree - convert old cyan cards to Versys
   ------------------------------ */
.tech-summary {
  color: #93939d !important;
}

.tech-summary b,
.tech-summary b:nth-child(1),
.tech-summary span:nth-child(2) b,
.tech-summary span:nth-child(3) b {
  color: #fff !important;
}

.tech-toolbar {
  border-color: #2d2d34 !important;
  background: #0f0f13 !important;
}

.tech-level-row {
  border-bottom-color: #232329 !important;
}

.tech-level-axis::after {
  background: #3b3b43 !important;
}

.tech-level-diamond {
  border-color: #d90a2c !important;
  background: #0c0c10 !important;
  box-shadow: 0 0 0 4px rgba(217,10,44,.08), 0 8px 22px rgba(0,0,0,.22) !important;
}

.tech-level-diamond span {
  color: #fff !important;
}

.tech-node-card {
  border-color: #303038 !important;
  background: #101014 !important;
  color: #fff !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.12) !important;
}

.tech-node-card:hover {
  border-color: #d90a2c !important;
  background: #15151a !important;
  transform: translateY(-2px);
}

.tech-node-top {
  border-bottom: 1px solid #29292f !important;
  background: #17171c !important;
}

.tech-node-cost {
  color: #fff !important;
  border-color: #d90a2c !important;
  background: #d90a2c !important;
}

.tech-node-category {
  color: #bdbdc6 !important;
}

.tech-node-unlocks {
  color: #ff8da1 !important;
  border-color: rgba(217,10,44,.5) !important;
  background: #0a0a0e !important;
}

.tech-node-image {
  background:
    radial-gradient(circle at 50% 48%, rgba(217,10,44,.09), transparent 48%),
    #0b0b0f !important;
}

.tech-node-card > strong {
  color: #fff !important;
  border-top: 1px solid #24242a !important;
  background: #0d0d11 !important;
}

.tech-node-placeholder {
  color: #777780 !important;
  border-color: #3b3b43 !important;
  background: #101014 !important;
}

.tech-empty {
  color: #9999a3 !important;
  border-color: #34343c !important;
  background: #101014 !important;
}

/* ------------------------------
   Item / Pal / entity imagery
   ------------------------------ */
.item-card img,
.item-detail-hero img,
.item-material-name img,
.pal-detail-image,
.entity-card img,
.pal-card img,
.team-pal-card img,
.target-summary-pal img,
.dx-pal img,
.dx-item img {
  border-color: #303038 !important;
  background: #0b0b0f !important;
}

.item-icon-placeholder,
.map-icon-fallback {
  color: #74747e !important;
  border-color: #34343c !important;
  background: #111116 !important;
}

.schematic-composite {
  border-color: #34343c !important;
  background: #0b0b0f !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.035) !important;
}

.item-card:has(.schematic-composite) {
  border-color: #303038 !important;
  background: #101014 !important;
}

.item-card:has(.schematic-composite):hover {
  border-color: #d90a2c !important;
  background: #15151a !important;
  box-shadow: none !important;
}

/* ------------------------------
   Passive / skill databases
   ------------------------------ */
.passive-db-card,
.passive-card,
.skill-card {
  overflow: hidden;
}

.passive-db-effects,
.skill-effects,
.partner-panel,
.pal-drops-panel {
  border-color: #2d2d34 !important;
  background: #0f0f13 !important;
}

/* ------------------------------
   Map UI
   Do not recolor the actual game map/canvas - only its controls.
   ------------------------------ */
.interactive-map-shell,
.map-main-column,
.map-stage {
  border-color: #29292f !important;
  background: #08080b !important;
}

.map-filter-panel,
.map-details-panel,
.map-toolbar,
.map-filter-header,
.map-pal-filter-head,
.map-sync-compact {
  color: #fff !important;
  border-color: #303038 !important;
  background: #0e0e12 !important;
}

.map-filter-panel *,
.map-details-panel * {
  scrollbar-color: #3b3b43 transparent;
}

.map-category-option,
.map-category-button,
.map-pal-filter-option,
.map-hide-found {
  color: #d0d0d7 !important;
  border-color: #303038 !important;
  background: #121217 !important;
}

.map-category-option:hover,
.map-category-button:hover,
.map-pal-filter-option:hover,
.map-hide-found:hover {
  color: #fff !important;
  border-color: #4a4a54 !important;
  background: #18181e !important;
}

.map-category-option:has(input:checked),
.map-category-option.active,
.map-category-button.active,
.map-pal-filter-option.active,
.map-hide-found.active {
  color: #fff !important;
  border-color: rgba(217,10,44,.75) !important;
  background: rgba(217,10,44,.12) !important;
}

.map-layer-copy strong,
.map-detail-title,
.map-filter-header strong,
.map-pal-filter-head strong {
  color: #fff !important;
}

.map-layer-copy small,
.map-detail-copy,
.map-detail-info,
.map-filter-header small,
.map-pal-filter-head small {
  color: #9999a3 !important;
}

/* ------------------------------
   Backup / data / guides / progression subpages
   ------------------------------ */
.dx-row-main,
.dx-materials,
.dx-source,
.dis-search-box,
.dis-suggestions,
.dr-current,
.dr-intro-stats,
.work-performance-top,
.work-stats,
.work-pal-metric,
.work-detail-meta,
.team-intro-facts,
.target-summary-stats,
.guide-section-grid,
.guide-matchups,
.updates-sections {
  color: #d4d4da !important;
  border-color: #2d2d34 !important;
  background: #101014 !important;
}

/* ------------------------------
   Loading screens - one theme for boot + route changes
   ------------------------------ */
.view-container.is-loading,
.pal-atlas-content:has(> .pal-atlas-route-loader),
.pal-atlas-content > .pal-atlas-route-loader,
.view-container.is-loading > .pal-atlas-loading-overlay,
.pal-atlas-content > .pal-atlas-route-loader > .pal-atlas-loading-overlay,
.pal-atlas-boot-loader {
  color: #fff !important;
  background: #050507 !important;
}

.pal-atlas-loading-overlay strong,
.pal-atlas-boot-loader strong {
  color: #fff !important;
}

.pal-atlas-loading-overlay small,
.pal-atlas-boot-loader small {
  color: #9999a3 !important;
}

.pal-atlas-loading-overlay::after,
.pal-atlas-boot-loader::after {
  content: "";
  width: min(180px, 38vw);
  height: 2px;
  margin-top: 18px;
  background: linear-gradient(90deg, transparent, #d90a2c, transparent);
  animation: paVersysLoaderPulse 1.25s ease-in-out infinite;
}

@keyframes paVersysLoaderPulse {
  0%, 100% { opacity: .28; transform: scaleX(.6); }
  50% { opacity: 1; transform: scaleX(1); }
}

/* ------------------------------
   Scrollbars
   ------------------------------ */
.pal-atlas-layout * {
  scrollbar-color: #393941 #0b0b0f;
}

.pal-atlas-layout *::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}

.pal-atlas-layout *::-webkit-scrollbar-track {
  background: #0b0b0f;
}

.pal-atlas-layout *::-webkit-scrollbar-thumb {
  border: 2px solid #0b0b0f;
  border-radius: 999px;
  background: #393941;
}

.pal-atlas-layout *::-webkit-scrollbar-thumb:hover {
  background: #50505a;
}

/* ------------------------------
   Selection and focus
   ------------------------------ */
.pal-atlas-layout ::selection {
  color: #fff;
  background: rgba(217,10,44,.65);
}

.pal-atlas-layout :focus-visible {
  outline-color: #d90a2c !important;
}

/* ------------------------------
   Responsive polish
   ------------------------------ */
@media (max-width: 900px) {
  .pal-atlas-layout::before {
    left: 0;
  }

  .pal-atlas-sidebar {
    box-shadow: 18px 0 50px rgba(0,0,0,.5);
  }

  .sidebar-scrim {
    background: rgba(0,0,0,.7) !important;
    backdrop-filter: blur(3px);
  }

  .topbar {
    background: rgba(5,5,7,.97) !important;
  }
}

@media (max-width: 560px) {
  .view-container {
    background: #050507 !important;
  }

  .panel,
  .card,
  .detail-panel,
  .modal-shell {
    border-radius: 8px !important;
  }
}

/* ================================================================
   Legacy light-style neutraliser
   Several older page hotfixes intentionally forced white surfaces with
   !important. These selectors keep those pages readable in the new theme.
   ================================================================ */

.stat-label,
.detail-stat span,
.tech-stat span,
.tech-material small,
.target-suggestion-card small,
.target-suggestion-card p,
.guide-section-grid article p,
.save-drop > span,
.compact-save-drop span,
.local-data-note,
.analysis-footnote,
.mode-button small,
.mode-button.active small {
  color: #9999a3 !important;
}

.detail-stat strong,
.drop-list strong,
.drop-list strong span,
.breeding-detail-panel .info-row strong,
.analysis-card h3,
.analysis-card li,
.targets-card h3,
.technology-card strong,
.tech-stat strong,
.tech-material strong,
.mode-button strong,
.mode-button.active strong,
.save-drop strong,
.compact-save-drop strong,
.guide-matchups strong,
.guide-section-grid article strong,
.local-data-note strong {
  color: #fff !important;
}

.detail-stat,
.drop-list > div,
.breeding-detail-panel .detail-route-list span,
.save-drop,
.compact-save-drop,
.target-suggestion-card,
.local-data-note,
.guide-matchups > div,
.guide-section-grid article,
.analysis-card,
.targets-card,
.team-status.success,
.team-status.good,
.team-status.warning,
.team-status.danger,
.tech-stat,
.tech-material,
.mode-button,
.mode-button.active,
.detail-chip-list span,
.detail-route-list span {
  color: #d6d6dc !important;
  border-color: #303038 !important;
  background: #101014 !important;
}

.breeding-detail-panel .info-row span,
.breeding-detail-panel h5,
.detail-grid-clean .detail-panel h5,
.drop-list > div > span {
  color: #a5a5ae !important;
}

.technology-card > img,
.technology-card > .tech-icon-placeholder,
.tech-detail .entity-detail-head > img,
.tech-detail .entity-detail-head > .tech-icon-placeholder,
.tech-material img,
.tech-material .tech-icon-placeholder {
  color: #d90a2c !important;
  border-color: #303038 !important;
  background: #0b0b0f !important;
}

.technology-card p {
  color: #9999a3 !important;
}

.tech-detail-section {
  border-top-color: #29292f !important;
}

.tech-detail-section h4 {
  color: #fff !important;
}

.item-pal-drop-section {
  border-top-color: #29292f !important;
}

.save-location-help code {
  color: #fff !important;
  background: #17171c !important;
}

.inventory-passives span,
.guide-use-list span {
  color: #d9d9e0 !important;
  border-color: #34343c !important;
  background: #17171c !important;
}

.mode-button > span,
.mode-button.active > span {
  color: #d90a2c !important;
  border-color: #3b3b43 !important;
  background: #0b0b0f !important;
}

.mode-button.active {
  border-color: #d90a2c !important;
  background: rgba(217,10,44,.10) !important;
  box-shadow: inset 4px 0 0 #d90a2c !important;
}

/* Interactive Map legacy white control overrides. */
#map-result-count {
  color: #fff !important;
  border-color: #d90a2c !important;
  background: #d90a2c !important;
}

.map-layer-tabs button,
.map-layer-tabs button em,
.map-overlay-controls,
.map-placement-hint {
  color: #d8d8de !important;
  border-color: #34343c !important;
  background: #101014 !important;
  box-shadow: none !important;
}

.map-layer-tabs button em {
  color: #aaaab3 !important;
  background: #19191f !important;
}

.map-layer-tabs button:hover {
  color: #fff !important;
  border-color: #55555f !important;
  background: #18181e !important;
}

.map-layer-tabs button.active {
  color: #fff !important;
  border-color: #d90a2c !important;
  background: #d90a2c !important;
}

.map-layer-tabs button.active em {
  color: #d90a2c !important;
  background: #fff !important;
}

.map-category-list {
  scrollbar-color: #4a4a54 #0b0b0f !important;
}

.map-category-option,
.map-category-option:hover,
.map-category-option:has(input:checked),
.map-category-option .map-layer-copy strong,
.map-category-option .map-layer-copy small {
  color: inherit !important;
}

.map-category-option {
  color: #d0d0d7 !important;
  border-color: #303038 !important;
  background: #121217 !important;
}

.map-category-option:hover {
  color: #fff !important;
  border-color: #4b4b55 !important;
  background: #18181e !important;
}

.map-category-option:has(input:checked) {
  color: #fff !important;
  border-color: #d90a2c !important;
  background: rgba(217,10,44,.12) !important;
}

.map-category-option .map-layer-copy strong {
  color: #fff !important;
}

.map-category-option .map-layer-copy small {
  color: #92929c !important;
}

.map-toggle-btn {
  color: #dddde3 !important;
  border-color: #34343c !important;
  background: #111116 !important;
}

.map-toggle-btn.active {
  color: #fff !important;
  border-color: #d90a2c !important;
  background: #d90a2c !important;
}

/* Journal/custom-marker detail cards were explicitly white in older fixes. */
.map-details-panel .map-detail-card.map-category-journal,
.map-details-panel .map-detail-card.map-category-journal .map-detail-title,
.map-details-panel .map-detail-card.map-category-journal .map-detail-info,
.map-details-panel .map-detail-card.map-category-journal .info-list,
.map-details-panel .map-detail-card.map-category-journal .info-row,
.map-details-panel .map-detail-card.map-category-journal .map-detail-copy,
.map-details-panel .map-detail-card.map-category-journal .map-note,
.map-details-panel .map-detail-card.map-category-custom,
.map-details-panel .map-detail-card.map-category-custom .map-detail-title,
.map-details-panel .map-detail-card.map-category-custom .map-status-line,
.map-details-panel .map-detail-card.map-category-custom .map-detail-info,
.map-details-panel .map-detail-card.map-category-custom .info-list,
.map-details-panel .map-detail-card.map-category-custom .info-row,
.map-details-panel .map-detail-card.map-category-custom .map-detail-copy,
.map-details-panel .map-detail-card.map-category-custom .map-note,
.map-details-panel .map-detail-card.map-category-custom .map-all-player-note,
.map-details-panel .map-detail-card.map-category-custom .map-detail-actions {
  color: #d5d5dc !important;
  border-color: #2d2d34 !important;
  background: #101014 !important;
}

.map-details-panel .map-detail-card.map-category-journal h3,
.map-details-panel .map-detail-card.map-category-journal p,
.map-details-panel .map-detail-card.map-category-journal strong,
.map-details-panel .map-detail-card.map-category-journal span,
.map-details-panel .map-detail-card.map-category-custom h3,
.map-details-panel .map-detail-card.map-category-custom p,
.map-details-panel .map-detail-card.map-category-custom strong,
.map-details-panel .map-detail-card.map-category-custom span,
.map-details-panel .map-detail-card.map-category-custom .eyebrow,
.map-details-panel .map-detail-card.map-category-custom .info-row span,
.map-details-panel .map-detail-card.map-category-custom .map-detail-copy,
.map-details-panel .map-detail-card.map-category-custom .map-note p,
.map-details-panel .map-detail-card.map-category-custom .map-note strong {
  color: inherit !important;
}

.map-details-panel .map-detail-card.map-category-journal h3,
.map-details-panel .map-detail-card.map-category-journal strong,
.map-details-panel .map-detail-card.map-category-custom h3,
.map-details-panel .map-detail-card.map-category-custom strong {
  color: #fff !important;
}

.map-details-panel .map-detail-card.map-category-journal p,
.map-details-panel .map-detail-card.map-category-journal span,
.map-details-panel .map-detail-card.map-category-custom p,
.map-details-panel .map-detail-card.map-category-custom span,
.map-details-panel .map-detail-card.map-category-custom .map-detail-copy {
  color: #a0a0aa !important;
}

.map-details-panel .map-detail-card.map-category-custom .map-detail-actions .button-secondary,
.map-details-panel .map-detail-card.map-category-custom .map-detail-actions .button-outline,
.map-details-panel .map-detail-card.map-category-custom .map-detail-actions .button-danger,
.modal-shell:has(.map-custom-form) .modal-footer {
  border-color: #303038 !important;
  background: #0d0d11 !important;
}

.map-details-panel .map-detail-card.map-category-custom .map-detail-actions .button-secondary,
.map-details-panel .map-detail-card.map-category-custom .map-detail-actions .button-outline {
  color: #fff !important;
}

.map-placement-hint {
  color: #fff !important;
  border-color: #d90a2c !important;
  background: #101014 !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.35) !important;
}

/* Keep icon tiles useful while the surrounding UI stays Versys-dark. */
.map-category-button[data-category-toggle="journal"] .map-category-asset,
.map-detail-card.map-category-journal .map-marker-large {
  border-color: #383840 !important;
  background: #f4f4f6 !important;
}

/* No hidden text on dense cards. */
.technology-card strong,
.item-browser-card strong,
.entity-card strong,
.target-suggestion-card h4,
.team-pal-card strong,
.passive-db-card strong,
.skill-card strong {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
}

@media (max-width: 900px) {
  .sidebar-nav .nav-item,
  .sidebar-nav .nav-dropdown-toggle {
    background: transparent !important;
  }
}
/* === VERSYS FULL DARK SURFACE SWEEP v2 === */
/*
   The legacy Pal Atlas has many route-specific stylesheets which hard-code
   white/pale surfaces. This final layer deliberately normalises every UI
   surface while leaving actual game artwork/map imagery untouched.
*/

:root {
  --pa-black: #050507;
  --pa-black-soft: #09090d;
  --pa-surface: #101014;
  --pa-surface-2: #15151a;
  --pa-surface-3: #1b1b21;
  --pa-line: #29292f;
  --pa-line-strong: #3a3a42;
  --pa-text: #f7f7f8;
  --pa-muted: #a4a4ad;
  --pa-muted-2: #777780;
  --pa-red: #d90a2c;
  --pa-red-bright: #ef1238;
}

html,
body.versys-dark-page,
body.pal-atlas-page {
  background: var(--pa-black) !important;
  color: var(--pa-text) !important;
}

/* Shared Versys Apps header - match the dark home page exactly. */
body.versys-dark-page #vm-header .versys-header,
body.versys-dark-page #vm-header .versys-header.scrolled {
  background: rgba(5,5,7,.98) !important;
  border-bottom: 1px solid #202027 !important;
  box-shadow: none !important;
}
body.versys-dark-page #vm-header .versys-logo-text span:not(.versys-logo-accent),
body.versys-dark-page #vm-header .versys-nav-link,
body.versys-dark-page #vm-header .versys-drawer-link,
body.versys-dark-page #vm-header .versys-drawer-drop a {
  color: #f7f7f8 !important;
}
body.versys-dark-page #vm-header .versys-nav-link:hover,
body.versys-dark-page #vm-header .versys-nav-link.active {
  color: var(--pa-red-bright) !important;
}
body.versys-dark-page #vm-header .versys-dropdown,
body.versys-dark-page #vm-header .versys-drawer {
  color: var(--pa-text) !important;
  border-color: var(--pa-line) !important;
  background: #0b0b0f !important;
}
body.versys-dark-page #vm-header .versys-dropdown-item:hover {
  background: #17171c !important;
}

/* App shell and the fixed sidebar must never fall back to white. */
.pal-atlas-layout,
.pal-atlas-content,
.view-container,
.view,
.pal-atlas-layout::before {
  background-color: var(--pa-black) !important;
}
.pal-atlas-layout {
  background-image: none !important;
}
.pal-atlas-sidebar,
.pal-atlas-sidebar.is-clean-fixed,
.pal-atlas-sidebar.is-desktop-fixed,
.pal-atlas-sidebar.is-footer-locked,
.pal-atlas-sidebar.is-stable-fixed,
.sidebar-nav,
.sidebar-foot,
.sidebar-status,
.brand {
  color: var(--pa-text) !important;
  border-color: #232329 !important;
  background: var(--pa-black) !important;
}

/* Overview currently has direct white cards rather than .panel classes. */
.overview-metrics > article,
.overview-onboarding,
.overview-tool-card,
.overview-section,
.overview-completion,
.overview-progress-list > a,
.work-coverage-grid > div,
.overview-empty,
.overview-target-card,
.team-intro-summary,
.team-intro-facts > article {
  color: var(--pa-text) !important;
  border-color: var(--pa-line) !important;
  background: var(--pa-surface) !important;
  box-shadow: none !important;
}
.overview-tool-card > span {
  color: #fff !important;
  border-color: rgba(217,10,44,.55) !important;
  background: rgba(217,10,44,.14) !important;
}
.overview-progress-list > a:hover,
.overview-tool-card:hover {
  border-color: #44444d !important;
  background: var(--pa-surface-2) !important;
}
.completion-ring::before {
  background: var(--pa-surface) !important;
}
.overview-metrics span,
.overview-metrics small,
.overview-tool-card p,
.overview-progress-list span,
.work-coverage-grid span,
.overview-empty p {
  color: var(--pa-muted) !important;
}
.overview-metrics strong,
.overview-tool-card strong,
.overview-progress-list strong,
.work-coverage-grid strong,
.overview-empty strong {
  color: #fff !important;
}

/* Generic content surfaces used throughout Database, Breeding, Guides, etc. */
.pal-atlas-content :where(article,section,aside,div,details,summary,button)[class*="-card"],
.pal-atlas-content :where(article,section,aside,div,details)[class*="-panel"],
.pal-atlas-content :where(article,section,aside,div)[class*="-toolbar"],
.pal-atlas-content :where(article,section,aside,div)[class*="-overview"],
.pal-atlas-content :where(article,section,aside,div)[class*="-summary"],
.pal-atlas-content :where(article,section,aside,div)[class*="-note"],
.pal-atlas-content :where(article,section,aside,div)[class*="-callout"],
.pal-atlas-content :where(article,section,aside,div)[class*="-empty"] {
  border-color: var(--pa-line) !important;
}

/* Standard inputs/search/filter controls. */
.pal-atlas-content input:not([type="checkbox"]):not([type="radio"]),
.pal-atlas-content textarea,
.pal-atlas-content select,
.pal-atlas-content [contenteditable="true"] {
  color: var(--pa-text) !important;
  caret-color: var(--pa-red-bright) !important;
  border-color: #34343c !important;
  background: #0b0b0f !important;
  box-shadow: none !important;
}
.pal-atlas-content input::placeholder,
.pal-atlas-content textarea::placeholder {
  color: #696972 !important;
}
.pal-atlas-content input:focus,
.pal-atlas-content textarea:focus,
.pal-atlas-content select:focus {
  border-color: var(--pa-red) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(217,10,44,.13) !important;
}

/* Database entities and details. */
.data-row,
.merchant-item-grid > article,
.item-pal-drop,
.item-result-summary,
.entity-detail-head,
.entity-detail-grid > *,
.raw-data-grid > *,
.info-list,
.info-row,
.detail-stat,
.drop-list > div,
.tech-stat,
.tech-material,
.team-reference-block,
.team-block-heading,
.team-pal-mechanic,
.team-block-note,
.team-mechanics-note,
.boss-list,
.boss-list-count,
.boss-card,
.boss-detail-hero,
.boss-info-card,
.boss-section,
.boss-stat-grid > div,
.boss-reward-card,
.boss-drop-row,
.boss-work-list > span,
.summon-material,
.boss-guide-grid > article,
.passive-feature-card,
.passive-db-effects,
.partner-panel,
.pal-drops-panel,
.raid-reward-columns > article,
.raid-mechanics-grid > article,
.raid-reward-row,
.raid-egg-grid > div,
.raid-phase-list > div,
.team-rule-stack,
.team-intro-summary,
.team-intro-facts > article {
  color: var(--pa-text) !important;
  border-color: var(--pa-line) !important;
  background: var(--pa-surface) !important;
  box-shadow: none !important;
}

/* Data Expansion / updates / journals. */
.dx-tabs,
.dx-tabs button,
.dx-system,
.dx-row,
.dx-card,
.dx-mini-stats > span,
.dx-materials .dx-item,
.dx-pal-grid .dx-pal,
.dx-source,
.dx-note,
.dx-source-no-map,
.dx-alpha-no-map,
.item-source-summary button,
.item-source-summary div,
.item-expanded-source-list div,
.current-page-data-link,
.work-handbook-card,
.v103-overview-badge,
.v103-item-note,
.v103-pal-note,
.dx-patch-note,
.dx-patch-banner,
.updates-sections > article,
.journal-modal-meta > span,
.journal-modal-text,
.recommendation-owned-toggle {
  color: var(--pa-text) !important;
  border-color: var(--pa-line) !important;
  background: var(--pa-surface) !important;
}
.dx-tabs button:hover,
.dx-item:hover,
.dx-pal:hover,
.current-page-data-link:hover {
  background: var(--pa-surface-2) !important;
  border-color: #4b4b54 !important;
}
.dx-tabs button.active,
.dx-system.active {
  color: #fff !important;
  border-color: var(--pa-red) !important;
  background: var(--pa-red) !important;
}
.pal-acquisition-panel {
  color: var(--pa-text) !important;
  border-color: var(--pa-line) !important;
  background: linear-gradient(135deg, rgba(217,10,44,.09), var(--pa-surface) 55%) !important;
}

/* Work suitability / Kindling pages. */
.work-type-btn,
.work-global-pal,
.work-pal-row,
.work-detail-meta > span,
.work-stats > div,
.work-structures > div,
.work-performance-top > span,
.kind-tabs button,
.kind-meta > span,
.kind-stat,
.kind-pal-row,
.kind-structure-card,
.kind-research-card,
.kind-cost,
.kind-money {
  color: var(--pa-text) !important;
  border-color: var(--pa-line) !important;
  background: var(--pa-surface) !important;
}
.work-type-btn:hover,
.work-global-pal:hover,
.work-pal-row:hover,
.kind-tabs button:hover,
.kind-pal-row:hover,
.kind-cost:hover {
  border-color: #4b4b54 !important;
  background: var(--pa-surface-2) !important;
}
.work-type-btn.active,
.kind-tabs button.active {
  color: #fff !important;
  border-color: var(--pa-red) !important;
  background: var(--pa-red) !important;
}
.kind-research-card > header,
.dis-mechanic-main {
  color: var(--pa-text) !important;
  background: linear-gradient(135deg, rgba(217,10,44,.10), var(--pa-surface) 62%) !important;
}

/* Disassembly page. */
.dis-mechanic-warning,
.dis-trait-row > span,
.dis-search-box,
.dis-suggestions,
.dis-suggestions button,
.dis-quick button,
.dis-sort button,
.dis-pal-card,
.dis-drop-line,
.dis-drop-line.lv70,
.dis-drop-line.lv80 {
  color: var(--pa-text) !important;
  border-color: var(--pa-line) !important;
  background: var(--pa-surface) !important;
}
.dis-suggestions button:hover,
.dis-quick button:hover,
.dis-sort button:hover,
.dis-pal-card:hover {
  background: var(--pa-surface-2) !important;
}

/* Passive DB / raid / team pages. */
.passive-controls input,
.passive-controls select,
.passive-card,
.passive-card.is-featured,
.passive-db-card,
.passive-db-pagination button,
.passive-db-badges > span,
.team-category-bar button,
.boss-tabs button,
.team-category-intro,
.team-reference-block,
.raid-egg-card,
.raid-egg-card.is-alpha,
.team-pal-card.active-carry {
  border-color: var(--pa-line) !important;
  background: var(--pa-surface) !important;
}
.passive-card:hover,
.passive-db-card:hover,
.passive-db-pagination button:hover,
.team-category-bar button:hover,
.boss-tabs button:hover {
  background: var(--pa-surface-2) !important;
}
.team-category-bar button.active,
.boss-tabs button.active {
  color: #fff !important;
  border-color: var(--pa-red) !important;
  background: var(--pa-red) !important;
}

/* Interactive map: darken all surrounding UI, never the actual map artwork. */
.map-filter-panel,
.map-sidebar,
.map-control-panel,
.map-details-panel,
.map-top-controls,
.map-category-list,
.map-toolbar,
.map-filter-footer,
.map-pal-filter-panel,
.map-load-pal-filters,
.map-sync-compact,
.map-placement-hint,
.map-details-panel .map-detail-card,
.map-details-panel .map-detail-card[class*="map-category-"],
.map-details-panel .map-detail-card .map-detail-title,
.map-details-panel .map-detail-card .map-status-line,
.map-details-panel .map-detail-card .map-detail-info,
.map-details-panel .map-detail-card .info-list,
.map-details-panel .map-detail-card .info-row,
.map-details-panel .map-detail-card .map-detail-copy,
.map-details-panel .map-detail-card .map-note,
.map-details-panel .map-detail-card .map-all-player-note,
.map-details-panel .map-detail-card .map-detail-actions {
  color: var(--pa-text) !important;
  border-color: var(--pa-line) !important;
  background: #0e0e12 !important;
}
.map-layer-tabs button,
.map-category-option,
.map-pal-filter-option,
.map-pal-filter-actions button,
.map-hide-found,
.map-toggle-btn,
.map-selected-target,
.map-selected-target > button,
.custom-marker-icon-choice {
  color: #d8d8df !important;
  border-color: #34343c !important;
  background: var(--pa-surface) !important;
}
.map-layer-tabs button:hover,
.map-category-option:hover,
.map-pal-filter-option:hover,
.map-pal-filter-actions button:hover,
.map-hide-found:hover,
.map-toggle-btn:hover,
.map-selected-target > button:hover,
.custom-marker-icon-choice:hover {
  color: #fff !important;
  border-color: #51515b !important;
  background: var(--pa-surface-2) !important;
}
.map-layer-tabs button.active,
.map-category-option:has(input:checked),
.map-pal-filter-option:has(input:checked),
.map-hide-found.active,
.map-toggle-btn.active,
.custom-marker-icon-choice.active {
  color: #fff !important;
  border-color: var(--pa-red) !important;
  background: rgba(217,10,44,.14) !important;
}
.map-filter-header strong,
.map-layer-copy strong,
.map-details-panel h1,
.map-details-panel h2,
.map-details-panel h3,
.map-details-panel h4,
.map-details-panel strong {
  color: #fff !important;
}
.map-layer-copy small,
.map-filter-fields label,
.map-details-panel p,
.map-details-panel small,
.map-details-panel .info-row > span:not(:last-child) {
  color: var(--pa-muted) !important;
}
/* Marker labels can be dark without changing the Palworld map itself. */
.map-marker-label,
.map-marker > .map-marker-label,
.map-marker-layer-screen .map-marker-label {
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  background: rgba(9,9,13,.92) !important;
  box-shadow: 0 4px 14px rgba(0,0,0,.35) !important;
}

/* Technology tree. */
.tech-toolbar,
.tech-node-card,
.tech-detail-hero,
.tech-detail-section,
.tech-detail-list > li,
.technology-card,
.tech-stat,
.tech-material {
  color: var(--pa-text) !important;
  border-color: var(--pa-line) !important;
  background: var(--pa-surface) !important;
}
.tech-node-card:hover,
.technology-card:hover {
  border-color: var(--pa-red) !important;
  background: var(--pa-surface-2) !important;
}
.tech-node-top {
  border-color: var(--pa-line) !important;
  background: var(--pa-surface-2) !important;
}
.tech-node-image,
.tech-detail-image,
.technology-card > img,
.tech-detail .entity-detail-head > img,
.tech-material img {
  border-color: var(--pa-line) !important;
  background-color: #0b0b0f !important;
}

/* Modal, popup, context menu and dropdown surfaces. */
.modal-shell,
.modal-content,
.modal-header,
.modal-footer,
.context-menu,
.dropdown-menu,
.popover,
.tooltip,
.autocomplete,
.suggestions,
.search-suggestions {
  color: var(--pa-text) !important;
  border-color: var(--pa-line) !important;
  background: #0d0d11 !important;
}

/* Keep game images intact; only give transparent artwork a neutral dark tile. */
.pal-atlas-content img:not(.map-image):not(.map-tile):not(.map-canvas) {
  color-scheme: normal;
}

/* Text hierarchy: remove legacy near-black text without flattening semantic game colours. */
.pal-atlas-content h1,
.pal-atlas-content h2,
.pal-atlas-content h3,
.pal-atlas-content h4,
.pal-atlas-content h5,
.pal-atlas-content h6,
.pal-atlas-content strong:not(.element-name),
.pal-atlas-content b:not(.element-name) {
  color: #fff !important;
}
.overview-metrics span,
.overview-metrics small,
.team-category-intro p,
.team-block-heading > strong,
.team-pal-copy p,
.team-pal-copy small,
.team-personal-note,
.boss-card p,
.boss-card small,
.boss-detail-hero p,
.boss-info-card p,
.boss-stat-grid span,
.boss-guide-grid p,
.passive-filter-field label,
.partner-panel p,
.tech-stat span,
.tech-material small,
.raid-egg-note,
.team-rule-stack p,
.team-intro-facts p {
  color: var(--pa-muted) !important;
}
.team-pal-copy strong,
.boss-card,
.boss-stat-grid strong,
.partner-skill-name,
.pal-drops-panel .pal-drop-name,
.tech-stat strong,
.tech-material strong,
.team-rule-stack strong {
  color: #fff !important;
}

/* Borders, separators and scrollbars. */
.pal-atlas-content hr,
.pal-atlas-content [class*="divider"],
.pal-atlas-content [class*="separator"] {
  border-color: var(--pa-line) !important;
  background-color: var(--pa-line) !important;
}
.pal-atlas-layout * {
  scrollbar-color: #3b3b43 #0b0b0f !important;
}

/* Mobile drawer/scrim keeps the same theme. */
@media (max-width: 900px) {
  .pal-atlas-sidebar,
  .pal-atlas-sidebar.is-open,
  .sidebar-nav {
    background: var(--pa-black) !important;
  }
  .sidebar-scrim {
    background: rgba(0,0,0,.76) !important;
  }
}

/* Auto-caught legacy pale surfaces from every route stylesheet. */
.raid-reward-columns > article,
.raid-mechanics-grid > article,
.raid-reward-row,
.raid-egg-grid > div,
.raid-phase-list > div,
.raid-egg-card,
.passive-controls input,
.passive-controls select,
.passive-feature-card,
.passive-card,
.map-pal-filter-panel,
.map-load-pal-filters,
.map-pal-filter-actions button,
.map-pal-filter-option,
.map-pal-filter-fallback,
.team-intro-summary,
.team-intro-facts article,
.passive-db-search-row input,
.passive-db-search-row select,
.passive-db-filter-row select,
.passive-db-card,
.passive-db-rank.is-negative,
.passive-db-badges span,
.passive-db-badges .is-visible {
  color: var(--pa-text) !important; border-color: var(--pa-line) !important; background: var(--pa-surface) !important;
}
.passive-db-effects,
.passive-db-pagination button,
.pal-atlas-sidebar.is-clean-fixed,
.pal-atlas-sidebar,
.pal-atlas-sidebar.is-desktop-fixed,
.pal-atlas-sidebar.is-footer-locked,
.pal-atlas-sidebar.is-stable-fixed,
.meta-badge.is-new-target,
.mode-button,
.mode-button > span,
.compact-save-drop,
.save-drop,
.detail-chip-list span,
.detail-route-list span,
.tech-detail-hero,
.tech-detail-badge,
.tech-detail-section,
.tech-detail-list li,
.dx-search input,
.dx-select select,
.dx-tabs button,
.dx-mini-stats span,
.dx-materials .dx-item,
.dx-pal-grid .dx-pal {
  color: var(--pa-text) !important; border-color: var(--pa-line) !important; background: var(--pa-surface) !important;
}
.dx-source summary>b,
.dx-note,
.pal-acquisition-panel,
.pal-alpha-list div,
.item-source-summary button,
.item-source-summary div,
.item-expanded-source-list div,
.current-page-data-link,
.work-handbook-card,
.dx-source-no-map,
.dx-alpha-no-map,
.v103-overview-badge,
.v103-item-note,
.v103-pal-note,
.dx-patch-note,
.dx-patch-banner,
.updates-sections article,
.journal-search input,
.journal-modal-meta span,
.journal-modal-text,
.recommendation-owned-toggle,
.element-badge,
.tier-badge,
.meta-badge {
  color: var(--pa-text) !important; border-color: var(--pa-line) !important; background: var(--pa-surface) !important;
}
.overview-metrics article,
.overview-onboarding,
.overview-tool-card,
.overview-tool-card>span,
.entity-card,
.entity-detail-head>span,
.data-row,
.merchant-item-grid article,
.item-browser-card,
.map-filter-panel,
.map-sidebar,
.map-control-panel,
.map-details-panel,
.map-top-controls,
.map-category-list,
.map-toolbar,
.map-category-button,
.map-category-row,
.map-filter-button,
.map-control-button,
.nav-item,
.nav-item span,
.item-pal-drop,
.detail-stat {
  color: var(--pa-text) !important; border-color: var(--pa-line) !important; background: var(--pa-surface) !important;
}
.drop-list > div,
.breeding-detail-panel .detail-route-list span,
.target-suggestion-card,
.local-data-note,
.guide-matchups > div,
.guide-section-grid article,
.save-location-help code,
.inventory-passives span,
.guide-use-list span,
.team-status.success,
.team-status.good,
.team-status.warning,
.team-status.danger,
.analysis-card,
.targets-card,
.technology-card > .tech-icon-placeholder,
.tech-detail .entity-detail-head > .tech-icon-placeholder,
.tech-stat,
.tech-material,
.tech-material .tech-icon-placeholder,
.sidebar-nav .nav-item span,
.sidebar-status,
.pal-atlas-layout,
.sidebar-nav {
  color: var(--pa-text) !important; border-color: var(--pa-line) !important; background: var(--pa-surface) !important;
}
.team-category-bar button,
.boss-tabs button,
.team-category-intro,
.team-reference-block,
.team-block-heading,
.missing-badge,
.boss-toolbar input,
.boss-list,
.boss-list-count,
.boss-card,
.boss-detail-hero,
.boss-info-card,
.boss-section,
.boss-tags b,
.boss-stat-grid div,
.team-pal-mechanic,
.team-block-note,
.team-mechanics-note,
.boss-reward-card,
.boss-drop-row,
.boss-work-list span,
.summon-material,
.boss-guide-grid article,
.passive-source-tag {
  color: var(--pa-text) !important; border-color: var(--pa-line) !important; background: var(--pa-surface) !important;
}
.passive-source-tag.source-mutation,
.passive-source-tag.source-lucky,
.passive-source-tag.source-special,
.passive-source-tag.source-equipment,
.passive-source-tag.source-category,
.passive-filter-grid input,
.passive-filter-grid select,
.partner-mode,
.drop-item-missing,
.raid-guaranteed-egg,
.map-category-option,
.item-card:has(.schematic-composite),
.schematic-outcome-panel,
.schematic-map-panel,
.item-source-notes > div,
.item-fixed-map-panel,
.dr-intro-stats > div,
.dr-level,
.dr-element-icon,
.dr-pal-card,
.dis-mechanic-main,
.dis-mechanic-warning,
.dis-trait-row span,
.dis-search-box {
  color: var(--pa-text) !important; border-color: var(--pa-line) !important; background: var(--pa-surface) !important;
}
.dis-suggestions,
.dis-suggestions button,
.dis-quick button,
.dis-sort button,
.dis-pal-card,
.dis-drop-line,
.map-selected-target,
.kind-tabs button,
.kind-meta span,
.kind-stat,
.kind-pal-row,
.kind-pal-image,
.kind-search input,
.kind-search select,
.kind-structure-card,
.kind-research-card,
.kind-research-card > header,
.kind-cost,
.kind-money,
.map-layer-tabs button,
.map-toggle-btn,
.map-marker-label,
.map-marker > .map-marker-label,
.map-marker-layer-screen .map-marker-label {
  color: var(--pa-text) !important; border-color: var(--pa-line) !important; background: var(--pa-surface) !important;
}
.map-selected-target > button,
body.map-route-active .map-filter-panel,
.map-filter-fields input,
.map-selected-target>button,
.map-filter-footer,
.map-hide-found,
.map-sync-compact,
.map-placement-hint,
.map-category-journal,
.map-detail-card.map-category-journal,
.modal-shell:has(.map-custom-form) .modal-footer,
.map-details-panel .map-detail-card.map-category-custom .map-detail-title,
.map-details-panel .map-detail-card.map-category-custom .info-list,
.map-details-panel .map-detail-card.map-category-custom .info-row,
.map-details-panel .map-detail-card.map-category-custom .map-note,
.map-details-panel .map-detail-card.map-category-custom,
.map-details-panel .map-detail-card.map-category-custom .map-status-line,
.map-details-panel .map-detail-card.map-category-custom .map-detail-info,
.map-details-panel .map-detail-card.map-category-custom .map-detail-copy,
.map-details-panel .map-detail-card.map-category-custom .map-all-player-note,
.map-details-panel .map-detail-card.map-category-custom .map-detail-actions,
.map-details-panel .map-detail-card.map-category-custom .map-detail-asset,
.map-details-panel .map-detail-card.map-category-custom .map-detail-actions .button-secondary,
.map-details-panel .map-detail-card.map-category-custom .map-detail-actions .button-outline {
  color: var(--pa-text) !important; border-color: var(--pa-line) !important; background: var(--pa-surface) !important;
}
.map-details-panel .map-detail-card.map-category-custom .map-detail-actions .button-danger,
.map-details-panel .map-detail-card,
.map-details-panel .map-detail-card[class*="map-category-"],
.map-details-panel .map-detail-card .map-detail-title,
.map-details-panel .map-detail-card .map-status-line,
.map-details-panel .map-detail-card .map-detail-info,
.map-details-panel .map-detail-card .info-list,
.map-details-panel .map-detail-card .info-row,
.map-details-panel .map-detail-card .map-detail-copy,
.map-details-panel .map-detail-card .map-note,
.map-details-panel .map-detail-card .map-all-player-note,
.map-details-panel .map-detail-card .map-detail-actions,
.map-details-panel .map-detail-card .map-detail-asset,
.map-details-panel .map-detail-card .map-status,
.map-details-panel .map-detail-card .map-favourite-badge,
.map-details-panel .map-detail-card .map-detail-actions .button-outline,
.map-details-panel .map-detail-card .map-detail-actions .button-secondary,
.work-type-btn,
.work-detail-meta span,
.work-global-pal,
.work-stats div,
.work-search input,
.work-pal-row,
.work-structures div {
  color: var(--pa-text) !important; border-color: var(--pa-line) !important; background: var(--pa-surface) !important;
}
.work-priority-scale div,
.work-performance-top>span,
.work-search select {
  color: var(--pa-text) !important; border-color: var(--pa-line) !important; background: var(--pa-surface) !important;
}
.mode-button:hover,
.detail-route-list span:hover,
.dx-item:hover,
.dx-pal:hover,
.entity-card:hover,
.nav-item:hover,
.item-pal-drop:hover,
.sidebar-nav .nav-item:hover,
.boss-card:hover,
.map-category-option:hover,
.dis-suggestions button:hover,
.kind-cost:hover,
.map-marker-cluster:hover,
.map-layer-tabs button:hover,
.map-toggle-btn:hover,
.map-selected-target > button:hover {
  color: #fff !important; border-color: #4b4b54 !important; background: var(--pa-surface-2) !important;
}
.raid-egg-card.is-alpha,
.team-pal-card.active-carry,
.passive-card.is-featured,
.map-pal-filter-option:has(input:checked),
.mode-button.active,
.mode-button.active > span,
.nav-item.active,
.sidebar-nav .nav-item.active,
.sidebar-nav .nav-item.active span,
.map-category-option:has(input:checked),
.dis-drop-line.lv70,
.dis-drop-line.lv80,
.map-filter-panel > .button.active,
.map-layer-tabs button.active em,
.custom-marker-icon-choice.active {
  color: #fff !important; border-color: var(--pa-red) !important; background: rgba(217,10,44,.13) !important;
}

/* Purposeful inverse micro-elements. */
.map-layer-tabs button.active em,
.map-category-option input:checked::after,
.map-category-option:has(input:checked) .map-switch::after {
  background: #fff !important;
}
.map-layer-tabs button.active em {
  color: var(--pa-red) !important;
}


/* Final shell guarantees - must remain last. */
body.pal-atlas-page,
.pal-atlas-layout,
.pal-atlas-content,
.view-container,
.view,
.pal-atlas-layout::before {
  background-color: #050507 !important;
}
.pal-atlas-layout { background-image: none !important; }
.pal-atlas-sidebar,
.pal-atlas-sidebar.is-clean-fixed,
.pal-atlas-sidebar.is-desktop-fixed,
.pal-atlas-sidebar.is-footer-locked,
.pal-atlas-sidebar.is-stable-fixed,
.sidebar-nav,
.sidebar-foot,
.sidebar-status,
.brand {
  background: #050507 !important;
}
.sidebar-nav .nav-item,
.sidebar-nav .nav-dropdown-toggle,
.nav-item {
  background: transparent !important;
}
.sidebar-nav .nav-item:hover,
.sidebar-nav .nav-dropdown-toggle:hover,
.nav-item:hover {
  background: #121217 !important;
}
.sidebar-nav .nav-item.active,
.sidebar-nav .nav-dropdown-toggle.active,
.sidebar-nav .nav-dropdown:has(.nav-item.active) > .nav-dropdown-toggle,
.nav-item.active {
  color: #fff !important;
  border-color: rgba(217,10,44,.45) !important;
  background: rgba(217,10,44,.11) !important;
}
.overview-tool-card > span {
  color: #fff !important;
  border-color: rgba(217,10,44,.55) !important;
  background: rgba(217,10,44,.14) !important;
}
.map-marker-cluster:hover {
  color: #fff !important;
  border-color: #ef1238 !important;
  background: linear-gradient(145deg,#ef1238,#a10822) !important;
}
.work-priority-scale div {
  background: linear-gradient(90deg,#d90a2c,#ef1238,#3a3a42) !important;
}


/* 2026-08-19 comprehensive Pal Atlas polish pass */
:root {
  --pa-bg: #050507;
  --pa-panel: #0d0d11;
  --pa-panel-2: #131318;
  --pa-panel-3: #19191f;
  --pa-line: #2a2a31;
  --pa-text: #f6f6f8;
  --pa-muted: #c4c4cc;
  --pa-red: #d90a2c;
  --pa-red-bright: #ef1238;
}

/* Text must remain readable on every dark route. */
.pal-atlas-layout .view p,
.pal-atlas-layout .view li,
.pal-atlas-layout .view dd,
.pal-atlas-layout .view td,
.pal-atlas-layout .view label,
.pal-atlas-layout .view .helper,
.pal-atlas-layout .view .subtitle,
.pal-atlas-layout .view .note { color: var(--pa-text) !important; }
.pal-atlas-layout .view small,
.pal-atlas-layout .view .muted,
.pal-atlas-layout .view .meta,
.pal-atlas-layout .view .data-count { color: var(--pa-muted) !important; }
.pal-atlas-layout .view .eyebrow,
.pal-atlas-layout .view .kicker,
.pal-atlas-layout .view .section-kicker,
.pal-atlas-layout .view .pt-kicker { color: var(--pa-red-bright) !important; }

/* The route loader is viewport-fixed, regardless of how far down the previous page was scrolled. */
.pal-atlas-content > .pal-atlas-route-loader {
  position: fixed !important;
  z-index: 9990 !important;
  top: var(--pa-header-offset,82px) !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 205px !important;
  inset: var(--pa-header-offset,82px) 0 0 205px !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  transform: none !important;
  margin: 0 !important;
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: hidden !important;
  background: #050507 !important;
}
.pal-atlas-content > .pal-atlas-route-loader > .pal-atlas-loading-overlay {
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: #050507 !important;
}
@media(max-width:900px){
  .pal-atlas-content > .pal-atlas-route-loader {
    top: var(--pa-header-offset,72px) !important;
    left: 0 !important;
    inset: var(--pa-header-offset,72px) 0 0 0 !important;
  }
}

/* Tier Lists - do not let Search this list collapse to a few pixels. */
.tier-controls { background: var(--pa-panel) !important; border-color: var(--pa-line) !important; }
.tier-controls .toolbar {
  display: grid !important;
  grid-template-columns: minmax(280px,2fr) repeat(3,minmax(150px,1fr)) !important;
  gap: 10px !important;
  align-items: end !important;
}
.tier-controls .toolbar .search-field { min-width: 280px !important; grid-column: span 2; }
.tier-controls .toolbar .field,
.tier-controls .toolbar .field[style] { min-width: 0 !important; }
.tier-controls .toolbar input,
.tier-controls .toolbar select { width:100% !important; min-width:0 !important; }
.tier-controls .toggle-control { min-height:42px; align-self:end; }
@media(max-width:1100px){.tier-controls .toolbar{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tier-controls .toolbar .search-field{grid-column:1/-1!important;min-width:0!important}}
@media(max-width:650px){.tier-controls .toolbar{grid-template-columns:1fr!important}.tier-controls .toolbar .search-field{grid-column:auto!important}}

/* Breeding Paths. */
.breeding-path-controls,.breeding-path-target,.breeding-path-card,.breeding-inventory-route,.breeding-empty,
.breeding-path-summary>div,.breeding-path-mini,.breeding-path-crumb,.breeding-path-tab {
  background: var(--pa-panel) !important; border-color: var(--pa-line) !important; color:var(--pa-text) !important;
}
.breeding-path-card,.breeding-inventory-route { box-shadow:none !important; }
.breeding-path-card.ready { border-color:rgba(217,10,44,.7)!important; box-shadow:inset 3px 0 var(--pa-red)!important; }
.breeding-path-tab.active,.breeding-path-crumb:last-child { background:rgba(217,10,44,.13)!important;border-color:var(--pa-red)!important;color:#fff!important; }
.breeding-path-status { background:var(--pa-panel-3)!important;color:var(--pa-muted)!important; }
.breeding-path-status.ready,.breeding-step-number { background:var(--pa-red)!important;color:#fff!important; }
.breeding-path-target-pal>img { background:var(--pa-panel-2)!important;border-color:var(--pa-line)!important; }
.breeding-path-target-pal p,.breeding-path-section-head p,.breeding-path-route-count,.breeding-path-route-number,
.breeding-path-mini small,.breeding-path-plus,.breeding-path-equals,.breeding-path-summary span,.breeding-empty p { color:var(--pa-muted)!important; }
.breeding-path-mini strong,.breeding-path-summary strong,.breeding-empty h3 { color:#fff!important; }

/* Passive Transfer. */
.pt-shell,.pt-hero,.pt-workspace,.pt-config,.pt-results-shell,.pt-empty-state,.pt-empty-inner,
.pt-section,.pt-section-body,.pt-summary-card,.pt-starting-pal-card,.pt-target-preview,.pt-passive-row,.pt-route-card,
.pt-empty-step,.pt-ready-row,.pt-calc-wrap {
  background: var(--pa-panel) !important; border-color: var(--pa-line) !important; color:var(--pa-text)!important;
}
.pt-hero { background:linear-gradient(135deg,#0d0d11,#09090d 62%,rgba(217,10,44,.12))!important; }
.pt-summary-card,.pt-empty-step,.pt-ready-row,.pt-starting-pal-card,.pt-target-preview,.pt-passive-row { background:var(--pa-panel-2)!important; }
.pt-shell p,.pt-shell small,.pt-shell label,.pt-shell .manual-pal-placeholder,.pt-shell .pt-calc-hint { color:var(--pa-muted)!important; }
.pt-shell h1,.pt-shell h2,.pt-shell h3,.pt-shell h4,.pt-shell strong { color:#fff!important; }
.pt-step-badge,.pt-empty-icon { background:var(--pa-red)!important;color:#fff!important;border-color:var(--pa-red)!important; }

/* Items and common filters. */
.item-filter-panel,.item-filter-chip,.item-effect-row,.item-effect-element {
  background:var(--pa-panel)!important;border-color:var(--pa-line)!important;color:var(--pa-text)!important;
}
.item-filter-chip small { background:var(--pa-panel-3)!important;color:var(--pa-muted)!important; }
.item-filter-chip.active { background:rgba(217,10,44,.14)!important;border-color:var(--pa-red)!important;color:#fff!important; }
.item-filter-chip.active small { background:var(--pa-red)!important;color:#fff!important; }
.item-filter-heading,.item-card-effect,.item-effect-row small { color:var(--pa-muted)!important; }
.item-effect-row strong { color:#fff!important; }
.item-unused-badge { background:rgba(217,10,44,.12)!important;color:#ff607c!important; }

/* Ancient Ruins. */
.ruins-toolbar,.ruins-filters,.ruin-card,.ruins-loading,.ruins-error {
  background:var(--pa-panel)!important;border-color:var(--pa-line)!important;color:var(--pa-text)!important;
}
.ruin-card { border:1px solid rgba(217,10,44,.72)!important; }
.ruins-toolbar input,.ruins-filter,.ruin-effect,.ruin-reward-icon,.ruin-tags span,.ruin-coords span {
  background:var(--pa-panel-2)!important;border-color:var(--pa-line)!important;color:var(--pa-text)!important;
}
.ruins-filter.active { background:rgba(217,10,44,.16)!important;border-color:var(--pa-red)!important;color:#fff!important; }
.ruin-head span { color:var(--pa-red-bright)!important; }
.ruin-head small,.ruin-description,.ruin-effect span { color:var(--pa-muted)!important; }
.ruin-effect strong,.ruin-head h3 { color:#fff!important; }
.ruin-map-link,.button.ruin-map-link { background:var(--pa-red)!important;border-color:var(--pa-red)!important;color:#fff!important; }
.ruin-map-link:hover,.button.ruin-map-link:hover { background:var(--pa-red-bright)!important;border-color:var(--pa-red-bright)!important; }

/* Quests/objectives. */
.quest-card,.quest-detail .detail-panel,.quest-objective-row {
  background:var(--pa-panel)!important;border-color:var(--pa-line)!important;color:var(--pa-text)!important;
}
.quest-objective-row { background:var(--pa-panel-2)!important; }
.quest-placeholder { background:rgba(217,10,44,.13)!important;border-color:rgba(217,10,44,.55)!important;color:var(--pa-red-bright)!important; }
.quest-detail>section>p,.quest-objective-row small,.quest-objective-row p { color:var(--pa-muted)!important; }
.quest-objective-row strong { color:#fff!important; }
.quest-step-number { background:var(--pa-red)!important;color:#fff!important; }

/* Journals. */
.journal-card,.journal-reader,.journal-page-text,.journal-reader-meta {
  background:var(--pa-panel)!important;border-color:var(--pa-line)!important;color:var(--pa-text)!important;
}
.journal-card { border:1px solid rgba(217,10,44,.42)!important; }
.journal-image,.journal-placeholder { background:var(--pa-panel-2)!important;border-color:var(--pa-line)!important; }
.journal-page-text { font-family:inherit!important;line-height:1.7!important; }
.journal-card p,.journal-card em,.journal-reader-meta p { color:var(--pa-muted)!important; }
.journal-card small,.journal-card>b { color:var(--pa-red-bright)!important; }

/* Achievements. */
.achievement-platform-summary article,.achievement-toolbar,.achievement-card,.achievement-modal section {
  background:var(--pa-panel)!important;border-color:var(--pa-line)!important;color:var(--pa-text)!important;
}
.achievement-toolbar input,.achievement-toolbar select,.achievement-card-top span {
  background:var(--pa-panel-2)!important;border-color:var(--pa-line)!important;color:var(--pa-text)!important;
}
.achievement-card:hover { border-color:var(--pa-red)!important;background:var(--pa-panel-2)!important; }
.achievement-platform-summary span,.achievement-platform-summary small,.achievement-card p,.achievement-modal section span { color:var(--pa-muted)!important; }

/* Active Skills. */
.active-skills-controls,.active-skill-card,.active-skill-stats>div,.active-skill-description,.active-skills-empty {
  background:var(--pa-panel)!important;border-color:var(--pa-line)!important;color:var(--pa-text)!important;
}
.active-skills-filter-grid input,.active-skills-filter-grid select { background:var(--pa-panel-2)!important;border-color:var(--pa-line)!important;color:#fff!important; }
.active-skill-description,.active-skill-stats>div { background:var(--pa-panel-2)!important; }
.active-skill-kicker,.active-skill-stats span { color:var(--pa-muted)!important; }
.active-skill-type { background:var(--pa-panel-2)!important;color:#fff!important; }
.active-skill-element-icon { background:var(--pa-panel-2)!important; }

/* Skill Fruits. */
.skill-fruits-controls,.skill-fruit-card,.skill-fruit-stats>div,.skill-fruit-description,.skill-fruits-empty {
  background:var(--pa-panel)!important;border-color:var(--pa-line)!important;color:var(--pa-text)!important;
}
.skill-fruits-filter-grid input,.skill-fruits-filter-grid select { background:var(--pa-panel-2)!important;border-color:var(--pa-line)!important;color:#fff!important; }
.skill-fruit-description,.skill-fruit-stats>div { background:var(--pa-panel-2)!important; }
.skill-fruit-rarity-bar { background:color-mix(in srgb,var(--rarity-color,#777) 18%,#0d0d11)!important;border-color:var(--pa-line)!important; }
.skill-fruit-kicker,.skill-fruit-element-text,.skill-fruit-stats span { color:var(--pa-muted)!important; }

/* Data Hub / Merchant / Fishing / World Data. */
.dx-search input,.dx-select select,.dx-tabs button,.dx-mini-stats span,.dx-materials .dx-item,.dx-pal-grid .dx-pal,
.dx-note,.dx-alpha-no-map,.dx-source-no-map,.dx-patch-note,.dx-patch-banner,.dx-source summary>b,
.mined-data-image,.dx-item img,.dx-pal img,.dx-placeholder {
  background:var(--pa-panel-2)!important;border-color:var(--pa-line)!important;color:var(--pa-text)!important;
}
.dx-row,.dx-fishing-row,.dx-card,.dx-source,.dx-system,.dx-tabs,.dx-source-guide,.dx-toolbar {
  background:var(--pa-panel)!important;border-color:var(--pa-line)!important;color:var(--pa-text)!important;
}
.dx-item:hover,.dx-pal:hover,.dx-tabs button:hover { background:rgba(217,10,44,.11)!important;border-color:rgba(217,10,44,.55)!important; }
.dx-tabs button.active,.dx-system.active { background:var(--pa-red)!important;border-color:var(--pa-red)!important;color:#fff!important; }
.dx-row-main span,.dx-row-main small,.dx-item small,.dx-pal small,.dx-card p,.dx-mini-stats span,.dx-source-guide small,.dx-context { color:var(--pa-muted)!important; }
.dx-row-main strong,.dx-item strong,.dx-pal strong,.dx-card h3,.dx-card h4 { color:#fff!important; }
.dx-alpha-badge { border-color:#fff!important;background:var(--pa-red)!important; }

/* Schematic = real schematic sheet in back + crafted item artwork over it. */
.schematic-composite {
  --schematic-rarity:#9297a0;
  position:relative!important;display:grid!important;place-items:center!important;
  width:var(--schematic-size,54px)!important;height:var(--schematic-size,54px)!important;min-width:var(--schematic-size,54px)!important;
  overflow:hidden!important;border:1px solid color-mix(in srgb,var(--schematic-rarity) 70%,#2a2a31)!important;
  border-radius:10px!important;background:#15151a!important;box-shadow:0 0 0 1px rgba(0,0,0,.35),0 0 18px color-mix(in srgb,var(--schematic-rarity) 20%,transparent)!important;
}
.schematic-rarity-0{--schematic-rarity:#9297a0}.schematic-rarity-1{--schematic-rarity:#58ad62}.schematic-rarity-2{--schematic-rarity:#3f8ee8}.schematic-rarity-3{--schematic-rarity:#a15bd6}.schematic-rarity-4{--schematic-rarity:#e1a522}
.schematic-composite-base { position:absolute!important;inset:2px!important;width:calc(100% - 4px)!important;height:calc(100% - 4px)!important;object-fit:contain!important;opacity:.9!important;filter:none!important;background:transparent!important;border:0!important; }
.schematic-composite-item { position:relative!important;z-index:2!important;width:58%!important;height:58%!important;object-fit:contain!important;filter:drop-shadow(0 2px 3px rgba(0,0,0,.75))!important;background:transparent!important;border:0!important; }
.schematic-composite-badge { position:absolute!important;z-index:3!important;right:2px!important;bottom:2px!important;max-width:calc(100% - 4px)!important;padding:1px 3px!important;border-radius:3px!important;background:rgba(5,5,7,.9)!important;color:var(--schematic-rarity)!important;font-size:5px!important;font-weight:900!important;line-height:1.2!important;text-transform:uppercase!important;letter-spacing:.02em!important; }
.mined-data-image.mined-data-schematic { overflow:visible!important;background:transparent!important;border:0!important; }
.mined-data-image.mined-data-schematic .schematic-composite { --schematic-size:58px!important; }

/* Passives use the actual different rank-arrow assets with no theme filter flattening them. */
.passive-game-rank-arrow { filter:none!important;opacity:1!important;object-fit:contain!important;background:transparent!important;border:0!important; }
.passive-game-banner,.passive-db-card,.passive-db-effects,.passive-db-source-row { background:var(--pa-panel)!important;border-color:var(--pa-line)!important; }
.passive-db-card { color:var(--pa-text)!important; }

/* Last-resort white legacy panels on the reported database routes. */
#view-breeding-paths .panel,#view-passive-transfer .panel,#view-items .panel,#view-ruins .panel,#view-quests .panel,#view-journals .panel,
#view-achievements .panel,#view-active-skills .panel,#view-skill-fruits .panel,#view-tier-lists .panel,#view-world-data .panel,#view-merchant-inventories .panel,#view-fishing-data .panel {
  background:var(--pa-panel)!important;border-color:var(--pa-line)!important;color:var(--pa-text)!important;
}

/* Specificity guards for route styles injected after the global stylesheet. */
.pal-atlas-layout #view-passive-transfer .pt-hero {
  background: linear-gradient(135deg,#0d0d11,#09090d 62%,rgba(217,10,44,.12)) !important;
  color: #fff !important;
}
.pal-atlas-layout #view-quests .quest-placeholder {
  background: rgba(217,10,44,.13) !important;
  color: #ef1238 !important;
  border-color: rgba(217,10,44,.55) !important;
}

/* 2026-08-19 route-specific specificity guards for dynamically injected module CSS. */
.pal-atlas-layout #view-tier-lists .tier-controls,
.pal-atlas-layout #view-breeding-paths .breeding-path-controls,
.pal-atlas-layout #view-breeding-paths .breeding-path-target,
.pal-atlas-layout #view-breeding-paths .breeding-path-card,
.pal-atlas-layout #view-breeding-paths .breeding-inventory-route,
.pal-atlas-layout #view-breeding-paths .breeding-empty,
.pal-atlas-layout #view-passive-transfer .pt-shell,
.pal-atlas-layout #view-passive-transfer .pt-workspace,
.pal-atlas-layout #view-passive-transfer .pt-config,
.pal-atlas-layout #view-passive-transfer .pt-results-shell,
.pal-atlas-layout #view-passive-transfer .pt-section,
.pal-atlas-layout #view-passive-transfer .pt-section-body,
.pal-atlas-layout #view-passive-transfer .pt-summary-card,
.pal-atlas-layout #view-passive-transfer .pt-route-card,
.pal-atlas-layout #view-passive-transfer .pt-route-body,
.pal-atlas-layout #view-passive-transfer .pt-empty-state,
.pal-atlas-layout #view-passive-transfer .pt-empty-inner,
.pal-atlas-layout #view-passive-transfer .pt-empty-step,
.pal-atlas-layout #view-items .item-filter-panel,
.pal-atlas-layout #view-items .item-filters,
.pal-atlas-layout #view-items .item-filter-section,
.pal-atlas-layout #view-ruins .ruins-toolbar,
.pal-atlas-layout #view-ruins .ruins-filters,
.pal-atlas-layout #view-ruins .ruin-card,
.pal-atlas-layout #view-quests .quest-card,
.pal-atlas-layout #view-quests .quest-detail .detail-panel,
.pal-atlas-layout #view-quests .quest-objective-row,
.pal-atlas-layout #view-journals .journal-card,
.pal-atlas-layout #view-journals .journal-reader,
.pal-atlas-layout #view-journals .journal-reader-art,
.pal-atlas-layout #view-journals .journal-page-text,
.pal-atlas-layout #view-achievements .achievement-platform-summary article,
.pal-atlas-layout #view-achievements .achievement-toolbar,
.pal-atlas-layout #view-achievements .achievement-card,
.pal-atlas-layout #view-active-skills .active-skills-controls,
.pal-atlas-layout #view-active-skills .active-skill-card,
.pal-atlas-layout #view-active-skills .active-skill-card-head,
.pal-atlas-layout #view-active-skills .active-skill-stats > div,
.pal-atlas-layout #view-active-skills .active-skill-description,
.pal-atlas-layout #view-active-skills .skill-sources,
.pal-atlas-layout #view-active-skills .learned-by-pal,
.pal-atlas-layout #view-skill-fruits .skill-fruits-controls,
.pal-atlas-layout #view-skill-fruits .skill-fruit-card,
.pal-atlas-layout #view-skill-fruits .skill-fruit-card-head,
.pal-atlas-layout #view-skill-fruits .skill-fruit-stats > div,
.pal-atlas-layout #view-skill-fruits .skill-fruit-description,
.pal-atlas-layout #view-merchant-inventories .dx-row,
.pal-atlas-layout #view-merchant-inventories .dx-item,
.pal-atlas-layout #view-fishing-data .dx-fishing-row,
.pal-atlas-layout #view-world-data .mined-data-card,
.pal-atlas-layout #view-world-data .mined-data-row {
  background: #0d0d11 !important;
  border-color: #2a2a31 !important;
  color: #f6f6f8 !important;
}

.pal-atlas-layout #view-breeding-paths .breeding-path-mini,
.pal-atlas-layout #view-breeding-paths .breeding-path-summary > div,
.pal-atlas-layout #view-breeding-paths .breeding-path-tab,
.pal-atlas-layout #view-breeding-paths .breeding-path-crumb,
.pal-atlas-layout #view-passive-transfer .pt-starting-pal-card,
.pal-atlas-layout #view-passive-transfer .pt-target-preview,
.pal-atlas-layout #view-passive-transfer .pt-passive-row,
.pal-atlas-layout #view-passive-transfer .pt-pal-node,
.pal-atlas-layout #view-items .item-filter-chip,
.pal-atlas-layout #view-ruins .ruins-toolbar input,
.pal-atlas-layout #view-ruins .ruins-filter,
.pal-atlas-layout #view-ruins .ruin-effect,
.pal-atlas-layout #view-ruins .ruin-reward-icon,
.pal-atlas-layout #view-quests .quest-objective-row,
.pal-atlas-layout #view-journals .journal-image,
.pal-atlas-layout #view-journals .journal-placeholder,
.pal-atlas-layout #view-achievements .achievement-toolbar input,
.pal-atlas-layout #view-achievements .achievement-toolbar select,
.pal-atlas-layout #view-achievements .achievement-icon,
.pal-atlas-layout #view-active-skills .active-skills-filter-grid input,
.pal-atlas-layout #view-active-skills .active-skills-filter-grid select,
.pal-atlas-layout #view-active-skills .active-skill-type,
.pal-atlas-layout #view-active-skills .active-skill-element-icon,
.pal-atlas-layout #view-skill-fruits .skill-fruits-filter-grid input,
.pal-atlas-layout #view-skill-fruits .skill-fruits-filter-grid select,
.pal-atlas-layout #view-skill-fruits .skill-fruit-element-icon,
.pal-atlas-layout #view-skill-fruits .skill-fruit-description,
.pal-atlas-layout #view-merchant-inventories .dx-search input,
.pal-atlas-layout #view-merchant-inventories .dx-select select,
.pal-atlas-layout #view-fishing-data .dx-search input,
.pal-atlas-layout #view-world-data .dx-search input,
.pal-atlas-layout #view-world-data .dx-select select {
  background: #131318 !important;
  border-color: #2a2a31 !important;
  color: #fff !important;
}

/* Keep ordinary copy light; red is reserved for labels, headings and active accents. */
.pal-atlas-layout #view-breeding-paths p,
.pal-atlas-layout #view-passive-transfer p,
.pal-atlas-layout #view-items p,
.pal-atlas-layout #view-ruins p,
.pal-atlas-layout #view-quests p,
.pal-atlas-layout #view-journals p,
.pal-atlas-layout #view-achievements p,
.pal-atlas-layout #view-active-skills p,
.pal-atlas-layout #view-skill-fruits p,
.pal-atlas-layout #view-merchant-inventories p,
.pal-atlas-layout #view-fishing-data p,
.pal-atlas-layout #view-world-data p { color: #f6f6f8 !important; }

.pal-atlas-layout #view-breeding-paths .eyebrow,
.pal-atlas-layout #view-passive-transfer .eyebrow,
.pal-atlas-layout #view-items .eyebrow,
.pal-atlas-layout #view-ruins .eyebrow,
.pal-atlas-layout #view-quests .eyebrow,
.pal-atlas-layout #view-journals .eyebrow,
.pal-atlas-layout #view-achievements .eyebrow,
.pal-atlas-layout #view-active-skills .eyebrow,
.pal-atlas-layout #view-skill-fruits .eyebrow,
.pal-atlas-layout #view-merchant-inventories .eyebrow,
.pal-atlas-layout #view-fishing-data .eyebrow,
.pal-atlas-layout #view-world-data .eyebrow { color: #ef1238 !important; }

/* Readable schematic composites in Items, merchants and World Data. */
.schematic-composite-item { width: 68% !important; height: 68% !important; }
.schematic-composite-badge { right: 3px !important; bottom: 3px !important; padding: 2px 4px !important; font-size: 7px !important; }
.pal-atlas-layout #view-merchant-inventories .dx-item:has(.schematic-composite) { min-height: 68px !important; }
.pal-atlas-layout #view-world-data .mined-data-image.mined-data-schematic {
  flex: 0 0 68px !important; width: 68px !important; height: 68px !important;
}
.pal-atlas-layout #view-world-data .mined-data-image.mined-data-schematic .schematic-composite { --schematic-size:68px !important; }

/* Element and rarity colors stay meaningful, but never return to pale/white cards. */
.pal-atlas-layout #view-active-skills [class*="element-"] { background-color: #15151b !important; }
.pal-atlas-layout #view-skill-fruits .skill-fruit-rarity-bar { background-color: #15151b !important; }

/* Red primary action requested for Ancient Ruins map links. */
.pal-atlas-layout #view-ruins .ruin-map-link,
.pal-atlas-layout #view-ruins .button.ruin-map-link {
  background: #d90a2c !important; border-color: #d90a2c !important; color: #fff !important;
}

/* 2026-08-19 contrast + reward/schematic pass */
.pal-atlas-layout .boss-reward-card,
.pal-atlas-layout .raid-reward-columns > article,
.pal-atlas-layout .summon-card,
.pal-atlas-layout .boss-section,
.pal-atlas-layout .detail-panel,
.pal-atlas-layout .collection-overview,
.pal-atlas-layout .guide-card,
.pal-atlas-layout .map-detail-card,
.pal-atlas-layout .tech-detail-section,
.pal-atlas-layout .pt-section,
.pal-atlas-layout .ruin-card,
.pal-atlas-layout .quest-card,
.pal-atlas-layout .journal-card,
.pal-atlas-layout .achievement-card,
.pal-atlas-layout .active-skill-card,
.pal-atlas-layout .skill-fruit-card,
.pal-atlas-layout .dx-card,
.pal-atlas-layout .mined-data-card {
  background: #0d0d11 !important;
  border-color: #34343c !important;
}

.pal-atlas-layout .boss-drop-row,
.pal-atlas-layout .boss-work-list > span,
.pal-atlas-layout .raid-reward-row,
.pal-atlas-layout .summon-material,
.pal-atlas-layout .boss-stat-grid > div,
.pal-atlas-layout .item-material-grid > div,
.pal-atlas-layout .info-list > .info-row,
.pal-atlas-layout .detail-grid > .detail-panel,
.pal-atlas-layout .detail-stat,
.pal-atlas-layout .drop-list > div,
.pal-atlas-layout .tech-detail-list li,
.pal-atlas-layout .target-summary-stats > div,
.pal-atlas-layout .dr-intro-stats > div,
.pal-atlas-layout .work-stats > div,
.pal-atlas-layout .work-structures > div,
.pal-atlas-layout .work-pal-metric,
.pal-atlas-layout .dx-row,
.pal-atlas-layout .dx-item,
.pal-atlas-layout .dx-materials .dx-item,
.pal-atlas-layout .dx-pal-grid .dx-pal,
.pal-atlas-layout .mined-data-row,
.pal-atlas-layout .fish-loot-row,
.pal-atlas-layout .passive-db-effects,
.pal-atlas-layout .partner-panel,
.pal-atlas-layout .pal-drops-panel {
  background: #141419 !important;
  border: 1px solid #2f2f37 !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.02) !important;
}

.pal-atlas-layout .boss-drop-row:hover,
.pal-atlas-layout .raid-reward-row:hover,
.pal-atlas-layout .dx-row:hover,
.pal-atlas-layout .dx-item:hover,
.pal-atlas-layout .dx-pal-grid .dx-pal:hover,
.pal-atlas-layout .mined-data-row:hover {
  border-color: #4b4b55 !important;
  background: #18181e !important;
}

.pal-atlas-layout .boss-drop-leading {
  width: 40px !important;
  min-width: 40px !important;
  flex: 0 0 40px !important;
}

.pal-atlas-layout .boss-reward-card > p,
.pal-atlas-layout .boss-drop-row small,
.pal-atlas-layout .raid-reward-row small,
.pal-atlas-layout .summon-material span,
.pal-atlas-layout .boss-stat-grid span,
.pal-atlas-layout .info-row > span:first-child,
.pal-atlas-layout .detail-stat > span:first-child {
  color: #a8a8b2 !important;
}

.pal-atlas-layout .boss-drop-row strong,
.pal-atlas-layout .raid-reward-row strong,
.pal-atlas-layout .summon-material strong,
.pal-atlas-layout .boss-stat-grid strong {
  color: #fff !important;
}

.pal-atlas-layout .boss-drop-icon,
.pal-atlas-layout .boss-work-icon,
.pal-atlas-layout .boss-drop-leading .schematic-composite {
  width: 32px !important;
  height: 32px !important;
}

.pal-atlas-layout .boss-drop-leading .schematic-composite {
  --schematic-size: 32px !important;
}

.pal-atlas-layout .schematic-composite {
  position: relative !important;
  display: inline-grid !important;
  place-items: center !important;
  overflow: hidden !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  background:
    radial-gradient(circle at 32% 26%, rgba(255,255,255,.15), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.015)),
    #111117 !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.02),
    0 6px 16px rgba(0,0,0,.28) !important;
}

.pal-atlas-layout .schematic-composite::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--schematic-rarity, #8e8e98) 24%, transparent), transparent 60%),
    linear-gradient(0deg, rgba(255,255,255,.02), rgba(255,255,255,0));
  pointer-events: none;
}

.pal-atlas-layout .schematic-composite-base {
  opacity: .98 !important;
}

.pal-atlas-layout .schematic-composite-item {
  width: 64% !important;
  height: 64% !important;
}

.pal-atlas-layout .schematic-composite-badge {
  right: 3px !important;
  bottom: 3px !important;
  padding: 1px 4px !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  background: rgba(5,5,7,.88) !important;
  font-size: 7px !important;
}

.pal-atlas-layout .schematic-rarity-0 { --schematic-rarity: #8d8f97; }
.pal-atlas-layout .schematic-rarity-1 { --schematic-rarity: #58d69b; }
.pal-atlas-layout .schematic-rarity-2 { --schematic-rarity: #5fa6ff; }
.pal-atlas-layout .schematic-rarity-3 { --schematic-rarity: #ae7dff; }
.pal-atlas-layout .schematic-rarity-4 { --schematic-rarity: #f1b74b; }

.pal-atlas-layout .schematic-rarity-0,
.pal-atlas-layout .schematic-rarity-1,
.pal-atlas-layout .schematic-rarity-2,
.pal-atlas-layout .schematic-rarity-3,
.pal-atlas-layout .schematic-rarity-4 {
  border-color: color-mix(in srgb, var(--schematic-rarity) 55%, #2f2f37) !important;
}

.pal-atlas-layout .schematic-rarity-0::after,
.pal-atlas-layout .schematic-rarity-1::after,
.pal-atlas-layout .schematic-rarity-2::after,
.pal-atlas-layout .schematic-rarity-3::after,
.pal-atlas-layout .schematic-rarity-4::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid color-mix(in srgb, var(--schematic-rarity) 50%, transparent) !important;
  border-radius: inherit;
  box-shadow: inset 0 0 18px color-mix(in srgb, var(--schematic-rarity) 15%, transparent);
  pointer-events: none;
}

/* 2026-08-19 item icon visibility pass */
.pal-atlas-layout .item-icon-shell {
  --item-icon-size: 54px;
  width: var(--item-icon-size) !important;
  height: var(--item-icon-size) !important;
  min-width: var(--item-icon-size) !important;
  min-height: var(--item-icon-size) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  border: 1px solid rgba(20,20,25,.12) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.5) inset, 0 6px 16px rgba(0,0,0,.18) !important;
  overflow: hidden !important;
}

.pal-atlas-layout .item-icon-shell > img,
.pal-atlas-layout .item-icon-asset {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
  background: transparent !important;
}

.pal-atlas-layout .item-icon-placeholder {
  color: #111 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
}

.pal-atlas-layout .schematic-composite {
  background: #fff !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}

.pal-atlas-layout .schematic-composite::before {
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--schematic-rarity, #8e8e98) 24%, transparent), transparent 58%),
    #fff !important;
}

.pal-atlas-layout .schematic-composite-base {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  opacity: 1 !important;
  padding: 4px !important;
}

.pal-atlas-layout .schematic-composite-item {
  width: 62% !important;
  height: 62% !important;
  object-fit: contain !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,.18));
}

.pal-atlas-layout .schematic-composite-badge {
  display: none !important;
}

.pal-atlas-layout .boss-drop-leading .item-icon-shell,
.pal-atlas-layout .boss-drop-leading .schematic-composite {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
}

/* 2026-08-19 definitive item icon + schematic visibility fix */
.pal-atlas-layout .boss-reward-icon-tile,
.pal-atlas-layout .item-icon-shell,
.pal-atlas-layout .item-material-name > img,
.pal-atlas-layout .boss-drop-leading > img,
.pal-atlas-layout .raid-reward-row > img,
.pal-atlas-layout .summon-card > img,
.pal-atlas-layout .dx-item > img,
.pal-atlas-layout .dx-row > img,
.pal-atlas-layout .mined-data-image:not(.mined-data-pal),
.pal-atlas-layout .work-handbook-card > img,
.pal-atlas-layout .ruin-reward-icon,
.pal-atlas-layout .journal-image,
.pal-atlas-layout .achievement-icon {
  background: #fff !important;
  border: 1px solid #dedee4 !important;
  border-radius: 9px !important;
}

.pal-atlas-layout .boss-reward-icon-tile {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  display: inline-grid !important;
  place-items: center !important;
  padding: 3px !important;
  overflow: hidden !important;
}

.pal-atlas-layout .boss-reward-icon-tile > .item-icon-shell {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  border: 0 !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

.pal-atlas-layout .boss-reward-icon-tile img,
.pal-atlas-layout .item-icon-shell img,
.pal-atlas-layout .schematic-original-icon {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  background: transparent !important;
  border: 0 !important;
  filter: none !important;
}

.pal-atlas-layout .schematic-icon-shell {
  background: #fff !important;
  border-color: #d6d6dc !important;
  box-shadow: none !important;
}

/* Remove every previous rarity-composite treatment now that schematics use the original Palworld blueprint icon. */
.pal-atlas-layout .schematic-composite,
.pal-atlas-layout .schematic-rarity-0,
.pal-atlas-layout .schematic-rarity-1,
.pal-atlas-layout .schematic-rarity-2,
.pal-atlas-layout .schematic-rarity-3,
.pal-atlas-layout .schematic-rarity-4 {
  background: #fff !important;
  border-color: #d6d6dc !important;
  box-shadow: none !important;
}
.pal-atlas-layout .schematic-composite::before,
.pal-atlas-layout .schematic-composite::after,
.pal-atlas-layout .schematic-composite-badge,
.pal-atlas-layout .schematic-composite-item {
  display: none !important;
  content: none !important;
}
.pal-atlas-layout .schematic-composite-base {
  display: block !important;
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  height: 100% !important;
  padding: 4px !important;
  opacity: 1 !important;
  object-fit: contain !important;
  filter: none !important;
}

/* 2026-08-19 Wild Egg Hatch List */
.egg-page-heading { align-items:end; }
.egg-summary-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:0 0 14px;
}
.egg-summary-grid > article {
  display:grid;
  gap:6px;
  padding:16px 18px;
  border:1px solid #2d2d34;
  border-radius:10px;
  background:#0d0d11;
}
.egg-summary-grid span { color:#ef1238!important; font-size:10px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.egg-summary-grid strong { color:#fff!important; font-size:28px; line-height:1; }
.egg-summary-grid small { color:#aaaab3!important; }

.egg-toolbar {
  display:grid!important;
  grid-template-columns:minmax(280px,1fr) minmax(180px,260px)!important;
  gap:12px!important;
  align-items:end!important;
  margin-bottom:12px!important;
  padding:14px!important;
  border:1px solid #2d2d34!important;
  background:#0d0d11!important;
}
.egg-search-field { min-width:0; }

.egg-type-tabs {
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding:2px 0 10px;
  margin-bottom:8px;
}
.egg-type-tabs button {
  display:inline-flex;
  align-items:center;
  gap:7px;
  flex:0 0 auto;
  min-height:40px;
  padding:7px 11px;
  border:1px solid #303038;
  border-radius:8px;
  background:#101014;
  color:#d7d7dd;
  font:inherit;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}
.egg-type-tabs button:hover { border-color:#4a4a54; background:#17171c; color:#fff; }
.egg-type-tabs button.active { border-color:#d90a2c; background:rgba(217,10,44,.13); color:#fff; box-shadow:inset 3px 0 0 #d90a2c; }
.egg-type-tabs img {
  width:24px!important;
  height:24px!important;
  object-fit:contain!important;
  padding:2px;
  border-radius:6px;
  background:#fff!important;
}

.egg-hatch-results { display:grid; gap:18px; }
.egg-type-section {
  display:grid;
  gap:12px;
  padding:16px;
  border:1px solid #2d2d34;
  border-radius:12px;
  background:#09090d;
}
.egg-type-head {
  display:flex;
  align-items:center;
  gap:14px;
  padding-bottom:12px;
  border-bottom:1px solid #25252b;
}
.egg-type-head h2 { margin:1px 0 3px!important; color:#fff!important; }
.egg-type-head p { margin:0!important; color:#aaaab3!important; }
.egg-type-icon {
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  flex:0 0 58px;
  border-radius:10px;
  background:#fff;
  border:1px solid #dedee4;
}
.egg-type-icon img { width:52px!important; height:52px!important; object-fit:contain!important; background:transparent!important; }

.egg-size-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; align-items:start; }
.egg-size-panel {
  display:grid;
  gap:10px;
  min-width:0;
  padding:12px;
  border:1px solid #303038;
  border-radius:10px;
  background:#101014;
}
.egg-size-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.egg-size-head span { color:#ef1238!important; font-size:9px; font-weight:900; letter-spacing:.08em; }
.egg-size-head h3 { margin:2px 0 0!important; font-size:16px!important; line-height:1.2; color:#fff!important; }
.egg-size-head b {
  display:grid;
  place-items:center;
  min-width:28px;
  height:28px;
  padding:0 7px;
  border-radius:999px;
  border:1px solid #3a3a42;
  background:#17171c;
  color:#fff!important;
  font-size:10px;
}
.egg-pal-grid { display:grid; gap:7px; }
.egg-pal-card {
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:10px;
  align-items:center;
  width:100%;
  min-width:0;
  padding:8px;
  text-align:left;
  border:1px solid #2c2c33;
  border-radius:8px;
  background:#141419;
  color:#fff;
  font:inherit;
  cursor:pointer;
}
.egg-pal-card:hover { border-color:#d90a2c; background:#18181e; }
.egg-pal-image {
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:8px;
  overflow:hidden;
  border:1px solid #dedee4;
  background:#fff;
}
.egg-pal-image img { width:100%!important; height:100%!important; object-fit:contain!important; background:transparent!important; }
.egg-pal-image span { color:#111!important; font-size:8px; font-weight:900; }
.egg-pal-copy { min-width:0; }
.egg-pal-copy strong { display:block; color:#fff!important; font-size:12px; line-height:1.2; white-space:normal; overflow-wrap:anywhere; }
.egg-pal-copy small { display:block; margin-top:3px; color:#9c9ca6!important; font-size:9px; }
.egg-empty,
.egg-no-results {
  padding:18px;
  border:1px dashed #36363e;
  border-radius:8px;
  background:#0b0b0f;
  color:#9999a3!important;
  font-size:11px;
  line-height:1.5;
}
.egg-no-results { display:grid; gap:4px; text-align:center; }
.egg-no-results strong { color:#fff!important; }
.egg-source-note {
  margin-top:16px;
  padding:13px 15px;
  border-left:3px solid #d90a2c;
  border-radius:8px;
  background:#101014;
  border-top:1px solid #2b2b32;
  border-right:1px solid #2b2b32;
  border-bottom:1px solid #2b2b32;
}
.egg-source-note strong { color:#fff!important; }
.egg-source-note p { margin:4px 0 0!important; color:#aaaab3!important; }

@media(max-width:1100px){
  .egg-size-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:760px){
  .egg-summary-grid{grid-template-columns:1fr;}
  .egg-toolbar{grid-template-columns:1fr!important;}
  .egg-size-grid{grid-template-columns:1fr;}
  .egg-type-section{padding:12px;}
}

/* 2026-08-19 Egg Hatch Odds 1.0.3 data pass */
.egg-mode-tabs {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 14px;
  padding:5px;
  border:1px solid #29292f;
  border-radius:10px;
  background:#09090d;
}
.egg-mode-tabs button {
  min-height:40px;
  padding:8px 14px;
  border:1px solid transparent;
  border-radius:7px;
  background:transparent;
  color:#a9a9b2;
  font:inherit;
  font-size:11px;
  font-weight:850;
  cursor:pointer;
}
.egg-mode-tabs button:hover { color:#fff; background:#141419; }
.egg-mode-tabs button.active {
  color:#fff;
  border-color:rgba(217,10,44,.55);
  background:rgba(217,10,44,.13);
  box-shadow:inset 3px 0 0 #d90a2c;
}

.egg-odds-toolbar {
  display:grid!important;
  grid-template-columns:minmax(210px,1fr) minmax(210px,1fr) minmax(220px,1.3fr)!important;
  gap:10px!important;
  align-items:end!important;
  margin:0 0 12px!important;
  padding:13px!important;
  border:1px solid #2c2c33!important;
  background:#0d0d11!important;
}

.egg-pool-summary {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:0 0 14px;
}
.egg-pool-summary > article {
  display:grid;
  gap:5px;
  min-width:0;
  padding:13px 14px;
  border:1px solid #303038;
  border-radius:9px;
  background:#101014;
}
.egg-pool-summary > article > span {
  color:#ef1238!important;
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
}
.egg-pool-summary > article > strong {
  color:#fff!important;
  font-size:21px;
  line-height:1.1;
  overflow-wrap:anywhere;
}
.egg-pool-summary > article > small { color:#9999a3!important; line-height:1.35; }

.egg-shell-panel {
  display:grid;
  gap:12px;
  padding:14px;
  border:1px solid #2d2d34;
  border-radius:11px;
  background:#0b0b0f;
}
.egg-shell-head {
  display:grid;
  grid-template-columns:58px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding-bottom:12px;
  border-bottom:1px solid #25252b;
}
.egg-shell-head h3 { margin:2px 0!important; color:#fff!important; font-size:17px!important; }
.egg-shell-head p { margin:0!important; color:#a3a3ad!important; }
.egg-shell-weight {
  display:grid;
  gap:3px;
  min-width:88px;
  padding:8px 10px;
  text-align:right;
  border:1px solid #303038;
  border-radius:8px;
  background:#121217;
}
.egg-shell-weight small { color:#8e8e98!important; font-size:8px; font-weight:900; letter-spacing:.08em; }
.egg-shell-weight strong { color:#fff!important; font-size:16px; }

.egg-odds-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.egg-odds-card {
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  min-width:0;
  width:100%;
  padding:9px;
  text-align:left;
  border:1px solid #303038;
  border-radius:9px;
  background:#141419;
  color:#fff;
  font:inherit;
  cursor:pointer;
}
.egg-odds-card:hover { border-color:#d90a2c; background:#19191f; }
.egg-odds-card .egg-pal-image { width:48px; height:48px; }
.egg-odds-copy { min-width:0; }
.egg-odds-copy > strong,
.egg-odds-title strong { color:#fff!important; font-size:12px; line-height:1.2; }
.egg-odds-title { display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.egg-odds-title em {
  display:inline-flex;
  padding:2px 5px;
  border:1px solid rgba(217,10,44,.55);
  border-radius:999px;
  background:rgba(217,10,44,.12);
  color:#ff6a83!important;
  font-size:7px;
  font-style:normal;
  font-weight:900;
  letter-spacing:.07em;
}
.egg-odds-copy > small { display:block; margin-top:3px; color:#9999a3!important; font-size:9px; }
.egg-odds-meta { display:block; margin-top:5px; color:#85858f!important; font-size:8px; }
.egg-odds-meta b { color:#cfcfd6!important; }
.egg-odds-rate {
  display:grid;
  gap:2px;
  min-width:66px;
  padding:7px 8px;
  text-align:right;
  border-left:1px solid #303038;
}
.egg-odds-rate small { color:#ef1238!important; font-size:7px; font-weight:900; letter-spacing:.08em; }
.egg-odds-rate strong { color:#fff!important; font-size:17px; line-height:1; }

.egg-feature-hero {
  display:grid;
  grid-template-columns:74px minmax(0,1fr);
  gap:16px;
  align-items:center;
  margin-bottom:12px;
  padding:18px;
  border:1px solid #303038;
  border-top:2px solid #d90a2c;
  border-radius:11px;
  background:radial-gradient(circle at 90% 0,rgba(217,10,44,.11),transparent 34%),#0d0d11;
}
.egg-feature-hero h2 { margin:3px 0 5px!important; color:#fff!important; }
.egg-feature-hero p { margin:0!important; color:#c5c5cc!important; }
.egg-type-icon-large { width:74px!important; height:74px!important; flex-basis:74px!important; }
.egg-type-icon-large img { width:66px!important; height:66px!important; }

.egg-special-callout {
  margin:0 0 12px;
  padding:15px 16px;
  border:1px solid rgba(217,10,44,.45);
  border-left:3px solid #d90a2c;
  border-radius:9px;
  background:#101014;
}
.egg-special-callout h3 { margin:3px 0 5px!important; color:#fff!important; }
.egg-special-callout p { margin:0!important; color:#b7b7c0!important; }
.egg-special-callout .button { margin-top:12px; }
.egg-ominous-toolbar { grid-template-columns:1fr!important; }
.egg-ominous-grid { margin-bottom:14px; }

.egg-mutation-passives {
  padding:15px;
  border:1px solid #303038;
  border-radius:10px;
  background:#0d0d11;
}
.egg-mutation-passives .section-heading { margin-bottom:10px; }
.egg-mutation-passives > div:last-child { display:flex; flex-wrap:wrap; gap:7px; }
.egg-mutation-passives > div:last-child span {
  padding:7px 9px;
  border:1px solid #37373f;
  border-radius:7px;
  background:#15151a;
  color:#fff!important;
  font-size:10px;
  font-weight:800;
}

@media(max-width:1200px){
  .egg-odds-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .egg-pool-summary{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:820px){
  .egg-odds-toolbar{grid-template-columns:1fr!important;}
  .egg-odds-grid{grid-template-columns:1fr;}
  .egg-shell-head{grid-template-columns:52px minmax(0,1fr);}
  .egg-shell-weight{grid-column:1/-1;text-align:left;}
  .egg-feature-hero{grid-template-columns:58px minmax(0,1fr);padding:14px;}
  .egg-type-icon-large{width:58px!important;height:58px!important;flex-basis:58px!important;}
  .egg-type-icon-large img{width:52px!important;height:52px!important;}
}
@media(max-width:540px){
  .egg-pool-summary{grid-template-columns:1fr;}
  .egg-odds-card{grid-template-columns:44px minmax(0,1fr);}
  .egg-odds-card .egg-pal-image{width:44px;height:44px;}
  .egg-odds-rate{grid-column:1/-1;border-left:0;border-top:1px solid #303038;text-align:left;padding:7px 0 0;}
}

/* 2026-08-19 verified egg + guide/update polish */
.pal-atlas-layout .egg-verification-note {
  display:flex;
  flex-wrap:wrap;
  gap:8px 14px;
  align-items:center;
  margin:0 0 12px;
  padding:12px 14px;
  border:1px solid #34343c;
  border-left:3px solid #d90a2c;
  border-radius:10px;
  background:#141419;
}
.pal-atlas-layout .egg-verification-note strong{color:#fff;font-size:12px}
.pal-atlas-layout .egg-verification-note span{color:#a8a8b2;font-size:11px;line-height:1.5}
.pal-atlas-layout .egg-shell-weight{min-width:160px!important;background:#141419!important;border-color:#34343c!important}
.pal-atlas-layout .egg-shell-weight small{color:#a8a8b2!important;white-space:normal!important;line-height:1.25!important}
.pal-atlas-layout .egg-shell-weight strong{color:#fff!important}
.pal-atlas-layout .egg-odds-rate{min-width:150px!important;border-left-color:#34343c!important}
.pal-atlas-layout .egg-odds-rate small{color:#a8a8b2!important;white-space:normal!important;line-height:1.25!important}
.pal-atlas-layout .egg-odds-meta{color:#a8a8b2!important}
.pal-atlas-layout .egg-odds-meta b{color:#fff!important}
.pal-atlas-layout .egg-shell-panel,.pal-atlas-layout .egg-pool-summary article,.pal-atlas-layout .egg-summary-grid article{background:#0d0d11!important;border-color:#34343c!important}
.pal-atlas-layout .egg-odds-card{background:#141419!important;border-color:#303038!important}
.pal-atlas-layout .egg-odds-card:hover{background:#1a1014!important;border-color:#d90a2c!important}
.pal-atlas-layout .egg-pal-image,.pal-atlas-layout .egg-type-icon{background:#fff!important;border-color:#dedee3!important}
.pal-atlas-layout .egg-page-heading p,.pal-atlas-layout .egg-shell-head p{color:#a8a8b2!important}
@media(max-width:720px){.pal-atlas-layout .egg-shell-weight{min-width:0!important}.pal-atlas-layout .egg-odds-rate{min-width:110px!important}}

/* 2026-08-19 datamined wild egg pass */
.pal-atlas-layout .egg-guide-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin:14px 0 18px!important;
}
.pal-atlas-layout .egg-guide-actions .btn{
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-decoration:none!important;
}
.pal-atlas-layout .egg-proof-note b{color:#fff!important;}
.pal-atlas-layout .egg-spawner-name{
  font-size:11px!important;
  line-height:1.35!important;
  overflow-wrap:anywhere!important;
}
.pal-atlas-layout .egg-possible-card{
  grid-template-columns:48px minmax(0,1fr)!important;
}
.pal-atlas-layout .egg-datamine-toolbar{
  grid-template-columns:minmax(260px,1fr) minmax(220px,.8fr) minmax(260px,1fr)!important;
}
@media(max-width:980px){
  .pal-atlas-layout .egg-datamine-toolbar{grid-template-columns:1fr!important;}
}

/* 2026-08-19 Pal detail drop readability hotfix */
.pal-atlas-layout .pal-drops-panel .pal-drop-row,
.pal-atlas-layout .pal-drops-panel .pal-drop-row strong,
.pal-atlas-layout .pal-drops-panel .pal-drop-row strong > span,
.pal-atlas-layout .pal-drops-panel .pal-drop-row .pal-drop-name {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

.pal-atlas-layout .pal-drops-panel .pal-drop-row > span {
  color: #d8d8df !important;
  -webkit-text-fill-color: #d8d8df !important;
  opacity: 1 !important;
}


/* 2026-08-19 Dr. Brawn NPC and surgery guide */
.dr-brawn-detail{color:#fff!important}
.dr-brawn-detail p,.dr-brawn-detail span{color:#c4c4cc}
.dr-brawn-head{align-items:center!important}
.dr-brawn-head p{margin:7px 0 0;max-width:760px;line-height:1.6}
.dr-brawn-portrait{display:flex!important;width:88px;height:88px;min-width:88px;align-items:center;justify-content:center;border-radius:14px;background:#fff!important;border:1px solid #3a3a42;overflow:hidden}
.dr-brawn-portrait img{width:100%;height:100%;object-fit:contain;background:#fff!important}
.dr-brawn-badges{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 2px}
.dr-brawn-badges span{padding:7px 10px;border:1px solid #34343c;border-radius:999px;background:#141419;color:#fff!important;font-size:10px;font-weight:800}
.dr-brawn-badges span:first-child{border-color:#d90a2c;background:#1a0b0f;color:#fff!important}
.dr-brawn-summary h4,.dr-brawn-detail h4{color:#fff!important}
.dr-brawn-outcomes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}
.dr-brawn-outcome{padding:16px;border:1px solid #34343c;border-radius:12px;background:#141419}
.dr-brawn-outcome>span{display:block;margin-bottom:7px;font-size:10px;font-weight:900;letter-spacing:.12em;color:#ef1238!important}
.dr-brawn-outcome strong{display:block;color:#fff!important;font-size:15px;line-height:1.35}
.dr-brawn-outcome p{margin:7px 0 0;font-size:11px;line-height:1.6;color:#a8a8b2!important}
.dr-brawn-outcome.is-positive{border-color:#385449}
.dr-brawn-outcome.is-positive>span{color:#74dfa9!important}
.dr-brawn-outcome.is-negative{border-color:#5c2933}
.dr-brawn-odds-note{display:grid;gap:4px;padding:12px 14px;border:1px solid #5c2933;border-left:3px solid #d90a2c;border-radius:10px;background:#160b0e}
.dr-brawn-odds-note strong{color:#fff!important}.dr-brawn-odds-note span{font-size:11px;color:#c4c4cc!important}
.dr-brawn-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dr-brawn-rule-grid>div{display:grid;gap:5px;padding:13px;border:1px solid #34343c;border-radius:10px;background:#141419}
.dr-brawn-rule-grid strong{color:#fff!important}.dr-brawn-rule-grid span{font-size:11px;line-height:1.55;color:#a8a8b2!important}
.dr-brawn-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}
.dr-brawn-fineprint{margin:9px 0 0!important;font-size:10px!important;color:#8d8d98!important}
.entity-card img[src*="T_Doctor_icon_normal"]{background:#fff!important;object-fit:contain!important;padding:3px;border-radius:9px}
@media(max-width:760px){.dr-brawn-outcomes,.dr-brawn-rule-grid{grid-template-columns:1fr}.dr-brawn-portrait{width:72px;height:72px;min-width:72px}}

/* 2026-08-25 egg exact odds hotfix */
.pal-atlas-layout .egg-exact-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.pal-atlas-layout .egg-exact-metrics article,
.pal-atlas-layout .egg-inline-note,
.pal-atlas-layout .egg-result-group,
.pal-atlas-layout .egg-exact-status,
.pal-atlas-layout .egg-exact-banner{
  border-color:#34343c!important;
}
.pal-atlas-layout .egg-exact-metrics article{
  display:grid;
  gap:5px;
  padding:12px 13px;
  border:1px solid #34343c;
  border-radius:9px;
  background:#101014;
}
.pal-atlas-layout .egg-exact-metrics article span{
  color:#ef1238!important;
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
}
.pal-atlas-layout .egg-exact-metrics article strong{
  color:#fff!important;
  font-size:20px;
  line-height:1.1;
}
.pal-atlas-layout .egg-exact-metrics article small{
  color:#9999a3!important;
  line-height:1.35;
}
.pal-atlas-layout .egg-inline-note{
  padding:14px 15px;
  border:1px solid #34343c;
  border-left:3px solid #d90a2c;
  border-radius:9px;
  background:#111116;
}
.pal-atlas-layout .egg-inline-note strong{color:#fff!important}
.pal-atlas-layout .egg-inline-note p{margin:5px 0 0!important;color:#b7b7c0!important}
.pal-atlas-layout .egg-detail-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.pal-atlas-layout .egg-detail-actions .btn{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none!important;
}
.pal-atlas-layout .egg-result-group{
  display:grid;
  gap:10px;
}
.pal-atlas-layout .egg-variant-note{
  display:block;
  margin-top:5px;
  color:#8f8f99!important;
  font-size:9px;
  line-height:1.45;
}
.pal-atlas-layout .egg-exact-banner{margin:0 0 14px}
.pal-atlas-layout .egg-special-callout .egg-detail-actions{margin-top:12px}
.pal-atlas-layout .egg-pool-summary small a{color:#fff!important;text-decoration:underline}
@media(max-width:980px){
  .pal-atlas-layout .egg-exact-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:560px){
  .pal-atlas-layout .egg-exact-metrics{grid-template-columns:1fr;}
}


/* 2026-08-25 egg regional odds hotfix v3 */
.pal-atlas-layout .egg-special-callout.egg-ominous-callout{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  margin:0 0 14px;padding:16px 18px;border:1px solid rgba(217,10,44,.45);
  border-left:3px solid #d90a2c;border-radius:10px;background:#101014;
}
.pal-atlas-layout .egg-ominous-callout h3{margin:2px 0 5px!important;color:#fff!important}
.pal-atlas-layout .egg-ominous-callout p{margin:0!important;color:#aaaab3!important}
.pal-atlas-layout .egg-outcome-group{display:grid;gap:9px}
.pal-atlas-layout .egg-outcome-group + .egg-outcome-group{padding-top:12px;border-top:1px solid #25252b}
.pal-atlas-layout .egg-outcome-group h4{margin:0!important;color:#ef1238!important;font-size:10px!important;letter-spacing:.09em}
.pal-atlas-layout .egg-rate-card{grid-template-columns:48px minmax(0,1fr) 92px!important}
.pal-atlas-layout .egg-normal-badge{border-color:#3e424b!important;background:#17191e!important;color:#c9cbd2!important}
@media(max-width:760px){
  .pal-atlas-layout .egg-special-callout.egg-ominous-callout{align-items:flex-start;flex-direction:column}
  .pal-atlas-layout .egg-rate-card{grid-template-columns:44px minmax(0,1fr)!important}
  .pal-atlas-layout .egg-rate-card .egg-odds-rate{grid-column:1/-1!important}
}


/* 2026-08-25 simplified egg hatch page v9 */
.pal-atlas-layout .egg-simple-controls{
  display:grid;gap:14px;margin:0 0 18px;padding:15px;border:1px solid #303038;border-radius:11px;background:#0d0d11;
}
.pal-atlas-layout .egg-filter-block{display:grid;gap:8px;min-width:0}
.pal-atlas-layout .egg-filter-block>label,
.pal-atlas-layout .egg-simple-controls .field>label{
  color:#a8a8b2!important;font-size:9px!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important;
}
.pal-atlas-layout .egg-simple-type-tabs{margin:0!important;padding:0!important;border:0!important;background:transparent!important}
.pal-atlas-layout .egg-simple-type-tabs button,
.pal-atlas-layout .egg-size-tabs button{
  min-height:38px;padding:7px 12px;border:1px solid #303038;border-radius:8px;background:#121217;color:#b8b8c1;
  font:inherit;font-size:10px;font-weight:850;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease;
}
.pal-atlas-layout .egg-simple-type-tabs button:hover,
.pal-atlas-layout .egg-size-tabs button:hover{border-color:#555560;color:#fff}
.pal-atlas-layout .egg-simple-type-tabs button.active,
.pal-atlas-layout .egg-size-tabs button.active{
  border-color:#d90a2c;background:rgba(217,10,44,.14);color:#fff;box-shadow:inset 3px 0 0 #d90a2c;
}
.pal-atlas-layout .egg-filter-row{display:grid;grid-template-columns:minmax(300px,auto) minmax(260px,1fr);gap:14px;align-items:end}
.pal-atlas-layout .egg-size-tabs{display:flex;gap:7px;flex-wrap:wrap}
.pal-atlas-layout .egg-region-odds{
  display:grid;gap:12px;padding:14px;border:1px solid #34343c;border-radius:9px;background:#101014;
}
.pal-atlas-layout .egg-region-odds-head{display:flex;justify-content:space-between;align-items:center;gap:16px}
.pal-atlas-layout .egg-region-odds-head h4{margin:2px 0 4px!important;color:#fff!important;font-size:16px!important}
.pal-atlas-layout .egg-region-odds-head p{margin:0!important;color:#a8a8b2!important;font-size:10px!important}
.pal-atlas-layout .egg-region-tabs{display:flex;gap:8px;flex-wrap:wrap}
.pal-atlas-layout .egg-region-tabs button{
  display:grid;gap:2px;min-width:140px;padding:9px 11px;text-align:left;border:1px solid #303038;border-radius:8px;
  background:#141419;color:#fff;font:inherit;cursor:pointer;
}
.pal-atlas-layout .egg-region-tabs button strong{font-size:10px;color:#fff!important}
.pal-atlas-layout .egg-region-tabs button span{font-size:8px;color:#92929c!important}
.pal-atlas-layout .egg-region-tabs button.active{border-color:#d90a2c;background:rgba(217,10,44,.13);box-shadow:inset 3px 0 0 #d90a2c}
.pal-atlas-layout .egg-list-label{padding-top:2px}
.pal-atlas-layout .egg-list-label span{color:#a8a8b2!important;font-size:9px!important;font-weight:900!important;letter-spacing:.08em!important}
.pal-atlas-layout .egg-normal-badge{border-color:#3e424b!important;background:#17191e!important;color:#c9cbd2!important}
@media(max-width:820px){
  .pal-atlas-layout .egg-filter-row{grid-template-columns:1fr}
  .pal-atlas-layout .egg-region-odds-head{align-items:flex-start;flex-direction:column}
}


/* 2026-08-25 Palworld passive rank colors v10
   Restore the game-style banner colors after the dark theme flattened them. */
.pal-atlas-layout .passive-db-card .passive-game-banner{
  border-left-color:var(--passive-accent)!important;
  border-right-color:var(--passive-accent)!important;
  border-top-color:var(--passive-accent)!important;
  border-bottom-color:var(--passive-accent)!important;
  background:linear-gradient(90deg,var(--passive-bg-a),var(--passive-bg-b))!important;
}
.pal-atlas-layout .passive-db-card.rank-5 .passive-game-banner{
  --passive-accent:#44fff2;--passive-bg-a:#236d68;--passive-bg-b:#2b2578;
  box-shadow:inset 0 0 14px rgba(68,255,242,.22)!important;
}
.pal-atlas-layout .passive-db-card.rank-4 .passive-game-banner{
  --passive-accent:#4ff6e6;--passive-bg-a:#205c5e;--passive-bg-b:#263974;
}
.pal-atlas-layout .passive-db-card.rank-3 .passive-game-banner{
  --passive-accent:#ffe900;--passive-bg-a:#665b0a;--passive-bg-b:#332d08;
}
.pal-atlas-layout .passive-db-card.rank-2 .passive-game-banner{
  --passive-accent:#82a8ff;--passive-bg-a:#3d526d;--passive-bg-b:#252d3b;
}
.pal-atlas-layout .passive-db-card.rank-1 .passive-game-banner{
  --passive-accent:#aeb4be;--passive-bg-a:#50545d;--passive-bg-b:#30333a;
}
.pal-atlas-layout .passive-db-card.rank-0 .passive-game-banner{
  --passive-accent:#8e929b;--passive-bg-a:#43464d;--passive-bg-b:#292c31;
}
.pal-atlas-layout .passive-db-card.rank-neg-1 .passive-game-banner,
.pal-atlas-layout .passive-db-card.rank-neg-2 .passive-game-banner,
.pal-atlas-layout .passive-db-card.rank-neg-3 .passive-game-banner{
  --passive-accent:#ff315f;--passive-bg-a:#4f252f;--passive-bg-b:#252126;
}
.pal-atlas-layout .passive-db-card .passive-game-banner::before{
  opacity:.34!important;
}
.pal-atlas-layout .passive-db-card.rank-4 .passive-game-banner::after,
.pal-atlas-layout .passive-db-card.rank-5 .passive-game-banner::after{
  opacity:.65!important;
}


/* 2026-08-25 egg location simplification + tier filter cleanup v12 */
.pal-atlas-layout .egg-location-single{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  padding:9px 12px;
  border:1px solid #d90a2c;
  border-radius:8px;
  background:rgba(217,10,44,.13);
}
.pal-atlas-layout .egg-location-single strong{
  color:#fff!important;
  font-size:10px!important;
}
.pal-atlas-layout .egg-region-tabs button{
  min-width:150px;
}

/* 2026-08-27 HOTFIX: Pair Calculator single-parent result rows dark theme */
#calculator-result .breeding-combo-row,
#view-calculator .breeding-combo-row {
  background: var(--pa-panel, #0d0d11) !important;
  border: 1px solid var(--pa-line, #2a2a31) !important;
}

#calculator-result .breeding-combo-pal,
#view-calculator .breeding-combo-pal {
  color: var(--pa-text, #ffffff) !important;
}

#calculator-result .breeding-combo-pal:hover,
#view-calculator .breeding-combo-pal:hover {
  background: var(--pa-panel-2, #131318) !important;
  border-radius: 6px !important;
}

#calculator-result .breeding-combo-pal strong,
#view-calculator .breeding-combo-pal strong {
  color: var(--pa-text, #ffffff) !important;
}

#calculator-result .breeding-combo-pal small,
#view-calculator .breeding-combo-pal small,
#calculator-result .breeding-combo-row > b,
#view-calculator .breeding-combo-row > b {
  color: var(--pa-muted, #c4c4cc) !important;
}

#calculator-result > p,
#view-calculator #calculator-result > p {
  color: var(--pa-muted, #c4c4cc) !important;
}


/* 2026-08-30 full hotfix overrides */
.pal-atlas-layout .item-icon-shell {
  background: linear-gradient(180deg, rgba(26,28,36,.96), rgba(16,17,24,.96)) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 10px 24px rgba(0,0,0,.28) !important;
}
.pal-atlas-layout .item-icon-shell img,
.pal-atlas-layout .item-icon-asset {
  background: transparent !important;
}
.pal-atlas-layout .item-icon-placeholder {
  color: #eef1f7 !important;
}
.pal-atlas-layout .pal-atlas-copy-page-link {
  margin-top: 12px !important;
  align-self: flex-start !important;
}
.pal-atlas-layout .page-heading,
.pal-atlas-layout .view-header,
.pal-atlas-layout .guide-v3-hero,
.pal-atlas-layout .pt-hero {
  gap: 12px;
}
.pal-atlas-layout .ruins-filter,
.pal-atlas-layout .ruins-toolbar input {
  background: #101219 !important;
  color: #f5f7fb !important;
  border-color: rgba(255,255,255,.10) !important;
}
.pal-atlas-layout .ruins-filter small {
  background: #1d2230 !important;
  color: #fff !important;
}
.pal-atlas-layout .tier-pal-grid { grid-template-columns: repeat(auto-fill,minmax(190px,1fr)) !important; gap: 10px !important; }
.pal-atlas-layout .tier-pal-grid .pal-card { min-height: 92px !important; padding: 10px !important; }
.pal-atlas-layout .tier-pal-grid .pal-card h3 { font-size: 13px !important; }
.pal-atlas-layout .tier-pal-grid .pal-number { font-size: 8px !important; }
.pal-atlas-layout .tier-pal-grid .element-badge,
.pal-atlas-layout .tier-pal-grid .tier-badge,
.pal-atlas-layout .tier-pal-grid .owned-badge { font-size: 8px !important; }
.pal-atlas-layout .tier-card-detail {
  font-size: 10px !important;
  line-height: 1.45 !important;
  white-space: normal !important;
  text-overflow: clip !important;
}
.pal-atlas-layout .detail-breeding-note {
  display: grid;
  gap: 10px;
  align-content: start;
}
.pal-atlas-layout .detail-breeding-note p {
  margin: 0;
  color: var(--muted-2);
}
.pal-atlas-layout .spawn-location-row code {
  display: none !important;
}
.pal-atlas-layout .spawn-location-disclosure {
  background: rgba(255,255,255,.03) !important;
}
.pal-atlas-layout .spawn-location-title {
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
}
.pal-atlas-layout .dx-chip-row { display:flex; gap:8px; flex-wrap:wrap; margin:8px 0 0; }
.pal-atlas-layout .dx-chip,
.pal-atlas-layout .dx-chip.static {
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:32px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:#12141c;
  color:#f4f6fb;
  font:inherit;
  font-size:11px;
  font-weight:800;
}
.pal-atlas-layout .dx-chip.active { background:rgba(217,10,44,.18); border-color:#d90a2c; color:#fff; }
.pal-atlas-layout .dx-chip b { color:#fff; }
.pal-atlas-layout .dx-partner-card .pal-card { cursor:pointer; }
.pal-atlas-layout .dx-partner-body { display:grid; gap:8px; }
.pal-atlas-layout .dx-partner-body h3 { margin:0; font-size:16px; color:#fff; }
.pal-atlas-layout .dx-card-topline { display:flex; gap:8px; flex-wrap:wrap; color:var(--muted-2); font-size:11px; font-weight:800; text-transform:uppercase; }
.pal-atlas-layout .dx-food-description { margin-bottom:8px; }
.pal-atlas-layout .pamod-list { margin:0; padding-left:18px; display:grid; gap:8px; color:var(--pamod-muted); }


/* 2026-08-30 compact breeding panel v92 */
.pal-atlas-layout .breeding-detail-compact { padding:14px !important; }
.pal-atlas-layout .breeding-detail-heading { align-items:center !important; margin-bottom:10px !important; }
.pal-atlas-layout .breeding-detail-heading h4 { margin:0 !important; }
.pal-atlas-layout .breeding-path-button { flex:0 0 auto; min-height:34px !important; padding:0 12px !important; }
.pal-atlas-layout .breeding-stat-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:8px !important; }
.pal-atlas-layout .breeding-stat-grid .detail-stat { min-height:62px !important; padding:9px 11px !important; }
@media (max-width:720px){
  .pal-atlas-layout .breeding-detail-heading { align-items:stretch !important; }
  .pal-atlas-layout .breeding-path-button { width:100%; }
  .pal-atlas-layout .breeding-stat-grid { grid-template-columns:1fr !important; }
}