/* Shared high-contrast jade, charcoal and brass skin. Layout stays in the
   responsive HUD styles so draggable widgets and touch controls keep working. */
:root {
  --ink: #091310;
  --border: #9b7c43;
  --gold: #e8c77d;
  --text: #f2ead9;
  --muted: #bdc6b9;
  --hud-surface: linear-gradient(145deg, #182921, #09130f 75%);
  --hud-frame: inset 0 0 0 2px #08110d, inset 0 0 0 3px #d5b46a26,
    0 4px 12px #0007;
}

#game .party-card,
#game #automation-panel,
#game #bot-settings-panel,
#game #boss-bar {
  background: var(--hud-surface);
  border: 1px solid var(--border);
  border-radius: 6px;
  box-shadow: var(--hud-frame);
  color: var(--text);
  backdrop-filter: none;
}

#game .party-card .section-title,
#automation-panel .quest-panel-heading,
.bot-settings-heading {
  color: var(--gold);
  font-weight: 700;
  border-bottom: 1px solid #b594504d;
  padding-bottom: 7px;
}
#game .party-card .companion-name { color: #f7efdd; font-weight: 600; }
#game .party-card .companion-name small { color: var(--muted); font-weight: 400; }
#game .party-card .companion-icon { color: var(--gold); text-shadow: 0 1px 2px #000; }
#game .party-card .small-note { color: #bdc6b9; line-height: 1.6; }
#game .party-card .meter { height: 5px; background: #030906; box-shadow: 0 0 0 1px #53664b66; }
#game .party-card .meter i { background: linear-gradient(#c1dfa2, #608c53); }
#automation-panel #quest-name { color: #fff0ce; font-weight: 700; margin-top: 7px; }
#automation-panel #objectives li { color: #e2e7d6; }
#automation-panel #objectives li.done { color: #addb8e; }
#quest-auto-badge { color: #c9f6a5; }
#quest-action.quest-running { background: #9dc96514; }
#quest-action:hover:not([aria-disabled=true]) { background: #e8c77d0e; }

/* Brass compass: opaque labels and a clean metallic ring. */
#game .map-card .section-title,
#game .map-coordinates {
  color: #fff0ce;
  background: #0a1511;
  border: 1px solid #b18f50;
  border-radius: 4px;
  box-shadow: inset 0 1px #ead29824, 0 2px 5px #0007;
  text-shadow: 0 1px 1px #000;
  font-weight: 700;
}
#game .minimap-frame {
  background: linear-gradient(135deg, #ffe0a0, #9c7638 24%, #e4be71 50%, #735126 76%, #ebcb86);
  box-shadow: 0 0 0 2px #06100c, 0 0 0 3px #c29c585c, 0 5px 14px #0009;
}
#game #minimap-open { border-color: #050c09; background: #0b1711; }
#game .minimap-north { color: #fff3d2; text-shadow: 0 2px 2px #000, 0 0 4px #000; }

/* Keep the authored medallion artwork; add depth and readable captions. */
#game .hud-menu button {
  background: #08130f;
  box-shadow: 0 3px 7px #0009, inset 0 0 0 1px #d7b56c;
}
#game .hud-menu .hud-menu-art { filter: contrast(1.15) saturate(1.12); }
#game .hud-menu .hud-menu-label {
  top: calc(100% + 4px);
  padding: 2px 5px;
  border-radius: 3px;
  background: #07110ee8;
  color: #fff0cf;
  font-weight: 700;
  text-shadow: 0 1px 1px #000;
}
#game .hud-menu kbd,
#game #map-expand kbd {
  background: #07110e;
  border-color: #c19b57;
  color: #ffe4a3;
  font-weight: 700;
}
#game .hud-menu button:hover { background: #15271d; box-shadow: 0 0 0 1px #ffe2a0, 0 4px 10px #0008; }

/* Skill rail: solid backing, crisp slot edges and brighter shortcut numbers. */
#game #hotbar {
  background: linear-gradient(#14231c, #070e0b);
  border: 1px solid #ab8848;
  border-radius: 6px;
  padding: 6px;
  box-shadow: var(--hud-frame);
  backdrop-filter: none;
}
#game #hotbar .slot {
  background: linear-gradient(145deg, #23382a, #07110c);
  border-color: #b99a59;
  border-radius: 4px;
  box-shadow: inset 0 1px #ffe7ac20, inset 0 -2px #0008;
}
#game #hotbar .slot:hover:not(:disabled) { border-color: #ffe2a0; background: linear-gradient(#3b5032, #142419); }
#game #hotbar .slot.empty { background: #070e0b; border: 1px solid #4b4e39; box-shadow: inset 0 1px 4px #0009; }
#game #hotbar kbd { color: #fff0bd; font-weight: 700; text-shadow: 0 1px 2px #000, 1px 0 2px #000; }
#game #hotbar .slot.empty kbd { color: #90957f; }
#game #hotbar .cost { color: #a9e3ff; font-weight: 700; }
#game #hotbar .count { color: #fff4da; font-weight: 700; }
#game #hotbar .cooldown { background: #030a08cf; color: #ffe0a0; font-weight: 700; }
#game #hotbar .skill-lock { background: #030a08e8; color: #e4d2a8; }
#game #hotbar .slot.ready { border-color: #c1f7a1; box-shadow: inset 0 0 0 1px #c1f7a14d, 0 0 8px #9cdd6973; }

