/* Cabal Axis Esmeralda Radiante — acabamento nítido — 2026-11-07. Approved production surface theme. */

/* Surface-only theme. No dimensions, fonts, layout or character texture changes. */
html[data-axis-theme="emerald-radiant"] {
  --axis-glow-base: #060e0b;
  --axis-glow-panel: #152c23;
  --axis-glow-raised: #234638;
  --axis-glow-inset: #0b1c15;
  --axis-glow-header: #091c15;
  --axis-glow-ink: #f2fff7;
  --axis-glow-copy: #cce6d9;
  --axis-glow-muted: #a9c8b8;
  --axis-glow-accent: #8af6bb;
  --axis-glow-focus: #b9ffda;
  --axis-glow-edge: #529b78;
  --axis-glow-action: #237e59;
  --axis-glow-action-hover: #2b9568;
  --axis-glow-rgb: 89 211 150;
  --axis-glow-light: 164 247 198;
}

/* Existing page shells. Artwork/video backgrounds remain untouched. */
html[data-axis-theme="emerald-radiant"] body,
html[data-axis-theme="emerald-radiant"] .min-h-screen.bg-black {
  background-color: var(--axis-glow-base);
}
html[data-axis-theme="emerald-radiant"] :is(.axis-monitor-page,.axis-calculator-shell) {
  background: radial-gradient(ellipse at 50% 0, rgb(var(--axis-glow-rgb) / .10), transparent 680px), var(--axis-glow-base);
}

/* Header is already fixed in production; only its paint changes. */
html[data-axis-theme="emerald-radiant"] [data-axis-static-header="true"] {
  background-color: var(--axis-glow-header) !important;
  background-image: linear-gradient(180deg, rgb(var(--axis-glow-light) / .055), transparent);
  border-color: rgb(var(--axis-glow-rgb) / .38) !important;
  box-shadow: 0 8px 28px rgb(0 0 0 / .26), inset 0 1px 0 rgb(var(--axis-glow-light) / .07), 0 1px 10px rgb(var(--axis-glow-rgb) / .06);
}
html[data-axis-theme="emerald-radiant"] .axis-monitor-topnav :is(a,button)>span.text-neutral-400 {
  color: var(--axis-glow-copy);
}
html[data-axis-theme="emerald-radiant"] .axis-monitor-topnav :is(a,button):is(:hover,:focus-visible)>span,
html[data-axis-theme="emerald-radiant"] .axis-monitor-topnav :is(.text-emerald-400,.text-emerald-500) {
  color: var(--axis-glow-accent);
  text-shadow: 0 0 13px rgb(var(--axis-glow-rgb) / .20);
}
html[data-axis-theme="emerald-radiant"] .axis-monitor-topnav .border-emerald-500\/40 {
  border-color: rgb(var(--axis-glow-rgb) / .40);
  background-color: rgb(var(--axis-glow-rgb) / .11);
}
html[data-axis-theme="emerald-radiant"] .axis-monitor-siteheader>.absolute.bottom-0 {
  background: linear-gradient(90deg, transparent 3%, rgb(var(--axis-glow-rgb) / .22) 18%, rgb(var(--axis-glow-light) / .75) 49%, rgb(var(--axis-glow-rgb) / .28) 78%, transparent 97%);
  animation: axis-glow-emerald-radiant-line 7.5s ease-in-out infinite;
}
@keyframes axis-glow-emerald-radiant-line { 0%,100% { opacity:.62; } 50% { opacity:1; } }

