/* Quiet color accents: dark surfaces remain dominant, player artwork keeps its colors. */
:root{--lime:#a9d987;--muted:#b2bfce;--refresh-bg:#0d121e;--refresh-panel:#182131;--refresh-line:#354158;--refresh-gold:#dbbf84;color-scheme:dark}
body{color:#e1e7f0;background:radial-gradient(ellipse at 85% 0,#244c4938,transparent 47%),radial-gradient(ellipse at 0 55%,#3c315331,transparent 52%),#0d121e}
body>header{background:#111827f5;border-bottom-color:#344258}
body :is(.ut-tile,.main-mode-card){--night-accent:#89bcab;--night-tint:#203c38;background:linear-gradient(140deg,var(--night-tint),#161e2d 72%);border-color:#354158;border-top:3px solid var(--night-accent)}
body :is(.ut-grid,.main-mode-grid) > :is(.ut-tile,.main-mode-card):nth-child(5n+2){--night-accent:#c9aa76;--night-tint:#393126}
body :is(.ut-grid,.main-mode-grid) > :is(.ut-tile,.main-mode-card):nth-child(5n+3){--night-accent:#86aecb;--night-tint:#23364a}
body :is(.ut-grid,.main-mode-grid) > :is(.ut-tile,.main-mode-card):nth-child(5n+4){--night-accent:#b09dc9;--night-tint:#322b46}
body :is(.ut-grid,.main-mode-grid) > :is(.ut-tile,.main-mode-card):nth-child(5n){--night-accent:#cc9c9f;--night-tint:#3a2b38}
body :is(.ut-tile,.main-mode-card):hover{border-color:var(--night-accent);box-shadow:0 6px 20px #0003}
body :is(.panel,.historical-scenario,.menu-support-panel){background:#182131;border-color:#354158}
body :is(.refresh-hero,.menu-welcome){background:radial-gradient(ellipse at right,#3d59603d,transparent 65%),linear-gradient(120deg,#20383d,#1c2438);border-color:#4b6568}
body .refresh-wallet{background:#182131;border-color:#354158}
body .refresh-wallet strong{color:#e1e7f0}
body .refresh-wallet>div:nth-child(1) strong{color:#dfc58c}body .refresh-wallet>div:nth-child(2) strong{color:#a8c99c}body .refresh-wallet>div:nth-child(3) strong{color:#b7a7d2}body .refresh-wallet>div:nth-child(4) strong{color:#96bdd7}
body :is(.btn,.view-mode-options button[aria-pressed=true]){background:#a9d987;color:#152319;box-shadow:none}
body .btn:hover:not(:disabled){background:#b9e29d;box-shadow:0 4px 12px #0003}
body :is(.btn.ghost,.menu-bar button,.ut-nav button){background:#202b3e;border:1px solid #45536b;color:#dbe4ef;box-shadow:none}
body :is(.btn.ghost,.menu-bar button,.ut-nav button):hover:not(:disabled){background:#2c3a4f;border-color:#8baeb7;color:#e8edf4}
body :is(.ut-nav button.active,.ut-nav button[aria-current=page]){background:#304539;color:#c8e7b7;border-color:#6d9479;box-shadow:inset 0 -2px #a9d987}
body :is(.ut-nav,.menu-bar,#squadViewToolbar){background:#121b2b;border-color:#354158}
body :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:#111a29;color:#dfe7f0;border-color:#506078}
body input::placeholder,body textarea::placeholder{color:#9baac0;opacity:1}
body dialog{background:#182131;color:#e1e7f0;border:1px solid #53627a;box-shadow:0 18px 70px #0008}
body dialog::backdrop{background:#080d18b3}
body :is(.ut-notice,.refresh-resume){background:#253b36;border-color:#577d70;color:#dce9e4}
body .match-result{background:#151f30;border-color:#455b70}body .match-result-score{background:radial-gradient(ellipse at center,#37565e55,transparent),#1b2d40}
body .ut-table th{background:#24354a;color:#d9e4ef}body .ut-table tr:nth-child(even){background:#1c2a3c}
body :is(button,a,input,select,summary):focus-visible{outline:3px solid #9ac4dd;outline-offset:3px}
body progress{accent-color:#96c6b2}
@media(prefers-reduced-motion:reduce){body :is(.btn,.ut-tile,.main-mode-card){transition:none;transform:none}}
