/* Warm charcoal is the shared palette for the guild workspace and sign-in.
   Keep semantic colours paired with a surface; never use dark text on a dark card. */
:root {
  color-scheme: dark;
  --bg: #191816;
  --panel: #292724;
  --border: #5c554b;
  --text: #f5f1e9;
  --muted: #c9c1b4;
  --gold: #efb875;
  --ember: #efb875;
  --ink: #21180e;
  --green: #bfe8cd;
  --red: #ffd5cf;
  --surface-raised: #36322d;
  --surface-selected: #4a3927;
  --blue: #97bad5;
  --info-bg: #294358;
  --info-text: #dbedff;
  --good-bg: #264439;
  --good-text: #c5f2d8;
  --warn-bg: #51402a;
  --warn-text: #ffe0a8;
  --alert-bg: #523333;
  --alert-text: #ffd5cf;
  --purple-bg: #483c51;
  --purple-text: #eadbf5;
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: 16px;
}
body.ivory-ember.warm-charcoal { background: #111110; color: var(--text); line-height: 1.6; }
.warm-charcoal .site-shell { background: var(--bg); border-color: var(--border); box-shadow: 0 16px 50px #0005; }

/* The supplied poster provides the original wordmark; the citadel is independent.
   This viewport shows the logo only, without editing or stretching the artwork. */
.warm-charcoal .guild-banner { height: 206px; padding: 14px 34px; background: linear-gradient(90deg,#191816d9 0%,#19181640 52%,#19181614),url('/brand/citadel-claws.png') center 40%/cover; border-color: var(--border); box-shadow: none; outline: 0; }
.warm-charcoal .guild-wordmark { display: flex; flex-direction: column; align-items: center; gap: 0; width: 320px; max-width: 100%; color: var(--text); text-decoration: none; flex-shrink: 0; }
.guild-logo-crop { display: block; width: 100%; aspect-ratio: 600 / 328; position: relative; overflow: hidden; mask-image: linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(transparent,#000 8%,#000 92%,transparent); mask-composite: intersect; }
.guild-logo-crop img { position: absolute; display: block; width: 170.667%; max-width: none; height: auto; left: -36.667%; top: -9.146%; }
.warm-charcoal .guild-wordmark small { font: 12px/1.5 "Segoe UI",sans-serif; letter-spacing: 2px; margin: -3px 0 0; color: var(--muted); }
.warm-charcoal .guild-realm { background: #191816e8; color: var(--text); border: 1px solid var(--border); font-size: 13px; }
.warm-charcoal .workspace-nav { background: #211f1c; border-color: var(--border); }
.warm-charcoal .workspace-subnav { background: var(--panel); border-color: var(--border); }
.warm-charcoal :is(.workspace-nav,.workspace-subnav) button { background: transparent; color: var(--muted); border-color: transparent; box-shadow: none; font-size: 14px; }
.warm-charcoal :is(.workspace-nav,.workspace-subnav) button.active { background: var(--surface-selected); color: var(--text); border-color: var(--border); border-bottom-color: var(--gold); }
.warm-charcoal :is(.workspace-nav,.workspace-subnav) button:hover:not(:disabled) { background: var(--surface-raised); color: var(--text); }
.warm-charcoal :is(.workspace-nav,.workspace-subnav) .guild-icon { color: var(--gold); }
.warm-charcoal main>header { background: var(--panel); border-color: var(--border); border-bottom-color: var(--gold); box-shadow: none; }
.warm-charcoal :is(h1,h2,h3,h4,main>header h1,.dialog-head h2) { color: var(--text); }
.warm-charcoal :is(p,.muted,.help,label,summary,td small,.page-description,main>header .page-description,footer,.section-label,.nav-label) { color: var(--muted); }
.warm-charcoal :is(header .eyebrow,.research-kicker,.game small,.game-art,.hero-art,.text-gold,.amount,.hub-count) { color: var(--gold); }
.warm-charcoal :is(p,label,summary) { font-size: 14px; }
.warm-charcoal :is(.help,td small,footer) { font-size: 13px; }
.warm-charcoal a { color: var(--gold); }
.warm-charcoal a:hover { color: #ffddb0; }
.warm-charcoal :is(button,a.button),.warm-charcoal button:not(.secondary):not(.shortcut):not(nav button) { background: var(--gold); border-color: var(--gold); color: var(--ink); box-shadow: none; font-size: 14px; }
.warm-charcoal :is(button,a.button):hover:not(:disabled) { filter: brightness(1.08); }
body.warm-charcoal :is(.secondary,header .secondary,.shortcut) { background: var(--surface-raised); border-color: var(--border); color: var(--text); }
body.warm-charcoal .secondary:hover:not(:disabled) { background: #484138; color: var(--text); border-color: var(--gold); }
.warm-charcoal :is(button,a,input,select,textarea,summary):focus-visible { outline: 3px solid var(--gold); outline-offset: 3px; }
.warm-charcoal :is(input,select,textarea) { background: #211f1c; border-color: #797061; color: var(--text); font-size: 15px; }
.warm-charcoal :is(input,textarea)::placeholder { color: #bfb6a8; }
.warm-charcoal :is(input[type=checkbox],input[type=range],progress) { accent-color: var(--gold); }
.warm-charcoal :is(.panel,.panel .panel,.stat,.game,.shortcut,details,dialog,.dialog-head,.dialog-actions) { background: var(--panel); border-color: var(--border); color: var(--text); box-shadow: none; }
.warm-charcoal :is(.panel-head,.panel>h2,.tier,td,hr,footer,.hub-row,.page-tabs,.table-wrap) { border-color: var(--border); }
.warm-charcoal :is(details details,blockquote,.rule-flow span,.connection-strip,.hero,.empty,.badge,header .badge) { background: var(--surface-raised); border-color: var(--border); color: var(--text); }
.warm-charcoal :is(.stat strong,.stat p,.stat small) { color: var(--text); }
.warm-charcoal :is(.stat p,.stat small) { color: var(--muted); }
.warm-charcoal :is(th,.assignment-grid thead th) { background: var(--surface-raised); color: var(--text); border-color: var(--border); font-size: 12px; }
.warm-charcoal tbody tr:hover { background: #302d28; }
.warm-charcoal :is(.badge.online,.notice.success) { background: var(--good-bg); color: var(--good-text); border-color: #6b9a7e; }
.warm-charcoal :is(.text-good,.success,.review-good) { color: var(--good-text)!important; }
.warm-charcoal :is(.text-alert,.error,.negative) { color: var(--alert-text); }
.warm-charcoal .notice { background: var(--warn-bg); color: var(--warn-text); border-color: #95754b; }
.warm-charcoal .notice.error { background: var(--alert-bg); color: var(--alert-text); border-color: #ad7770; }
.warm-charcoal .page-tabs button { background: transparent; border-color: transparent; color: var(--muted); }
.warm-charcoal .page-tabs button.selected { background: var(--surface-selected); border-color: var(--gold); color: var(--text); }
.warm-charcoal dialog::backdrop { background: #0b0a09c9; }
.warm-charcoal #dialog-content :is(.help,fieldset) { background: var(--surface-raised); border-color: var(--border); color: var(--muted); }
.warm-charcoal #dialog-content :is(h3,legend) { color: var(--gold); border-color: var(--border); }
.warm-charcoal #dialog-content hr { background: var(--border); }
.warm-charcoal .skip-link { background: var(--gold); color: var(--ink); }

/* Home, hubs, teams and message management. */
.warm-charcoal :is(.hub-metric,.hub-dark,.guild-chart,.guild-toolbox,.guild-tool,.guild-team-card,.progress-stats>div,.benchmark-card) { background: var(--panel); border-color: var(--border); color: var(--text); box-shadow: none; }
.warm-charcoal :is(.hub-metric strong,.progress-stats strong,.benchmark-card h3) { color: var(--gold); }
.warm-charcoal :is(.hub-metric span,.hub-metric small,.hub-dark p,.hub-dark small,.progress-stats span,.guild-chart .hub-chart-caption,.guild-art-copy small,.hub-entry small) { color: var(--muted); }
.warm-charcoal :is(.hub-dark h2,.hub-dark h3,.hub-dark strong) { color: var(--text); }
.warm-charcoal :is(.hub-dark .panel-head,.hub-dark .hub-row,.guild-toolbox-heading,.guild-section-heading::after,footer::before,footer::after) { border-color: var(--border); }
body.warm-charcoal .hub-entry { background: var(--surface-raised)!important; color: var(--text)!important; border-color: var(--border)!important; }
.warm-charcoal :is(.hub-samples span,.guild-entry-icon,.guild-tool-icon,.research-icon-fallback) { background: var(--surface-raised); color: var(--gold); border-color: var(--border); outline-color: var(--border); }
body.warm-charcoal button.guild-art-card.secondary { background: radial-gradient(ellipse at 50% 35%,#6e503e40,transparent 70%),var(--panel); color: var(--text); border-color: var(--border); box-shadow: none; }
.warm-charcoal button.guild-art-card.secondary:hover { border-color: var(--gold); box-shadow: none; }
.warm-charcoal :is(.guild-art-title .guild-icon,.guild-art-arrow,.panel-head h2>.guild-icon,.guild-section-heading::before) { color: var(--gold); }
.warm-charcoal .hub-entry:hover .guild-entry-icon { background: var(--surface-selected); }

/* Boss selectors, shared review controls and evidence cards. */
.warm-charcoal :is(.research-welcome,.review-raider,.review-log,.review-mechanic,.review-evidence,.research-spec-card,.research-chip,.research-team,.research-recent,.research-recent-item) { background: var(--panel); border-color: var(--border); color: var(--text); }
.warm-charcoal :is(.research-welcome h2,.research-welcome h3,.research-welcome strong,.research-welcome label,.research-class strong,.research-chip>b,.research-percent,.research-role-counts b) { color: var(--text); }
.warm-charcoal :is(.research-welcome p,.research-welcome .help,.research-welcome .muted,.research-welcome .review-live-bar,.research-class small,.research-healer-row small,.research-spec-card>small,.review-raider h3 small,.review-log small,.review-card-foot small,.review-mechanic-numbers small,.review-mechanic-numbers>span,.review-group-label small) { color: var(--muted); }
.warm-charcoal :is(.review-cart,.review-selection-log,.review-select-boss,.review-scope,.research-comparison-summary,.research-sample-summary,.boss-directory-update,.research-welcome .review-scope) { background: var(--surface-raised); color: var(--text); border-color: var(--border); }
.warm-charcoal :is(.research-welcome details,.research-welcome .intel-sync-status) { background: var(--bg); color: var(--muted); border-color: var(--border); }
.warm-charcoal :is(.review-log.selected,.research-page .research-recent-item[aria-pressed=true]) { background: var(--surface-selected); border-color: var(--gold); }
.warm-charcoal :is(.review-source-chips a,.research-role-counts>span) { background: var(--surface-raised); color: var(--text); border-color: var(--border); }
.warm-charcoal :is(.review-live-bar,.review-scope span,.research-welcome .review-scope span,.research-recent-item span,.research-recent-item small,.research-recent-heading span) { color: var(--muted); }
.warm-charcoal :is(.review-metrics>div,.intel-usage,.assignment-totals>div) { background: var(--surface-raised); color: var(--text); border-color: var(--border); }
.warm-charcoal :is(.review-metrics strong,.intel-usage>strong) { color: var(--gold); }
.warm-charcoal :is(.review-metrics span,.intel-usage>small,.intel-usage>span) { color: var(--muted); }
.warm-charcoal :is(.intel-usage[data-usage=healthPotion],.intel-usage[data-usage=healthstone],.review-positive>div) { background: var(--good-bg); color: var(--good-text); border-color: #527563; }
.warm-charcoal :is(.intel-usage[data-usage=healthPotion]>strong,.intel-usage[data-usage=healthstone]>strong,.review-positive>div>strong,.review-positive>div>p) { color: var(--good-text)!important; }
.warm-charcoal :is(.review-classify .active,.research-team-tabs .selected,.research-team-tabs .active,.research-team-tabs [aria-pressed=true]) { background: var(--gold)!important; color: var(--ink)!important; border-color: var(--gold)!important; }
.warm-charcoal .review-warning { color: var(--warn-text)!important; border-color: #95754b!important; }
.warm-charcoal :is(.review-live-bar,.team-review-selection,.boss-directory-tools,.research-roster-row,.research-healer-row,.review-pull-picker label) { border-color: var(--border); }
.warm-charcoal :is(.research-page details>summary,.research-page .research-welcome details>summary,.review-source-details>summary,.research-roster-row .research-check) { color: var(--text); }
.warm-charcoal .research-gap { color: var(--warn-text); }
.warm-charcoal .boss-directory { border-top-color: var(--gold)!important; }
body.warm-charcoal .boss-directory .boss-directory-boss { background: var(--surface-raised); color: var(--text); border-color: var(--border); box-shadow: none; }
body.warm-charcoal .boss-directory .boss-directory-boss[aria-pressed=true] { background: var(--gold); color: var(--ink); border-color: var(--gold); }
.warm-charcoal .boss-directory-boss small { color: var(--muted); font-size: 13px; }
.warm-charcoal .boss-directory-order { color: var(--gold); }
.warm-charcoal .boss-directory-boss[aria-pressed=true] :is(small,.boss-directory-order) { color: var(--ink); }
.warm-charcoal :is(.boss-directory-difficulty,.heatmap-segments) button[aria-pressed=true] { background: var(--gold)!important; color: var(--ink)!important; border-color: var(--gold)!important; }
.warm-charcoal #research-mechanics { border-color: var(--border); }
.warm-charcoal #research-mechanics>.mechanics-heading { background: var(--surface-raised); color: var(--text); border-left-color: var(--gold); }
.warm-charcoal #research-mechanics>.mechanics-heading:hover { background: #413b32; }
.warm-charcoal :is(.mechanics-heading-copy,.mechanics-heading-copy strong) { color: var(--text); }
.warm-charcoal .mechanics-heading-copy .mechanics-heading-kicker { color: var(--gold); font-size: 12px; }
.warm-charcoal .mechanics-heading-icon { background: var(--surface-selected); color: var(--gold); border-color: var(--border); }
.warm-charcoal .mechanics-heading-action { background: var(--gold); color: var(--ink); border-color: var(--gold); }

/* Composition: keep class colours on marks and icons, readable neutral labels. */
.warm-charcoal :is(.composition-panel,.composition-role,.composition-spec) { background: var(--panel); border-color: var(--border); }
.warm-charcoal :is(.composition-intro,.composition-role-head,.composition-method,.composition-empty) { background: var(--surface-raised); color: var(--text); border-color: var(--border); }
.warm-charcoal :is(.composition-sample,.composition-spec-detail) { border-color: var(--border); }
.warm-charcoal :is(.composition-sample>strong,.composition-role-symbol) { color: var(--gold); }
.warm-charcoal .composition-role-symbol { background: var(--panel); border-color: var(--border); }
.warm-charcoal :is(.composition-role-head h3,.composition-panel .composition-spec>summary,.composition-spec .research-class strong,.composition-share>strong,.composition-row-meta b) { color: var(--text); }
.warm-charcoal :is(.composition-sample>span,.composition-sample small,.composition-legend,.composition-role-head small,.composition-spec .research-class small,.composition-share small,.composition-row-meta,.composition-bottom>span,.composition-help) { color: var(--muted); font-size: 12px; }
.warm-charcoal .composition-spec .research-class strong { font-size: 14px; }
.warm-charcoal :is(.composition-role-tabs>button,.composition-role-tabs>button:hover) { background: var(--surface-raised); color: var(--text); border-color: var(--border); }
.warm-charcoal .composition-role-tabs>button[aria-pressed=true] { background: var(--gold); color: var(--ink); border-color: var(--gold); }
.warm-charcoal .composition-panel .composition-spec>summary:hover { background: var(--surface-raised); }
.warm-charcoal :is(.composition-method>summary,.composition-evidence a) { color: var(--gold); }
.warm-charcoal :is(.composition-bar,.research-bar) { background: #464139; }
.warm-charcoal .composition-one { fill-opacity: .5; }
.warm-charcoal .legend-one { background: #cfb18e; }
.warm-charcoal .legend-stacked { background: var(--gold); }
.warm-charcoal .legend-absent { background: #464139; }

/* Damage, deaths, timelines and charts. Geometry and data are unchanged. */
.warm-charcoal :is(.boss-damage-panel,.boss-damage-chart,.boss-deaths-panel,.death-card,.death-empty) { background: var(--panel); border-color: var(--border); color: var(--text); }
.warm-charcoal :is(.boss-damage-heading,.boss-damage-footer,.boss-damage-status,.boss-damage-empty) { background: var(--surface-raised); border-color: var(--border); color: var(--muted); }
.warm-charcoal .boss-damage-overview { background: #211f1c; color: var(--text); border-color: var(--border); }
.warm-charcoal .boss-damage-ring { background: var(--surface-raised); box-shadow: 0 0 0 7px #efb87512; }
.warm-charcoal .boss-damage-ring>div { background: #211f1c; }
.warm-charcoal :is(.boss-damage-ring strong,.boss-damage-total>strong,.death-numbers>strong,.death-summary strong) { color: var(--gold); }
.warm-charcoal :is(.boss-damage-eyebrow,.boss-damage-tag,.boss-damage-ring span,.boss-damage-overview>p,.boss-damage-total>span,.boss-damage-chart-head,.boss-spell-rank,.boss-spell-values>span,.boss-spell-meta,.boss-damage-coverage,.boss-damage-coverage>span,.death-heading p,.death-card-foot,.death-numbers>strong>small,.death-numbers>span,.death-summary small,.death-summary span,.death-status,.death-method p,.death-empty p) { color: var(--muted); }
.warm-charcoal :is(.boss-damage-title .research-kicker,.boss-deaths-panel .research-kicker) { color: var(--gold); font-size: 12px; }
.warm-charcoal :is(.boss-spell-label>a,.boss-spell-label>strong,.boss-spell-values strong,.death-heading h2,.death-spell-heading h3,.death-numbers b,.death-empty h3) { color: var(--text); }
.warm-charcoal :is(.boss-damage-emblem,.boss-spell-icon,.death-heading-mark) { background: var(--surface-raised); color: var(--gold); border-color: var(--border); }
.warm-charcoal :is(.boss-spell-row,.boss-damage-total,.death-summary,.death-method) { border-color: var(--border); }
.warm-charcoal :is(.boss-spell-track,.hub-track,.guild-chart .hub-track,.hub-dark .hub-track) { background: #464139; border: 0; }
.warm-charcoal .boss-spell-fill,.warm-charcoal .boss-spell-row:nth-child(n) .boss-spell-fill { fill: var(--gold); }
.warm-charcoal .boss-ring-track { stroke: #51473b; }
.warm-charcoal .boss-ring-value { stroke: var(--gold); }
.warm-charcoal :is(.boss-damage-footer summary,.death-method>summary,.death-card-foot a) { color: var(--gold); }
.warm-charcoal .death-track-bg { fill: #464139; }
.warm-charcoal .death-track-fill { fill: var(--gold); }
.warm-charcoal .death-card:nth-child(2) .death-track-fill { fill: var(--blue); }
.warm-charcoal :is(.intel-lust,.intel-sync-status,.assignment-active,.recap-intro) { background: var(--surface-raised); color: var(--text); border-color: var(--border); }
.warm-charcoal :is(.intel-lust p,.intel-lust .help,.intel-axis,.intel-spell-list small,.intel-cast-list small,.intel-phases small,.intel-cooldown small,.intel-pattern>small,.assignment-active>span,.assignment-active>p) { color: var(--muted); }
.warm-charcoal :is(.intel-cast-list time,.intel-phases b,.intel-phase-number,.intel-pattern .panel-head>strong,.assignment-active>strong) { color: var(--gold); }
.warm-charcoal :is(.intel-spell-list>div,.intel-cast-list>a,.intel-player-heading,.intel-match-row,.intel-phases>div,.intel-cooldown,.intel-pattern,.intel-night-rows>div,.consistency-block,.benchmark-classes article) { border-color: var(--border); }
.warm-charcoal .intel-track,.warm-charcoal .intel-lust .intel-track { fill: #464139; }
.warm-charcoal .intel-fill,.warm-charcoal .intel-lust .intel-fill,.warm-charcoal .intel-cooldown rect { fill: var(--gold); }
.warm-charcoal .intel-stroke,.warm-charcoal .progress-line { stroke: var(--gold); }
.warm-charcoal .intel-dot { fill: var(--panel); stroke: var(--gold); }
.warm-charcoal .intel-death-dot { fill: #ec9b8c; stroke: var(--panel); }
.warm-charcoal :is(.intel-line text,.intel-timeline text,.progress-chart text) { fill: var(--muted); }
.warm-charcoal :is(.intel-grid,.progress-grid) { stroke: #70675b; }
.warm-charcoal .intel-cooldown svg { background: #464139; }
.warm-charcoal .hub-track span { background: var(--gold); }
.warm-charcoal .hub-track .missing { background: transparent; }
.warm-charcoal :is(.hub-trend>div,.recap-track span) { background: var(--gold); }
.warm-charcoal .progress-pull { fill: var(--gold); }
.warm-charcoal .progress-kill { fill: #8ac6a0; }
.warm-charcoal .progress-death { fill: #ec9b8c; }

/* Cooldown and consistency statuses always include labels, not colour alone. */
.warm-charcoal :is(.assignment-grid-scroll,.assignment-result,.recap-event,.heatmap-layout) { border-color: var(--border); }
.warm-charcoal :is(.assignment-result,.recap-option,.heatmap-insight,.heatmap-empty,.heatmap-arena-choice,.heatmap-arena-reference,.heatmap-request-error) { background: var(--surface-raised); color: var(--text); border-color: var(--border); }
.warm-charcoal :is(.assignment-grid th:first-child,.consistency-grid th:first-child) { background: var(--surface-raised); color: var(--text); }
.warm-charcoal .assignment-grid tbody th>strong { color: var(--text); }
.warm-charcoal .assignment-grid tbody th>span,.warm-charcoal .assignment-grid tbody th>small,.warm-charcoal .assignment-grid thead th small { color: var(--muted); }
.warm-charcoal .assignment-grid thead th.selected { background: var(--surface-selected); box-shadow: inset 0 -3px var(--gold); }
.warm-charcoal .assignment-tile.on-time { background: var(--good-bg)!important; color: var(--good-text)!important; }
.warm-charcoal :is(.assignment-tile.early,.assignment-tile.late) { background: var(--warn-bg)!important; color: var(--warn-text)!important; }
.warm-charcoal .assignment-tile.no-match { background: var(--alert-bg)!important; color: var(--alert-text)!important; }
.warm-charcoal .assignment-tile.dead { background: var(--purple-bg)!important; color: var(--purple-text)!important; }
.warm-charcoal .assignment-tile.ended { background: #47433d!important; color: var(--text)!important; }
.warm-charcoal :is(.assignment-tile.unmatched,.assignment-tile.timing) { background: #394548!important; color: #e2e9e9!important; }
.warm-charcoal .assignment-tile.pending,.warm-charcoal .assignment-grid button.assignment-tile.pending { background: var(--info-bg)!important; color: var(--info-text)!important; }
.warm-charcoal .assignment-grid button.assignment-tile:hover { outline-color: var(--gold); }
.warm-charcoal .consistency-tile.cast { background: var(--warn-bg); color: var(--warn-text); }
.warm-charcoal .consistency-tile.hit { background: var(--alert-bg); color: var(--alert-text); }
.warm-charcoal .consistency-tile.zero { background: var(--surface-raised); color: var(--muted); }
.warm-charcoal .consistency-tile.unknown { background: var(--info-bg); color: var(--info-text); }
.warm-charcoal :is(.recap-event.cast,.recap-event.applybuff,.recap-event.refreshbuff,.recap-event.removebuff) { background: var(--info-bg); color: var(--info-text); }
.warm-charcoal .recap-event.death { background: var(--alert-bg); color: var(--alert-text); }
.warm-charcoal .recap-event :is(small,p) { color: inherit; }
.warm-charcoal .recap-track { background: #464139; }
.warm-charcoal .recap-event.heal .recap-track span { background: #8ac6a0; }
.warm-charcoal :is(.heatmap-stat,.heatmap-death-list div) { border-color: var(--border); }
.warm-charcoal .heatmap-stage { background: #211f1c; color: var(--text); }
.warm-charcoal :is(.heatmap-map-title,.heatmap-legend) { color: var(--muted); }
.warm-charcoal .heatmap-stage p { color: var(--muted)!important; }
.warm-charcoal :is(.heatmap-panel,.assignment-panel) { border-top-color: var(--gold)!important; }
.warm-charcoal .heatmap-emblem { color: var(--gold); }
.warm-charcoal .heatmap-empty progress::-webkit-progress-value { background: var(--gold); }
.warm-charcoal :is(.review-mechanics-grid,.assignment-grid-scroll,.consistency-scroll,.research-recent-list) { scrollbar-color: #8c7b64 var(--panel); }
.warm-charcoal .boss-spell-label>a>span { color: var(--gold); }
/* Navigation remains quiet; reserve the filled amber treatment for actions and selections. */
body.warm-charcoal :is(.workspace-nav,.workspace-subnav) button { background: transparent; color: var(--muted); border-color: transparent; }
body.warm-charcoal :is(.workspace-nav,.workspace-subnav) button.active { background: var(--surface-selected); color: var(--text); border-color: var(--border); border-bottom-color: var(--gold); }
body.warm-charcoal :is(.workspace-nav,.workspace-subnav) button:hover:not(:disabled) { background: var(--surface-raised); color: var(--text); }

/* Sign-in shares the same palette and original guild logo. */
body.warm-charcoal.login-page { background: linear-gradient(#19181633,#1918167a),url('/brand/citadel-claws.png') center/cover fixed; padding: 24px; }
.warm-charcoal .login-shell { max-width: 500px; }
.warm-charcoal .login-shell .guild-wordmark { width: 350px; margin: 0 auto 24px; }
.warm-charcoal .login-shell .panel { background: var(--panel); border-color: var(--border); box-shadow: 0 16px 60px #0006; }
.warm-charcoal .login-shell h1 { color: var(--text); }
.warm-charcoal .login-shell .help { color: var(--muted); }
@media(max-width:760px) {
  .warm-charcoal .guild-banner { height: 180px; padding: 12px 20px; }
  .warm-charcoal .guild-wordmark { width: 265px; }
  .warm-charcoal .guild-wordmark small { font-size: 11px; }
  .warm-charcoal .login-shell .guild-wordmark { width: min(310px,100%); }
  body.warm-charcoal.login-page { background-position: 72% center; }
  .warm-charcoal :is(.workspace-nav,.workspace-subnav) button { font-size: 13px; }
  .warm-charcoal :is(.workspace-nav,.workspace-subnav) { overflow-x: visible; }
}