/* Savage Hellions brand overrides (indigo + gold). Loaded last. Red stays reserved for errors / misses / bust. */
#screen-game, .wow-arena #screen-game, .wow-holo #screen-game, .wow-broadcast #screen-game { --dm-red: #3F37C9; --dm-col: #2a2945; }
#screen-game .dm-board .pcard.active {
  background: linear-gradient(180deg, #4B3FD6, #3F37C9 55%, #2c2795) !important;
  box-shadow: inset 0 0 0 3px #F5C542, 0 0 22px rgba(245,197,66,.45) !important; opacity: 1 !important; }
#screen-game .dm-board .pcard:not(.active) { background: linear-gradient(180deg, #2f2e4d, #23223b) !important; box-shadow: none !important; opacity: .88; }
#screen-game .dm-board .pcard:not(.active) .rem { color: #c9c7e3; }
#screen-game .dm-board .pcard.active .pname { color: #F5C542; }
.big-btn.accent, .theme-real .big-btn.accent {
  background: linear-gradient(135deg, #4B3FD6, #3F37C9 55%, #8f7322) !important; border-color: rgba(245,197,66,.65) !important; }
.big-btn.accent b, .theme-real .big-btn.accent b { color: #fff; }

/* ---------- home: gold background (Oct 2026, replaces the highlight video loop) ---------- */
#screen-home.theme-real.theme-gold {
  background-color: #c9a227;
  background-image:
    radial-gradient(120% 70% at 50% 0%, rgba(255,247,214,.55) 0%, rgba(255,247,214,0) 55%),
    linear-gradient(115deg, rgba(255,255,255,0) 30%, rgba(255,250,225,.35) 45%, rgba(255,255,255,0) 60%),
    linear-gradient(160deg, #8a6514 0%, #c9a227 22%, #f3d978 42%, #d4ad3a 60%, #a67c1c 80%, #6e4f0e 100%) !important;
  background-size: cover; background-attachment: fixed; }
.theme-gold .app-name .t-sub { color: #1a0f3d; text-shadow: 0 1px 0 rgba(255,240,190,.6); }
.theme-gold .tagline { color: #1d1147; text-shadow: 0 1px 0 rgba(255,240,190,.6); }
.theme-gold .hello, .theme-gold .acct-pill { background: rgba(14,8,40,.86); color: #f3e3a6; border-color: rgba(20,10,60,.6); }
.theme-gold .hello b { color: #ffd76a; }
.theme-gold .big-btn { background: rgba(10,6,28,.88); border-color: rgba(30,18,80,.7); color: #fff; box-shadow: 0 6px 18px -8px rgba(40,25,0,.7); }
.theme-gold .big-btn small { color: #d9cfa0; }
.theme-gold .big-btn.primary { background: linear-gradient(135deg, #3b2bd1, #23158f); border-color: #1a0f6b; }
.theme-gold .big-btn.accent { background: linear-gradient(135deg, #1e1180, #120a52); border-color: #0d0640; }
.theme-gold .foot, .theme-gold .foot p { color: #2a1a05; }
.theme-gold .install-card { background: rgba(10,6,28,.9); color: #f3e3a6; }
/* gold covers the whole viewport (not just the 520px column) while home is showing */
html:has(#screen-home.theme-gold.active), html:has(#screen-home.theme-gold.active) body {
  background-color: #c9a227;
  background-image:
    radial-gradient(120% 70% at 50% 0%, rgba(255,247,214,.55) 0%, rgba(255,247,214,0) 55%),
    linear-gradient(115deg, rgba(255,255,255,0) 30%, rgba(255,250,225,.35) 45%, rgba(255,255,255,0) 60%),
    linear-gradient(160deg, #8a6514 0%, #c9a227 22%, #f3d978 42%, #d4ad3a 60%, #a67c1c 80%, #6e4f0e 100%);
  background-size: 100% 100%; background-attachment: fixed; background-repeat: no-repeat; min-height: 100%; }
html:has(#screen-home.theme-gold.active) #screen-home.theme-gold { background: transparent !important; }
/* keep the hero, tagline and pill row from being squeezed into each other */
#screen-home.theme-gold > * { flex-shrink: 0; }
.theme-gold .home-hero { min-height: 0 !important; }
.theme-gold .home-hero .tagline { margin: 12px 0 0; line-height: 1.3; }
.theme-gold .home-id { margin: 20px auto 14px; }
/* toned down (Oct 2026): muted antique gold fading to near-black */
#screen-home.theme-real.theme-gold,
html:has(#screen-home.theme-gold.active), html:has(#screen-home.theme-gold.active) body {
  background-color: #1a1406;
  background-image:
    radial-gradient(90% 45% at 50% 0%, rgba(214,180,90,.22) 0%, rgba(214,180,90,0) 70%),
    linear-gradient(180deg, #8a6d1f 0%, #6b5316 28%, #3d2f0c 58%, #1a1406 82%, #0b0803 100%) !important;
  background-size: 100% 100%; background-attachment: fixed; background-repeat: no-repeat; }
html:has(#screen-home.theme-gold.active) #screen-home.theme-gold { background: transparent !important; }
.theme-gold .app-name .t-sub, .theme-gold .tagline { color: #f3e6bf; text-shadow: 0 1px 3px rgba(0,0,0,.7); }
.theme-gold .foot, .theme-gold .foot p { color: #cbb985; }