/* Site accents are independent of each server's Premium color. */
:root,[data-theme="orange"]{--accent:#f2773c;--accent-rgb:242,119,60;--accent-hover:#ff985f;--accent-light:#ff985f;--orange:var(--accent)}
[data-theme="blue"]{--accent:#2499ef;--accent-rgb:36,153,239;--accent-hover:#51b1f7;--accent-light:#40c8ff}
[data-theme="violet"]{--accent:#9b7afa;--accent-rgb:155,122,250;--accent-hover:#b296ff;--accent-light:#c4a2ff}
[data-theme="green"]{--accent:#35d399;--accent-rgb:53,211,153;--accent-hover:#67e5b6;--accent-light:#70f5bd}
.orange-button:hover{background:var(--accent-hover)}
.tiny-tag{background:rgba(var(--accent-rgb),.08)}
.favorite.saved svg{fill:rgba(var(--accent-rgb),.15)}
.add-icon{border-color:rgba(var(--accent-rgb),.35);background:rgba(var(--accent-rgb),.1)}
.bump-button{background:rgba(var(--accent-rgb),.09);border-color:rgba(var(--accent-rgb),.38);color:var(--accent-light)!important}
.bump-button small{color:var(--accent-light)}
.opening-date,.guide-number,.auth-story h1 em,.auth-story-bottom svg{color:var(--accent-light)}
.auth-story .eyebrow{color:var(--accent-light)}
.games-panel-heading>svg,.games-panel .all-games-button:hover,.games-panel .more-games a:hover{color:var(--accent-light)}
.games-panel .game-card.selected,.games-panel .more-games a:hover{border-color:var(--accent)}
.language-trigger:hover,.language-trigger[aria-expanded=true]{border-color:rgba(var(--accent-rgb),.55);background:rgba(var(--accent-rgb),.09);color:var(--accent-light)}
.language-menu button[aria-checked=true]{background:rgba(var(--accent-rgb),.08);color:var(--accent-light)}
.language-check{color:var(--accent-light)}
.theme-switcher{position:relative;flex:none}
.theme-trigger{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #30343c;border-radius:5px;background:#181b20;cursor:pointer;color:var(--accent-light)}
.theme-trigger>svg{width:17px;height:17px;stroke-width:1.6}
.theme-trigger:hover,.theme-trigger[aria-expanded=true]{border-color:rgba(var(--accent-rgb),.55);background:rgba(var(--accent-rgb),.09)}
.theme-menu{position:absolute;top:calc(100% + 10px);right:0;width:184px;padding:6px;z-index:31;border:1px solid #363a42;border-radius:8px;background:#191d23;box-shadow:0 14px 35px #0008}
.theme-menu[hidden]{display:none}
.theme-menu-label{display:block;padding:8px 9px 10px;color:#9199a7;font-size:9px;letter-spacing:.7px;text-transform:uppercase}
.theme-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 9px;border:0;border-radius:5px;background:transparent;color:#c7cbd3;text-align:left;font:500 11px var(--font);cursor:pointer}
.theme-menu button:hover,.theme-menu button:focus-visible{background:#ffffff08;color:#f3f3f4}
.theme-menu button[aria-checked=true]{background:rgba(var(--accent-rgb),.09);color:var(--accent-light)}
.theme-swatch{width:13px;height:13px;flex:none;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #ffffff25}
[data-theme-choice="blue"]{--swatch:#2499ef}
[data-theme-choice="orange"]{--swatch:#f2773c}
[data-theme-choice="violet"]{--swatch:#9b7afa}
[data-theme-choice="green"]{--swatch:#35d399}
.theme-name{flex:1}
.theme-check{visibility:hidden;font-size:12px}
[aria-checked=true]>.theme-check{visibility:visible}
@media(max-width:360px){.nav .brand-image-logo{width:100px}.nav-actions{gap:5px}.nav{gap:8px}.language-trigger{padding:0 5px;gap:4px}}
@media(max-width:340px){.nav .brand-image-logo{width:88px}}

@media(min-width:761px) and (max-width:1024px){.nav .desktop-nav,.nav-actions .login{display:none}.nav-actions{margin-left:auto}.nav-actions .mobile-only{display:grid}.mobile-nav:not([hidden]){display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#171a20;border-block:1px solid var(--line);padding:10px 20px;box-shadow:0 20px 30px #0008}.mobile-nav a{padding:12px 0}}

/* A shared neutral palette for advertising placements in every site theme. */
:root{--ad-surface:linear-gradient(125deg,#1c2027,#15181d);--ad-border:#343942;--ad-text:#bcc5d2;--ad-muted:#8a95a5}
.top-ad-slot:not(.filled-ad),.vertical-ad.available-ad,.vote-ad-slot:not(.is-filled){border-color:var(--ad-border);background:var(--ad-surface);color:var(--ad-text);transition:border-color .15s,background .15s}
.vertical-ad{border-color:var(--ad-border)}
.top-ad-slot:after{display:none}
.top-ad-slot:not(.filled-ad):hover,.vertical-ad.available-ad:hover,.vote-ad-slot:not(.is-filled):hover,.top-ad-slot:focus-visible,.vertical-ad:focus-visible,.vote-ad-slot:focus-visible{border-color:rgba(var(--accent-rgb),.55);background:rgba(var(--accent-rgb),.045)}
.top-ad-slot:focus-visible,.vertical-ad:focus-visible,.vote-ad-slot:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.top-ad-number,.vote-ad-number{color:#657080}
.top-ad-plus,.vote-ad-plus{color:var(--accent-light)}
.top-ad-copy strong,.vote-ad-copy strong,.available-ad strong{color:var(--ad-text)}
.top-ad-copy small,.vote-ad-copy small,.available-ad-description{color:var(--ad-muted)}
.available-ad-brand{color:var(--ad-muted)}
.available-ad-brand>span{color:#e3e8f0}.available-ad-brand>span>span{color:var(--accent-light)}
.available-ad-icon{border-color:var(--ad-border);background:#ffffff03;color:var(--accent-light)}
.available-ad-icon svg{fill:rgba(var(--accent-rgb),.04)}
.available-ad-size{color:#748091}
.available-ad-button{border-color:var(--ad-border);background:#ffffff03;color:var(--ad-text)}
.available-ad-button svg{color:var(--accent-light)}
.available-ad:hover .available-ad-button,.available-ad:focus-visible .available-ad-button{border-color:rgba(var(--accent-rgb),.4);background:rgba(var(--accent-rgb),.08)}
.slot-preview{background:var(--ad-surface);border-color:var(--ad-border);color:var(--ad-muted)}
.slot-preview strong{color:var(--ad-text)}.slot-preview svg{color:var(--accent-light)}