/* Highscores has its own emerald palette; the rest of Emberveil stays red. */
#highscores {
  --gold: #a4f17b;
  --line: #35543a;
  --muted: #bdcabc;
  margin-block: 44px;
  padding: 26px 26px 30px;
  border: 1px solid #568945;
  border-radius: 6px;
  background: linear-gradient(180deg,rgba(8,19,12,.88),rgba(9,17,12,.96) 60%),
    url("assets/highscores-dragon-fire.webp") top center / cover no-repeat;
  box-shadow: 0 0 0 5px #16271a, 0 0 45px #365b2526;
}
#highscores h2,
#highscores h3 {
  font-family: "Emberveil Graffiti", Impact, sans-serif;
  font-weight: 400;
  color: #a4f17b;
  text-shadow: 0 2px 0 #245b25, 0 4px 0 #071e10, 0 0 22px #061008;
}
#highscores .eyebrow { color: #b7eaa0; }
#highscores .scores-dragon-banner {
  min-height: 365px;
  border-color: #527a42;
  border-radius: 3px;
  background: #0b150d;
}
#highscores .scores-dragon-banner > img { object-position: center; }
#highscores .scores-dragon-banner:after {
  background: linear-gradient(90deg,rgba(7,17,11,.82),rgba(7,17,11,.42) 42%,transparent 73%);
}
#highscores .scores-dragon-copy { padding: 70px 30px 32px; max-width: 540px; }
#highscores .scores-dragon-copy h2 { font-size: clamp(32px,4vw,47px); }
#highscores .score-skills,
#highscores .score-arrivals { background: #101f15e8; border-color: #35543a; }
#highscores .score-skills { min-height: 0; }
#highscores .score-main { padding: 20px; border: 1px solid #35543a; background: #0a150fe8; }
#highscores .score-controls input,
#highscores .score-controls select { background: #12221a; border-color: #517448; }
#highscores .score-skills button:hover { background: #203b24; color: #edffe5; }
#highscores .score-skills button[aria-pressed=true] { background: #a4f17b; color: #0b1b10; }
#highscores .score-table tbody tr:hover { background: #a4f17b0b; }
nav[aria-label="Main navigation"] a[href="#highscores"] {
  color: #a4f17b;
  text-shadow: 0 2px 0 #174322;
}
#highscores .score-role-owner { display:flex; align-items:center; gap:6px; color:#ff8c99; font-weight:700; margin-top:4px; }
#highscores .score-role-owner:before { content:""; display:inline-block; width:30px; height:32px; flex:none; background:url("assets/owner-flame-crown.svg?v=flames2") center / contain no-repeat; filter:drop-shadow(0 0 3px #ff557d) drop-shadow(0 0 8px #f50744); animation:owner-ember-glow 1.7s ease-in-out infinite alternate; }
@keyframes owner-ember-glow { to { filter:drop-shadow(0 0 5px #ff9aac) drop-shadow(0 0 13px #ff0044); } }
@media(prefers-reduced-motion:reduce) { #highscores .score-role-owner:before { animation:none; } }
.client-update { padding:18px 20px; margin:20px 0 0; border:1px solid #914350; background:#2a1219; color:#fff0e8; font:14px/1.7 Arial,sans-serif; }
.client-update strong { color:#ff9f8e; }
@media(max-width:700px) {
  #highscores { margin: 28px 12px; padding: 12px; }
  #highscores .scores-dragon-banner { min-height: 315px; }
  #highscores .scores-dragon-banner > img { object-position: 62% center; opacity: 1; }
  #highscores .scores-dragon-banner:after { background: linear-gradient(90deg,#07110bd9,#07110b40); }
  #highscores .scores-dragon-copy { padding: 85px 20px 25px; max-width: 300px; }
  #highscores .score-main { padding: 14px 10px; }
  #highscores .score-arrivals { padding: 20px; }
}

#highscores .score-role-coowner{display:flex;align-items:center;gap:6px;color:#8aff9f;font-weight:700;margin-top:4px}
#highscores .score-role-coowner:before{content:"";display:inline-block;width:30px;height:32px;flex:none;background:url("assets/owner-flame-crown.svg?v=flames2") center/contain no-repeat;filter:hue-rotate(105deg) drop-shadow(0 0 5px #37ff67);animation:coowner-ember-glow 1.7s ease-in-out infinite alternate}
@keyframes coowner-ember-glow{to{filter:hue-rotate(105deg) brightness(1.35) drop-shadow(0 0 9px #37ff67)}}
@media(prefers-reduced-motion:reduce){#highscores .score-role-coowner:before{animation:none}}