/* Shared website theme modes: polished White, preserved Dark/Blue, and Auto Device. */

.site-header-actions{
  min-width:0;
  margin-left:auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}

.site-theme-control{
  position:relative;
  z-index:80;
  flex:0 0 auto;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.site-theme-control.site-theme-fallback{
  position:fixed;
  top:14px;
  right:14px;
  z-index:9999;
}

.site-theme-trigger{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(126,154,186,.42);
  border-radius:11px;
  background:rgba(8,17,31,.76);
  color:#dbeafe;
  box-shadow:0 7px 18px rgba(0,0,0,.12);
  backdrop-filter:blur(10px);
  cursor:pointer;
  font:900 17px/1 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  transition:background .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease;
}

.site-theme-trigger:hover{
  border-color:#5b7697;
  background:#10213a;
  transform:translateY(-1px);
}

.site-theme-trigger:focus-visible,
.site-theme-option:focus-visible{
  outline:3px solid rgba(59,130,246,.26);
  outline-offset:2px;
}

.site-theme-menu{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  width:220px;
  padding:6px;
  border:1px solid #2a3c58;
  border-radius:13px;
  background:#0b1628;
  box-shadow:0 18px 44px rgba(0,0,0,.28);
  overflow:hidden;
}

.site-theme-menu[hidden]{display:none!important}

.site-theme-option{
  width:100%;
  display:grid;
  grid-template-columns:30px 1fr;
  align-items:center;
  gap:9px;
  padding:9px 10px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#e5edf7;
  text-align:left;
  cursor:pointer;
  font:800 12px/1.25 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.site-theme-option:hover{background:#12223a}
.site-theme-option[aria-checked="true"]{background:#14284b;color:#fff}

.site-theme-option-icon{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border:1px solid #314866;
  border-radius:8px;
  background:#0d1b2f;
  font-size:14px;
}

.site-theme-option-copy{display:grid;gap:2px}
.site-theme-option-copy small{
  color:#8fa4bf;
  font-size:10px;
  font-weight:650;
}

html[data-site-theme-resolved="light"] .site-theme-trigger{
  border-color:#d8dee8;
  background:#fff;
  color:#334155;
  box-shadow:0 5px 14px rgba(15,23,42,.08);
}

html[data-site-theme-resolved="light"] .site-theme-trigger:hover{
  border-color:#cbd5e1;
  background:#f8fafc;
}

html[data-site-theme-resolved="light"] .site-theme-menu{
  border-color:#e2e8f0;
  background:#fff;
  box-shadow:0 18px 44px rgba(15,23,42,.14);
}

html[data-site-theme-resolved="light"] .site-theme-option{color:#0b1f3a}
html[data-site-theme-resolved="light"] .site-theme-option:hover{background:#faf8f4}
html[data-site-theme-resolved="light"] .site-theme-option[aria-checked="true"]{background:#fbf5e8;color:#8a6518}
html[data-site-theme-resolved="light"] .site-theme-option-icon{
  border-color:#e2e8f0;
  background:#f8fafc;
  color:#334155;
}
html[data-site-theme-resolved="light"] .site-theme-option-copy small{color:#6b7280}

/* Light mode uses a warm neutral canvas, white surfaces, deep navy type, and restrained gold brand accents. */
html[data-site-theme-resolved="light"]{
  color-scheme:light!important;
  background:#f6f4ef!important;
}

html[data-site-theme-resolved="light"] body{
  color:#0b1f3a!important;
  background:#f6f4ef!important;
}

html[data-site-theme-resolved="light"] body::before{
  opacity:.08!important;
}

html[data-site-theme-resolved="light"] header,
html[data-site-theme-resolved="light"] .topbar{
  border-color:#ddd9d2!important;
  background:#fff!important;
  color:#0b1f3a!important;
  box-shadow:0 8px 24px rgba(15,23,42,.05)!important;
}

html[data-site-theme-resolved="light"] .card,
html[data-site-theme-resolved="light"] .panel,
html[data-site-theme-resolved="light"] .game-block,
html[data-site-theme-resolved="light"] .intro,
html[data-site-theme-resolved="light"] .seo-intro,
html[data-site-theme-resolved="light"] .seo-copy,
html[data-site-theme-resolved="light"] .seo-archive-summary,
html[data-site-theme-resolved="light"] .seo-current-snapshot div,
html[data-site-theme-resolved="light"] .archive-section,
html[data-site-theme-resolved="light"] .feature-section,
html[data-site-theme-resolved="light"] .feature-card,
html[data-site-theme-resolved="light"] .download-panel,
html[data-site-theme-resolved="light"] .release,
html[data-site-theme-resolved="light"] .monthly-section,
html[data-site-theme-resolved="light"] .table-wrap{
  border-color:#e1ddd6!important;
  background:#fff!important;
  color:#0b1f3a!important;
  box-shadow:0 1px 2px rgba(15,23,42,.025),0 10px 28px rgba(15,23,42,.045)!important;
}

html[data-site-theme-resolved="light"] .live-board{
  border-color:#ddd9d2!important;
  background:#fff!important;
  color:#0b1f3a!important;
  box-shadow:0 1px 2px rgba(15,23,42,.03),0 12px 30px rgba(15,23,42,.055)!important;
}

html[data-site-theme-resolved="light"] .crown-badge{
  border-color:#e6d3a6!important;
  background:#fbf5e8!important;
  box-shadow:0 8px 22px rgba(201,151,43,.10)!important;
}
html[data-site-theme-resolved="light"] .crown-badge svg{
  stroke:#c9972b!important;
}
html[data-site-theme-resolved="light"] .title-accent{
  background:linear-gradient(90deg,#c9972b,rgba(201,151,43,0))!important;
}

html[data-site-theme-resolved="light"] .live-board h2,
html[data-site-theme-resolved="light"] .archive-section h2,
html[data-site-theme-resolved="light"] .seo-intro h2,
html[data-site-theme-resolved="light"] .seo-copy h2,
html[data-site-theme-resolved="light"] .seo-copy h3,
html[data-site-theme-resolved="light"] .seo-archive-summary h2,
html[data-site-theme-resolved="light"] .seo-archive-summary h3,
html[data-site-theme-resolved="light"] .feature-card h3,
html[data-site-theme-resolved="light"] .feature-section h2,
html[data-site-theme-resolved="light"] .download-panel h2,
html[data-site-theme-resolved="light"] h1,
html[data-site-theme-resolved="light"] h2,
html[data-site-theme-resolved="light"] h3,
html[data-site-theme-resolved="light"] .brand,
html[data-site-theme-resolved="light"] .overview strong,
html[data-site-theme-resolved="light"] .year-grid strong,
html[data-site-theme-resolved="light"] .seo-current-snapshot strong{
  color:#0b1f3a!important;
}

html[data-site-theme-resolved="light"] .subtitle,
html[data-site-theme-resolved="light"] .hero p,
html[data-site-theme-resolved="light"] .archive-section p,
html[data-site-theme-resolved="light"] .seo-intro p,
html[data-site-theme-resolved="light"] .seo-copy p,
html[data-site-theme-resolved="light"] .seo-archive-summary p,
html[data-site-theme-resolved="light"] .section-kicker,
html[data-site-theme-resolved="light"] .lead,
html[data-site-theme-resolved="light"] .card p,
html[data-site-theme-resolved="light"] .year-grid span,
html[data-site-theme-resolved="light"] .seo-current-snapshot span,
html[data-site-theme-resolved="light"] p{
  color:#596579!important;
}

html[data-site-theme-resolved="light"] .game-archive-group strong,
html[data-site-theme-resolved="light"] .game-heading p{
  color:#667085!important;
}

html[data-site-theme-resolved="light"] .home,
html[data-site-theme-resolved="light"] .meta,
html[data-site-theme-resolved="light"] .hub-link,
html[data-site-theme-resolved="light"] .year-pager a,
html[data-site-theme-resolved="light"] .live-meta{
  color:#2456a6!important;
}

/* Tables stay crisp and neutral. Blue is reserved for dates and active navigation. */
html[data-site-theme-resolved="light"] .monthly-table th,
html[data-site-theme-resolved="light"] .table-wrap th,
html[data-site-theme-resolved="light"] table th{
  border-color:#e1ddd6!important;
  background:#f3f0ea!important;
  color:#334155!important;
  box-shadow:none!important;
}

html[data-site-theme-resolved="light"] .monthly-table td,
html[data-site-theme-resolved="light"] .table-wrap td,
html[data-site-theme-resolved="light"] table td{
  border-color:#e8e3db!important;
  background:#fff!important;
  color:#0b1f3a!important;
}

html[data-site-theme-resolved="light"] .monthly-table .date-cell,
html[data-site-theme-resolved="light"] .date-cell,
html[data-site-theme-resolved="light"] .month-col,
html[data-site-theme-resolved="light"] th.month-col{
  background:#faf8f4!important;
  color:#2456a6!important;
}

html[data-site-theme-resolved="light"] .monthly-table .empty-cell,
html[data-site-theme-resolved="light"] .empty-cell{
  color:#9aa4b2!important;
}

html[data-site-theme-resolved="light"] tbody tr:hover td:not(.month-col):not(.date-cell){
  background:#fbfaf7!important;
}

/* Repeated archive/year links read as quiet navigation, not a wall of blue buttons. */
html[data-site-theme-resolved="light"] .archive-links a,
html[data-site-theme-resolved="light"] .game-nav a,
html[data-site-theme-resolved="light"] .chart-nav a,
html[data-site-theme-resolved="light"] .years a,
html[data-site-theme-resolved="light"] .related a,
html[data-site-theme-resolved="light"] .year-grid a,
html[data-site-theme-resolved="light"] .overview span,
html[data-site-theme-resolved="light"] .note,
html[data-site-theme-resolved="light"] .badge,
html[data-site-theme-resolved="light"] .seo-intent-links a{
  border-color:#e2ddd5!important;
  background:#faf8f4!important;
  color:#334155!important;
  box-shadow:none!important;
}

html[data-site-theme-resolved="light"] .archive-links a:hover,
html[data-site-theme-resolved="light"] .game-nav a:hover,
html[data-site-theme-resolved="light"] .chart-nav a:hover,
html[data-site-theme-resolved="light"] .years a:hover,
html[data-site-theme-resolved="light"] .related a:hover,
html[data-site-theme-resolved="light"] .year-grid a:hover,
html[data-site-theme-resolved="light"] .seo-intent-links a:hover{
  border-color:#d3cdc3!important;
  background:#f3efe8!important;
  color:#1e3a5f!important;
}

html[data-site-theme-resolved="light"] .years a[aria-current="page"],
html[data-site-theme-resolved="light"] .game-nav a[aria-current="page"],
html[data-site-theme-resolved="light"] .chart-nav a[aria-current="page"],
html[data-site-theme-resolved="light"] .seo-intent-links a[aria-current="page"]{
  border-color:#93b4e5!important;
  background:#edf4ff!important;
  color:#1e4f96!important;
}

html[data-site-theme-resolved="light"] select,
html[data-site-theme-resolved="light"] input,
html[data-site-theme-resolved="light"] textarea{
  border-color:#ddd7cf!important;
  background:#fff!important;
  color:#0b1f3a!important;
}

/* Footer becomes normal site chrome instead of another oversized card. */
html[data-site-theme-resolved="light"] .site-footer,
html[data-site-theme-resolved="light"] footer.site-footer{
  border:0!important;
  border-top:1px solid #ddd9d2!important;
  border-radius:0!important;
  background:transparent!important;
  color:#596579!important;
  box-shadow:none!important;
}

html[data-site-theme-resolved="light"] .site-footer-note,
html[data-site-theme-resolved="light"] .footer-note{
  border:0!important;
  background:transparent!important;
  color:#596579!important;
}

html[data-site-theme-resolved="light"] .site-footer-note strong,
html[data-site-theme-resolved="light"] .footer-note strong{
  color:#0b1f3a!important;
}

html[data-site-theme-resolved="light"] .site-footer-links,
html[data-site-theme-resolved="light"] .footer-links{
  border-top:1px solid #ebe6df;
}

html[data-site-theme-resolved="light"] .site-footer-links a,
html[data-site-theme-resolved="light"] .footer-links a{
  padding:5px 6px!important;
  border:0!important;
  background:transparent!important;
  color:#596579!important;
}

html[data-site-theme-resolved="light"] .site-footer-links a:hover,
html[data-site-theme-resolved="light"] .footer-links a:hover{
  color:#1d4ed8!important;
}

html[data-site-theme-resolved="light"] .site-footer-copy,
html[data-site-theme-resolved="light"] .footer-copy{
  color:#7a7f87!important;
}

html[data-site-theme-resolved="light"] .badges span,
html[data-site-theme-resolved="light"] .windows,
html[data-site-theme-resolved="light"] .offline,
html[data-site-theme-resolved="light"] .backup{
  border-color:#e2ddd5!important;
  background:#faf8f4!important;
  color:#344054!important;
}

html[data-site-theme-resolved="light"] .button.secondary{
  border-color:#ddd7cf!important;
  background:#fff!important;
  color:#0b1f3a!important;
}

html[data-site-theme-resolved="light"] .release small,
html[data-site-theme-resolved="light"] .release dt,
html[data-site-theme-resolved="light"] .release dd{
  color:#344054!important;
}

html[data-site-theme-resolved="light"] .release dl div{
  border-color:#e8e3db!important;
}

html[data-site-theme-resolved="light"] .feature-icon{
  color:#fff!important;
}

/* Desk Accounts product page gets a branded deep-navy hero inside the warm White site theme. */
html[data-site-theme-resolved="light"] body[data-content-slug="desk-accounts"] .home{
  border-color:#d8bd7b!important;
  background:linear-gradient(180deg,#153b64,#0b2a49)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(11,31,58,.16)!important;
}
html[data-site-theme-resolved="light"] body[data-content-slug="desk-accounts"] .hero{
  border-color:#284760!important;
  background:
    radial-gradient(circle at 88% 16%,rgba(201,151,43,.17),transparent 20rem),
    radial-gradient(circle at 72% 92%,rgba(58,105,150,.18),transparent 28rem),
    linear-gradient(135deg,#071a30 0%,#0b2948 60%,#10375d 100%)!important;
  box-shadow:0 26px 68px rgba(11,31,58,.18),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
html[data-site-theme-resolved="light"] body[data-content-slug="desk-accounts"] .hero::before{
  border-color:rgba(201,151,43,.18)!important;
  box-shadow:
    0 0 0 74px rgba(201,151,43,.026),
    0 0 0 148px rgba(201,151,43,.018),
    0 0 0 222px rgba(201,151,43,.012)!important;
}
html[data-site-theme-resolved="light"] body[data-content-slug="desk-accounts"] .hero::after{
  border-color:rgba(111,151,188,.15)!important;
  box-shadow:0 0 0 64px rgba(111,151,188,.02),0 0 0 128px rgba(111,151,188,.012)!important;
}
html[data-site-theme-resolved="light"] body[data-content-slug="desk-accounts"] .hero h1{
  color:#fff!important;
  text-shadow:0 8px 26px rgba(0,0,0,.20)!important;
}
html[data-site-theme-resolved="light"] body[data-content-slug="desk-accounts"] .hero h1 span{
  color:#e2b84c!important;
  text-shadow:0 8px 24px rgba(201,151,43,.16)!important;
}
html[data-site-theme-resolved="light"] body[data-content-slug="desk-accounts"] .hero .eyebrow{
  color:#e2b84c!important;
}
html[data-site-theme-resolved="light"] body[data-content-slug="desk-accounts"] .hero .eyebrow::after{
  background:#c9972b!important;
}
html[data-site-theme-resolved="light"] body[data-content-slug="desk-accounts"] .hero p,
html[data-site-theme-resolved="light"] body[data-content-slug="desk-accounts"] .hero .lead{
  color:#c5d2df!important;
}
html[data-site-theme-resolved="light"] body[data-content-slug="desk-accounts"] .hero .badges span{
  border-color:rgba(226,184,76,.30)!important;
  background:rgba(255,255,255,.075)!important;
  color:#edf3f8!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}
html[data-site-theme-resolved="light"] body[data-content-slug="desk-accounts"] .hero .badges span::before{
  color:#e2b84c!important;
}
html[data-site-theme-resolved="light"] body[data-content-slug="desk-accounts"] .hero .button.primary,
html[data-site-theme-resolved="light"] body[data-content-slug="desk-accounts"] .download-panel .button.primary{
  border:1px solid #ead6a7!important;
  background:linear-gradient(180deg,#fffdf8,#f7eedb)!important;
  color:#0b1f3a!important;
  box-shadow:0 12px 28px rgba(7,26,48,.18),inset 0 1px 0 #fff!important;
}
html[data-site-theme-resolved="light"] body[data-content-slug="desk-accounts"] .hero .button.primary::before,
html[data-site-theme-resolved="light"] body[data-content-slug="desk-accounts"] .download-panel .button.primary::before{
  color:#c9972b!important;
}
html[data-site-theme-resolved="light"] body[data-content-slug="desk-accounts"] .hero .button.secondary{
  border-color:rgba(226,184,76,.55)!important;
  background:rgba(255,255,255,.08)!important;
  color:#f7f8fa!important;
}
html[data-site-theme-resolved="light"] body[data-content-slug="desk-accounts"] .hero .release{
  border-color:#eadfc8!important;
  background:#fffdf9!important;
  color:#0b1f3a!important;
  box-shadow:0 18px 42px rgba(4,18,34,.22)!important;
}
html[data-site-theme-resolved="light"] body[data-content-slug="desk-accounts"] .hero .release small{
  color:#8a6518!important;
}
html[data-site-theme-resolved="light"] body[data-content-slug="desk-accounts"] .hero .release>strong{
  color:#0b1f3a!important;
}
html[data-site-theme-resolved="light"] body[data-content-slug="desk-accounts"] .hero .release dl div{
  border-color:#eee6d8!important;
}
html[data-site-theme-resolved="light"] body[data-content-slug="desk-accounts"] .hero .release dt{
  color:#596579!important;
}
html[data-site-theme-resolved="light"] body[data-content-slug="desk-accounts"] .hero .release dd{
  color:#0b1f3a!important;
}
html[data-site-theme-resolved="light"] body[data-content-slug="desk-accounts"] .hero .hero-visual::before{
  background:radial-gradient(ellipse,rgba(201,151,43,.14),rgba(73,111,150,.08) 42%,transparent 72%)!important;
}
html[data-site-theme-resolved="light"] body[data-content-slug="desk-accounts"] .download-panel{
  border-color:#e1ddd6!important;
  background:
    radial-gradient(circle at 88% 55%,rgba(201,151,43,.08),transparent 18rem),
    #fff!important;
}
html[data-site-theme-resolved="light"] body[data-content-slug="desk-accounts"] .download-panel .download-orb{
  background:linear-gradient(145deg,#173c68,#0b1f3a)!important;
  color:#e2b84c!important;
  box-shadow:0 12px 28px rgba(11,31,58,.16),0 0 0 7px rgba(201,151,43,.08)!important;
}
html[data-site-theme-resolved="light"] body[data-content-slug="desk-accounts"] .download-panel .eyebrow{
  color:#8a6518!important;
}
html[data-site-theme-resolved="light"] body[data-content-slug="desk-accounts"] .download-panel .eyebrow::after{
  background:#c9972b!important;
}
html[data-site-theme-resolved="light"] body[data-content-slug="desk-accounts"] .download-panel h2{
  color:#0b1f3a!important;
}

@media(max-width:640px){
  .site-header-actions{gap:6px}
  .site-theme-trigger{width:36px;height:36px;border-radius:10px}
  .site-theme-menu{width:205px}
  .site-theme-control.site-theme-fallback{top:9px;right:9px}
}