/* Existing paired actions keep their original clipped silhouettes. */
html[data-axis-theme="emerald-radiant"] .axis-header-register {
  background-color: rgb(var(--axis-glow-rgb) / .08);
  border-color: rgb(var(--axis-glow-rgb) / .28);
  color: var(--axis-glow-ink);
  box-shadow: inset 0 1px 0 rgb(var(--axis-glow-light) / .17);
}
html[data-axis-theme="emerald-radiant"] .axis-header-register:hover {
  background-color: rgb(var(--axis-glow-rgb) / .16);
  border-color: rgb(var(--axis-glow-rgb) / .56);
  color: var(--axis-glow-focus);
}
html[data-axis-theme="emerald-radiant"] .axis-account-controls {
  border-color: rgb(var(--axis-glow-rgb) / .42);
  background: linear-gradient(180deg, var(--axis-glow-raised), var(--axis-glow-panel));
  box-shadow: inset 0 1px 0 rgb(var(--axis-glow-light) / .12);
}
html[data-axis-theme="emerald-radiant"] .axis-account-controls small { color:var(--axis-glow-accent); }
html[data-axis-theme="emerald-radiant"] .axis-account-controls button { border-color:rgb(var(--axis-glow-rgb) / .25); }
html[data-axis-theme="emerald-radiant"] .axis-account-controls :is(a,button):hover { background-color:rgb(var(--axis-glow-rgb) / .12); }
html[data-axis-theme="emerald-radiant"] .axis-monitor-siteheader a[href="/login"],
html[data-axis-theme="emerald-radiant"] section.h-screen a[href="/download"] {
  background-color:var(--axis-glow-action);
  border-color:rgb(var(--axis-glow-light) / .36);
  box-shadow:inset 0 1px 0 rgb(var(--axis-glow-light) / .22), 0 0 25px rgb(var(--axis-glow-rgb) / .14);
}
html[data-axis-theme="emerald-radiant"] .axis-monitor-siteheader a[href="/login"]:hover,
html[data-axis-theme="emerald-radiant"] section.h-screen a[href="/download"]:hover { background-color:var(--axis-glow-action-hover); }
html[data-axis-theme="emerald-radiant"] section.h-screen a[href="/register"] {
  background-color:rgb(var(--axis-glow-rgb) / .10);
  border-color:rgb(var(--axis-glow-light) / .29);
  box-shadow:inset 0 1px 0 rgb(var(--axis-glow-light) / .14), 0 0 16px rgb(var(--axis-glow-rgb) / .07);
}
html[data-axis-theme="emerald-radiant"] section.h-screen a[href="/register"]>span { color:var(--axis-glow-ink); }

/* Ranking: no rules touch podium geometry, medal colors or portrait elements. */
html[data-axis-theme="emerald-radiant"] .axis-podium-ranking {
  --podium-ink:var(--axis-glow-ink);
  --podium-copy:var(--axis-glow-copy);
  --podium-muted:var(--axis-glow-muted);
  --podium-edge:rgb(var(--axis-glow-rgb) / .22);
}
html[data-axis-theme="emerald-radiant"] .axis-podium-scene {
  border-color:rgb(var(--axis-glow-rgb) / .29);
  box-shadow:0 20px 50px rgb(0 0 0 / .30), 0 0 26px rgb(var(--axis-glow-rgb) / .055), inset 0 1px 0 rgb(var(--axis-glow-light) / .12);
}
html[data-axis-theme="emerald-radiant"] .axis-podium-heading h2,
html[data-axis-theme="emerald-radiant"] .axis-rush-heading h2,
html[data-axis-theme="emerald-radiant"] .axis-monitor-hero h1,
html[data-axis-theme="emerald-radiant"] .axis-calc-heading h1,
html[data-axis-theme="emerald-radiant"] .axis-account-roster h1 {
  color:var(--axis-glow-ink);
  text-shadow:0 0 22px rgb(var(--axis-glow-rgb) / .12);
}
html[data-axis-theme="emerald-radiant"] :is(.axis-podium-heading>span,.axis-rush-heading>div>span,.axis-account-roster-eyebrow,.axis-monitor-eyebrow,.axis-monitor-hero>span,.axis-calc-eyebrow) { color:var(--axis-glow-accent); }
html[data-axis-theme="emerald-radiant"] .axis-podium-table-wrap {
  background:linear-gradient(145deg, var(--axis-glow-panel), var(--axis-glow-inset));
  box-shadow:inset 0 1px 0 rgb(var(--axis-glow-light) / .07);
}
html[data-axis-theme="emerald-radiant"] .axis-podium-table-wrap th { background-color:var(--axis-glow-raised); color:var(--axis-glow-copy); }
html[data-axis-theme="emerald-radiant"] .axis-podium-table-wrap tbody tr:hover { background-color:rgb(var(--axis-glow-rgb) / .055); }
html[data-axis-theme="emerald-radiant"] .axis-podium-row-player button:hover { color:var(--axis-glow-accent); }
html[data-axis-theme="emerald-radiant"] .axis-rush-selection { background:var(--axis-glow-panel); border-color:rgb(var(--axis-glow-rgb) / .23); }
html[data-axis-theme="emerald-radiant"] .axis-rush-selection select { background:var(--axis-glow-inset); color:var(--axis-glow-ink); border-color:var(--axis-glow-edge); }

