/* All named device themes, including neutral default: UI chrome only. Keep default artwork, rarity, elements,
   party colours, rank frames and danger/success indicators independent. */
html[data-color-theme]:not([data-color-theme=""]) .ga-ui {
  --ga-highlight-rgb: var(--accent-rgb);
  --ga-control-shadow: inset 0 1px rgb(255 255 255 / 8%), inset 0 -2px rgb(0 0 0 / 22%), 0 2px 0 rgb(0 0 0 / 28%);
  --ga-action-bg: radial-gradient(ellipse at 50% 0, rgb(var(--accent-rgb) / 19%), transparent 75%), linear-gradient(180deg, var(--primary-hover), var(--primary-bg) 55%, color-mix(in srgb, var(--primary-bg), #000 18%));
  --ga-action-shadow: inset 0 1px rgb(255 255 255 / 32%), inset 0 -2px rgb(0 0 0 / 40%), 0 3px 0 rgb(0 0 0 / 58%), 0 5px 12px rgb(0 0 0 / 22%);
}
html[data-color-theme]:not([data-color-theme=""]) .ga-ui button::after { background: rgb(var(--accent-rgb) / 34%); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui button:not(:disabled):is(:active, .button-pressing):not(.item-menu-trigger):not(.home-party-member):where(:not(.social-lounge-avatar)) {
  border-color: var(--gold-strong);
  box-shadow: inset 0 4px 12px rgb(0 0 0 / 46%), 0 1px 0 rgb(var(--accent-rgb) / 22%);
}

/* Shared utility-page heading; colours must not override the chosen theme. */
html[data-color-theme]:not([data-color-theme=""]) .page-layout .page-heading {
  --heading-crystal: var(--accent-rgb);
  --heading-gold: var(--accent-rgb);
  background: radial-gradient(ellipse at 0 0, rgb(var(--accent-rgb) / 11%), transparent 62%), linear-gradient(125deg, var(--surface-2), var(--surface-deep) 72%);
}
html[data-color-theme]:not([data-color-theme=""]) .page-layout .page-heading .page-heading-copy h1 { color: var(--text); }
html[data-color-theme]:not([data-color-theme=""]) .page-layout .page-heading .page-heading-copy p { color: var(--muted); }
html[data-color-theme]:not([data-color-theme=""]) .page-layout .page-heading-meta { background: rgb(var(--chrome-rgb) / 34%); }
html[data-color-theme]:not([data-color-theme=""]) .page-layout .page-heading-icon::before { box-shadow: inset 0 0 0 3px rgb(var(--chrome-rgb) / 40%); }

/* Settings and help share console decorations, including section overrides. */
html[data-color-theme]:not([data-color-theme=""]) :is(.settings-console, .settings-console .settings-section, .help-screen, .help-screen .help-group) {
  --console-cyan-rgb: var(--accent-rgb);
  --console-violet-rgb: var(--accent-rgb);
}
html[data-color-theme]:not([data-color-theme=""]) :is(.settings-console .settings-section, .help-screen .help-group) {
  background: linear-gradient(115deg, rgb(var(--accent-rgb) / 5%), transparent 34%), var(--surface);
}
html[data-color-theme]:not([data-color-theme=""]) .help-screen .help-intro {
  background: radial-gradient(circle at 88% 7%, rgb(var(--accent-rgb) / 12%), transparent 35%), linear-gradient(155deg, var(--surface-2), var(--surface-deep));
}
html[data-color-theme]:not([data-color-theme=""]) .settings-console .setting-choices { background: var(--inset); }
html[data-color-theme]:not([data-color-theme=""]) .settings-console .setting-choices button:is(.selected, [aria-pressed="true"]) {
  border-color: var(--selected-border); color: var(--selected-text);
  background: linear-gradient(180deg, var(--selected-start), var(--selected-end));
  box-shadow: inset 0 1px rgb(255 255 255 / 12%), 0 0 10px rgb(var(--accent-rgb) / 9%);
}
html[data-color-theme]:not([data-color-theme=""]) :is(.settings-console .setting-copy span, .settings-console > .settings-intro, .settings-save-readout > span, .help-screen .help-topic summary small) { color: var(--muted); }
html[data-color-theme]:not([data-color-theme=""]) :is(.settings-console .settings-footer .text-button, .help-archive-readout > strong) { color: var(--gold-strong); }
html[data-color-theme]:not([data-color-theme=""]) .help-screen .help-topic-content li { color: var(--text); }

/* Equipment's maintenance panels are UI; the party stage and rarity stay coloured. */
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.equipment-deck-shell {
  --equipment-glow: var(--accent-rgb);
  border-color: var(--line);
  background: radial-gradient(circle at 5% 0, rgb(var(--accent-rgb) / 15%), transparent 28%), linear-gradient(142deg, var(--surface), var(--surface-deep));
}
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.equipment-deck-shell::before {
  background: linear-gradient(90deg, transparent, rgb(var(--accent-rgb) / 57%), transparent);
}
html[data-color-theme]:not([data-color-theme=""]) .ga-ui :is(.equipment-loadout-board, .equipment-parameter-board, .hero-command-summary, .inventory-control-deck) {
  border-color: var(--line);
  background: linear-gradient(145deg, rgb(var(--panel-start-rgb) / 96%), rgb(var(--panel-end-rgb) / 98%));
}
html[data-color-theme]:not([data-color-theme=""]) .ga-ui :is(.equipment-member-deck, .equipment-parameter-board .stat) {
  background: linear-gradient(90deg, rgb(var(--accent-rgb) / 6%), var(--inset));
}
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.equipment-deck-shell :is(.equipment-deck-heading-copy h1, .equipment-member-deck-heading strong, .equipment-board-heading strong, .hero-command-heading, .stat-tip-trigger strong) { color: var(--text); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.equipment-deck-shell :is(.equipment-deck-heading-copy p, .equipment-deck-readout strong, .equipment-board-heading small, .equipment-member-deck-heading small) { color: var(--gold-strong); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.equipment-deck-shell :is(.equipment-deck-heading-copy small, .equipment-deck-readout small, .equipment-board-heading em, .hero-equipped-list dt, .stat-label) { color: var(--muted); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui .equipment-board-heading { border-color: var(--line); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui .equipment-parameter-board .stat-tip-panel { background: var(--inset); }

/* Orb cabinets and command/picker dialogs. The jewels themselves keep their element. */
html[data-color-theme]:not([data-color-theme=""]) .ga-ui :is(.orb-person-card, .orb-slot, .orb-command-trigger) {
  border-color: var(--line);
  background: radial-gradient(ellipse at 0 0, rgb(var(--accent-rgb) / 9%), transparent 72%), linear-gradient(145deg, var(--surface-2), var(--surface));
  box-shadow: inset 0 1px rgb(255 255 255 / 5%);
}
html[data-color-theme]:not([data-color-theme=""]) .ga-ui :is(.orb-slot.is-empty, .orb-slot.dormant) { background: var(--inset); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui :is(.orb-drag-help, .orb-slot.is-lifted, .orb-slot.is-carried, .orb-slot.is-drop-target) { background: rgb(var(--accent-rgb) / 10%); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui :is(.orb-slot.is-lifted, .orb-slot.is-carried) { border-color: var(--gold); box-shadow: 0 0 0 2px rgb(var(--accent-rgb) / 27%); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui .orb-slot.is-drop-target { outline-color: var(--gold-strong); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui :is(.orb-slot small, .orb-command-number, .orb-command-arrow, .orb-command-check, .orb-picker-heading .eyebrow) { color: var(--gold-strong); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui :is(.orb-command-copy strong, .orb-picker-heading h2, .orb-picker-current strong) { color: var(--text); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui :is(.orb-command-copy small, .orb-command-copy > span, .orb-picker-heading p, .orb-picker-current-label, .orb-picker-current-toggle, .orb-picker-current p, .orb-command-footer p, .orb-category-button small) { color: var(--muted); }
html[data-color-theme]:not([data-color-theme=""]) :is(.ga-ui.orb-picker-dialog, .ga-ui.orb-command-dialog, .ga-ui.orb-review-dialog) {
  border-color: var(--accent-border);
  background: linear-gradient(135deg, var(--surface-2), var(--dialog) 68%);
  box-shadow: 0 24px 80px rgb(0 0 0 / 70%), inset 0 1px rgb(255 255 255 / 8%);
}
html[data-color-theme]:not([data-color-theme=""]) .ga-ui :is(.orb-picker-heading, .orb-picker-current, .orb-picker-tools, .orb-picker-footer, .orb-command-footer) { border-color: var(--line); background: var(--surface); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui .orb-command-option { border-color: var(--line); background: var(--inset); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui .orb-command-option.is-selected {
  border-color: var(--selected-border); background: linear-gradient(135deg, rgb(var(--accent-rgb) / 17%), var(--surface)); box-shadow: inset 3px 0 var(--gold);
}
html[data-color-theme]:not([data-color-theme=""]) .ga-ui .orb-command-footer button { border-color: var(--line); background: var(--ga-control-bg); color: var(--text); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui :is(.orb-slot.dormant small, .orb-slot.is-empty small, .orb-dormancy-divider) { color: var(--muted); border-color: var(--line); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui .orb-slot .magic-orb.empty { border-color: var(--line); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui .orb-picker-heading > div > p > span { color: var(--muted); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui :is(.orb-picker-heading .orb-picker-close, .orb-picker-dialog .orb-picker-search) { border-color: var(--line); background: var(--input); color: var(--text); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui :is(.orb-picker-body, .orb-review-body, .orb-purpose-strip) { scrollbar-color: var(--selected-border) var(--inset); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui :is(.orb-picker-current summary:focus-visible, .orb-review-body:focus-visible) { outline-color: var(--gold-strong); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui .orb-picker-search:focus-within { border-color: var(--gold-strong); box-shadow: 0 0 0 2px rgb(var(--accent-rgb) / 9%); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui .orb-picker-search input::placeholder { color: var(--muted); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui .orb-picker-item:not(.is-limit-reached) {
  border-color: var(--line); border-left-color: var(--picker-orb);
  background: linear-gradient(120deg, color-mix(in srgb, var(--picker-orb), transparent 94%), transparent 70%), var(--inset);
  box-shadow: inset 0 1px rgb(255 255 255 / 3%);
}
html[data-color-theme]:not([data-color-theme=""]) .ga-ui .orb-picker-item.is-limit-reached { background: var(--surface-deep); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui :is(.orb-picker-item-title strong, .orb-review-person h3, .orb-review-value:last-child strong, .orb-review-cost strong, .orb-review-command > strong) { color: var(--text); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui :is(.orb-picker-list-heading > span, .orb-picker-list-heading > small, .orb-picker-item-description, .orb-picker-footer > p, .orb-review-summary > span, .orb-review-person > header p, .orb-review-value strong, .orb-review-cost small, .orb-review-footer > p:not(.has-loss)) { color: var(--muted); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui :is(.orb-picker-list-heading h3, .orb-picker-item-arrow, .orb-review-summary > span:not(.has-loss) b, .orb-review-cost h3) { color: var(--gold-strong); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui :is(.orb-category-button, .orb-purpose-button).is-selected small { color: var(--selected-text); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui :is(.orb-review-summary, .orb-review-person, .orb-review-person > header, .orb-review-value, .orb-review-cost, .orb-review-footer) { border-color: var(--line); background: var(--surface); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui .orb-review-value:last-child { border-color: var(--selected-border); background: rgb(var(--accent-rgb) / 7%); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui .orb-review-footer button { border-color: var(--ga-control-border); color: var(--text); background: var(--ga-control-bg); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui .orb-review-footer .primary-button { border-color: var(--primary-border); color: var(--primary-text); background: var(--ga-action-bg); box-shadow: var(--ga-action-shadow); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui :is(.orb-picker-item-title small, .orb-picker-empty) { border-color: var(--line); background: var(--inset); color: var(--muted); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui :is(.orb-review-emblem, .orb-picker-emblem) { border-color: var(--accent-border); background: rgb(var(--accent-rgb) / 7%); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui :is(.orb-review-section h4, .orb-review-transition > i, .orb-review-command > i) { color: var(--gold-strong); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui :is(.orb-review-section h4 small, .orb-review-slot-label > b, .orb-review-command > b, .orb-review-command > span, .orb-picker-item-meta, .orb-picker-item-meta em) { color: var(--muted); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui .orb-picker-footer button:not(.orb-picker-discard) { border-color: var(--ga-control-border); background: var(--ga-control-bg); color: var(--text); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.orb-picker-dialog button:focus-visible { outline-color: var(--gold-strong); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui :is(.orb-picker-empty p, .orb-picker-empty strong) { color: var(--muted); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui :is(.orb-person-copy .eyebrow, .orb-section-heading .eyebrow) { color: var(--gold-strong); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui .orb-drag-help { border-left-color: var(--gold); }

/* Persistent chat chrome follows the palette and retains the transparency controls.
   News kinds, unread alerts and adventurer rank frames keep their meaning. */
html[data-color-theme]:not([data-color-theme=""]) .global-chat {
  --abyss-crystal-rgb: var(--accent-rgb); --abyss-violet-rgb: var(--accent-rgb); --abyss-crystal: var(--gold-strong);
}
html[data-color-theme]:not([data-color-theme=""]) .global-chat :is(.chat-drawer, .chat-peek, .chat-drawer-header, .chat-form, .chat-tabs, .chat-drawer-close) { border-color: var(--accent-border); }
html[data-color-theme]:not([data-color-theme=""]) .global-chat :is(.chat-drawer-header, .chat-form) {
  background: linear-gradient(105deg, rgb(var(--panel-start-rgb) / var(--chat-surface-alpha)), rgb(var(--panel-end-rgb) / var(--chat-surface-alpha)));
}
html[data-color-theme]:not([data-color-theme=""]) .global-chat .chat-messages {
  background: linear-gradient(180deg, rgb(var(--chrome-rgb) / var(--chat-feed-alpha)), rgb(var(--panel-end-rgb) / var(--chat-feed-alpha)));
  scrollbar-color: var(--selected-border) rgb(var(--chrome-rgb) / 55%);
}
html[data-color-theme]:not([data-color-theme=""]) .global-chat :is(.chat-tabs, .chat-appearance-choices, .chat-drawer-close, .chat-form input) { background: rgb(var(--chrome-rgb) / 55%); }
html[data-color-theme]:not([data-color-theme=""]) .global-chat :is(.chat-drawer-control, .chat-drawer-close, .chat-appearance-copy strong, .chat-message-meta, .chat-message-actions button) { color: var(--text); }
html[data-color-theme]:not([data-color-theme=""]) .global-chat :is(.chat-drawer-title small, .chat-appearance-copy small, .chat-appearance-choices button, .chat-tabs button) { color: var(--muted); }
html[data-color-theme]:not([data-color-theme=""]) .global-chat :is(.chat-appearance-choices button[aria-pressed="true"], #chat-tab-world[aria-selected="true"], .chat-drawer-control:is(:hover, :focus-visible, [aria-expanded="true"])) { color: var(--selected-text); }
html[data-color-theme]:not([data-color-theme=""]) .global-chat .chat-form button { border-color: var(--primary-border); background: linear-gradient(145deg, var(--primary-hover), var(--primary-bg)); color: var(--primary-text); }
html[data-color-theme]:not([data-color-theme=""]) .global-chat .chat-message-body { border-color: var(--line); background: linear-gradient(145deg, var(--surface-2), var(--surface)); color: var(--text); }
html[data-color-theme]:not([data-color-theme=""]) .global-chat .chat-message.own .chat-message-body { border-color: var(--selected-border); background: linear-gradient(145deg, var(--selected-start), var(--selected-end)); color: var(--selected-text); }
html[data-color-theme]:not([data-color-theme=""]) .global-chat .chat-tab-unread { border-color: var(--selected-border); background: var(--selected-end); color: var(--selected-text); }
html[data-color-theme]:not([data-color-theme=""]) .global-chat .chat-news-notice { border-color: var(--line); background: rgb(var(--chrome-rgb) / 45%); color: var(--muted); }
html[data-color-theme]:not([data-color-theme=""]) .global-chat button::after { background: rgb(var(--accent-rgb) / 34%); }
@media (hover: hover) {
  html[data-color-theme]:not([data-color-theme=""]) .ga-ui :is(.orb-command-trigger, .orb-command-option):hover { border-color: var(--accent-border-strong); background-color: var(--surface-hover); }
}

/* Theme coverage: audited utility screens (2026-10-31, wave 2).
   Change chrome, never element/rarity/party/rank identity tokens. */
html[data-color-theme]:not([data-color-theme=""]) .ga-ui:is(.catalog-layout-screen, .forge-layout-screen, .grimoire-store-screen) {
  --library-text: var(--text); --library-muted: var(--muted);
}
html[data-color-theme]:not([data-color-theme=""]) .ga-ui .library-view-tabs > button {
  border-color: var(--ga-control-border); background: var(--ga-control-bg); color: var(--text);
  box-shadow: inset 0 1px rgb(var(--accent-rgb) / 5%);
}
html[data-color-theme]:not([data-color-theme=""]) .ga-ui .library-view-tabs > button:is([aria-pressed="true"], [aria-selected="true"]) {
  border-color: var(--selected-border); color: var(--selected-text);
  background: linear-gradient(145deg, color-mix(in srgb, var(--selected-start), var(--surface) 45%), var(--surface));
  box-shadow: inset 0 1px rgb(var(--accent-rgb) / 16%), inset 0 0 0 1px rgb(var(--accent-rgb) / 12%);
}
html[data-color-theme]:not([data-color-theme=""]) .ga-ui :is(.library-disclosure, .library-search input) { border-color: var(--line); background: var(--inset); color: var(--text); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui .library-search input::placeholder { color: var(--muted); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui .library-search input:focus-visible { outline-color: var(--gold-strong); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui .orb-facility-nav > [aria-current="page"] { box-shadow: inset 0 1px rgb(var(--accent-rgb) / 16%), inset 0 0 0 1px rgb(var(--accent-rgb) / 12%); }

/* Expedition controls: keep landscapes and status indicators independent. */
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.explore-rest-screen { --route-gold: var(--accent-rgb); --route-crystal: var(--accent-rgb); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.explore-rest-screen .expedition-zone-card { background-color: var(--surface-deep); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.explore-rest-screen .expedition-board { --expedition-accent: var(--gold); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.explore-rest-screen .expedition-zone-copy h3 { color: var(--text); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.explore-rest-screen :is(.expedition-zone-copy p, .expedition-zone-copy > small, .expedition-zone-progress, .expedition-zone-progress small) { color: var(--muted); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.explore-rest-screen .expedition-zone-progress strong { color: var(--gold-strong); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.explore-rest-screen .expedition-zone-enter {
  border-color: var(--primary-border); background: var(--ga-action-bg); color: var(--primary-text); box-shadow: var(--ga-action-shadow);
}
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.explore-rest-screen .expedition-zone-enter:disabled { border-color: var(--line); background: var(--surface-2); color: var(--muted); box-shadow: none; }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.explore-rest-screen .expedition-zone-enter:focus-visible { outline-color: var(--gold-strong); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.explore-rest-screen .expedition-board-readout small { color: var(--muted); }

/* EX reward-type symbols retain their own colours; panel and difficulty chrome follow the theme. */
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.explore-rest-screen .ex-depth-board { color: var(--text); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.explore-rest-screen :is(.ex-destination-switch, .ex-depth-reward) { border-color: var(--line); background: linear-gradient(145deg, var(--surface-2), var(--surface-deep)); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.explore-rest-screen .ex-gate-card { background: linear-gradient(150deg, var(--surface-2), var(--surface-deep)); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.explore-rest-screen .ex-gate-card[aria-pressed="true"] { background: linear-gradient(135deg, rgb(var(--accent-rgb) / 13%), transparent 75%), var(--surface); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.explore-rest-screen :is(.ex-tier-choices button, .ex-part-choices button, .ex-destination-switch button) { border-color: var(--line); background-color: var(--inset); color: var(--muted); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.explore-rest-screen :is(.ex-tier-choices button, .ex-part-choices button, .ex-destination-switch button)[aria-pressed="true"] { border-color: var(--selected-border); color: var(--selected-text); background: linear-gradient(180deg, rgb(var(--accent-rgb) / 14%), var(--surface)); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.explore-rest-screen :is(.ex-tier-choices button, .ex-destination-switch button)[aria-pressed="true"]::after { background: var(--gold); box-shadow: 0 0 8px rgb(var(--accent-rgb) / 30%); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.explore-rest-screen :is(.ex-section-caption, .ex-depth-reward h2, .ex-depth-reward dd b, .ex-part-choices legend) { color: var(--text); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.explore-rest-screen :is(.ex-overline, .ex-section-caption small, .ex-depth-reward p, .ex-depth-reward dt, .ex-depth-reward dd span, .ex-tier-choices small, .ex-destination-switch small, .ex-depth-guide summary, .ex-depth-guide li, .ex-record, .ex-record > span) { color: var(--muted); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.explore-rest-screen .ex-section-caption b { color: var(--gold-strong); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.explore-rest-screen .ex-entry-actions > .primary-button { border-color: var(--primary-border); background: var(--ga-action-bg); color: var(--primary-text); box-shadow: var(--ga-action-shadow); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.explore-rest-screen :is(.ex-depth-board button, .ex-depth-guide summary, .ex-destination-switch button):focus-visible { outline-color: var(--gold-strong); }

/* Shared party selection chrome. Preserve --party-color and --party-color-rgb. */
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.party-team-picker-dialog { border-color: var(--accent-border); background: radial-gradient(ellipse at 15% 0%, rgb(var(--party-color-rgb) / 12%), transparent 55%), var(--dialog); color: var(--text); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.party-team-picker-dialog :is(.party-team-picker-heading, footer) { border-color: var(--line); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.party-team-picker-dialog footer { background: var(--surface); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.party-team-picker-dialog :is(.party-team-picker-close, .party-team-picker-search input) { border-color: var(--line); background: var(--input); color: var(--text); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.party-team-picker-dialog :is(.party-team-picker-heading h2, .party-team-picker-group h3) { color: var(--text); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.party-team-picker-dialog :is(.party-team-picker-heading p, .party-team-picker-exchange) { color: var(--gold-strong); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.party-team-picker-dialog :is(.party-team-picker-current small, .party-team-picker-current em, .party-team-picker-group > header > span, .party-team-picker-card-status, footer p) { color: var(--muted); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.party-team-picker-dialog .party-team-picker-search input::placeholder { color: var(--muted); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.party-team-picker-dialog .party-team-picker-card { color: var(--text); background: linear-gradient(180deg, rgb(var(--party-color-rgb) / 13%), rgb(var(--chrome-rgb) / 65%)); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.party-team-picker-dialog .party-team-picker-card.is-current:disabled { border-color: var(--selected-border); background: rgb(var(--accent-rgb) / 12%); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.party-team-picker-dialog .is-current .party-team-picker-card-status { color: var(--selected-text); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.party-team-picker-dialog .party-team-picker-card small { color: var(--muted); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.party-team-picker-dialog :is(button, input):focus-visible { outline-color: var(--gold-strong); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.party-team-picker-dialog .party-team-picker-results { scrollbar-color: var(--selected-border) transparent; }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.formation-screen .party-team-slot .party-team-picker-trigger { background: var(--input); color: var(--text); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.formation-screen .party-team-card > header .secondary-button[aria-pressed="true"] { border-color: var(--selected-border); background: rgb(var(--accent-rgb) / 10%); color: var(--selected-text); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.formation-screen .party-team-tabs small { border-color: var(--selected-border); color: var(--selected-text); }

/* Forge content surfaces, while retaining rarity borders, titles and colour overlays. */
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.forge-layout-screen .workshop-forge-skills { border-color: var(--line); background: var(--inset); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.forge-layout-screen .workshop-forge-card[class*="gear-rarity-"] { background: linear-gradient(115deg, rgb(var(--gear-rarity-rgb) / 12%), transparent 70%), var(--surface-deep); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.forge-layout-screen .forge-member-tabs button:not(.selected) { border-color: var(--line); background: var(--surface); }

/* Shops and supply panels: artwork, currency symbols and warning/status colours stay independent. */
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.character-shop-screen :is(.character-shop-header, .character-shop-product, .icon-design-promo) { border-color: var(--line); background: linear-gradient(145deg, var(--surface-2), var(--surface-deep)); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.character-shop-screen .character-shop-product-image { background: radial-gradient(ellipse at 50% 80%, rgb(var(--accent-rgb) / 25%), transparent 62%), var(--inset); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.character-shop-screen .character-shop-product:is(.owned, .equipped) { border-color: var(--selected-border); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.character-shop-screen :is(.icon-design-promo h2, .character-shop-product-copy strong) { color: var(--text); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.character-shop-screen .tag { border-color: var(--selected-border); background: rgb(var(--accent-rgb) / 16%); color: var(--selected-text); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.items-screen .inventory-item-copy .tag { border-color: var(--selected-border); background: rgb(var(--accent-rgb) / 13%); color: var(--selected-text); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.grimoire-store-screen :is(.orb-shop-legend, .grimoire-shop, .grimoire-shop-card, .grimoire-shelf-tabs, .grimoire-rich-icon) { border-color: var(--line); background: var(--surface); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.grimoire-store-screen .grimoire-shop-card small { color: var(--muted); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.grimoire-store-screen .grimoire-rich-arrow { color: var(--gold-strong); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.items-screen :is(.items-category-panel, .inventory-item-card) { border-color: var(--line); background: linear-gradient(150deg, var(--surface-2), var(--surface-deep)); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.items-screen .inventory-item-visual { background: radial-gradient(circle, rgb(var(--accent-rgb) / 20%), rgb(0 0 0 / 12%) 68%); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.crystal-screen .crystal-wallet-panel { background: radial-gradient(circle at 82% 12%, rgb(var(--accent-rgb) / 18%), transparent 34%), linear-gradient(150deg, var(--surface-2), var(--surface)); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.crystal-screen .crystal-wallet-panel::before { background: linear-gradient(90deg, transparent, rgb(var(--accent-rgb) / 68%), transparent); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.crystal-screen .crystal-breakdown { background: rgb(var(--accent-rgb) / 8%); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.crystal-screen .crystal-package { border-color: var(--line); background: linear-gradient(160deg, var(--surface-2), var(--surface)); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.crystal-screen .crystal-wallet-note > i { background: linear-gradient(var(--gold), transparent); }

/* Arena chrome does not change ranked medals or the battlefield scene. */
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.arena-screen { --arena-mode-rgb: var(--accent-rgb); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.arena-screen .arena-view-content > .panel { background: radial-gradient(circle at 100% 0, rgb(var(--accent-rgb) / 7%), transparent 31%), linear-gradient(145deg, var(--surface), var(--surface-deep)); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.arena-screen .arena-rating-summary { background: linear-gradient(135deg, rgb(var(--accent-rgb) / 12%), var(--surface-deep)); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.arena-screen .arena-my-rank { background: radial-gradient(circle at 95% 0, rgb(var(--accent-rgb) / 15%), transparent 45%), linear-gradient(110deg, rgb(var(--accent-rgb) / 9%), rgb(0 0 0 / 9%)); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui:is(.arena-screen, .catalog-layout-screen) .empty-state { border-color: var(--line); background: radial-gradient(circle at 50% 31px, rgb(var(--accent-rgb) / 9%), transparent 28px); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui:is(.arena-screen, .catalog-layout-screen) .empty-state::before { border-color: var(--accent-border); box-shadow: 0 0 18px rgb(var(--accent-rgb) / 12%); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui .menu-console-readout > small { color: var(--muted); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui .traversal-refresh-button { border-color: var(--line); background: var(--inset); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui .traversal-refresh-button > span { color: var(--gold-strong); }

/* Hold feedback keeps its duration and geometry; only the ornamental colours change. */
html[data-color-theme]:not([data-color-theme=""]) .ga-ui .grimoire-purchase-hold::before { border-color: rgb(var(--accent-rgb) / 25%); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui .grimoire-buy-copy small { color: var(--primary-text); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui .grimoire-hold-fill { background: linear-gradient(90deg, rgb(var(--accent-rgb) / 35%), rgb(var(--accent-rgb) / 55%)); border-right-color: var(--gold-strong); box-shadow: 3px 0 12px rgb(var(--accent-rgb) / 60%); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui .grimoire-purchase-hold.holding { border-color: var(--gold-strong); box-shadow: inset 0 1px rgb(255 255 255 / 30%), inset 0 -1px rgb(0 0 0 / 30%), 0 1px rgb(0 0 0 / 25%), 0 0 13px rgb(var(--accent-rgb) / 35%); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui :is(.grimoire-purchase-hold, .grimoire-book-detail):focus-visible { outline-color: var(--gold-strong); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui :is(.grimoire-book-hold-progress, .workshop-enhance-progress) { stroke: var(--gold-strong); filter: drop-shadow(0 0 3px rgb(var(--accent-rgb) / 45%)); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui :is(.grimoire-book-hold-track, .workshop-enhance-track) { stroke: rgb(var(--accent-rgb) / 30%); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui .grimoire-purchase-hold:disabled { border-color: var(--line); background: var(--surface-2); color: var(--muted); box-shadow: inset 0 1px rgb(255 255 255 / 6%); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui .grimoire-purchase-hold:disabled .grimoire-buy-copy small { color: var(--muted); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui .grimoire-rich-button::before { border-color: rgb(var(--accent-rgb) / 18%); }
@media (hover: hover) {
  html[data-color-theme]:not([data-color-theme=""]) .ga-ui .grimoire-rich-button:hover:not(:disabled) { border-color: var(--accent-border-strong); box-shadow: var(--ga-control-shadow), 0 0 16px rgb(var(--accent-rgb) / 15%); }
}

/* Root aliases are resolved before rank skins override local tokens. Keep the rank
   frame itself, but give profile inputs and actions the device theme. */
html[data-color-theme]:not([data-color-theme=""]) {
  --ga-theme-text: var(--text); --ga-theme-muted: var(--muted); --ga-theme-gold: var(--gold); --ga-theme-gold-strong: var(--gold-strong);
  --ga-theme-line: var(--line); --ga-theme-input: var(--input); --ga-theme-surface: var(--surface); --ga-theme-surface-2: var(--surface-2); --ga-theme-deep: var(--surface-deep);
  --ga-theme-primary-border: var(--primary-border); --ga-theme-primary-bg: var(--primary-bg); --ga-theme-primary-hover: var(--primary-hover); --ga-theme-primary-text: var(--primary-text);
  --ga-theme-selected-border: var(--selected-border);
}
html[data-color-theme]:not([data-color-theme=""]) .adventurer-profile-settings :is(.adventurer-profile-form, .page-heading, .settings-intro) {
  --text: var(--ga-theme-text); --muted: var(--ga-theme-muted); --gold: var(--ga-theme-gold); --gold-strong: var(--ga-theme-gold-strong);
  --line: var(--ga-theme-line); --input: var(--ga-theme-input); --surface: var(--ga-theme-surface); --surface-2: var(--ga-theme-surface-2); --surface-deep: var(--ga-theme-deep);
  --primary-border: var(--ga-theme-primary-border); --primary-bg: var(--ga-theme-primary-bg); --primary-hover: var(--ga-theme-primary-hover); --primary-text: var(--ga-theme-primary-text); --selected-border: var(--ga-theme-selected-border);
  --ga-control-border: color-mix(in srgb, var(--line), var(--muted) 22%); --ga-control-bg: linear-gradient(180deg, var(--surface-2), var(--surface));
  --ga-action-bg: radial-gradient(ellipse at 50% 0, rgb(var(--accent-rgb) / 19%), transparent 75%), linear-gradient(180deg, var(--primary-hover), var(--primary-bg) 55%, color-mix(in srgb, var(--primary-bg), #000 18%));
  color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) .adventurer-profile-settings .adventurer-profile-field > :is(select, textarea):focus-visible { border-color: var(--gold-strong); outline-color: var(--gold-strong); }

/* The newly published outfit display is also UI chrome; keep its art and live-battle preview untouched. */
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.character-shop-screen .character-shop-collection { border-color: var(--line); background: linear-gradient(145deg, var(--surface-2), var(--surface)); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.character-shop-screen .character-shop-art-button { border-color: var(--line); background: radial-gradient(ellipse at 50% 70%, rgb(var(--accent-rgb) / 17%), transparent 67%), linear-gradient(160deg, var(--surface-deep), var(--surface)); color: var(--text); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.character-shop-screen .character-shop-art-button::before { border-color: rgb(var(--accent-rgb) / 25%); box-shadow: 0 0 0 7px rgb(var(--accent-rgb) / 3%); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.character-shop-screen .character-shop-preview-hint { color: var(--selected-text); background: linear-gradient(90deg, transparent, rgb(var(--chrome-rgb) / 79%) 22%, rgb(var(--chrome-rgb) / 79%) 78%, transparent); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.character-shop-screen .character-shop-product-copy small { color: var(--muted); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.character-shop-screen .character-shop-purchase-row { border-color: var(--line); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.character-shop-screen .character-shop-product { box-shadow: inset 0 1px rgb(var(--accent-rgb) / 5%), 0 5px 16px rgb(0 0 0 / 33%); }
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.character-shop-screen :is(.character-shop-product:focus-within, .character-shop-art-button:focus-visible) { outline-color: var(--gold-strong); }

/* Battle theme coverage (2026-10-31). Chrome only; preserve party/element/rarity,
   resources, warnings, running/stopping AUTO, anomaly identity, and field artwork. */
html[data-color-theme]:not([data-color-theme=""]) .battle-shell:not(.anomaly-battle) .battle-header {
  --battle-deck-crystal: var(--accent-rgb); --battle-deck-gold: var(--accent-rgb);
  border-color: rgb(var(--accent-rgb) / 24%); background: radial-gradient(ellipse at 0 0, rgb(var(--accent-rgb) / 11%), transparent 60%), linear-gradient(155deg, var(--surface-2), var(--surface-deep));
}
html[data-color-theme]:not([data-color-theme=""]) .battle-shell:not(.anomaly-battle) .battle-header :is(.battle-floor-label, .battle-floor-number) {
  color: var(--gold-strong);
}
html[data-color-theme]:not([data-color-theme=""]) .battle-shell:not(.anomaly-battle) .battle-header .battle-difficulty-label {
  color: var(--muted);
}
html[data-color-theme]:not([data-color-theme=""]) .battle-shell:not(.anomaly-battle) .battle-header .battle-round-label:not(.round-limit-warning):not(.round-limit-critical) {
  border-color: rgb(var(--accent-rgb) / 18%); color: var(--muted);
}
html[data-color-theme]:not([data-color-theme=""]) .battle-shell .battle-utility-controls .battle-auto-group:not(.auto-on):not(.auto-stop-pending) {
  border-color: var(--selected-border); color: var(--selected-text); background: linear-gradient(155deg, var(--selected-start), var(--selected-end));
  box-shadow: inset 0 1px rgb(var(--accent-rgb) / 13%), 0 2px 7px rgb(0 0 0 / 32%);
}
html[data-color-theme]:not([data-color-theme=""]) .battle-shell .battle-auto-group:not(.auto-on):not(.auto-stop-pending) .battle-auto-settings-button {
  border-left-color: rgb(var(--accent-rgb) / 30%); color: inherit;
}
html[data-color-theme]:not([data-color-theme=""]) .battle-shell .battle-auto-group:not(.auto-on):not(.auto-stop-pending) .battle-auto-button::before {
  color: var(--gold-strong);
}
html[data-color-theme]:not([data-color-theme=""]) .battle-shell .battle-auto-group:not(.auto-on):not(.auto-stop-pending) .battle-auto-button span {
  border-left-color: rgb(var(--accent-rgb) / 30%); color: var(--muted);
}
html[data-color-theme]:not([data-color-theme=""]) .battle-shell .battle-utility-controls .battle-speed-trigger {
  border-color: var(--line); background: var(--surface); color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) .battle-shell .battle-speed-trigger span:last-child {
  color: var(--muted);
}
html[data-color-theme]:not([data-color-theme=""]) body.battle-active .battle-shell.immersive-battle .battle-command-frame {
  border-color: rgb(var(--accent-rgb) / 26%); background: radial-gradient(ellipse at 0 0, rgb(var(--accent-rgb) / 11%), transparent 60%), linear-gradient(155deg, var(--surface-2), var(--surface-deep));
}
html[data-color-theme]:not([data-color-theme=""]) body.battle-active .battle-shell.immersive-battle .command-dock {
  background: transparent;
}
html[data-color-theme]:not([data-color-theme=""]) body.battle-active .battle-shell.immersive-battle .arena {
  box-shadow: inset 0 0 0 1px rgb(var(--accent-rgb) / 10%);
}
html[data-color-theme]:not([data-color-theme=""]) body.battle-active:has(.battle-shell.immersive-battle) .battle-shell.immersive-battle .arena > .battlefield-log-panel .battlefield-log-toggle,
html[data-color-theme]:not([data-color-theme=""]) body.battle-active .battle-shell.immersive-battle .battle-tactics-button {
  border-color: rgb(var(--accent-rgb) / 32%); background: var(--surface-deep); color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) .battle-shell .battlefield-log-toggle > span {
  color: var(--muted);
}
html[data-color-theme]:not([data-color-theme=""]) .battle-shell .post-battle-actions.result-actions-only {
  --battle-deck-crystal: var(--accent-rgb); --battle-deck-gold: var(--accent-rgb);
  background: radial-gradient(ellipse at 0 0, rgb(var(--accent-rgb) / 11%), transparent 60%), linear-gradient(155deg, var(--surface-2), var(--surface-deep));
}
html[data-color-theme]:not([data-color-theme=""]) .battle-shell .result-actions-only .battle-result-button {
  background: linear-gradient(155deg, var(--surface-2), var(--surface-deep));
}
html[data-color-theme]:not([data-color-theme=""]) .battle-shell .result-actions-only .battle-result-button.primary-button {
  border-color: var(--primary-border); color: var(--primary-text); background: radial-gradient(ellipse at 50% 0, rgb(var(--accent-rgb) / 14%), transparent 70%), linear-gradient(155deg, var(--primary-hover), var(--primary-bg));
}
html[data-color-theme]:not([data-color-theme=""]) .battle-tactics-backdrop {
  background: rgb(var(--chrome-rgb) / 85%);
}
html[data-color-theme]:not([data-color-theme=""]) .battle-tactics-dialog {
  --tactics-accent: var(--gold-strong); border-color: var(--line); color: var(--text); background: radial-gradient(ellipse at 0 0, rgb(var(--accent-rgb) / 11%), transparent 60%), linear-gradient(155deg, var(--surface-2), var(--surface-deep));
  box-shadow: 0 24px 80px rgb(0 0 0 / 65%), inset 0 1px rgb(var(--accent-rgb) / 10%);
}
html[data-color-theme]:not([data-color-theme=""]) .battle-tactics-dialog :is(.tactics-close, .tactics-description, .tactics-status, .tactics-member-name small, .tactics-policy-description, .tactics-scope > div > span, .tactics-scope-options button, .tactics-footnote) {
  color: var(--muted);
}
html[data-color-theme]:not([data-color-theme=""]) .battle-tactics-dialog :is(.tactics-status, .tactics-member) {
  border-color: rgb(var(--accent-rgb) / 12%);
}
html[data-color-theme]:not([data-color-theme=""]) .battle-tactics-dialog .tactics-status-dot {
  background: #91d7ca; color: #a7bebb;
}
html[data-color-theme]:not([data-color-theme=""]) .battle-tactics-dialog .is-auto .tactics-member-name > span {
  color: #91d7ca;
}
html[data-color-theme]:not([data-color-theme=""]) .battle-tactics-dialog .tactics-close {
  border-color: var(--line); background: var(--inset);
}
html[data-color-theme]:not([data-color-theme=""]) .battle-tactics-dialog .tactics-members {
  scrollbar-color: var(--line) transparent;
}
html[data-color-theme]:not([data-color-theme=""]) .battle-tactics-dialog .tactics-portrait {
  background: radial-gradient(ellipse, rgb(var(--accent-rgb) / 10%), transparent 75%);
}
html[data-color-theme]:not([data-color-theme=""]) .battle-tactics-dialog .tactics-toggle:not([aria-checked="true"]) {
  border-color: var(--line); background: var(--surface-2); color: var(--muted);
}
html[data-color-theme]:not([data-color-theme=""]) .battle-tactics-dialog .tactics-toggle:not([aria-checked="true"]) i {
  background: var(--inset);
}
html[data-color-theme]:not([data-color-theme=""]) .battle-tactics-dialog .tactics-toggle:not([aria-checked="true"]) i::after {
  background: var(--muted);
}
html[data-color-theme]:not([data-color-theme=""]) .battle-tactics-dialog .tactics-policy {
  border-color: var(--line); background: var(--inset); color: var(--muted);
}
html[data-color-theme]:not([data-color-theme=""]) .battle-tactics-dialog .tactics-policy > span {
  color: inherit;
}
html[data-color-theme]:not([data-color-theme=""]) .battle-tactics-dialog .tactics-policy[aria-pressed="true"] {
  border-color: var(--selected-border); color: var(--selected-text); background: linear-gradient(155deg, var(--selected-start), var(--selected-end)); box-shadow: inset 0 1px rgb(var(--accent-rgb) / 10%);
}
html[data-color-theme]:not([data-color-theme=""]) .battle-tactics-dialog .tactics-scope-options {
  border-color: var(--line); background: var(--inset);
}
html[data-color-theme]:not([data-color-theme=""]) .battle-tactics-dialog .tactics-scope-options button[aria-pressed="true"] {
  border-color: var(--selected-border); color: var(--selected-text); background: linear-gradient(155deg, var(--selected-start), var(--selected-end));
}
html[data-color-theme]:not([data-color-theme=""]) .battle-tactics-dialog .tactics-footer .secondary-button {
  border-color: var(--line); color: var(--text); background: var(--surface-2);
}
html[data-color-theme]:not([data-color-theme=""]) .battle-tactics-dialog .tactics-apply {
  border-color: var(--primary-border); color: var(--primary-text); background: radial-gradient(ellipse at 50% 0, rgb(var(--accent-rgb) / 14%), transparent 70%), linear-gradient(155deg, var(--primary-hover), var(--primary-bg)); box-shadow: inset 0 1px rgb(var(--accent-rgb) / 17%), 0 5px 12px rgb(0 0 0 / 15%);
}
html[data-color-theme]:not([data-color-theme=""]) .battle-tactics-dialog button:focus-visible {
  outline-color: var(--gold-strong);
}
html[data-color-theme]:not([data-color-theme=""]) .battle-speed-backdrop,
html[data-color-theme]:not([data-color-theme=""]) .battle-log-backdrop {
  background: rgb(var(--chrome-rgb) / 86%);
}
html[data-color-theme]:not([data-color-theme=""]) .battle-speed-dialog,
html[data-color-theme]:not([data-color-theme=""]) .battle-log-dialog {
  border-color: var(--line); color: var(--text); background: radial-gradient(ellipse at 0 0, rgb(var(--accent-rgb) / 11%), transparent 60%), linear-gradient(155deg, var(--surface-2), var(--surface-deep));
  box-shadow: 0 24px 70px rgb(0 0 0 / 65%), inset 0 1px rgb(var(--accent-rgb) / 7%);
}
html[data-color-theme]:not([data-color-theme=""]) .battle-speed-dialog .eyebrow,
html[data-color-theme]:not([data-color-theme=""]) .battle-log-dialog .eyebrow {
  color: var(--gold-strong);
}
html[data-color-theme]:not([data-color-theme=""]) .battle-speed-dialog h2 {
  color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) .battle-speed-dialog > p:not(.eyebrow),
html[data-color-theme]:not([data-color-theme=""]) .battle-speed-dialog .battle-speed-option span {
  color: var(--muted);
}
html[data-color-theme]:not([data-color-theme=""]) .battle-speed-dialog .battle-speed-option {
  border-color: var(--line); background: var(--surface); color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) .battle-speed-dialog .battle-speed-option strong {
  color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) .battle-speed-dialog .battle-speed-option i {
  border-color: var(--line);
}
html[data-color-theme]:not([data-color-theme=""]) .battle-speed-dialog .battle-speed-option.selected {
  border-color: var(--selected-border); background: linear-gradient(155deg, var(--selected-start), var(--selected-end)); box-shadow: inset 3px 0 var(--gold-strong);
}
html[data-color-theme]:not([data-color-theme=""]) .battle-speed-dialog .battle-speed-option.selected i {
  border-color: var(--primary-border); background: var(--primary-bg); color: var(--primary-text);
}
html[data-color-theme]:not([data-color-theme=""]) .battle-speed-dialog .battle-speed-close,
html[data-color-theme]:not([data-color-theme=""]) .battle-log-dialog .dialog-close-button {
  border-color: var(--line); background: var(--surface-2); color: var(--text);
}

/* Battle theme finishing details: ordinary header copy and history ornament. */
html[data-color-theme]:not([data-color-theme=""]) .battle-shell:not(.anomaly-battle) .battle-header :is(.battle-phase-label, .battle-header-copy .eyebrow) {
  color: var(--muted);
}
html[data-color-theme]:not([data-color-theme=""]) .battle-shell:not(.anomaly-battle) .battle-header .battle-progress-title {
  color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) .battle-log-backdrop,
html[data-color-theme]:not([data-color-theme=""]) .battle-log-dialog {
  --abyss-modal-accent-rgb: var(--accent-rgb);
}

/* Battle detail/dialog themes (2026-10-31). Preserve victory grade, party,
   elements, HP/MP/barrier, warning and state badge colours. No legacy item UI restoration. */
html[data-color-theme]:not([data-color-theme=""]) .enemy-detail-backdrop:not(.party-detail-backdrop),
html[data-color-theme]:not([data-color-theme=""]) .party-detail-backdrop,
html[data-color-theme]:not([data-color-theme=""]) .summon-revive-backdrop {
  background: rgb(var(--chrome-rgb) / 86%);
}
html[data-color-theme]:not([data-color-theme=""]) #enemy-detail-dialog.enemy-detail-card {
  border-color: var(--line); color: var(--text); background: radial-gradient(ellipse at 0 0, rgb(var(--accent-rgb) / 10%), transparent 65%), linear-gradient(155deg, var(--surface-2), var(--surface-deep)); box-shadow: 0 24px 70px rgb(0 0 0 / 67%), inset 0 0 0 4px var(--surface-deep), inset 0 0 0 5px var(--line); scrollbar-color: var(--line) var(--surface-deep);
}
html[data-color-theme]:not([data-color-theme=""]) #enemy-detail-dialog.enemy-detail-card > .skill-book-card-header {
  border-color: var(--line); background: radial-gradient(ellipse at 0 0, rgb(var(--accent-rgb) / 10%), transparent 65%), linear-gradient(155deg, var(--surface-2), var(--surface-deep)); box-shadow: inset 0 1px rgb(var(--accent-rgb) / 15%), 0 2px 5px rgb(0 0 0 / 40%);
}
html[data-color-theme]:not([data-color-theme=""]) #enemy-detail-dialog.enemy-detail-card .skill-book-card-category,
html[data-color-theme]:not([data-color-theme=""]) #enemy-detail-dialog.enemy-detail-card .skill-book-card-category > span {
  color: var(--muted);
}
html[data-color-theme]:not([data-color-theme=""]) #enemy-detail-dialog.enemy-detail-card .skill-book-card-title h2 {
  color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) #enemy-detail-dialog.enemy-detail-card > .enemy-detail-art {
  background-image: linear-gradient(90deg, rgb(var(--accent-rgb) / 15%) 1px, transparent 1px), linear-gradient(0deg, rgb(var(--accent-rgb) / 15%) 1px, transparent 1px), radial-gradient(ellipse at 50% 70%, var(--surface-2), var(--surface-deep) 78%); border-color: var(--line);
}
html[data-color-theme]:not([data-color-theme=""]) #enemy-detail-dialog.enemy-detail-card > .enemy-detail-art::before {
  background-image: linear-gradient(90deg, rgb(var(--accent-rgb) / 32%) 1px, transparent 1px), linear-gradient(0deg, rgb(var(--accent-rgb) / 32%) 1px, transparent 1px);
}
html[data-color-theme]:not([data-color-theme=""]) #enemy-detail-dialog.enemy-detail-card .enemy-detail-card-body,
html[data-color-theme]:not([data-color-theme=""]) #party-detail-dialog.party-detail-card .party-detail-card-body {
  border-color: var(--line); background: radial-gradient(ellipse at 0 0, rgb(var(--accent-rgb) / 10%), transparent 65%), linear-gradient(155deg, var(--surface-2), var(--surface-deep)); color: var(--text); box-shadow: inset 0 0 0 2px rgb(var(--accent-rgb) / 7%), 0 3px 6px rgb(0 0 0 / 32%);
}
html[data-color-theme]:not([data-color-theme=""]) #enemy-detail-dialog.enemy-detail-card .enemy-detail-vitals {
  color: var(--muted);
}
html[data-color-theme]:not([data-color-theme=""]) #enemy-detail-dialog.enemy-detail-card .enemy-detail-vitals strong {
  color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) #enemy-detail-dialog.enemy-detail-card .enemy-detail-section:not(.enemy-big-preview) {
  border-color: var(--line);
}
html[data-color-theme]:not([data-color-theme=""]) #enemy-detail-dialog.enemy-detail-card .enemy-detail-section:not(.enemy-big-preview) > strong {
  color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) #enemy-detail-dialog.enemy-detail-card .enemy-detail-section:not(.enemy-big-preview) p,
html[data-color-theme]:not([data-color-theme=""]) #enemy-detail-dialog.enemy-detail-card .enemy-detail-section :is(.muted, .battle-state-empty) {
  color: var(--muted);
}
html[data-color-theme]:not([data-color-theme=""]) #enemy-detail-dialog.enemy-detail-card .enemy-detail-technique {
  border-color: var(--line); background: var(--inset);
}
html[data-color-theme]:not([data-color-theme=""]) #enemy-detail-dialog.enemy-detail-card .enemy-detail-technique strong {
  color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) #enemy-detail-dialog.enemy-detail-card .enemy-big-preview {
  background: linear-gradient(125deg, #e5d6b8, #cbb995);
}
html[data-color-theme]:not([data-color-theme=""]) #enemy-detail-dialog.enemy-detail-card .battle-state-badge,
html[data-color-theme]:not([data-color-theme=""]) #party-detail-dialog.party-detail-card:not(:has(> .party-detail-print)) .battle-state-badge {
  background: #e5d6b8;
}
html[data-color-theme]:not([data-color-theme=""]) #enemy-detail-dialog.enemy-detail-card .inventory-filter-close,
html[data-color-theme]:not([data-color-theme=""]) #party-detail-dialog.party-detail-card .inventory-filter-close {
  border-color: var(--line); background: var(--surface-deep); color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) #party-detail-dialog.party-detail-card > .party-detail-summary {
  background: radial-gradient(ellipse at 0 0, rgb(var(--accent-rgb) / 10%), transparent 65%), linear-gradient(155deg, var(--surface-2), var(--surface-deep)); box-shadow: inset 0 0 0 2px var(--surface-deep);
}
html[data-color-theme]:not([data-color-theme=""]) #party-detail-dialog.party-detail-card > .party-detail-summary > .party-detail-art {
  background-image: linear-gradient(90deg, rgb(var(--accent-rgb) / 15%) 1px, transparent 1px), linear-gradient(0deg, rgb(var(--accent-rgb) / 15%) 1px, transparent 1px), radial-gradient(ellipse at 50% 70%, var(--surface-2), var(--surface-deep) 78%);
}
html[data-color-theme]:not([data-color-theme=""]) #party-detail-dialog.party-detail-card .party-detail-summary .party-detail-stat-grid > div {
  border-color: rgb(var(--accent-rgb) / 18%); background: rgb(var(--chrome-rgb) / 65%);
}
html[data-color-theme]:not([data-color-theme=""]) #party-detail-dialog.party-detail-card .party-detail-summary .party-detail-stat-grid span {
  color: var(--muted);
}
html[data-color-theme]:not([data-color-theme=""]) #party-detail-dialog.party-detail-card .party-detail-summary .party-detail-stat-grid strong {
  color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) #party-detail-dialog.party-detail-card .party-detail-section {
  border-color: var(--line);
}
html[data-color-theme]:not([data-color-theme=""]) #party-detail-dialog.party-detail-card .party-detail-section-heading > strong {
  color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) #party-detail-dialog.party-detail-card .party-detail-section-heading > em,
html[data-color-theme]:not([data-color-theme=""]) #party-detail-dialog.party-detail-card .party-detail-section .battle-state-empty {
  color: var(--muted);
}
html[data-color-theme]:not([data-color-theme=""]) #party-detail-dialog.party-detail-card .party-detail-skill,
html[data-color-theme]:not([data-color-theme=""]) #party-detail-dialog.party-detail-card .party-detail-more {
  border-color: var(--line); background: var(--inset); color: var(--muted);
}
html[data-color-theme]:not([data-color-theme=""]) #party-detail-dialog.party-detail-card .party-detail-skill > div > strong,
html[data-color-theme]:not([data-color-theme=""]) #party-detail-dialog.party-detail-card .party-detail-more > strong {
  color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) #party-detail-dialog.party-detail-card .party-detail-skill > div > small,
html[data-color-theme]:not([data-color-theme=""]) #party-detail-dialog.party-detail-card .party-detail-skill > div > strong em,
html[data-color-theme]:not([data-color-theme=""]) #party-detail-dialog.party-detail-card .party-detail-skill p,
html[data-color-theme]:not([data-color-theme=""]) #party-detail-dialog.party-detail-card .party-detail-more > small {
  color: var(--muted);
}
html[data-color-theme]:not([data-color-theme=""]) #party-detail-dialog.party-detail-card .party-detail-skill-icon {
  border-color: var(--line); background: var(--surface-deep);
}
html[data-color-theme]:not([data-color-theme=""]) #party-detail-dialog.party-detail-card .party-detail-more:focus-visible {
  outline-color: var(--gold-strong);
}
html[data-color-theme]:not([data-color-theme=""]) #party-detail-dialog.party-detail-card .party-detail-identity-card {
  border-color: var(--line); background: var(--inset); color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) #battle-team-switch-dialog,
html[data-color-theme]:not([data-color-theme=""]) #summon-revive-dialog {
  --abyss-modal-accent-rgb: var(--accent-rgb);
}
html[data-color-theme]:not([data-color-theme=""]) #battle-team-switch-dialog .dialog-close-button,
html[data-color-theme]:not([data-color-theme=""]) #summon-revive-dialog .dialog-close-button {
  border-color: var(--line); background: var(--surface-deep); color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) #battle-team-switch-dialog .team-switch-formation .party-rows-scene {
  background: linear-gradient(180deg, var(--surface-deep), var(--surface-2) 28%, var(--surface) 29%, var(--inset));
}
html[data-color-theme]:not([data-color-theme=""]) #battle-team-switch-dialog .team-switch-formation .party-rows-ground {
  border-color: var(--line); background: repeating-linear-gradient(0deg, transparent 0 39px, rgb(var(--accent-rgb) / 13%) 40px 41px), repeating-linear-gradient(90deg, transparent 0 45px, rgb(var(--accent-rgb) / 11%) 46px 47px);
}
html[data-color-theme]:not([data-color-theme=""]) #battle-team-switch-dialog .team-switch-formation .party-rows-place-target:disabled {
  border-color: rgb(var(--accent-rgb) / 45%); background: rgb(var(--chrome-rgb) / 25%);
}
html[data-color-theme]:not([data-color-theme=""]) .summon-revive-backdrop {
  --abyss-modal-accent-rgb: var(--accent-rgb);
}
html[data-color-theme]:not([data-color-theme=""]) #summon-revive-dialog {
  border-color: var(--line); color: var(--text); background: radial-gradient(ellipse at 0 0, rgb(var(--accent-rgb) / 10%), transparent 65%), linear-gradient(155deg, var(--surface-2), var(--surface-deep)); box-shadow: 0 24px 70px rgb(0 0 0 / 65%), inset 0 1px rgb(var(--accent-rgb) / 7%);
}

/* Battle confirmations and loot themes (2026-10-31): ordinary chrome only.
   Keep retreat alert red, danger/loss/pending states, rarity, rare art, corruption,
   configuration, currency and reward-symbol colours independent. */
html[data-color-theme]:not([data-color-theme=""]) .retreat-confirm-backdrop {
  background: radial-gradient(circle at 50% 34%, rgb(var(--abyss-modal-accent-rgb) / 11%), transparent 34%), rgb(var(--chrome-rgb) / 89%);
}
html[data-color-theme]:not([data-color-theme=""]) #retreat-confirm-dialog {
  background: radial-gradient(circle at 92% 0, rgb(var(--abyss-modal-accent-rgb) / 12%), transparent 31%), repeating-linear-gradient(120deg, transparent 0 54px, rgb(var(--abyss-modal-accent-rgb) / 1.5%) 55px, transparent 56px 108px), linear-gradient(155deg, var(--surface-2), var(--surface-deep) 68%);
}
html[data-color-theme]:not([data-color-theme=""]) #retreat-confirm-dialog .secondary-button {
  border-color: var(--line); background: var(--surface-2); color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) .revive-confirm-backdrop {
  background: rgb(var(--chrome-rgb) / 84%);
}
html[data-color-theme]:not([data-color-theme=""]) #revive-confirm-dialog {
  border-top-color: var(--accent-border-strong); background: radial-gradient(ellipse at 0 0, rgb(var(--accent-rgb) / 10%), transparent 65%), linear-gradient(155deg, var(--surface-2), var(--surface-deep)); outline-color: rgb(var(--accent-rgb) / 6%); box-shadow: 0 26px 72px rgb(0 0 0 / 66%), 0 0 22px rgb(var(--accent-rgb) / 7%), inset 0 1px rgb(255 255 255 / 8%);
}
html[data-color-theme]:not([data-color-theme=""]) .expedition-result-backdrop:has(> #loot-review-dialog),
html[data-color-theme]:not([data-color-theme=""]) .expedition-result-backdrop:has(> #expedition-result-dialog) {
  background: radial-gradient(circle at 50% 38%, rgb(var(--accent-rgb) / 24%), rgb(var(--chrome-rgb) / 92%) 58%);
}
html[data-color-theme]:not([data-color-theme=""]) :is(#loot-review-dialog, #expedition-result-dialog) {
  border-color: var(--line); border-top-color: var(--gold-strong); background: radial-gradient(ellipse at 0 0, rgb(var(--accent-rgb) / 10%), transparent 65%), linear-gradient(155deg, var(--surface-2), var(--surface-deep)); outline-color: rgb(var(--accent-rgb) / 7%); box-shadow: 0 28px 80px rgb(0 0 0 / 72%), 0 0 24px rgb(var(--accent-rgb) / 8%), inset 0 1px rgb(255 255 255 / 9%);
}
html[data-color-theme]:not([data-color-theme=""]) :is(#loot-review-dialog, #expedition-result-dialog) .expedition-result-heading h2 {
  color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) :is(#loot-review-dialog, #expedition-result-dialog) .expedition-result-section h3 {
  color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) :is(#loot-review-dialog, #expedition-result-dialog) .expedition-result-section h3::before {
  border-color: rgb(var(--accent-rgb) / 56%); background: rgb(var(--accent-rgb) / 10%); box-shadow: 0 0 8px rgb(var(--accent-rgb) / 22%);
}
html[data-color-theme]:not([data-color-theme=""]) :is(#loot-review-dialog, #expedition-result-dialog) .expedition-result-books li {
  border-color: var(--line); background: rgb(var(--accent-rgb) / 5%);
}
html[data-color-theme]:not([data-color-theme=""]) :is(#loot-review-dialog, #expedition-result-dialog) .expedition-result-books li > span:not([class]) {
  color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) :is(#loot-review-dialog, #expedition-result-dialog) .expedition-result-books li > strong {
  color: var(--muted);
}
html[data-color-theme]:not([data-color-theme=""]) :is(#loot-review-dialog, #expedition-result-dialog) .expedition-result-empty {
  border-color: rgb(var(--accent-rgb) / 20%); background: linear-gradient(145deg, rgb(var(--accent-rgb) / 4%), transparent);
}
html[data-color-theme]:not([data-color-theme=""]) :is(#loot-review-dialog, #expedition-result-dialog) .expedition-result-empty::before {
  border-color: rgb(var(--accent-rgb) / 42%);
}

/* Battle skill and target themes (2026-10-31): ordinary chrome only.
   Keep skill artwork, cooldown/unusable warnings, emergency note, target party
   colours, HP/MP/barrier and summon identities/charge-state colours independent. */
html[data-color-theme]:not([data-color-theme=""]) .battle-skill-effect-backdrop {
  background: rgb(var(--chrome-rgb) / 84%);
}
html[data-color-theme]:not([data-color-theme=""]) #battle-skill-effect-dialog {
  border-color: var(--line); background: radial-gradient(ellipse at 0 0, rgb(var(--accent-rgb) / 10%), transparent 65%), linear-gradient(155deg, var(--surface-2), var(--surface-deep)); color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) #battle-skill-effect-dialog header small,
html[data-color-theme]:not([data-color-theme=""]) #battle-skill-effect-dialog .battle-skill-effect-category,
html[data-color-theme]:not([data-color-theme=""]) #battle-skill-effect-dialog h2 span,
html[data-color-theme]:not([data-color-theme=""]) #battle-skill-effect-dialog dt {
  color: var(--muted);
}
html[data-color-theme]:not([data-color-theme=""]) #battle-skill-effect-dialog h2,
html[data-color-theme]:not([data-color-theme=""]) #battle-skill-effect-dialog dd {
  color: var(--gold-strong);
}
html[data-color-theme]:not([data-color-theme=""]) #battle-skill-effect-dialog .battle-skill-effect-icon {
  border-color: var(--line); background: rgb(var(--accent-rgb) / 8%);
}
html[data-color-theme]:not([data-color-theme=""]) #battle-skill-effect-dialog #battle-skill-effect-description {
  border-color: var(--line);
}
html[data-color-theme]:not([data-color-theme=""]) #battle-skill-effect-dialog dl > div {
  background: var(--inset);
}
html[data-color-theme]:not([data-color-theme=""]) #battle-skill-effect-dialog .dialog-close-button {
  border-color: var(--line); background: var(--surface-deep); color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) #battle-skill-effect-dialog button:focus-visible,
html[data-color-theme]:not([data-color-theme=""]) .battle-shell .battle-skill-command:focus-visible {
  outline-color: var(--gold-strong);
}
html[data-color-theme]:not([data-color-theme=""]) .battle-command-rescue-backdrop {
  --abyss-modal-accent-rgb: var(--accent-rgb); background: radial-gradient(circle at 50% 34%, rgb(var(--accent-rgb) / 11%), transparent 34%), rgb(var(--chrome-rgb) / 89%);
}
html[data-color-theme]:not([data-color-theme=""]) #battle-command-rescue-dialog {
  --abyss-modal-accent-rgb: var(--accent-rgb); border-color: var(--line); background: radial-gradient(ellipse at 0 0, rgb(var(--accent-rgb) / 10%), transparent 65%), linear-gradient(155deg, var(--surface-2), var(--surface-deep)); box-shadow: 0 28px 82px rgb(0 0 0 / 72%), 0 0 26px rgb(var(--accent-rgb) / 7%), inset 0 1px rgb(255 255 255 / 6%);
}
html[data-color-theme]:not([data-color-theme=""]) #battle-command-rescue-dialog .command-picker-option {
  border-color: var(--line); background: linear-gradient(155deg, var(--surface-2), var(--surface-deep)); color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) #battle-command-rescue-dialog .command-picker-option:hover:not(:disabled) {
  border-color: var(--selected-border); background: var(--surface-hover);
}
html[data-color-theme]:not([data-color-theme=""]) #battle-command-rescue-dialog .command-picker-option-copy strong {
  color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) #battle-command-rescue-dialog .command-picker-option-copy b {
  color: var(--muted);
}
html[data-color-theme]:not([data-color-theme=""]) #battle-command-rescue-dialog .command-picker-option-icon,
html[data-color-theme]:not([data-color-theme=""]) #battle-command-rescue-dialog .command-picker-option > i {
  border-color: var(--line); background: var(--icon-surface);
}
html[data-color-theme]:not([data-color-theme=""]) #battle-command-rescue-dialog .command-picker-close {
  border-color: var(--line); background: var(--surface-deep); color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) .battle-shell .battle-support-prompt {
  border-color: var(--selected-border); background: linear-gradient(155deg, var(--selected-start), var(--selected-end)); color: var(--selected-text);
}
html[data-color-theme]:not([data-color-theme=""]) .battle-shell .battle-support-prompt > button {
  color: var(--text);
}

/* Remaining battle surfaces (2026-10-31): reviewed entry/recovery, routes,
   side-event and anomaly rewards, arena confirms, transitions and monitor.
   Keep boss/danger warnings, recovery and HP, party/rarity, event/mode/result
   identities, artwork, resource/reward colours and AUTO status independent. */
html[data-color-theme]:not([data-color-theme=""]) #zone-entry-dialog:not(.zone-entry-boss) {
  border-color: var(--line); background: radial-gradient(ellipse at 0 0, rgb(var(--accent-rgb) / 10%), transparent 65%), linear-gradient(155deg, var(--surface-2), var(--surface-deep));
}
html[data-color-theme]:not([data-color-theme=""]) #zone-entry-dialog .zone-entry-heading-meta {
  color: var(--muted);
}
html[data-color-theme]:not([data-color-theme=""]) #zone-entry-dialog .zone-entry-floor {
  border-color: var(--line); background: var(--inset); color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) #zone-entry-dialog .zone-entry-floor small {
  color: var(--muted);
}
html[data-color-theme]:not([data-color-theme=""]) #zone-entry-dialog .zone-entry-floor.selected {
  border-color: var(--selected-border); background: linear-gradient(145deg, var(--selected-start), var(--selected-end)); box-shadow: inset 0 -2px var(--selected-border), 0 0 12px rgb(var(--accent-rgb) / 12%);
}
html[data-color-theme]:not([data-color-theme=""]) #zone-entry-dialog .zone-entry-floor.next small {
  color: var(--gold-strong);
}
html[data-color-theme]:not([data-color-theme=""]) #zone-entry-dialog .zone-entry-floor:focus-visible {
  outline-color: var(--gold-strong);
}
html[data-color-theme]:not([data-color-theme=""]) #zone-entry-dialog .zone-entry-summary {
  border-color: var(--line); background: var(--inset);
}
html[data-color-theme]:not([data-color-theme=""]) #zone-entry-dialog .zone-entry-summary strong {
  color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) .stamina-advance-backdrop,
html[data-color-theme]:not([data-color-theme=""]) .header-stamina-recovery-backdrop,
html[data-color-theme]:not([data-color-theme=""]) .stamina-potion-shop-backdrop {
  background: radial-gradient(circle at 50% 46%, rgb(var(--accent-rgb) / 7%), transparent 38%), rgb(var(--chrome-rgb) / 86%);
}
html[data-color-theme]:not([data-color-theme=""]) .stamina-advance-dialog {
  --abyss-modal-accent-rgb: var(--accent-rgb); border-color: var(--line); background: radial-gradient(ellipse at 0 0, rgb(var(--accent-rgb) / 10%), transparent 65%), linear-gradient(155deg, var(--surface-2), var(--surface-deep)); box-shadow: 0 28px 80px rgb(0 0 0 / 70%), 0 0 26px rgb(var(--accent-rgb) / 8%), inset 0 1px rgb(255 255 255 / 7%);
}
html[data-color-theme]:not([data-color-theme=""]) .stamina-advance-dialog::before {
  background: linear-gradient(90deg, transparent, rgb(var(--accent-rgb) / 82%), rgb(var(--accent-rgb) / 58%), transparent); box-shadow: 0 0 12px rgb(var(--accent-rgb) / 30%);
}
html[data-color-theme]:not([data-color-theme=""]) .stamina-advance-dialog::after {
  border-color: rgb(var(--accent-rgb) / 5%); box-shadow: inset 0 0 0 24px rgb(var(--accent-rgb) / 2%), inset 0 0 0 48px rgb(var(--accent-rgb) / 2%);
}
html[data-color-theme]:not([data-color-theme=""]) .stamina-advance-route {
  border-color: var(--line);
}
html[data-color-theme]:not([data-color-theme=""]) .stamina-advance-route small,
html[data-color-theme]:not([data-color-theme=""]) .stamina-advance-route i {
  color: var(--gold-strong);
}
html[data-color-theme]:not([data-color-theme=""]) .stamina-advance-route strong {
  color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) .stamina-advance-option {
  border-color: var(--line); background: linear-gradient(145deg, var(--surface-2), var(--surface-deep));
}
html[data-color-theme]:not([data-color-theme=""]) .stamina-advance-option::after {
  border-color: rgb(var(--accent-rgb) / 6%);
}
html[data-color-theme]:not([data-color-theme=""]) .stamina-advance-option.selected {
  border-color: var(--selected-border); background: linear-gradient(145deg, var(--selected-start), var(--selected-end)); box-shadow: inset 3px 0 var(--selected-border), 0 0 0 1px rgb(var(--accent-rgb) / 10%);
}
html[data-color-theme]:not([data-color-theme=""]) .stamina-advance-option-copy small,
html[data-color-theme]:not([data-color-theme=""]) .stamina-advance-balance small,
html[data-color-theme]:not([data-color-theme=""]) .stamina-advance-balance > i,
html[data-color-theme]:not([data-color-theme=""]) .header-stamina-recovery-status small,
html[data-color-theme]:not([data-color-theme=""]) .header-stamina-recovery-status i {
  color: var(--muted);
}
html[data-color-theme]:not([data-color-theme=""]) .stamina-advance-balance,
html[data-color-theme]:not([data-color-theme=""]) .header-stamina-recovery-status {
  border-color: var(--line); background: var(--inset);
}
html[data-color-theme]:not([data-color-theme=""]) .stamina-advance-balance > span:not(.result) strong {
  color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) .stamina-potion-shop-wallet,
html[data-color-theme]:not([data-color-theme=""]) .stamina-potion-product-card,
html[data-color-theme]:not([data-color-theme=""]) .stamina-potion-purchase-review {
  border-color: var(--line); background: var(--inset);
}
html[data-color-theme]:not([data-color-theme=""]) .stamina-potion-product-card .stamina-potion-product {
  background: transparent;
}
html[data-color-theme]:not([data-color-theme=""]) .stamina-potion-quantity button {
  border-color: var(--line); background: var(--surface-deep); color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) .stamina-potion-shop-intro,
html[data-color-theme]:not([data-color-theme=""]) .stamina-potion-shop-message,
html[data-color-theme]:not([data-color-theme=""]) .stamina-potion-shop-note,
html[data-color-theme]:not([data-color-theme=""]) .stamina-potion-shop-wallet > span,
html[data-color-theme]:not([data-color-theme=""]) .stamina-potion-quantity > span,
html[data-color-theme]:not([data-color-theme=""]) .stamina-potion-product-copy small,
html[data-color-theme]:not([data-color-theme=""]) .stamina-potion-product-copy > span,
html[data-color-theme]:not([data-color-theme=""]) .stamina-potion-product-price small,
html[data-color-theme]:not([data-color-theme=""]) .stamina-potion-review-item > span,
html[data-color-theme]:not([data-color-theme=""]) .stamina-potion-review-item > small,
html[data-color-theme]:not([data-color-theme=""]) .stamina-potion-purchase-review > p,
html[data-color-theme]:not([data-color-theme=""]) .stamina-potion-purchase-review dt {
  color: var(--muted);
}
html[data-color-theme]:not([data-color-theme=""]) .stamina-potion-shop-wallet strong,
html[data-color-theme]:not([data-color-theme=""]) .stamina-potion-quantity output,
html[data-color-theme]:not([data-color-theme=""]) .stamina-potion-product-copy strong,
html[data-color-theme]:not([data-color-theme=""]) .stamina-potion-review-item > strong,
html[data-color-theme]:not([data-color-theme=""]) .stamina-potion-purchase-review dd {
  color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) .route-choice-backdrop,
html[data-color-theme]:not([data-color-theme=""]) .arena-forfeit-backdrop {
  background: rgb(var(--chrome-rgb) / 84%);
}
html[data-color-theme]:not([data-color-theme=""]) .route-choice-card:hover:not(:disabled),
html[data-color-theme]:not([data-color-theme=""]) .route-choice-card:focus-visible {
  box-shadow: 0 0 0 1px rgb(var(--accent-rgb) / 20%);
}
html[data-color-theme]:not([data-color-theme=""]) .arena-challenge-dialog {
  border-color: var(--line); background: radial-gradient(ellipse at 0 0, rgb(var(--accent-rgb) / 10%), transparent 65%), linear-gradient(155deg, var(--surface-2), var(--surface-deep)); box-shadow: 0 24px 70px rgb(0 0 0 / 72%), inset 0 1px rgb(255 255 255 / 8%);
}
html[data-color-theme]:not([data-color-theme=""]) .arena-challenge-dialog::before,
html[data-color-theme]:not([data-color-theme=""]) .arena-challenge-dialog::after,
html[data-color-theme]:not([data-color-theme=""]) .arena-challenge-dialog .arena-challenge-heading,
html[data-color-theme]:not([data-color-theme=""]) .arena-challenge-dialog .arena-challenge-emblem,
html[data-color-theme]:not([data-color-theme=""]) .arena-challenge-dialog .arena-challenge-summary > div {
  border-color: var(--line);
}
html[data-color-theme]:not([data-color-theme=""]) .arena-challenge-dialog h2 {
  color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) .arena-challenge-dialog .eyebrow {
  color: var(--gold-strong);
}
html[data-color-theme]:not([data-color-theme=""]) .floor-advance-overlay {
  background: linear-gradient(0deg, rgb(var(--chrome-rgb) / 81%), rgb(var(--panel-start-rgb) / 36%) 55%, rgb(var(--chrome-rgb) / 70%));
}
html[data-color-theme]:not([data-color-theme=""]) .floor-advance-overlay::before {
  background: repeating-linear-gradient(0deg, transparent 0 40px, rgb(var(--accent-rgb) / 15%) 41px 43px, transparent 44px 78px);
}
html[data-color-theme]:not([data-color-theme=""]) .floor-advance-content {
  border-color: var(--line); background: var(--dialog); color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) .floor-advance-content > small {
  color: var(--muted);
}
html[data-color-theme]:not([data-color-theme=""]) .floor-event-card:not(.floor-event-rare) {
  border-color: var(--line); background: radial-gradient(ellipse at 0 0, rgb(var(--accent-rgb) / 10%), transparent 65%), linear-gradient(155deg, var(--surface-2), var(--surface-deep)); color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) .battle-shell:not(.arena-duel) .floor-clear-notice.floor-event-discovery-notice {
  border-color: var(--line); background: radial-gradient(ellipse at 0 0, rgb(var(--accent-rgb) / 10%), transparent 65%), linear-gradient(155deg, var(--surface-2), var(--surface-deep));
}
html[data-color-theme]:not([data-color-theme=""]) .floor-event-discovery-notice .floor-event-clear-context,
html[data-color-theme]:not([data-color-theme=""]) .floor-event-discovery-facts,
html[data-color-theme]:not([data-color-theme=""]) .floor-event-heading > small,
html[data-color-theme]:not([data-color-theme=""]) .floor-event-card .floor-event-message,
html[data-color-theme]:not([data-color-theme=""]) .floor-event-facts > span,
html[data-color-theme]:not([data-color-theme=""]) .floor-event-selection-note,
html[data-color-theme]:not([data-color-theme=""]) .floor-event-choice-top small,
html[data-color-theme]:not([data-color-theme=""]) .floor-event-choice-meta,
html[data-color-theme]:not([data-color-theme=""]) .floor-event-choice-stats,
html[data-color-theme]:not([data-color-theme=""]) .floor-event-choice-skills,
html[data-color-theme]:not([data-color-theme=""]) .floor-event-book-effect,
html[data-color-theme]:not([data-color-theme=""]) .floor-event-inbox-guide,
html[data-color-theme]:not([data-color-theme=""]) .floor-event-inbox-list small {
  color: var(--muted);
}
html[data-color-theme]:not([data-color-theme=""]) .floor-event-discovery-name,
html[data-color-theme]:not([data-color-theme=""]) .floor-event-card:not(.floor-event-rare) .floor-event-heading strong,
html[data-color-theme]:not([data-color-theme=""]) .floor-event-choice-top strong,
html[data-color-theme]:not([data-color-theme=""]) .floor-event-choice-stats b {
  color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) .floor-event-choices > .floor-event-choice.secondary-button {
  border-color: var(--line); background: linear-gradient(150deg, var(--surface-2), var(--surface-deep)); color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) .floor-event-choices > .floor-event-choice.secondary-button:hover:not(:disabled) {
  border-color: var(--selected-border); background: var(--surface-hover);
}
html[data-color-theme]:not([data-color-theme=""]) .floor-event-choice .floor-event-choice-claim {
  border-color: var(--line); color: var(--gold-strong);
}
html[data-color-theme]:not([data-color-theme=""]) .floor-event-leave.secondary-button,
html[data-color-theme]:not([data-color-theme=""]) .floor-event-card .floor-event-actions > .secondary-button {
  border-color: var(--line); background: var(--surface-deep); color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) .floor-event-card .floor-event-actions > .primary-button,
html[data-color-theme]:not([data-color-theme=""]) .floor-event-discovery-actions > .primary-button,
html[data-color-theme]:not([data-color-theme=""]) .floor-event-claim-dialog .floor-event-claim-actions > .primary-button {
  border-color: var(--primary-border); background: var(--primary-bg); color: var(--primary-text);
}
html[data-color-theme]:not([data-color-theme=""]) .floor-event-discovery-actions > .secondary-button {
  border-color: var(--line); background: var(--surface-deep); color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) .floor-event-claim-backdrop {
  background: rgb(var(--chrome-rgb) / 87%);
}
html[data-color-theme]:not([data-color-theme=""]) .floor-event-claim-dialog {
  border-color: var(--line); background: radial-gradient(ellipse at 0 0, rgb(var(--accent-rgb) / 10%), transparent 65%), linear-gradient(155deg, var(--surface-2), var(--surface-deep));
}
html[data-color-theme]:not([data-color-theme=""]) .floor-event-claim-item {
  border-color: var(--line); background: var(--inset);
}
html[data-color-theme]:not([data-color-theme=""]) .floor-event-inbox-list button[aria-pressed="true"] {
  border-color: var(--selected-border); background: linear-gradient(145deg, var(--selected-start), var(--selected-end)); color: var(--selected-text);
}
html[data-color-theme]:not([data-color-theme=""]) #zone-entry-dialog .floor-event-settings {
  border-color: var(--line); background: var(--inset);
}
html[data-color-theme]:not([data-color-theme=""]) #zone-entry-dialog .floor-event-settings button[aria-pressed="true"] {
  border-color: var(--selected-border); background: linear-gradient(145deg, var(--selected-start), var(--selected-end));
}
html[data-color-theme]:not([data-color-theme=""]) #zone-entry-dialog .floor-event-settings small {
  color: var(--muted);
}
html[data-color-theme]:not([data-color-theme=""]) #anomaly-reward-dialog .anomaly-reward-card {
  border-color: var(--line); background: var(--surface-2);
}
html[data-color-theme]:not([data-color-theme=""]) #anomaly-reward-dialog .anomaly-reward-card.is-selected {
  border-color: var(--selected-border); box-shadow: inset 0 0 0 1px var(--selected-border);
}
html[data-color-theme]:not([data-color-theme=""]) #anomaly-reward-dialog .is-selected .anomaly-reward-check {
  color: var(--gold-strong);
}
html[data-color-theme]:not([data-color-theme=""]) #anomaly-reward-dialog .anomaly-reward-card details {
  border-color: var(--line);
}
html[data-color-theme]:not([data-color-theme=""]) #anomaly-reward-dialog footer > .primary-button {
  box-shadow: inset 0 0 0 1px rgb(var(--accent-rgb) / 20%);
}
html[data-color-theme]:not([data-color-theme=""]) .background-battle-monitor {
  border-color: var(--line); background: radial-gradient(ellipse at 0 0, rgb(var(--accent-rgb) / 10%), transparent 65%), linear-gradient(155deg, var(--surface-2), var(--surface-deep));
}
html[data-color-theme]:not([data-color-theme=""]) .background-battle-monitor-heading {
  border-color: var(--line); background: linear-gradient(90deg, rgb(var(--accent-rgb) / 10%), transparent);
}
html[data-color-theme]:not([data-color-theme=""]) .background-battle-monitor-heading strong,
html[data-color-theme]:not([data-color-theme=""]) .background-battle-monitor-actions button:not(.stop) {
  color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) .background-battle-monitor-heading > span:last-child,
html[data-color-theme]:not([data-color-theme=""]) .background-battle-monitor-body > p {
  color: var(--muted);
}
html[data-color-theme]:not([data-color-theme=""]) .background-battle-monitor-actions button:not(.stop) {
  border-color: var(--line); background: rgb(var(--accent-rgb) / 12%);
}
html[data-color-theme]:not([data-color-theme=""]) .reaction-discovery-celebration.is-blocking {
  background: rgb(var(--chrome-rgb) / 72%);
}
html[data-color-theme]:not([data-color-theme=""]) .reaction-discovery-close {
  color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) .reaction-discovery-close:hover {
  background: rgb(var(--accent-rgb) / 10%);
}
html[data-color-theme]:not([data-color-theme=""]) .reaction-discovery-lead,
html[data-color-theme]:not([data-color-theme=""]) .reaction-discovery-hint,
html[data-color-theme]:not([data-color-theme=""]) .reaction-discovery-registration {
  color: var(--muted);
}
html[data-color-theme]:not([data-color-theme=""]) .anomaly-milestone-backdrop {
  background: rgb(var(--chrome-rgb) / 82%);
}
html[data-color-theme]:not([data-color-theme=""]) #anomaly-milestone-picker {
  border-color: var(--line); background: radial-gradient(ellipse at 0 0, rgb(var(--accent-rgb) / 10%), transparent 65%), linear-gradient(155deg, var(--surface-2), var(--surface-deep));
}
html[data-color-theme]:not([data-color-theme=""]) #anomaly-milestone-picker .anomaly-milestone-choice[aria-pressed="true"] {
  border-color: var(--selected-border); background: linear-gradient(145deg, var(--selected-start), var(--selected-end)); color: var(--selected-text);
}
html[data-color-theme]:not([data-color-theme=""]) #anomaly-milestone-picker footer {
  border-color: var(--line);
}
html[data-color-theme]:not([data-color-theme=""]) .zone-entry-backdrop {
  background: rgb(var(--chrome-rgb) / 89%);
}
html[data-color-theme]:not([data-color-theme=""]) #zone-entry-dialog:not(.zone-entry-boss) {
  box-shadow: 0 28px 80px rgb(0 0 0 / 72%), 0 0 24px rgb(var(--accent-rgb) / 8%), inset 0 1px rgb(255 255 255 / 9%);
}
html[data-color-theme]:not([data-color-theme=""]) #route-choice-dialog {
  border-color: var(--line); background: radial-gradient(ellipse at 0 0, rgb(var(--accent-rgb) / 10%), transparent 65%), linear-gradient(155deg, var(--surface-2), var(--surface-deep));
}
html[data-color-theme]:not([data-color-theme=""]) .floor-advance-content {
  box-shadow: 0 10px 30px rgb(0 0 0 / 48%), 0 0 18px rgb(var(--accent-rgb) / 8%);
}
html[data-color-theme]:not([data-color-theme=""]) .stamina-potion-purchase-review dl,
html[data-color-theme]:not([data-color-theme=""]) .floor-event-claim-actions {
  border-color: var(--line);
}
html[data-color-theme]:not([data-color-theme=""]) .monster-remnant-pickups .monster-remnant-drop:not(.reward-pending):not(.reward-lost) {
  border-color: var(--line); background: var(--dialog);
}
html[data-color-theme]:not([data-color-theme=""]) #zone-entry-dialog .expedition-result-heading h2 {
  color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) .stamina-advance-dialog .stamina-advance-note {
  color: var(--muted);
}
html[data-color-theme]:not([data-color-theme=""]) .stamina-advance-dialog .stamina-potion-shop-link {
  color: var(--gold-strong);
}
html[data-color-theme]:not([data-color-theme=""]) .phase-advance-retry > .secondary-button {
  color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) .floor-event-defer.secondary-button {
  border-color: var(--line); background: var(--surface-deep); color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) .floor-event-facts > span,
html[data-color-theme]:not([data-color-theme=""]) .floor-event-selection-note,
html[data-color-theme]:not([data-color-theme=""]) .floor-event-inbox .library-empty {
  border-color: var(--line);
}
html[data-color-theme]:not([data-color-theme=""]) .floor-event-card .floor-event-actions > .primary-button {
  box-shadow: inset 0 1px rgb(255 255 255 / 19%);
}
html[data-color-theme]:not([data-color-theme=""]) .anomaly-reward-backdrop {
  --battle-reward-text: var(--text); --battle-reward-muted: var(--muted); --battle-reward-line: var(--line); --battle-reward-surface: var(--surface-2);
}
html[data-color-theme]:not([data-color-theme=""]) #anomaly-reward-dialog .anomaly-reward-card {
  border-color: var(--battle-reward-line); background: var(--battle-reward-surface);
}
html[data-color-theme]:not([data-color-theme=""]) #anomaly-reward-dialog .anomaly-reward-card.is-selected {
  border-color: var(--selected-border);
}
html[data-color-theme]:not([data-color-theme=""]) #anomaly-reward-dialog .anomaly-reward-card details {
  border-color: var(--battle-reward-line); color: var(--battle-reward-text);
}
html[data-color-theme]:not([data-color-theme=""]) #anomaly-reward-dialog .anomaly-reward-type,
html[data-color-theme]:not([data-color-theme=""]) #anomaly-reward-dialog .anomaly-reward-card:not(.is-selected) .anomaly-reward-check {
  color: var(--battle-reward-muted);
}
html[data-color-theme]:not([data-color-theme=""]) #anomaly-reward-dialog .anomaly-reward-card strong,
html[data-color-theme]:not([data-color-theme=""]) #anomaly-reward-dialog > header > h2,
html[data-color-theme]:not([data-color-theme=""]) #anomaly-reward-dialog > footer > span,
html[data-color-theme]:not([data-color-theme=""]) #anomaly-reward-dialog > footer > small {
  color: var(--battle-reward-text);
}
html[data-color-theme]:not([data-color-theme=""]) #anomaly-reward-dialog .anomaly-reward-card > button {
  background: transparent;
}

/* Remaining non-battle UI (2026-10-31): reviewed player dialogs and controls.
   Keep attributes/orb classes, rarity, party/summon/rank identities, resource
   and gain/loss colours, warnings/destructive actions, claimed/status signals,
   result effects and all artwork independent. No layout or gameplay changes. */
html[data-color-theme]:not([data-color-theme=""]) #build-preset-icon-dialog,
html[data-color-theme]:not([data-color-theme=""]) #build-preset-apply-dialog,
html[data-color-theme]:not([data-color-theme=""]) #equip-conflict-dialog,
html[data-color-theme]:not([data-color-theme=""]) #profile-background-dialog,
html[data-color-theme]:not([data-color-theme=""]) #inventory-filter-dialog,
html[data-color-theme]:not([data-color-theme=""]) #forge-sort-dialog,
html[data-color-theme]:not([data-color-theme=""]) #forge-part-filter-dialog,
html[data-color-theme]:not([data-color-theme=""]) #forge-confirm-dialog,
html[data-color-theme]:not([data-color-theme=""]) #equip-confirm-dialog,
html[data-color-theme]:not([data-color-theme=""]) #sale-dialog,
html[data-color-theme]:not([data-color-theme=""]) #character-shop-confirm-dialog,
html[data-color-theme]:not([data-color-theme=""]) #crystal-confirm-dialog,
html[data-color-theme]:not([data-color-theme=""]) #icon-design-image-dialog,
html[data-color-theme]:not([data-color-theme=""]) #ability-confirm-dialog,
html[data-color-theme]:not([data-color-theme=""]) #workshop-review-dialog,
html[data-color-theme]:not([data-color-theme=""]) #grimoire-review-dialog,
html[data-color-theme]:not([data-color-theme=""]) #arcane-purpose-help-dialog,
html[data-color-theme]:not([data-color-theme=""]) #stat-reforge-dialog,
html[data-color-theme]:not([data-color-theme=""]) .arena-kit-dialog,
html[data-color-theme]:not([data-color-theme=""]) .chat-safety-dialog {
  border-color: var(--line); background: radial-gradient(ellipse at 0 0, rgb(var(--accent-rgb) / 10%), transparent 65%), linear-gradient(155deg, var(--surface-2), var(--surface-deep)); box-shadow: 0 28px 82px rgb(0 0 0 / 72%), 0 0 26px rgb(var(--accent-rgb) / 7%), inset 0 1px rgb(255 255 255 / 6%);
}
html[data-color-theme]:not([data-color-theme=""]) .build-preset-icon-backdrop,
html[data-color-theme]:not([data-color-theme=""]) .build-preset-apply-backdrop,
html[data-color-theme]:not([data-color-theme=""]) .equip-conflict-backdrop,
html[data-color-theme]:not([data-color-theme=""]) .profile-background-backdrop,
html[data-color-theme]:not([data-color-theme=""]) .inventory-filter-backdrop,
html[data-color-theme]:not([data-color-theme=""]) .forge-confirm-backdrop,
html[data-color-theme]:not([data-color-theme=""]) .equip-confirm-backdrop,
html[data-color-theme]:not([data-color-theme=""]) .sale-backdrop,
html[data-color-theme]:not([data-color-theme=""]) .character-shop-confirm-backdrop,
html[data-color-theme]:not([data-color-theme=""]) .crystal-confirm-backdrop,
html[data-color-theme]:not([data-color-theme=""]) .icon-design-image-modal-backdrop,
html[data-color-theme]:not([data-color-theme=""]) .ability-confirm-backdrop:not(.stat-reforge-backdrop),
html[data-color-theme]:not([data-color-theme=""]) .stat-reforge-backdrop,
html[data-color-theme]:not([data-color-theme=""]) .arena-kit-backdrop,
html[data-color-theme]:not([data-color-theme=""]) .chat-safety-backdrop {
  background: radial-gradient(circle at 50% 34%, rgb(var(--accent-rgb) / 11%), transparent 34%), rgb(var(--chrome-rgb) / 89%);
}
html[data-color-theme]:not([data-color-theme=""]) .build-preset-icon-backdrop,
html[data-color-theme]:not([data-color-theme=""]) .build-preset-apply-backdrop,
html[data-color-theme]:not([data-color-theme=""]) .profile-background-backdrop,
html[data-color-theme]:not([data-color-theme=""]) .inventory-filter-backdrop,
html[data-color-theme]:not([data-color-theme=""]) .forge-confirm-backdrop,
html[data-color-theme]:not([data-color-theme=""]) .equip-confirm-backdrop,
html[data-color-theme]:not([data-color-theme=""]) .sale-backdrop,
html[data-color-theme]:not([data-color-theme=""]) .character-shop-confirm-backdrop,
html[data-color-theme]:not([data-color-theme=""]) .crystal-confirm-backdrop,
html[data-color-theme]:not([data-color-theme=""]) .chat-safety-backdrop {
  --abyss-modal-accent-rgb: var(--accent-rgb);
}
html[data-color-theme]:not([data-color-theme=""]) #build-preset-icon-dialog .build-preset-icon-option,
html[data-color-theme]:not([data-color-theme=""]) #inventory-filter-dialog .inventory-filter-option,
html[data-color-theme]:not([data-color-theme=""]) #forge-sort-dialog .inventory-filter-option,
html[data-color-theme]:not([data-color-theme=""]) #forge-part-filter-dialog .inventory-filter-option {
  border-color: var(--line); background: var(--inset); color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) #build-preset-icon-dialog .build-preset-icon-option.selected,
html[data-color-theme]:not([data-color-theme=""]) #inventory-filter-dialog .inventory-filter-option.selected,
html[data-color-theme]:not([data-color-theme=""]) #forge-sort-dialog .inventory-filter-option.selected,
html[data-color-theme]:not([data-color-theme=""]) #forge-part-filter-dialog .inventory-filter-option.selected {
  border-color: var(--selected-border); background: linear-gradient(145deg, var(--selected-start), var(--selected-end)); box-shadow: inset 3px 0 var(--selected-border), 0 0 14px rgb(var(--accent-rgb) / 7%); color: var(--selected-text);
}
html[data-color-theme]:not([data-color-theme=""]) #inventory-filter-dialog .inventory-filter-close,
html[data-color-theme]:not([data-color-theme=""]) #forge-sort-dialog .inventory-filter-close,
html[data-color-theme]:not([data-color-theme=""]) #forge-part-filter-dialog .inventory-filter-close {
  color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) #inventory-filter-dialog .inventory-filter-sort-symbol,
html[data-color-theme]:not([data-color-theme=""]) #inventory-filter-dialog .inventory-filter-slot-symbol,
html[data-color-theme]:not([data-color-theme=""]) #forge-sort-dialog .inventory-filter-sort-symbol {
  background: var(--inset); color: var(--gold-strong);
}
html[data-color-theme]:not([data-color-theme=""]) #build-preset-apply-dialog .build-preset-apply-summary,
html[data-color-theme]:not([data-color-theme=""]) #build-preset-apply-dialog .build-preset-apply-changes,
html[data-color-theme]:not([data-color-theme=""]) #build-preset-apply-dialog .build-preset-apply-commands {
  border-color: var(--line); background: var(--inset);
}
html[data-color-theme]:not([data-color-theme=""]) #equip-confirm-dialog .equip-compare-header {
  border-color: var(--line); background: linear-gradient(110deg, rgb(var(--accent-rgb) / 12%), transparent 70%);
}
html[data-color-theme]:not([data-color-theme=""]) #equip-confirm-dialog .equip-compare-header .eyebrow,
html[data-color-theme]:not([data-color-theme=""]) #equip-confirm-dialog .equip-compare-details-cue,
html[data-color-theme]:not([data-color-theme=""]) #equip-confirm-dialog .equip-compare-between,
html[data-color-theme]:not([data-color-theme=""]) #equip-confirm-dialog .equip-compare-label {
  color: var(--gold-strong);
}
html[data-color-theme]:not([data-color-theme=""]) #equip-confirm-dialog .equip-compare-close {
  border-color: var(--line); background: var(--inset); color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) #equip-confirm-dialog .equip-compare-portrait {
  border-color: var(--line); background: var(--icon-surface);
}
html[data-color-theme]:not([data-color-theme=""]) #equip-confirm-dialog .equip-compare-art {
  background: radial-gradient(circle, rgb(var(--accent-rgb) / 9%), transparent 65%);
}
html[data-color-theme]:not([data-color-theme=""]) #equip-confirm-dialog .equip-compare-choice {
  border-color: var(--line); background: linear-gradient(150deg, var(--surface-2), var(--surface-deep));
}
html[data-color-theme]:not([data-color-theme=""]) #equip-confirm-dialog .equip-compare-choice.selected {
  border-color: var(--selected-border); background: linear-gradient(145deg, var(--selected-start), var(--selected-end)); box-shadow: inset 0 1px rgb(255 255 255 / 19%), 0 0 22px rgb(var(--accent-rgb) / 7%);
}
html[data-color-theme]:not([data-color-theme=""]) #equip-confirm-dialog .equip-compare-choice h3,
html[data-color-theme]:not([data-color-theme=""]) #equip-confirm-dialog .equip-compare-after {
  color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) #equip-confirm-dialog .equip-compare-table thead th,
html[data-color-theme]:not([data-color-theme=""]) #equip-confirm-dialog .equip-compare-table tbody th,
html[data-color-theme]:not([data-color-theme=""]) #equip-confirm-dialog .equip-compare-empty,
html[data-color-theme]:not([data-color-theme=""]) #equip-confirm-dialog .equip-compare-no-skills {
  color: var(--muted);
}
html[data-color-theme]:not([data-color-theme=""]) #equip-confirm-dialog .equip-compare-table th,
html[data-color-theme]:not([data-color-theme=""]) #equip-confirm-dialog .equip-compare-table td {
  border-bottom-color: var(--line);
}
html[data-color-theme]:not([data-color-theme=""]) #equip-confirm-dialog .equip-compare-attached-skills,
html[data-color-theme]:not([data-color-theme=""]) #equip-confirm-dialog .equip-compare-details,
html[data-color-theme]:not([data-color-theme=""]) #equip-confirm-dialog .equip-confirm-actions {
  border-color: var(--line);
}
html[data-color-theme]:not([data-color-theme=""]) #equip-confirm-dialog .equip-confirm-actions > .primary-button {
  border-color: var(--primary-border); background: var(--primary-bg); color: var(--primary-text); box-shadow: inset 0 1px rgb(255 255 255 / 25%), 0 3px 10px rgb(0 0 0 / 20%);
}
html[data-color-theme]:not([data-color-theme=""]) #equip-confirm-dialog .equip-compare-close:focus-visible,
html[data-color-theme]:not([data-color-theme=""]) #equip-confirm-dialog .equip-compare-details > summary:focus-visible {
  outline-color: var(--gold-strong);
}
html[data-color-theme]:not([data-color-theme=""]) #sale-dialog .sale-item-row.selected {
  border-color: var(--selected-border);
}
html[data-color-theme]:not([data-color-theme=""]) #sale-dialog .sale-check {
  color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) #sale-dialog .sale-item-row.selected .sale-check {
  border-color: var(--selected-border); background: var(--selected-start); color: var(--selected-text);
}
html[data-color-theme]:not([data-color-theme=""]) #sale-dialog .sale-empty {
  border-color: var(--line); background: var(--inset); color: var(--muted);
}
html[data-color-theme]:not([data-color-theme=""]) #character-shop-confirm-dialog .character-shop-confirm-product,
html[data-color-theme]:not([data-color-theme=""]) #crystal-confirm-dialog .crystal-confirm-summary {
  border-color: var(--line); background: var(--inset);
}
html[data-color-theme]:not([data-color-theme=""]) #character-shop-confirm-dialog .character-shop-confirm-product small,
html[data-color-theme]:not([data-color-theme=""]) #crystal-confirm-dialog .crystal-confirm-summary > small {
  color: var(--muted);
}
html[data-color-theme]:not([data-color-theme=""]) #character-shop-confirm-dialog h2,
html[data-color-theme]:not([data-color-theme=""]) #character-shop-confirm-dialog .character-shop-confirm-product strong,
html[data-color-theme]:not([data-color-theme=""]) #crystal-confirm-dialog h2,
html[data-color-theme]:not([data-color-theme=""]) #crystal-confirm-dialog .crystal-confirm-summary > strong {
  color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) #icon-design-image-dialog .icon-design-image-dialog-header {
  border-color: var(--line); background: var(--surface-2);
}
html[data-color-theme]:not([data-color-theme=""]) #icon-design-image-dialog .icon-design-image-dialog-close {
  border-color: var(--line); background: var(--surface-deep); color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) #icon-design-image-dialog .icon-design-image-dialog-header p {
  color: var(--muted);
}
html[data-color-theme]:not([data-color-theme=""]) #forge-tempering-reveal-dialog {
  background: radial-gradient(ellipse at 0 0, rgb(var(--accent-rgb) / 10%), transparent 65%), linear-gradient(155deg, var(--surface-2), var(--surface-deep)); box-shadow: 0 28px 80px rgb(0 0 0 / 72%), 0 0 24px rgb(var(--accent-rgb) / 8%), inset 0 1px rgb(255 255 255 / 9%);
}
html[data-color-theme]:not([data-color-theme=""]) #forge-tempering-reveal-dialog:not(.improved):not(.unchanged) {
  border-color: var(--line);
}
html[data-color-theme]:not([data-color-theme=""]) .forge-tempering-reveal-backdrop {
  background: rgb(var(--chrome-rgb) / 89%);
}
html[data-color-theme]:not([data-color-theme=""]) .achievement-titles-screen .achievement-summary {
  border-color: var(--line); background: var(--inset);
}
html[data-color-theme]:not([data-color-theme=""]) .achievement-titles-screen .achievement-summary > div > strong {
  color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) .achievement-titles-screen .achievement-summary small,
html[data-color-theme]:not([data-color-theme=""]) .achievement-titles-screen .achievement-lead,
html[data-color-theme]:not([data-color-theme=""]) .achievement-titles-screen .achievement-entry-heading,
html[data-color-theme]:not([data-color-theme=""]) .achievement-titles-screen .achievement-entry-footer,
html[data-color-theme]:not([data-color-theme=""]) .achievement-titles-screen .achievement-entry > p:not(.achievement-rank-points) {
  color: var(--muted);
}
html[data-color-theme]:not([data-color-theme=""]) .achievement-titles-screen .achievement-entry {
  border-color: var(--line); background: var(--surface-2);
}
html[data-color-theme]:not([data-color-theme=""]) .achievement-titles-screen .achievement-entry.is-earned {
  border-color: #806a3d;
}
html[data-color-theme]:not([data-color-theme=""]) .home-gramophone-dialog,
html[data-color-theme]:not([data-color-theme=""]) .home-gramophone-dialog > header,
html[data-color-theme]:not([data-color-theme=""]) .home-gramophone-dialog > footer {
  border-color: var(--line);
}
html[data-color-theme]:not([data-color-theme=""]) .home-gramophone-dialog::backdrop,
html[data-color-theme]:not([data-color-theme=""]) .home-room-shop::backdrop,
html[data-color-theme]:not([data-color-theme="default"]) .home-letter-dialog::backdrop,
html[data-color-theme]:not([data-color-theme=""]) .outfit-preview-dialog::backdrop {
  background: rgb(var(--chrome-rgb) / 72%);
}
html[data-color-theme]:not([data-color-theme="default"]) .home-letter-dialog {
  border-color: var(--line); background: var(--surface); color: var(--text);
}
html[data-color-theme]:not([data-color-theme="default"]) .home-letter-dialog .home-letter-heading {
  border-color: var(--line); background: linear-gradient(100deg, rgb(var(--accent-rgb) / 10%), transparent);
}
html[data-color-theme]:not([data-color-theme="default"]) .home-letter-dialog .home-letter-actions {
  border-color: var(--line);
}
html[data-color-theme]:not([data-color-theme="default"]) .home-letter-dialog .home-letter-heading .text-button {
  color: var(--text);
}
/* Correspondence keeps the sheet's warm paper, grain and dark ink material colours. */
html[data-color-theme]:not([data-color-theme=""]) #login-board-dialog {
  border-color: var(--line); background: radial-gradient(ellipse at 0 0, rgb(var(--accent-rgb) / 10%), transparent 65%), linear-gradient(155deg, var(--surface-2), var(--surface-deep));
}
html[data-color-theme]:not([data-color-theme=""]) #login-board-dialog .login-board-close {
  border-color: var(--line); background: var(--surface-deep); color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) #login-board-dialog .login-board-heading h2 {
  color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) #login-board-dialog .login-board-heading .eyebrow,
html[data-color-theme]:not([data-color-theme=""]) #login-board-dialog .login-board-heading small,
html[data-color-theme]:not([data-color-theme=""]) #login-board-dialog .login-board-day {
  color: var(--muted);
}
html[data-color-theme]:not([data-color-theme=""]) #login-board-dialog .login-board-cell:not(.claimed) {
  border-color: var(--line); background: var(--inset);
}
html[data-color-theme]:not([data-color-theme=""]) #login-board-dialog .login-board-cell.current {
  border-color: var(--selected-border);
}
html[data-color-theme]:not([data-color-theme=""]) #login-board-dialog .login-board-footer {
  border-color: var(--line); background: var(--inset);
}
html[data-color-theme]:not([data-color-theme=""]) .login-board-backdrop {
  background: rgb(var(--chrome-rgb) / 89%);
}
html[data-color-theme]:not([data-color-theme=""]) #adventurer-card-dialog .adventurer-card-close {
  border-color: var(--line); background: var(--surface-deep); color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) #adventurer-card-dialog .adventurer-card-message {
  color: var(--muted);
}
html[data-color-theme]:not([data-color-theme=""]) .outfit-preview-dialog {
  border-color: var(--line); background: var(--surface);
}
html[data-color-theme]:not([data-color-theme=""]) .outfit-preview-dialog .outfit-preview-heading {
  border-color: var(--line);
}
html[data-color-theme]:not([data-color-theme=""]) .outfit-preview-dialog .outfit-preview-description {
  color: var(--muted);
}
html[data-color-theme]:not([data-color-theme=""]) #anomaly-spend-dialog .anomaly-note {
  color: color-mix(in srgb, var(--selected-text) 70%, transparent);
}
html[data-color-theme]:not([data-color-theme=""]) #anomaly-spend-dialog .anomaly-dialog-actions > .secondary-button {
  border-color: rgb(var(--accent-rgb) / 28%); background: rgb(var(--chrome-rgb) / 35%); color: var(--selected-text);
}
html[data-color-theme]:not([data-color-theme=""]) #limited-abyss-command-picker-dialog .limited-abyss-command-picker-close {
  color: var(--muted);
}
html[data-color-theme]:not([data-color-theme=""]) #limited-abyss-command-picker-dialog .limited-abyss-command-option {
  border-color: var(--line);
}
html[data-color-theme]:not([data-color-theme=""]) #limited-abyss-command-picker-dialog .limited-abyss-command-option.selected {
  border-color: var(--selected-border);
}
html[data-color-theme]:not([data-color-theme=""]) #limited-abyss-command-picker-dialog .limited-abyss-command-option.selected .limited-abyss-command-option-state {
  color: var(--gold-strong);
}
html[data-color-theme]:not([data-color-theme=""]) #limited-abyss-command-picker-dialog .limited-abyss-command-option:not(.selected) .limited-abyss-command-option-state {
  border-color: var(--line); color: var(--muted);
}
html[data-color-theme]:not([data-color-theme=""]) #auth-title-dialog .auth-dialog-close {
  border-color: var(--line); background: var(--surface-deep); color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) #equip-confirm-dialog .equip-compare-recipient strong,