/* Buttons and windows share the same frame and state colors. */
#game dialog {
  background: var(--hud-surface);
  border-color: #c8a45c;
  color: var(--text);
  box-shadow: var(--hud-frame), 0 20px 70px #000b;
}
#game dialog::backdrop { background: #020806ad; }
#game dialog button,
#game #party-btn,
#game #quest-auto-stop,
#game #bot-settings-panel button,
#game #map-expand,
#game #loot-btn {
  background: linear-gradient(#26382a, #0d1a13);
  border-color: #a98a4d;
  color: #f8e5b7;
  box-shadow: inset 0 1px #e8c77d26, 0 2px 4px #0005;
}
#game dialog button:hover:not(:disabled),
#game #party-btn:hover,
#game #quest-auto-stop:hover,
#game #bot-settings-panel button:hover,
#game #map-expand:hover,
#game #loot-btn:hover { background: linear-gradient(#405035, #1b2c1e); border-color: #ffe0a0; }
#game dialog button:is([aria-selected=true], [aria-pressed=true], [aria-current=true]),
#game #bot-range-choices button[aria-pressed=true] {
  background: linear-gradient(#75602e, #302713);
  border-color: #f4d18a;
  color: #fff0c9;
  box-shadow: inset 0 -2px #dfb866, inset 0 1px #ffe7a74d;
}
#game dialog .gold-button { background: linear-gradient(#ffe0a0, #bf9346); color: #161a0e; border-color: #ffe8b5; }
#game .window-heading { background: linear-gradient(90deg, #1c3022, #08130e); border-color: #b69550; }
#game .window-heading h2,
#game .window-panel h3 { color: #ffe0a0; }
#game .window-nav { background: #060e0a; border-color: #aa8748; }
#game .window-panel,
#game .skill-sidebar,
#game .map-legend,
#game .map-area { background: #0a1610; border-color: #8e7544; }
#game .window-muted,
#game .skill-card small,
#game .window-subtitle { color: #bdc6b9; }
#game .window-footer { background: #070f0b; border-color: #967840; color: #ecd097; }
#game .skill-card .window-icon { background: #040b07; border-color: #c5a460; }
#game .gold-display { background: #08130f; border-color: #b59450; color: #ffdf91; font-weight: 700; }
#game #auto-combat-toggle,
#game #attack-btn { background: radial-gradient(circle at 35% 20%, #30452e, #08130e 75%); border-color: #ebc77e; color: #ffe2a0; box-shadow: inset 0 0 0 3px #08130e, 0 0 0 1px #8d703c, 0 4px 9px #0009; }
#game #auto-combat-toggle[aria-pressed=true] { background: radial-gradient(circle at 35% 20%, #427337, #10271b 75%); border-color: #ccf4a3; color: #e1ffc0; box-shadow: inset 0 0 0 3px #102317, 0 0 12px #9cdd6973; }
#game #attack-btn.pressed { background: #65522b; border-color: #ffe7ac; box-shadow: inset 0 2px 8px #0009, 0 0 12px #dcb96666; }
#game #auto-settings-btn { background: #0a1810; border-color: #c6a15a; color: #ffe2a0; }
#game button:focus-visible,
#game [role=button]:focus-visible { outline: 2px solid #ffe3a2; outline-offset: 3px; }

/* Touch HUD keeps its free-standing circular skill layout. */
@media (max-width:750px), (pointer:coarse) and (max-width:1100px) {
  #game #hotbar { background: none; border: 0; padding: 0; box-shadow: none; border-radius: 0; }
  #game #hotbar .slot { border-radius: 50%; border-width: 2px; box-shadow: 0 0 0 2px #07110c, 0 3px 8px #0009; }
  #game .hud-menu .hud-menu-label { top: calc(100% + 2px); padding: 1px 3px; }
}

#game #hotbar .slot.buff-active {border-color:#8be6d0;box-shadow:inset 0 0 9px #8be6d044,0 0 7px #8be6d055;}
#game #hotbar .slot.buff-active .cost {color:#baffeb;font-weight:700;}

#skill-hover{position:fixed;z-index:var(--z-tooltip,60);width:max-content;max-width:min(280px,calc(100vw - 16px));padding:10px 13px;border:1px solid #d7b980aa;border-radius:8px;background:#0b1513f5;box-shadow:0 4px 18px #0008;color:#e7e9dd;pointer-events:none;font-size:12px;line-height:1.55;text-align:left;}
#skill-hover[hidden]{display:none;}
#skill-hover strong{display:block;color:#ffe2a2;font-size:14px;margin-bottom:3px;}
#skill-hover span{display:block;}