/* Original ranking search and pill tabs; only existing semantic states are styled. */
html[data-axis-theme="emerald-radiant"] .axis-ranking-search-field {
  background:linear-gradient(180deg,var(--axis-glow-panel),var(--axis-glow-inset));
  border-color:rgb(var(--axis-glow-rgb) / .36);
  box-shadow:inset 0 1px 0 rgb(var(--axis-glow-light) / .055), 0 0 18px rgb(var(--axis-glow-rgb) / .035);
}
html[data-axis-theme="emerald-radiant"] .axis-ranking-search-field:focus-within { border-color:var(--axis-glow-accent); }
html[data-axis-theme="emerald-radiant"] .axis-ranking-search-field input { color:var(--axis-glow-ink); }
html[data-axis-theme="emerald-radiant"] .axis-ranking-search-field input::placeholder { color:var(--axis-glow-muted); }
html[data-axis-theme="emerald-radiant"] .axis-ranking-search-submit:not(:disabled) { background-color:var(--axis-glow-action); color:var(--axis-glow-ink); }
html[data-axis-theme="emerald-radiant"] .axis-ranking-search-results { background:var(--axis-glow-panel); border-color:var(--axis-glow-edge); }
html[data-axis-theme="emerald-radiant"] .axis-ranking-search-results button[aria-selected="true"] { background:var(--axis-glow-raised); }
html[data-axis-theme="emerald-radiant"] main button.group.isolate[aria-pressed="true"]>.absolute.inset-0 {
  background:linear-gradient(180deg,rgb(var(--axis-glow-rgb) / .25),rgb(var(--axis-glow-rgb) / .06));
  border-color:rgb(var(--axis-glow-rgb) / .45);
  box-shadow:inset 0 1px 0 rgb(var(--axis-glow-light) / .18), 0 0 20px -6px rgb(var(--axis-glow-rgb) / .35);
}
html[data-axis-theme="emerald-radiant"] main button.group.isolate[aria-pressed="true"]>svg { color:var(--axis-glow-accent); }

/* Calculator keeps all combat, rarity and system colors; neutral tokens only. */
html[data-axis-theme="emerald-radiant"] .axis-calculator-shell {
  --calc-void:var(--axis-glow-base);
  --calc-panel:var(--axis-glow-panel);
  --calc-raised:var(--axis-glow-raised);
  --calc-inset:var(--axis-glow-inset);
  --calc-ink:var(--axis-glow-ink);
  --calc-copy:var(--axis-glow-copy);
  --calc-muted:var(--axis-glow-muted);
  --calc-line:rgb(var(--axis-glow-rgb) / .22);
  --calc-accent:var(--axis-glow-accent);
}
html[data-axis-theme="emerald-radiant"] :is(.axis-calc-panel,.axis-character-source,.axis-calc-method) {
  background-image:linear-gradient(145deg,rgb(var(--axis-glow-light) / .035),transparent 65%);
  box-shadow:inset 0 1px 0 rgb(var(--axis-glow-light) / .07);
}
html[data-axis-theme="emerald-radiant"] .axis-calc-tabs button[aria-selected="true"] { box-shadow:inset 0 1px 0 rgb(var(--axis-glow-light) / .16),0 0 17px rgb(var(--axis-glow-rgb) / .07); }