html[data-color-theme]:not([data-color-theme=""]) #equip-confirm-dialog h3 {
  color: var(--text);
}
html[data-color-theme]:not([data-color-theme="default"]) .home-letter-dialog .home-letter-heading p,
html[data-color-theme]:not([data-color-theme="default"]) .home-letter-dialog .home-letter-save-status {
  color: var(--muted);
}
html[data-color-theme]:not([data-color-theme=""]) .achievement-titles-screen .achievement-entry-heading > span {
  color: var(--gold-strong);
}
html[data-color-theme]:not([data-color-theme=""]) .achievement-titles-screen .achievement-rank-points {
  color: var(--muted);
}
html[data-color-theme]:not([data-color-theme=""]) #auth-title-dialog {
  --auth-crystal: var(--accent-rgb);
  --auth-gold: var(--accent-rgb);
  border-color: var(--line);
  color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) #auth-title-dialog .auth-panel-heading .eyebrow {
  color: var(--gold-strong);
}
html[data-color-theme]:not([data-color-theme=""]) #auth-title-dialog .auth-panel-heading h2,
html[data-color-theme]:not([data-color-theme=""]) #auth-title-dialog .auth-field > span {
  color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) #auth-title-dialog .auth-panel {
  background: radial-gradient(ellipse at 0 0, rgb(var(--accent-rgb) / 10%), transparent 65%), linear-gradient(155deg, var(--surface-2), var(--surface-deep));
}
html[data-color-theme]:not([data-color-theme=""]) #auth-title-dialog .auth-panel-heading > div > span,
html[data-color-theme]:not([data-color-theme=""]) #auth-title-dialog .auth-field small,
html[data-color-theme]:not([data-color-theme=""]) #auth-title-dialog .auth-device-note {
  color: var(--muted);
}
html[data-color-theme]:not([data-color-theme=""]) #auth-title-dialog .auth-field input,
html[data-color-theme]:not([data-color-theme=""]) #auth-title-dialog .character-fieldset,
html[data-color-theme]:not([data-color-theme=""]) #auth-title-dialog .legal-consent,
html[data-color-theme]:not([data-color-theme=""]) #auth-title-dialog .auth-switch-button {
  border-color: var(--line);
}
html[data-color-theme]:not([data-color-theme=""]) #auth-title-dialog .auth-field input:focus {
  border-color: var(--selected-border); box-shadow: inset 0 0 0 1px rgb(var(--accent-rgb) / 7%), 0 0 0 2px rgb(var(--accent-rgb) / 9%), 0 0 16px rgb(var(--accent-rgb) / 8%);
}
html[data-color-theme]:not([data-color-theme=""]) #auth-title-dialog .auth-field input,
html[data-color-theme]:not([data-color-theme=""]) #auth-title-dialog .character-fieldset,
html[data-color-theme]:not([data-color-theme=""]) #auth-title-dialog .legal-consent,
html[data-color-theme]:not([data-color-theme=""]) #auth-title-dialog .auth-switch-button {
  background: var(--input); color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) #auth-title-dialog .auth-switch-button:hover:not(:disabled),
