/* SteelGames Violet Night theme: deep violet base, amber only on buy buttons, green discount badges, violet chips. */
:root{
  --bg:#0F0A24; --surface:#1A1342; --raised:#261B5C;
  --line:#35288A; --line-strong:#4A37A8;
  --fg:#FFFFFF; --muted:#C9C2EE; --steel:#DAD4F7;
  --accent:#FFB020; --accent-soft:#CFC6FF; --accent-ink:#1F1000;
  --verify:#7FD6FF; --resale:#D4B8FF;
  --chip:#6A4DF0; --off-bg:#17432E; --off-fg:#7CF0A8;
  --grad-cta:linear-gradient(135deg,#FFC21A 0%,#FF8A1A 100%);
  --grad-off:#17432E;
  color-scheme:dark;
}
body{background:radial-gradient(900px 420px at 50% -120px,rgba(106,77,240,.26),transparent 70%) fixed,var(--bg);color:var(--fg)}
body::before{background:#17103A}
.site-header{background:rgba(23,16,58,.94)!important;border-bottom:1px solid var(--line-strong)}
.nav a:hover{background:rgba(255,255,255,.12);color:#fff}
.nav a[aria-current="page"]{background:rgba(255,255,255,.16);color:#fff}
.nav a.nav-cta{background:transparent!important;color:#fff!important;border:1px solid var(--line-strong);box-shadow:none}
.nav a.nav-cta:hover{background:rgba(255,255,255,.12)!important}
.btn-primary{background:var(--grad-cta)!important;color:var(--accent-ink)!important;border:0;box-shadow:0 4px 14px rgba(255,138,26,.3)}
.btn-primary:hover{filter:brightness(1.08)}
.eyebrow{color:#B9AEFF}
.section{border-top:1px solid var(--line)}
.site-footer{background:#0A0619;border-top:1px solid var(--line-strong)}
a{color:#CFC6FF}
.live h2{background:linear-gradient(90deg,#fff 0%,#C8BDFF 100%);-webkit-background-clip:text;background-clip:text;color:transparent}

/* shortcut chips, one violet */
.live-links a{background:var(--chip);border:1px solid transparent;color:#fff;font-weight:700}
.live-links a:hover{filter:brightness(1.12);transform:translateY(-2px);color:#fff;border-color:rgba(255,255,255,.5)}

/* platform tabs */
.plat-tabs button{background:rgba(255,255,255,.06);color:#fff;border:2px solid var(--line-strong)}
.plat-tabs button[data-plat="pc"]{border-color:#B9AEFF}
.plat-tabs button[data-plat="ps"]{border-color:#6FA0FF}
.plat-tabs button[data-plat="xbox"]{border-color:#5CCB72}
.plat-tabs button[data-plat="switch"]{border-color:#FF6B74}
.plat-tabs button[aria-pressed="true"]{background:var(--chip);color:#fff;border-color:transparent}
.plat-tabs button[data-plat="ps"][aria-pressed="true"]{background:linear-gradient(135deg,#6FA0FF,#3B5BDB);color:#fff}
.plat-tabs button[data-plat="xbox"][aria-pressed="true"]{background:linear-gradient(135deg,#5CCB72,#1F8F3B);color:#06210F}
.plat-tabs button[data-plat="switch"][aria-pressed="true"]{background:linear-gradient(135deg,#FF6B74,#D6249F);color:#fff}

/* deal cards */
.live-card,.con-card{background:linear-gradient(135deg,#261B5C 0%,#1A1342 100%);border:1px solid var(--line-strong);border-left:5px solid var(--store,#7B5CFF);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.live-card:hover,.con-card:hover{transform:translateY(-3px);border-color:#B9AEFF;box-shadow:0 10px 26px rgba(106,77,240,.35)}
.live-card .m{color:var(--store,#C9C2EE);font-weight:600}
.live-card .p{color:#fff}
.live-card .p s{color:#A79FD8}
.live-card .off{background:var(--off-bg);color:var(--off-fg);border:1px solid rgba(124,240,168,.35);box-shadow:none}
.live-sk{background:#1F1650;border-color:#35288A}
.con-card b{color:#fff}

/* info cards on Reviews, Community and the app page */
.hub-card{background:linear-gradient(135deg,#261B5C,#1A1342);border:1px solid var(--line-strong);border-top:4px solid #8F9BFF}
.hub-card:nth-child(3n+2){border-top-color:#FF6B8A}
.hub-card:nth-child(3n+3){border-top-color:#2DD4BF}
.hub-card:hover{background:#2F2270;border-color:#B9AEFF;transform:translateY(-3px)}
.hub-card .hub-icon{background:rgba(255,255,255,.1)}

/* gear page items */
.item{background:linear-gradient(135deg,#261B5C,#1A1342)!important;border-color:var(--line-strong)!important}
.item:hover{border-color:#B9AEFF!important}
.item .buy{background:var(--grad-cta)!important;color:var(--accent-ink)!important;border:0!important}

/* gear page jump bar */
.jump{background:rgba(23,16,58,.95)!important;border-block:1px solid var(--line-strong)!important}
.jump a{background:var(--chip);border-color:transparent;color:#fff}
.jump a:hover{filter:brightness(1.12);color:#fff}
/* Mobile header: not pinned, one swipeable menu row (Nov 2026) */
@media (max-width:720px){header.site-header{position:static}.site-header .wrap{padding-block:10px;gap:8px}.site-header .nav{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;gap:2px;padding-bottom:2px}.site-header .nav::-webkit-scrollbar{display:none}.site-header .nav a{white-space:nowrap;flex:0 0 auto;padding:8px 10px}}