/* Neutral panel paint. Native skill/item slots and their effects are excluded. */
html[data-axis-theme="emerald-radiant"] :is(.axis-monitor-panel,.axis-monitor-stat,.axis-observe-chart,.axis-observe-metric,.axis-commerce-product,.axis-account-character-card) {
  background:linear-gradient(145deg,var(--axis-glow-panel),var(--axis-glow-inset));
  border-color:rgb(var(--axis-glow-rgb) / .23);
  box-shadow:inset 0 1px 0 rgb(var(--axis-glow-light) / .07),0 8px 26px rgb(0 0 0 / .10);
}
html[data-axis-theme="emerald-radiant"] :is(.axis-monitor-stat>strong,.axis-monitor-panel h2,.axis-observe-chart h2,.axis-account-character-info h2) { color:var(--axis-glow-ink); }
html[data-axis-theme="emerald-radiant"] :is(.axis-monitor-stat>small,.axis-monitor-panel-heading p,.axis-monitor-hero>p,.axis-account-roster-header p) { color:var(--axis-glow-muted); }
html[data-axis-theme="emerald-radiant"] .axis-monitor-tabs { background:var(--axis-glow-inset); border-color:rgb(var(--axis-glow-rgb) / .23); }
html[data-axis-theme="emerald-radiant"] .axis-monitor-tabs button { color:var(--axis-glow-copy); }
html[data-axis-theme="emerald-radiant"] .axis-monitor-tabs button.active {
  background:linear-gradient(180deg,var(--axis-glow-raised),var(--axis-glow-panel));
  color:var(--axis-glow-accent);
  border-color:var(--axis-glow-edge);
  box-shadow:inset 0 1px 0 rgb(var(--axis-glow-light) / .13),0 0 16px rgb(var(--axis-glow-rgb) / .06);
}
html[data-axis-theme="emerald-radiant"] .axis-account-character-card.is-selected { border-color:var(--axis-glow-accent); box-shadow:0 0 0 1px rgb(var(--axis-glow-rgb) / .14),0 0 24px rgb(var(--axis-glow-rgb) / .09); }
html[data-axis-theme="emerald-radiant"] .axis-account-character-details { background-color:rgb(var(--axis-glow-rgb) / .10); color:var(--axis-glow-copy); border-color:var(--axis-glow-edge); }
html[data-axis-theme="emerald-radiant"] .axis-account-character-details:hover { background-color:rgb(var(--axis-glow-rgb) / .17); color:var(--axis-glow-ink); }
html[data-axis-theme="emerald-radiant"] .axis-commerce { --commerce-ink:var(--axis-glow-ink);--commerce-muted:var(--axis-glow-muted);--commerce-accent:var(--axis-glow-accent);--commerce-line:rgb(var(--axis-glow-rgb) / .23);--commerce-panel:var(--axis-glow-panel); }
html[data-axis-theme="emerald-radiant"] .axis-observe { --observe-ink:var(--axis-glow-ink);--observe-copy:var(--axis-glow-copy);--observe-muted:var(--axis-glow-muted);--observe-panel:var(--axis-glow-panel);--observe-inset:var(--axis-glow-inset);--observe-border:rgb(var(--axis-glow-rgb) / .23); }

/* Wiki opt-in cards retain all icons, medal-rank colors and native disclosures. */
html[data-axis-theme="emerald-radiant"] .axis-wiki-content details.wiki-buff-card { background:var(--axis-glow-panel); border-color:rgb(var(--axis-glow-rgb) / .24); box-shadow:inset 0 1px 0 rgb(var(--axis-glow-light) / .08); }
html[data-axis-theme="emerald-radiant"] .axis-wiki-content details.wiki-buff-card[open] { border-color:var(--axis-glow-accent); }
html[data-axis-theme="emerald-radiant"] .axis-wiki-content details.wiki-buff-card>summary { color:var(--axis-glow-ink); }
html[data-axis-theme="emerald-radiant"] .axis-wiki-content a:not(:has(img)) { text-decoration-color:rgb(var(--axis-glow-rgb) / .40); }

/* Footer is the real existing footer, without changing its size or contents. */
html[data-axis-theme="emerald-radiant"] footer.relative.mt-auto {
  background-color:var(--axis-glow-base);
  background-image:radial-gradient(ellipse at 50% 0,rgb(var(--axis-glow-rgb) / .075),transparent 65%);
  border-color:rgb(var(--axis-glow-rgb) / .27);
}
html[data-axis-theme="emerald-radiant"] footer.relative.mt-auto .text-emerald-400 { color:var(--axis-glow-accent); }

/* Focus never relies on glow alone; existing focus geometry is preserved. */
html[data-axis-theme="emerald-radiant"] :is(.axis-monitor-topnav,.axis-ranking-search,.axis-account-controls,.axis-calc-tabs,.axis-monitor-tabs,.axis-commerce-tabs,.axis-wiki-content) :is(a,button,input,summary):focus-visible,
html[data-axis-theme="emerald-radiant"] :is(.axis-header-register,.axis-account-character-select,.axis-account-character-details,.axis-rush-selection select):focus-visible {
  outline-color:var(--axis-glow-focus);
}

/* Stop only the animation introduced here, not native game/portrait effects. */
html[data-axis-theme="emerald-radiant"][data-axis-motion="off"] .axis-monitor-siteheader>.absolute.bottom-0 { animation:none;opacity:.82; }
@media(prefers-reduced-motion:reduce) {
  html[data-axis-theme="emerald-radiant"] .axis-monitor-siteheader>.absolute.bottom-0 { animation:none;opacity:.82; }
}

