/* Public appearance. Theme tokens also live on the root so page-specific aliases resolve there. */
html.s3-public {
  --s3-paper:#f5f5f1;--s3-surface:#fdfdfb;--s3-ink:#37363b;--s3-muted:#69666c;
  --s3-line:#deded8;--s3-accent:#803c53;--s3-accent-soft:#eee4e6;--s3-green:#667c66;
  --s3-header-height:92px;
  background:var(--s3-paper);
  color-scheme:light;
}
html.s3-public[data-theme="dark"],html.s3-public[data-theme="dark"] .s3-site {
  --s3-paper:#17191f;--s3-surface:#21242c;--s3-ink:#eeeae8;--s3-muted:#b5afb9;
  --s3-line:#3c3d48;--s3-accent:#dda8bd;--s3-accent-soft:#382b37;--s3-green:#a2b9a5;
  --s3-action:#ce94aa;--s3-on-action:#241c23;--s3-action-hover:#deb4c5;
  --s3-bright-surface:#21242c;--s3-inset:#24242d;--s3-roster-surface:#1d2027;
  --s3-wash:#302731;--s3-accent-line:#735565;
  --s3-danger:#f0a69a;--s3-danger-line:#88515a;--s3-danger-soft:#3b2528;
  --s3-danger-action:#e3a090;--s3-on-danger:#291a18;
  --s3-warning:#dfbd76;--s3-warning-line:#a28348;--s3-warning-soft:#392f20;
  --s3-success:#a2c59a;--s3-success-soft:#25352b;
  color-scheme:dark;
}

.s3-site .s3-theme-control{display:flex;align-items:center;flex:none}
.s3-site .s3-theme-label{display:none}
.s3-site .s3-theme-options{display:inline-flex;align-items:center;padding:3px;border:1px solid var(--s3-line);background:var(--s3-surface);border-radius:6px;gap:3px}
.s3-site .s3-theme-options button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:75px;min-height:44px;padding:0 10px;border:1px solid transparent;border-radius:3px;background:transparent;color:var(--s3-muted);font-size:12px;line-height:1}
.s3-site .s3-theme-options svg{flex:none}
.s3-site .s3-theme-options button:hover{color:var(--s3-accent)}
.s3-site .s3-theme-options button[aria-pressed="true"]{border-color:var(--s3-action,var(--s3-accent));background:var(--s3-action,var(--s3-accent));color:var(--s3-on-action,#fff)}
.s3-site .s3-theme-options button:focus-visible{outline-offset:2px}
.s3-site .s3-button-primary{background:var(--s3-action,var(--s3-accent));border-color:var(--s3-action,var(--s3-accent));color:var(--s3-on-action,#fff)!important}
.s3-site .portal-avatar{color:var(--s3-on-action,#fff)}
.s3-site :is(.category-tab,.version-tab,.vb-filter-tab)[aria-selected="true"]{background:var(--s3-action,var(--s3-accent));border-color:var(--s3-action,var(--s3-accent));color:var(--s3-on-action,#fff)}
.s3-site .readiness-mark.is-pending{color:var(--s3-muted)}
.s3-site .s3-home-actions a:hover{text-decoration:underline;text-underline-offset:4px}
.s3-site .s3-home-destinations a:hover{border-color:var(--s3-accent)}
.s3-site .s3-main [id]{scroll-margin-top:calc(var(--s3-header-height) + 24px)}
.s3-site .s3-mobile-menu>nav{max-height:calc(100vh - var(--s3-header-height));max-height:calc(100dvh - var(--s3-header-height))}

html.s3-public[data-theme="dark"] .s3-scene-art{background-color:#1b1e25;background-image:repeating-linear-gradient(0deg,transparent 0,transparent 30px,#41414d50 31px),repeating-linear-gradient(90deg,transparent 0,transparent 30px,#41414d50 31px)}
html.s3-public[data-theme="dark"] .s3-scene-diamond{border-color:#504550}
html.s3-public[data-theme="dark"] .s3-nav-submenu{box-shadow:0 8px 20px #0003}
html.s3-public[data-theme="dark"] .s3-site :is(input[type="checkbox"],input[type="radio"],input[type="range"]){accent-color:var(--s3-accent)}
html.s3-public[data-theme="dark"] .s3-site :is(.portal-primary-button,.creator-portal-primary-button,.cp-button){background:var(--s3-action);border-color:var(--s3-action);color:var(--s3-on-action)}
html.s3-public[data-theme="dark"] .s3-site :is(.cp-button--outline,.cp-button--quiet){background:transparent;border-color:var(--s3-accent-line);color:var(--s3-accent)}
html.s3-public[data-theme="dark"] .s3-site :is(.cp-button--outline,.cp-button--quiet):hover{background:var(--s3-accent-soft)}
html.s3-public[data-theme="dark"] .s3-site .button{background:var(--s3-action);border-color:var(--s3-action)}
html.s3-public[data-theme="dark"] .s3-site .button-outline{background:transparent;color:var(--s3-accent)!important}
html.s3-public[data-theme="dark"] .s3-site .install-button{background:var(--s3-action);color:var(--s3-on-action)}
html.s3-public[data-theme="dark"] .s3-site .danger-button{background:var(--s3-danger-action);color:var(--s3-on-danger)}
html.s3-public[data-theme="dark"] .s3-site .flash-warning{color:var(--s3-danger)!important}
html.s3-public[data-theme="dark"] .s3-site .account-status.error{color:var(--s3-danger)}
html.s3-public[data-theme="dark"] .s3-site .detail-titlebar h2{text-shadow:none}

@media(min-width:1101px){.s3-site .s3-header-inner{gap:20px}.s3-site .s3-desktop-nav{gap:2px}}
@media(max-width:1100px){
  html.s3-public{--s3-header-height:76px}
  html.s3-public.s3-theme-ready{--s3-header-height:142px}
  .s3-site .s3-header-inner{flex-wrap:wrap;min-height:0;gap:0 12px}
  .s3-site .s3-brand{min-height:72px}
  .s3-site .s3-mobile-menu{margin-left:auto}
  .s3-site .s3-theme-control{order:3;flex:1 0 100%;justify-content:space-between;padding:7px 0 9px;border-top:1px solid var(--s3-line)}
  .s3-site .s3-theme-label{display:block;font:9px var(--s3-mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--s3-muted)}
  .s3-site:is(.account-portal,:has(.creator-portal-shell),:has(.tournament-portal-shell),:has(.dvault-shell--signed-in)) .s3-main [id]{scroll-margin-top:calc(var(--s3-header-height) + 82px)}
}
@media(max-width:620px){.s3-site :is(.tournament-header,.tournament-portal-section-heading){flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.s3-site *,.s3-site *::before,.s3-site *::after{scroll-behavior:auto}}