html[data-color-theme]:not([data-color-theme=""]) #auth-title-dialog .auth-dialog-close:hover:not(:disabled) {
  background: var(--surface-hover);
}
html[data-color-theme]:not([data-color-theme=""]) #auth-title-dialog .auth-submit-button {
  border-color: var(--primary-border); background: var(--primary-bg); color: var(--primary-text); box-shadow: inset 0 1px rgb(255 255 255 / 18%), 0 10px 22px rgb(0 0 0 / 28%);
}
html[data-color-theme]:not([data-color-theme=""]) #auth-title-dialog .auth-submit-button > i {
  color: var(--primary-text);
}
html[data-color-theme]:not([data-color-theme=""]) #auth-title-dialog .auth-panel-secondary > a {
  color: var(--gold-strong);
}
html[data-color-theme]:not([data-color-theme=""]) .home-town-home .home-room-actions {
  border-color: var(--line);
}
html[data-color-theme]:not([data-color-theme=""]) .home-town-home .home-room-actions > .home-room-formation,
html[data-color-theme]:not([data-color-theme=""]) .home-town-home .home-room-actions > .home-room-furniture,
html[data-color-theme]:not([data-color-theme=""]) .home-town-home .home-room-actions > .home-room-change {
  border-color: var(--line); background: var(--surface-deep); color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) .home-town-home .home-town-departure {
  border-color: var(--primary-border); background: var(--primary-bg); color: var(--primary-text);
}
html[data-color-theme]:not([data-color-theme=""]) .home-town-home .home-town-departure strong,
html[data-color-theme]:not([data-color-theme=""]) .home-town-home .home-town-departure > span:last-child {
  color: var(--primary-text);
}
html[data-color-theme]:not([data-color-theme=""]) .home-town-home .home-town-departure small {
  color: var(--primary-text);
}
html[data-color-theme]:not([data-color-theme=""]) #limited-abyss-companion-confirm-dialog,
html[data-color-theme]:not([data-color-theme=""]) #limited-abyss-command-picker-dialog,
html[data-color-theme]:not([data-color-theme=""]) #limited-abyss-core-picker-dialog {
  border-color: var(--line); background: radial-gradient(ellipse at 0 0, rgb(var(--accent-rgb) / 10%), transparent 65%), linear-gradient(155deg, var(--surface-2), var(--surface-deep));
}
html[data-color-theme]:not([data-color-theme=""]) #limited-abyss-companion-confirm-dialog .limited-abyss-companion-confirm-close {
  color: var(--muted);
}
html[data-color-theme]:not([data-color-theme=""]) #limited-abyss-companion-confirm-dialog .limited-abyss-companion-confirm-actions > .primary-button {
  border-color: var(--primary-border); background: var(--primary-bg); color: var(--primary-text);
}
html[data-color-theme]:not([data-color-theme=""]) #limited-abyss-command-picker-dialog .limited-abyss-command-option {
  background: linear-gradient(145deg, var(--surface-2), var(--surface-deep));
}
html[data-color-theme]:not([data-color-theme=""]) #limited-abyss-command-picker-dialog .limited-abyss-command-option.selected {
  background: linear-gradient(145deg, var(--selected-start), var(--selected-end));
}
html[data-color-theme]:not([data-color-theme=""]) #limited-abyss-core-picker-dialog h2 {
  color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) .abyss-anomaly-screen .anomaly-tabs > button {
  border-color: rgb(var(--accent-rgb) / 24%); background: linear-gradient(180deg, rgb(var(--panel-start-rgb)), rgb(var(--panel-end-rgb))); color: var(--selected-text);
}
html[data-color-theme]:not([data-color-theme=""]) .abyss-anomaly-screen .anomaly-tabs > button.selected {
  border-color: var(--selected-border); background: linear-gradient(180deg, var(--selected-start), var(--selected-end)); color: var(--selected-text); box-shadow: inset 0 -2px var(--selected-border), inset 0 1px rgb(255 255 255 / 10%);
}
html[data-color-theme]:not([data-color-theme=""]) #equip-confirm-dialog .equip-confirm-actions {
  background: var(--inset);
}
html[data-color-theme]:not([data-color-theme=""]) #equip-confirm-dialog .equip-compare-details > summary strong {
  color: var(--text);
}
html[data-color-theme]:not([data-color-theme="default"]) .home-letter-dialog button:not(.home-letter-list-item):focus-visible,
html[data-color-theme]:not([data-color-theme=""]) .home-gramophone-dialog button:focus-visible,
html[data-color-theme]:not([data-color-theme=""]) .home-room-shop button:focus-visible {
  outline-color: var(--gold-strong);
}