/* Brighter, crisp surface finish. Native equipment shaders own their glows. */
html[data-axis-theme="emerald-radiant"] [data-axis-static-header="true"] {
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  background-image:linear-gradient(180deg,rgb(120 227 168 / .13),transparent 76%);
  box-shadow:inset 0 1px rgb(190 255 219 / .16),0 1px 0 rgb(92 222 150 / .42),0 5px 18px rgb(0 0 0 / .25);
}
html[data-axis-theme="emerald-radiant"] .axis-ranking-backdrop {
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
}
html[data-axis-theme="emerald-radiant"] .axis-ranking-modal {
  background:radial-gradient(ellipse at 30% 0,rgb(78 173 123 / .15),transparent 54%),#0a1510;
  border-color:rgb(var(--axis-glow-rgb) / .34);
  box-shadow:inset 0 1px rgb(193 255 220 / .2),0 0 25px rgb(49 177 111 / .09),0 18px 55px rgb(0 0 0 / .6);
}
html[data-axis-theme="emerald-radiant"] .axis-ranking-modal .backdrop-blur-sm {
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
html[data-axis-theme="emerald-radiant"] :is(.axis-character-panel,.axis-calc-panel,.axis-monitor-panel,.axis-monitor-stat,.axis-observe-chart,.axis-observe-metric,.axis-commerce-product,.axis-account-character-card) {
  background-image:linear-gradient(150deg,rgb(164 247 198 / .075),transparent 48%);
  border-color:rgb(var(--axis-glow-rgb) / .26);
  box-shadow:inset 0 1px rgb(203 255 225 / .14),0 8px 24px rgb(0 0 0 / .14);
}
html[data-axis-theme="emerald-radiant"] .axis-character-stats-scroll>.grid>div.backdrop-blur-sm {
  background-image:linear-gradient(150deg,rgb(164 247 198 / .075),transparent 60%);
  border-color:rgb(var(--axis-glow-rgb) / .22);
  box-shadow:inset 0 1px rgb(203 255 225 / .12);
}
html[data-axis-theme="emerald-radiant"] :is(.axis-monitor-page,.axis-calculator-shell) {
  background:radial-gradient(ellipse at 16% 0,rgb(62 192 123 / .13),transparent 760px),radial-gradient(ellipse at 90% 460px,rgb(68 142 109 / .055),transparent 650px),var(--axis-glow-base);
}
html[data-axis-theme="emerald-radiant"] :is(.axis-calc-results,.axis-character-source) {
  background-image:linear-gradient(135deg,rgb(157 255 198 / .10),transparent 64%);
  border-color:rgb(var(--axis-glow-rgb) / .42);
  box-shadow:inset 0 1px rgb(203 255 225 / .18),0 0 24px rgb(53 202 126 / .055);
}
html[data-axis-theme="emerald-radiant"] .axis-calc-panel.ce-editor {
  background:linear-gradient(155deg,rgb(164 247 198 / .065),transparent 420px),#0d1c14;
}
html[data-axis-theme="emerald-radiant"] .axis-podium-scene {
  border-color:rgb(var(--axis-glow-rgb) / .40);
  box-shadow:inset 0 1px rgb(203 255 225 / .20),0 0 30px rgb(53 202 126 / .08),0 18px 42px rgb(0 0 0 / .25);
}
html[data-axis-theme="emerald-radiant"] .axis-podium-scene::before {
  background:linear-gradient(180deg,transparent,rgba(4,16,11,.025) 45%,rgba(3,17,9,.54) 72%,rgba(3,16,9,.94));
}
html[data-axis-theme="emerald-radiant"] .axis-podium-aura { filter:blur(10px); }
html[data-axis-theme="emerald-radiant"] :is(.axis-calc-tabs button,.axis-monitor-tabs button,.axis-account-character-details) {
  transition:background-color 160ms ease,border-color 160ms ease,box-shadow 160ms ease;
}
html[data-axis-theme="emerald-radiant"] :is(.axis-calc-tabs button[aria-selected="true"],.axis-monitor-tabs button.active,.axis-account-character-card.is-selected) {
  box-shadow:inset 0 1px rgb(203 255 225 / .23),0 0 17px rgb(var(--axis-glow-rgb) / .12);
}
@media(prefers-reduced-motion:reduce) {
  html[data-axis-theme="emerald-radiant"] :is(.axis-calc-tabs button,.axis-monitor-tabs button,.axis-account-character-details) {transition:none;}
}