/* Final state audit (2026-10-31): ordinary selected/pressed/focus/loading chrome.
   Keep errors, warnings, destructive/currency actions, party/rarity/attribute
   identities, HP and all artwork independent. Colour-only; default unchanged. */
html[data-color-theme]:not([data-color-theme=""]) :is(.pending-action-spinner, .button-spinner) {
  filter: drop-shadow(0 0 3px rgb(var(--accent-rgb) / 34%));
}
html[data-color-theme]:not([data-color-theme=""]) .loading::after {
  filter: drop-shadow(0 0 5px rgb(var(--accent-rgb) / 80%));
}
html[data-color-theme]:not([data-color-theme=""]) .outfit-preview-dialog .outfit-preview-scenes [aria-pressed="true"] {
  border-color: var(--selected-border); color: var(--selected-text); background: linear-gradient(145deg, var(--selected-start), var(--selected-end)); box-shadow: inset 0 -2px var(--selected-border);
}
html[data-color-theme]:not([data-color-theme=""]) #adventurer-card-dialog .adventurer-card-close:is(:hover, :focus-visible) {
  box-shadow: 0 0 14px rgb(var(--accent-rgb) / 17%);
}
html[data-color-theme]:not([data-color-theme=""]) #auth-title-dialog :focus-visible,
html[data-color-theme]:not([data-color-theme=""]) .achievement-titles-screen :is(.library-type-tabs button, .library-status-filters button, .library-disclosure > summary, .catalog-entry > summary):focus-visible,
html[data-color-theme]:not([data-color-theme=""]) .home-town-home :is(.home-furniture, .home-letter-entry, .home-room-actions button, .home-room-heading button):focus-visible,
html[data-color-theme]:not([data-color-theme=""]) .floor-event-discovery-actions > button:focus-visible {
  outline-color: var(--gold-strong);
}
html[data-color-theme]:not([data-color-theme=""]) .abyss-anomaly-screen .anomaly-honors-choices button[aria-pressed="true"] {
  border-color: var(--selected-border); background: linear-gradient(145deg, var(--selected-start), var(--selected-end)); box-shadow: inset 3px 0 var(--selected-border);
}
html[data-color-theme]:not([data-color-theme=""]) .abyss-anomaly-screen .anomaly-honors-choices button[aria-pressed="true"]::before {
  color: var(--selected-text);
}
html[data-color-theme]:not([data-color-theme=""]) #limited-abyss-command-picker-dialog .limited-abyss-command-option.selected::before {
  background: rgb(var(--accent-rgb) / 82%); box-shadow: 0 0 9px rgb(var(--accent-rgb) / 38%);
}
html[data-color-theme]:not([data-color-theme=""]) #limited-abyss-command-picker-dialog .limited-abyss-command-picker-close:is(:hover, :focus-visible) {
  border-color: var(--selected-border); color: var(--selected-text); background: var(--surface-hover);
}
html[data-color-theme]:not([data-color-theme=""]) #limited-abyss-command-picker-dialog .limited-abyss-command-option:not(:disabled):is(:hover, :focus-visible) {
  border-color: var(--selected-border); background: linear-gradient(145deg, var(--selected-start), var(--selected-end));
}
html[data-color-theme]:not([data-color-theme=""]) #profile-background-dialog button:not(:disabled):not(.danger-button):not(.gold-button):is(:active, .button-pressing),
html[data-color-theme]:not([data-color-theme=""]) #forge-sort-dialog button:not(:disabled):not(.danger-button):not(.gold-button):is(:active, .button-pressing),
html[data-color-theme]:not([data-color-theme=""]) #forge-part-filter-dialog button:not(:disabled):not(.danger-button):not(.gold-button):is(:active, .button-pressing),
html[data-color-theme]:not([data-color-theme=""]) #forge-confirm-dialog .secondary-button:not(:disabled):not(.danger-button):not(.gold-button):is(:active, .button-pressing),
html[data-color-theme]:not([data-color-theme=""]) .chat-safety-dialog .secondary-button:not(:disabled):not(.danger-button):not(.gold-button):is(:active, .button-pressing),
html[data-color-theme]:not([data-color-theme=""]) #ability-confirm-dialog .secondary-button:not(:disabled):not(.danger-button):not(.gold-button):is(:active, .button-pressing),
html[data-color-theme]:not([data-color-theme=""]) #limited-abyss-core-picker-dialog .icon-button:not(:disabled):not(.danger-button):not(.gold-button):is(:active, .button-pressing),
html[data-color-theme]:not([data-color-theme=""]) #limited-abyss-companion-confirm-dialog .limited-abyss-companion-confirm-close:not(:disabled):not(.danger-button):not(.gold-button):is(:active, .button-pressing),
html[data-color-theme]:not([data-color-theme=""]) #arcane-purpose-help-dialog .primary-button:not(:disabled):not(.danger-button):not(.gold-button):is(:active, .button-pressing),
html[data-color-theme]:not([data-color-theme=""]) #icon-design-image-dialog .icon-design-image-dialog-close:not(:disabled):not(.danger-button):not(.gold-button):is(:active, .button-pressing),
html[data-color-theme]:not([data-color-theme=""]) #limited-abyss-command-picker-dialog button:not(:disabled):not(.danger-button):not(.gold-button):is(:active, .button-pressing),
html[data-color-theme]:not([data-color-theme=""]) #login-board-dialog .login-board-close:not(:disabled):not(.danger-button):not(.gold-button):is(:active, .button-pressing),
html[data-color-theme]:not([data-color-theme=""]) #adventurer-card-dialog .adventurer-card-close:not(:disabled):not(.danger-button):not(.gold-button):is(:active, .button-pressing),
html[data-color-theme]:not([data-color-theme=""]) #auth-title-dialog .auth-dialog-close:not(:disabled):not(.danger-button):not(.gold-button):is(:active, .button-pressing),
html[data-color-theme]:not([data-color-theme=""]) .global-chat button:not(:disabled):not(.danger-button):not(.gold-button):not(.chat-message-avatar):is(:active, .button-pressing),
html[data-color-theme]:not([data-color-theme=""]) .battle-shell .battle-loot-button:not(:disabled):not(.danger-button):not(.gold-button):is(:active, .button-pressing),
html[data-color-theme]:not([data-color-theme=""]) .battle-shell .battle-auto-group:not(.auto-on):not(.auto-stop-pending) .battle-auto-button:not(:disabled):not(.danger-button):not(.gold-button):is(:active, .button-pressing),
html[data-color-theme]:not([data-color-theme=""]) #battle-speed-dialog button:not(:disabled):not(.danger-button):not(.gold-button):is(:active, .button-pressing),
html[data-color-theme]:not([data-color-theme=""]) #battle-log-dialog button:not(:disabled):not(.danger-button):not(.gold-button):is(:active, .button-pressing),
html[data-color-theme]:not([data-color-theme=""]) .battle-tactics-dialog button:not(:disabled):not(.danger-button):not(.gold-button):is(:active, .button-pressing),
html[data-color-theme]:not([data-color-theme=""]) .battle-result-button:not(:disabled):not(.danger-button):not(.gold-button):is(:active, .button-pressing),
html[data-color-theme]:not([data-color-theme=""]) .floor-event-discovery-actions > button:not(:disabled):not(.danger-button):not(.gold-button):is(:active, .button-pressing),
html[data-color-theme]:not([data-color-theme=""]) .floor-event-choice:not(:disabled):not(.danger-button):not(.gold-button):is(:active, .button-pressing),
html[data-color-theme]:not([data-color-theme=""]) .floor-event-leave:not(:disabled):not(.danger-button):not(.gold-button):is(:active, .button-pressing),
html[data-color-theme]:not([data-color-theme=""]) .stamina-advance-dialog .secondary-button:not(:disabled):not(.danger-button):not(.gold-button):is(:active, .button-pressing),
html[data-color-theme]:not([data-color-theme=""]) .stamina-advance-dialog .primary-button:not(:disabled):not(.danger-button):not(.gold-button):is(:active, .button-pressing),
html[data-color-theme]:not([data-color-theme=""]) .stamina-potion-quantity button:not(:disabled):not(.danger-button):not(.gold-button):is(:active, .button-pressing),
html[data-color-theme]:not([data-color-theme=""]) .stamina-potion-shop-link:not(:disabled):not(.danger-button):not(.gold-button):is(:active, .button-pressing),
html[data-color-theme]:not([data-color-theme=""]) .phase-advance-retry button:not(:disabled):not(.danger-button):not(.gold-button):is(:active, .button-pressing),
html[data-color-theme]:not([data-color-theme=""]) .background-battle-monitor button:not(:disabled):not(.danger-button):not(.gold-button):is(:active, .button-pressing) {
  border-color: var(--gold-strong); box-shadow: inset 0 4px 12px rgb(0 0 0 / 46%), 0 1px 0 rgb(var(--accent-rgb) / 22%);
}
html[data-color-theme]:not([data-color-theme=""]) .menu-screen .menu-card:is(:hover, :focus-visible)::before {
  background: rgb(var(--accent-rgb) / 73%); box-shadow: 0 0 7px rgb(var(--accent-rgb) / 35%);
}
html[data-color-theme]:not([data-color-theme=""]) .ga-ui:is(.catalog-layout-screen, .forge-layout-screen) :is(.library-type-tabs button, .library-status-filters button, .library-disclosure > summary, .catalog-entry > summary):focus-visible,
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.formation-screen .party-team-tabs [role="tab"]:focus-visible {
  outline-color: var(--gold-strong);
}
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.explore-rest-screen .ex-gate-card[aria-pressed="true"] {
  border-color: var(--selected-border); color: var(--selected-text); box-shadow: inset 2px 0 var(--selected-border);
}
html[data-color-theme]:not([data-color-theme=""]) .initial-loading-content {
  border-top-color: rgb(var(--accent-rgb) / 34%); border-bottom-color: rgb(var(--accent-rgb) / 26%);
}
html[data-color-theme]:not([data-color-theme=""]) .initial-loading-spinner,
html[data-color-theme]:not([data-color-theme=""]) .maintenance-spinner {
  border-color: rgb(var(--accent-rgb) / 24%); background: radial-gradient(circle, rgb(var(--accent-rgb) / 13%), transparent 66%); box-shadow: 0 0 28px rgb(var(--accent-rgb) / 10%);
}
html[data-color-theme]:not([data-color-theme=""]) .initial-loading-spinner::before,
html[data-color-theme]:not([data-color-theme=""]) .maintenance-spinner::before {
  border-color: rgb(var(--accent-rgb) / 46%); border-top-color: var(--gold-strong); border-right-color: rgb(var(--accent-rgb));
}
html[data-color-theme]:not([data-color-theme=""]) .initial-loading-spinner::after,
html[data-color-theme]:not([data-color-theme=""]) .maintenance-spinner::after {
  border-color: rgb(var(--accent-rgb) / 30%);
}
html[data-color-theme]:not([data-color-theme=""]) .initial-loading-spinner .mechanism-crystal,
html[data-color-theme]:not([data-color-theme=""]) .maintenance-spinner .mechanism-crystal {
  filter: drop-shadow(0 0 8px rgb(var(--accent-rgb) / 88%));
}
html[data-color-theme]:not([data-color-theme=""]) .maintenance-dialog {
  border-top-color: rgb(var(--accent-rgb)); background: radial-gradient(circle at 50% 0, rgb(var(--accent-rgb) / 10%), transparent 38%), linear-gradient(150deg, rgb(var(--panel-start-rgb) / 99%), rgb(var(--panel-end-rgb) / 99%));
}
html[data-color-theme]:not([data-color-theme=""]) .maintenance-dialog > p:not(.eyebrow) {
  color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) .ga-ui.abyss-page-loading {
  background: radial-gradient(ellipse at 50% 40%, rgb(var(--accent-rgb) / 9%), transparent 55%), var(--surface-deep);
}
html[data-color-theme]:not([data-color-theme=""]) .abyss-page-loading-track {
  background: rgb(var(--accent-rgb) / 12%);
}
html[data-color-theme]:not([data-color-theme=""]) .abyss-page-loading-track > i {
  background: linear-gradient(90deg, transparent, rgb(var(--accent-rgb)), transparent);
}
html[data-color-theme]:not([data-color-theme=""]) .battle-asset-loading {
  border-color: var(--line); background: var(--surface-deep); color: var(--text);
}
html[data-color-theme]:not([data-color-theme=""]) .battle-asset-loading small {
  color: var(--muted);
}
html[data-color-theme]:not([data-color-theme=""]) .battle-asset-loading progress {
  accent-color: rgb(var(--accent-rgb));
}

/* Neutral chrome keeps correspondence material and its readable ink focus. */
html[data-color-theme]:is([data-color-theme="default"]) .home-town-home button.home-letter-entry:focus-visible {
  outline-color:var(--letter-ink);
}

/* Neutral default follow-up: reviewed chrome only. Keep identity, resources,
   states, rarity/art treatments, book paper, and correspondence material. */
html[data-color-theme]:is([data-color-theme="default"]) :is(.build-preset-icon-dialog,.build-preset-apply-dialog,.build-preset-delete-dialog,.equip-conflict-dialog,.settings-reset-dialog,.profile-background-dialog,.inventory-filter-dialog,.forge-confirm-dialog,.equip-confirm-dialog,.sale-dialog,.chat-safety-dialog,.character-shop-confirm-dialog,.crystal-confirm-dialog,.combat-role-warning-dialog,.command-picker-dialog,.battle-log-dialog,.battle-item-dialog):not(:focus-visible) { outline-color:rgb(255 255 255 / 5%); }

/* These independent dialogs do not all opt in to ga-ui. Preserve their geometry. */
html[data-color-theme]:is([data-color-theme="default"]) :is(.profile-background-dialog,.inventory-filter-dialog,.forge-confirm-dialog,.chat-safety-dialog,.ability-confirm-dialog,.limited-abyss-core-picker-dialog,.limited-abyss-companion-confirm-dialog,.battle-shell,.battle-log-dialog,.battle-item-dialog,.retreat-confirm-dialog,.revive-confirm-dialog,.battle-speed-dialog,.battle-tactics-dialog,.stamina-advance-dialog,.auth-title-dialog,.pwa-install-guide-dialog,.outfit-preview-dialog,.home-room-shop) {
  --ga-action-bg:radial-gradient(ellipse at 50% 0,rgb(var(--accent-rgb) / 19%),transparent 75%),linear-gradient(180deg,var(--primary-hover),var(--primary-bg) 55%,color-mix(in srgb,var(--primary-bg),#000 18%));
  --ga-action-shadow:inset 0 1px rgb(255 255 255 / 32%),inset 0 -2px rgb(0 0 0 / 40%),0 3px 0 rgb(0 0 0 / 58%),0 5px 12px rgb(0 0 0 / 22%);
}
html[data-color-theme]:is([data-color-theme="default"]) :is(.profile-background-dialog,.inventory-filter-dialog,.forge-confirm-dialog,.chat-safety-dialog,.ability-confirm-dialog,.limited-abyss-core-picker-dialog,.limited-abyss-companion-confirm-dialog,.battle-shell,.battle-log-dialog,.battle-item-dialog,.retreat-confirm-dialog,.revive-confirm-dialog,.battle-speed-dialog,.battle-tactics-dialog,.stamina-advance-dialog,.auth-title-dialog,.pwa-install-guide-dialog,.outfit-preview-dialog,.home-room-shop) button:not(.danger-button)::after { background:rgb(var(--accent-rgb) / 34%); }
html[data-color-theme]:is([data-color-theme="default"]) :is(.forge-confirm-dialog,.chat-safety-dialog,.ability-confirm-dialog,.limited-abyss-companion-confirm-dialog,.battle-shell,.battle-item-dialog,.revive-confirm-dialog,.stamina-advance-dialog,.auth-title-dialog,.pwa-install-guide-dialog,.home-room-shop) .primary-button { border-color:var(--primary-border); background:var(--ga-action-bg); color:var(--primary-text); box-shadow:var(--ga-action-shadow); }
html[data-color-theme]:is([data-color-theme="default"]) :is(.profile-background-dialog,.inventory-filter-dialog,.forge-confirm-dialog,.chat-safety-dialog,.ability-confirm-dialog,.limited-abyss-core-picker-dialog,.limited-abyss-companion-confirm-dialog,.battle-shell,.battle-log-dialog,.battle-item-dialog,.retreat-confirm-dialog,.revive-confirm-dialog,.battle-speed-dialog,.battle-tactics-dialog,.stamina-advance-dialog,.auth-title-dialog,.pwa-install-guide-dialog,.outfit-preview-dialog,.home-room-shop) button:focus-visible { outline-color:var(--gold-strong); }

/* Equipment and warehouse widgets can be outside the hero deck's section. */
html[data-color-theme]:is([data-color-theme="default"]) .equipment-deck-shell { box-shadow:0 18px 42px rgb(0 0 0 / 38%),inset 0 1px rgb(255 255 255 / 5%); }
html[data-color-theme]:is([data-color-theme="default"]) .equipment-deck-shell .hero-command-number { color:var(--muted); }
html[data-color-theme]:is([data-color-theme="default"]) .inventory-control-deck::before { background:linear-gradient(90deg,transparent,rgb(var(--accent-rgb) / 58%),rgb(var(--accent-rgb) / 42%),transparent); }
html[data-color-theme]:is([data-color-theme="default"]) .inventory-control-deck .list-search input { border-color:var(--line); }
html[data-color-theme]:is([data-color-theme="default"]) .inventory-control-deck .list-search input:focus { border-color:var(--gold-strong); }
html[data-color-theme]:is([data-color-theme="default"]) .inventory-part-rail { border-color:var(--line); }
html[data-color-theme]:is([data-color-theme="default"]) .inventory-part-rail .inventory-part-tab { color:var(--muted); }
html[data-color-theme]:is([data-color-theme="default"]) .inventory-part-rail .inventory-part-tab.selected { color:var(--selected-text); }
html[data-color-theme]:is([data-color-theme="default"]) .inventory-part-rail .inventory-part-tab.selected .inventory-part-icon { filter:drop-shadow(0 0 5px rgb(var(--accent-rgb) / 50%)); }
html[data-color-theme]:is([data-color-theme="default"]) .inventory-part-rail .inventory-part-tab.selected::after { background:var(--gold-strong); box-shadow:0 0 8px rgb(var(--accent-rgb) / 70%); }
html[data-color-theme]:is([data-color-theme="default"]) .inventory-part-rail .inventory-part-tab:focus-visible { outline-color:var(--gold-strong); }
html[data-color-theme]:is([data-color-theme="default"]) #equip-confirm-dialog .equip-compare-part { background:var(--inset); }
html[data-color-theme]:is([data-color-theme="default"]) #equip-confirm-dialog .equip-compare-attached-heading>span { color:var(--muted); }
html[data-color-theme]:is([data-color-theme="default"]) #sale-dialog .inventory-disposition-item { border-color:var(--line); }
html[data-color-theme]:is([data-color-theme="default"]) #sale-dialog :is(.inventory-disposition-icon,.inventory-disposition-item>div>span,.inventory-disposition-item>div>small,.inventory-disposition-reward>span,.inventory-disposition-balance) { color:var(--muted); }
html[data-color-theme]:is([data-color-theme="default"]) #sale-dialog .sale-actions>.gold-button { border-color:var(--primary-border); background:var(--ga-action-bg,linear-gradient(180deg,var(--primary-hover),var(--primary-bg))); color:var(--primary-text); box-shadow:var(--ga-action-shadow); }
html[data-color-theme]:is([data-color-theme="default"]) #sale-dialog .sale-actions>.gold-button::after { background:rgb(var(--accent-rgb) / 34%); }
html[data-color-theme]:is([data-color-theme="default"]) #sale-dialog .sale-empty::before { border-color:var(--line); box-shadow:0 0 13px rgb(var(--accent-rgb) / 12%),inset 0 0 8px rgb(var(--accent-rgb) / 12%); }
html[data-color-theme]:is([data-color-theme="default"]) .arena-kit-dialog :is(.arena-kit-members,footer) { border-color:var(--line); }

/* Help hierarchy and the information glyph are not character or skill attributes. */
html[data-color-theme]:is([data-color-theme="default"]) .help-screen { --muted:inherit; --help-number:var(--text); --help-secondary:var(--muted); }
html[data-color-theme]:is([data-color-theme="default"]) .help-screen .help-topic summary::before,
html[data-color-theme]:is([data-color-theme="default"]) .help-screen .help-topic summary>i { background:var(--inset); border-color:var(--line); }
html[data-color-theme]:is([data-color-theme="default"]) .help-screen .companion-manual-role { color:var(--muted); }
html[data-color-theme]:is([data-color-theme="default"]) .help-screen .companion-manual-role>strong { color:var(--text); }
html[data-color-theme]:is([data-color-theme="default"]) #limited-abyss-core-picker-dialog .law-ability-effect>summary>strong { color:var(--text); }
html[data-color-theme]:is([data-color-theme="default"]) #limited-abyss-core-picker-dialog :is(.ability-info-mark,.law-core-option-copy>small) { color:var(--muted); }
html[data-color-theme]:is([data-color-theme="default"]) #limited-abyss-companion-confirm-dialog .limited-abyss-companion-confirm-title p { color:var(--gold-strong); }
html[data-color-theme]:is([data-color-theme="default"]) #limited-abyss-companion-confirm-dialog .limited-abyss-companion-confirm-title h2 { color:var(--text); }
html[data-color-theme]:is([data-color-theme="default"]) #limited-abyss-companion-confirm-dialog :is(.limited-abyss-companion-confirm-ledger small,.limited-abyss-companion-confirm-ledger>b,.limited-abyss-companion-confirm-terms>span>i) { color:var(--muted); }
html[data-color-theme]:is([data-color-theme="default"]) #arcane-purpose-help-dialog>header { border-color:var(--line); }
html[data-color-theme]:is([data-color-theme="default"]) #arcane-purpose-help-dialog .arcane-help-mark { color:var(--gold-strong); border-color:var(--line); background:var(--inset); }
html[data-color-theme]:is([data-color-theme="default"]) #arcane-purpose-help-dialog :is(header>div,header small,.arcane-purpose-help-note,.arcane-purpose-help-summary) { color:var(--muted); }
html[data-color-theme]:is([data-color-theme="default"]) #icon-design-image-dialog h2 { color:var(--text); }
html[data-color-theme]:is([data-color-theme="default"]) #icon-design-image-dialog .icon-design-image-dialog-close { color:var(--muted); }
html[data-color-theme]:is([data-color-theme="default"]) #adventurer-card-dialog h2 { color:var(--text); }
html[data-color-theme]:is([data-color-theme="default"]) .adventurer-card-backdrop { background:rgb(var(--chrome-rgb) / 89%); }

/* Ordinary book frames follow the theme; the illustration, printed effect paper,
   alternate-art foil, and its rarity treatment keep their own material colours. */
html[data-color-theme]:is([data-color-theme="default"]) #ability-detail-dialog.skill-book-card:not(.is-alternate-art) { --skill-card-accent:var(--gold-strong); border-color:var(--line); background:linear-gradient(145deg,var(--surface-2),var(--surface-deep)); box-shadow:0 24px 70px #000a,inset 0 0 0 4px var(--surface-deep),inset 0 0 0 5px var(--line); scrollbar-color:var(--selected-border) var(--inset); }
html[data-color-theme]:is([data-color-theme="default"]) #ability-detail-dialog.skill-book-card:not(.is-alternate-art)>.skill-book-card-header,
html[data-color-theme]:is([data-color-theme="default"]) #enemy-detail-dialog .skill-book-card-header { border-color:var(--line); background:linear-gradient(120deg,var(--surface-2),var(--surface)); box-shadow:inset 0 1px rgb(255 255 255 / 15%),0 2px 5px #0006; }
html[data-color-theme]:is([data-color-theme="default"]) #ability-detail-dialog.skill-book-card:not(.is-alternate-art)>.skill-book-card-header::before { border-color:var(--line); background:linear-gradient(135deg,var(--gold-strong),var(--surface-2) 50%,var(--surface-deep)); box-shadow:0 0 0 3px var(--surface-deep),0 0 0 4px var(--line); }
html[data-color-theme]:is([data-color-theme="default"]) #ability-detail-dialog.skill-book-card:not(.is-alternate-art) .skill-book-card-title h2 { color:var(--text); }
html[data-color-theme]:is([data-color-theme="default"]) #ability-detail-dialog.skill-book-card:not(.is-alternate-art) :is(.skill-book-card-category,.skill-book-card-part) { color:var(--gold-strong); }
html[data-color-theme]:is([data-color-theme="default"]) #ability-detail-dialog.skill-book-card:not(.is-alternate-art) :is(.skill-book-card-category>span,.skill-book-card-meta,.skill-book-card-owned,.skill-book-card-flavor,.skill-book-card-source,.skill-book-card-source>span) { color:var(--muted); }
html[data-color-theme]:is([data-color-theme="default"]) #ability-detail-dialog.skill-book-card:not(.is-alternate-art) :is(.skill-book-card-part,.skill-book-card-level,.skill-book-card-tier) { border-color:var(--line); background:var(--inset); }
html[data-color-theme]:is([data-color-theme="default"]) #ability-detail-dialog.skill-book-card:not(.is-alternate-art) .skill-book-card-source { border-color:var(--line); }
html[data-color-theme]:is([data-color-theme="default"]) #ability-detail-dialog.skill-book-card:not(.is-alternate-art) .skill-book-card-source>small { color:var(--gold-strong); }
html[data-color-theme]:is([data-color-theme="default"]) :is(#ability-detail-dialog,#enemy-detail-dialog) .inventory-filter-close { border-color:var(--line); background:var(--inset); color:var(--muted); }
html[data-color-theme]:is([data-color-theme="default"]) #ability-detail-dialog.skill-book-card:not(.is-alternate-art)>.skill-book-card-sigil { border-color:var(--line); box-shadow:0 0 0 2px var(--surface-deep),0 0 0 3px var(--line),inset 0 0 14px #0006; }
html[data-color-theme]:is([data-color-theme="default"]) #ability-detail-dialog.skill-book-card:not(.is-alternate-art)>.skill-book-card-sigil::after { border-color:rgb(255 255 255 / 17%); }
html[data-color-theme]:is([data-color-theme="default"]) #ability-detail-dialog.skill-book-card:not(.is-alternate-art)>.skill-book-card-sigil:not(.has-illustration) { background:radial-gradient(ellipse,var(--surface-2),var(--surface-deep) 75%); }
html[data-color-theme]:is([data-color-theme="default"]) #ability-detail-dialog .skill-art-uncollected-mark { color:var(--muted); border-color:var(--line); }

/* Only console ornament and ordinary labels; never the battle resource/status tints. */
html[data-color-theme]:is([data-color-theme="default"]) :is(.character-picker-dialog,.stamina-advance-dialog,.expedition-result-heading) .abyss-mechanism-mark { --mechanism-glow:var(--accent-rgb); background:radial-gradient(circle,rgb(var(--accent-rgb) / 24%),rgb(var(--accent-rgb) / 10%) 52%,transparent 55%); }
html[data-color-theme]:is([data-color-theme="default"]) .battle-shell .battlefield-log-panel::before { background:linear-gradient(rgb(var(--accent-rgb) / 70%),transparent 72%); box-shadow:0 0 8px rgb(var(--accent-rgb) / 25%); }
html[data-color-theme]:is([data-color-theme="default"]) .battle-shell .battle-mode-label { color:var(--muted); }
html[data-color-theme]:is([data-color-theme="default"]) .battle-shell.anomaly-battle :is(.battle-floor-label,.battle-floor-number) { color:var(--text); }
html[data-color-theme]:is([data-color-theme="default"]) .battle-tactics-dialog .tactics-apply { border-color:var(--primary-border); background:var(--ga-action-bg); color:var(--primary-text); box-shadow:var(--ga-action-shadow); }
html[data-color-theme]:is([data-color-theme="default"]) .battle-tactics-dialog .tactics-close { color:var(--muted); border-color:var(--line); }
html[data-color-theme]:is([data-color-theme="default"]) #command-picker-dialog .command-picker-option:disabled>i,
html[data-color-theme]:is([data-color-theme="default"]) #command-picker-dialog .command-picker-option>em { color:var(--muted); }
html[data-color-theme]:is([data-color-theme="default"]) #battle-command-rescue-dialog .battle-command-rescue-note :is(span,small) { color:var(--muted); }
html[data-color-theme]:is([data-color-theme="default"]) #combat-loot-dialog .loot-pending-badge { color:var(--muted); border-color:var(--line); background:var(--inset); }

/* Native guide and scene-adjacent controls, not the room or outfit artwork. */
html[data-color-theme]:is([data-color-theme="default"]) .pwa-install-guide-dialog { background:linear-gradient(165deg,var(--surface-2),var(--surface-deep)); }
html[data-color-theme]:is([data-color-theme="default"]) .pwa-install-guide-dialog>p:not(.eyebrow) { color:var(--muted); }
html[data-color-theme]:is([data-color-theme="default"]) .pwa-install-guide-backdrop::after { background:transparent; }
html[data-color-theme]:is([data-color-theme="default"]) .auth-title-dialog { border-color:var(--line); }
html[data-color-theme]:is([data-color-theme="default"]) .auth-title-dialog .auth-dialog-close { color:var(--muted); border-color:var(--line); background:var(--inset); }
html[data-color-theme]:is([data-color-theme="default"]) .auth-title-dialog .auth-switch-button { border-color:var(--line); color:var(--text); }
html[data-color-theme]:is([data-color-theme="default"]) .home-room-shop>footer { border-color:var(--line); }
html[data-color-theme]:is([data-color-theme="default"]) .home-town-home[data-layout="room"] :is(.home-room-formation,.home-room-furniture,.home-room-change,.home-town-departure) { border-color:var(--line); color:var(--text); }
html[data-color-theme]:is([data-color-theme="default"]) .chat-drawer { border-color:var(--line); }
html[data-color-theme]:is([data-color-theme="default"]) .chat-presence-heading>strong { color:var(--text); }

/* Additional reviewed, independently mounted controls and empty/loading states. */
html[data-color-theme]:is([data-color-theme="default"]) :is(.login-board-dialog,.icon-design-image-dialog,.limited-abyss-command-picker-dialog,.phase-advance-retry,.floor-event-card,.floor-event-discovery-notice,.background-battle-monitor-actions,.menu-screen,.party-detail-dialog,.team-switch-dialog,.battle-skill-effect-dialog,.battle-command-rescue-dialog,.expedition-result-dialog) button:not(.danger-button)::after { background:rgb(var(--accent-rgb) / 34%); }
html[data-color-theme]:is([data-color-theme="default"]) :is(.login-board-dialog,.phase-advance-retry,.floor-event-card,.floor-event-discovery-notice,.team-switch-dialog,.battle-skill-effect-dialog,.expedition-result-dialog) .primary-button { border-color:var(--primary-border); background:linear-gradient(180deg,var(--primary-hover),var(--primary-bg)); color:var(--primary-text); box-shadow:var(--ga-action-shadow); }
html[data-color-theme]:is([data-color-theme="default"]) :is(.login-board-dialog,.icon-design-image-dialog,.limited-abyss-command-picker-dialog,.phase-advance-retry,.floor-event-card,.background-battle-monitor-actions,.party-detail-dialog,.team-switch-dialog,.battle-skill-effect-dialog,.battle-command-rescue-dialog,.expedition-result-dialog) button:focus-visible { outline-color:var(--gold-strong); }
html[data-color-theme]:is([data-color-theme="default"]) .help-screen :is(.companion-manual-equipment-skills span,.combo-manual-index a,.combo-manual-watch) { border-color:var(--line); }
html[data-color-theme]:is([data-color-theme="default"]) .help-screen .combo-manual-index a { background:var(--inset); }
html[data-color-theme]:is([data-color-theme="default"]) #arcane-purpose-help-dialog { color:var(--text); }
html[data-color-theme]:is([data-color-theme="default"]) #arcane-purpose-help-dialog :is(h2,h3,strong) { color:var(--text); }
html[data-color-theme]:is([data-color-theme="default"]) #arcane-purpose-help-dialog .arcane-purpose-help-card { border-color:var(--line); background:var(--inset); }
html[data-color-theme]:is([data-color-theme="default"]) #arcane-purpose-help-dialog .arcane-purpose-help-card h3>span { color:var(--muted); border-color:var(--line); }
html[data-color-theme]:is([data-color-theme="default"]) #arcane-purpose-help-dialog .arcane-purpose-help-note { border-color:var(--line); }
html[data-color-theme]:is([data-color-theme="default"]) .auth-title-dialog { background-color:var(--surface-deep); }
html[data-color-theme]:is([data-color-theme="default"]) .library-heading.page-heading { border-color:var(--line); }
html[data-color-theme]:is([data-color-theme="default"]) .library-empty { border-color:var(--line); }
html[data-color-theme]:is([data-color-theme="default"]) .formation-screen::before { background:linear-gradient(90deg,transparent,rgb(var(--accent-rgb) / 70%),rgb(var(--accent-rgb) / 58%),transparent); box-shadow:0 0 12px rgb(var(--accent-rgb) / 22%); }
html[data-color-theme]:is([data-color-theme="default"]) .formation-screen .party-team-standby { border-color:var(--line); }
html[data-color-theme]:is([data-color-theme="default"]) .initial-loading-spinner::before { box-shadow:0 0 22px rgb(var(--accent-rgb) / 15%); }
html[data-color-theme]:is([data-color-theme="default"]) .initial-loading-screen .secondary-button { color:var(--text); }
html[data-color-theme]:is([data-color-theme="default"]) .chat-drawer::before { border-color:rgb(255 255 255 / 6%); }
html[data-color-theme]:is([data-color-theme="default"]) .menu-screen .menu-card { border-color:var(--line); }
html[data-color-theme]:is([data-color-theme="default"]) .menu-console-readout>strong,
html[data-color-theme]:is([data-color-theme="default"]) .expedition-board-readout>strong { color:var(--text); }
html[data-color-theme]:is([data-color-theme="default"]) .ex-gate-card :is(.ex-gate-number,small) { color:var(--muted); }
html[data-color-theme]:is([data-color-theme="default"]) .ex-gate-card>strong { color:var(--text); }
html[data-color-theme]:is([data-color-theme="default"]) .ex-gate-card .ex-gate-selection { color:var(--muted); }
html[data-color-theme]:is([data-color-theme="default"]) .ex-gate-card[aria-pressed="true"] .ex-gate-selection { color:var(--selected-text); }
html[data-color-theme]:is([data-color-theme="default"]) .ex-entry-actions>p { color:var(--muted); }
html[data-color-theme]:is([data-color-theme="default"]) .home-room-shop .home-room-buy::before { background:rgb(var(--accent-rgb) / 27%); }
html[data-color-theme]:is([data-color-theme="default"]) .home-town-home[data-layout="room"] :is(.home-room-formation,.home-room-furniture,.home-room-change) { background:var(--surface); box-shadow:inset 0 1px rgb(255 255 255 / 8%); text-shadow:none; }
html[data-color-theme]:is([data-color-theme="default"]) .home-town-home[data-layout="room"] .home-town-journey>.home-town-departure { background:linear-gradient(135deg,var(--primary-hover),var(--primary-bg)); border-color:var(--primary-border); box-shadow:0 0 0 2px var(--surface-deep),0 0 0 3px var(--line),inset 0 0 0 1px var(--line); text-shadow:none; }
html[data-color-theme]:is([data-color-theme="default"]) .home-town-home[data-layout="room"] :is(.home-room-formation,.home-room-furniture,.home-room-change,.home-town-departure) :is(span,strong) { color:inherit; }
html[data-color-theme]:is([data-color-theme="default"]) .outfit-preview-stage { border-color:var(--line); }
html[data-color-theme]:is([data-color-theme="default"]) .outfit-preview-stage-caption>span { background:rgb(var(--chrome-rgb) / 60%); border-color:var(--line); }
html[data-color-theme]:is([data-color-theme="default"]) .outfit-preview-dialog .outfit-preview-actor-name { color:var(--text); }
html[data-color-theme]:is([data-color-theme="default"]) .outfit-preview-dialog .outfit-preview-commands>span { background:linear-gradient(var(--surface-2),var(--surface)); border-color:var(--line); color:var(--text); }
html[data-color-theme]:is([data-color-theme="default"]) .outfit-preview-pager>span { color:var(--muted); }
html[data-color-theme]:is([data-color-theme="default"]) .magic-orb-screen>.workshop-header { background:var(--surface); }
html[data-color-theme]:is([data-color-theme="default"]) .magic-orb-screen .orb-counts { color:var(--muted); }
html[data-color-theme]:is([data-color-theme="default"]) .orb-picker-dialog .orb-category-all { border-color:var(--line); background:radial-gradient(ellipse at 35% 25%,rgb(var(--accent-rgb) / 41%),rgb(var(--accent-rgb) / 22%) 48%,var(--surface-deep)); color:var(--gold-strong); text-shadow:0 0 8px rgb(var(--accent-rgb) / 48%); }
html[data-color-theme]:is([data-color-theme="default"]) .orb-review-dialog .orb-review-summary>span { border-color:var(--line); }
html[data-color-theme]:is([data-color-theme="default"]) #enemy-detail-dialog .skill-book-card-header::before { border-color:var(--line); background:linear-gradient(135deg,var(--gold-strong),var(--surface-2) 50%,var(--surface-deep)); box-shadow:0 0 0 3px var(--surface-deep),0 0 0 4px var(--line); }
html[data-color-theme]:is([data-color-theme="default"]) #enemy-detail-dialog .enemy-detail-art { border-color:var(--line); background:radial-gradient(ellipse,var(--surface-2),var(--surface-deep) 75%); box-shadow:0 0 0 2px var(--surface-deep),0 0 0 3px var(--line),inset 0 0 14px #0006; }
html[data-color-theme]:is([data-color-theme="default"]) #battle-command-rescue-dialog .battle-command-rescue-note { border-color:var(--line); }
html[data-color-theme]:is([data-color-theme="default"]) #battle-command-rescue-dialog .command-picker-option:disabled>i { color:var(--muted); }
html[data-color-theme]:is([data-color-theme="default"]) :is(.login-board-dialog,.phase-advance-retry,.floor-event-card,.floor-event-discovery-notice,.team-switch-dialog,.battle-skill-effect-dialog,.expedition-result-dialog) .primary-button { box-shadow:inset 0 1px rgb(255 255 255 / 32%),inset 0 -2px rgb(0 0 0 / 40%),0 3px 0 rgb(0 0 0 / 58%),0 5px 12px rgb(0 0 0 / 22%); }
html[data-color-theme]:is([data-color-theme="default"]) #enemy-detail-dialog button:not(.danger-button)::after { background:rgb(var(--accent-rgb) / 34%); }
html[data-color-theme]:is([data-color-theme="default"]) #enemy-detail-dialog .enemy-detail-art::after { border-color:rgb(255 255 255 / 17%); }
html[data-color-theme]:is([data-color-theme="default"]) .home-town-home[data-layout="room"] :is(.home-furniture,.home-room-formation,.home-room-furniture,.home-room-change,.home-town-departure)::after { background:rgb(var(--accent-rgb) / 34%); }
html[data-color-theme]:is([data-color-theme="default"]) #ability-detail-dialog.skill-book-card:not(.is-alternate-art)>.skill-book-card-sigil.has-illustration { background:radial-gradient(ellipse,var(--surface-2),var(--surface-deep) 75%); }
html[data-color-theme]:is([data-color-theme="default"]) .anomaly-cost>div { border-color:var(--line); }
html[data-color-theme]:is([data-color-theme="default"]) :is(.retreat-confirm-dialog,.revive-confirm-dialog):not(:focus-visible) { outline-color:rgb(255 255 255 / 5%); }
html[data-color-theme]:is([data-color-theme="default"]) .skill-art-collection-screen .skill-art-collection-lead { color:var(--muted); }
html[data-color-theme]:is([data-color-theme="default"]) .skill-art-collection-screen .skill-art-collection-entry:not(.is-alternate) { border-color:var(--line); background:linear-gradient(145deg,var(--surface-2),var(--surface-deep)); color:var(--text); }
html[data-color-theme]:is([data-color-theme="default"]) .skill-art-collection-screen .skill-art-collection-entry:not(.is-alternate) .skill-art-collection-picture { background:radial-gradient(var(--surface-2),var(--surface-deep)); }
html[data-color-theme]:is([data-color-theme="default"]) .skill-art-collection-screen .skill-art-collection-entry:not(.is-alternate) .skill-art-collection-picture>small { background:rgb(var(--chrome-rgb) / 85%); border-color:var(--line); color:var(--muted); }
html[data-color-theme]:is([data-color-theme="default"]) .skill-art-collection-screen .skill-art-collection-entry:not(.is-alternate) .skill-art-collection-copy>small { color:var(--muted); }
html[data-color-theme]:is([data-color-theme="default"]) .skill-art-collection-screen .skill-art-collection-entry:not(.is-alternate):focus-visible { outline-color:var(--gold-strong); }
html[data-color-theme]:is([data-color-theme="default"]) .home-town-home[data-layout="room"] :is(.home-room-formation,.home-room-furniture,.home-room-change,.home-town-departure):is(:active,.button-pressing) { box-shadow:inset 0 4px 12px rgb(0 0 0 / 46%),0 1px rgb(var(--accent-rgb) / 22%); }
html[data-color-theme]:is([data-color-theme="default"]) :is(.profile-background-dialog,.inventory-filter-dialog,.forge-confirm-dialog,.chat-safety-dialog,.ability-confirm-dialog,.limited-abyss-core-picker-dialog,.limited-abyss-companion-confirm-dialog,.limited-abyss-command-picker-dialog,.battle-shell,.battle-log-dialog,.battle-item-dialog,.retreat-confirm-dialog,.revive-confirm-dialog,.battle-speed-dialog,.battle-tactics-dialog,.stamina-advance-dialog,.auth-title-dialog,.pwa-install-guide-dialog,.outfit-preview-dialog,.home-room-shop,.login-board-dialog,.icon-design-image-dialog,.phase-advance-retry,.floor-event-card,.floor-event-discovery-notice,.background-battle-monitor-actions,.menu-screen,.party-detail-dialog,.team-switch-dialog,.battle-skill-effect-dialog,.battle-command-rescue-dialog,.expedition-result-dialog) :is(.primary-button,.secondary-button,.text-button,.icon-button,.dialog-close-button,.inventory-filter-close,.command-picker-close,.battle-loot-button,.battle-speed-trigger,.battle-auto-settings-button,.battlefield-log-toggle,.battle-tactics-button,.menu-card,.tactics-apply,.tactics-close,.inventory-filter-option,.profile-background-option,.limited-abyss-command-option,.stamina-advance-option,.battle-speed-option):not(:disabled).button-pressing:not(.danger-button) { border-color:var(--gold-strong); box-shadow:inset 0 4px 12px rgb(0 0 0 / 46%),0 1px rgb(var(--accent-rgb) / 22%); }
html[data-color-theme]:is([data-color-theme="default"]) :is(.build-preset-icon-dialog,.build-preset-apply-dialog,.build-preset-delete-dialog,.equip-conflict-dialog,.settings-reset-dialog,.profile-background-dialog,.inventory-filter-dialog,.forge-confirm-dialog,.equip-confirm-dialog,.sale-dialog,.chat-safety-dialog,.character-shop-confirm-dialog,.crystal-confirm-dialog,.combat-role-warning-dialog,.command-picker-dialog,.battle-log-dialog,.battle-item-dialog,.retreat-confirm-dialog,.revive-confirm-dialog):focus-visible { outline-color:var(--gold-strong); }