/* Leviathan unified light/dark theme and contrast layer. Loaded last by app.js. */
:root,html[data-theme="light"]{
  --lvt-bg:#f4f7f6;--lvt-bg-alt:#eaf1f1;--lvt-surface:#fff;--lvt-surface-2:#f7faf9;--lvt-surface-3:#edf4f4;
  --lvt-border:#cad9dc;--lvt-border-strong:#aebfc4;--lvt-text:#142f3b;--lvt-text-2:#365763;--lvt-muted:#667f89;--lvt-faint:#82969e;
  --lvt-accent:#1286a8;--lvt-accent-strong:#0b607b;--lvt-accent-soft:#dceef2;--lvt-success:#267a5f;--lvt-danger:#b13f4b;
}
html[data-theme="dark"]{
  --lvt-bg:#071118;--lvt-bg-alt:#0a171f;--lvt-surface:#0d1d26;--lvt-surface-2:#10242e;--lvt-surface-3:#132a35;
  --lvt-border:#244451;--lvt-border-strong:#365c69;--lvt-text:#e8f1f3;--lvt-text-2:#c2d5da;--lvt-muted:#8eabb4;--lvt-faint:#718c95;
  --lvt-accent:#45bdd8;--lvt-accent-strong:#73d6e8;--lvt-accent-soft:#123746;--lvt-success:#63d7ad;--lvt-danger:#f08089;
}
html,body{background:var(--lvt-bg)!important;color:var(--lvt-text)!important}
body,main,.page-section,.hub-section,.leaderboard-main,.messages-shell,.account-shell{color:var(--lvt-text)!important}
h1,h2,h3,h4,h5,h6,strong,b{color:var(--lvt-text)}
p,small,.muted,.meta,.subtle{color:var(--lvt-muted)}
a{color:var(--lvt-accent-strong)}
hr{border-color:var(--lvt-border)!important}
input,textarea,select{background:var(--lvt-surface)!important;color:var(--lvt-text)!important;border-color:var(--lvt-border)!important}
input::placeholder,textarea::placeholder{color:var(--lvt-faint)!important;opacity:1!important}

/* Header */
.utility-bar{background:var(--lvt-bg-alt)!important;border-color:var(--lvt-border)!important}.utility-inner,.utility-inner a{color:var(--lvt-muted)!important}
.site-header{background:var(--lvt-surface)!important;border-color:var(--lvt-border)!important;color:var(--lvt-text)!important}
.brand-word,.top-nav-trigger,.top-nav-link,.search-button,.nav-theme-toggle,.nav-notifications,.nav-account,.lvt-account-login,.lvt-account-button{color:var(--lvt-text-2)!important}
.top-nav-trigger:hover,.top-nav-link:hover,.search-button:hover,.nav-theme-toggle:hover,.nav-notifications:hover,.nav-account:hover,.lvt-account-login:hover,.lvt-account-button:hover{color:var(--lvt-accent-strong)!important;background:var(--lvt-surface-3)!important;border-color:var(--lvt-border)!important}
.top-nav-panel,.lvt-account-menu{background:var(--lvt-surface)!important;border-color:var(--lvt-border)!important;color:var(--lvt-text)!important}
.top-nav-item,.lvt-account-menu a,.lvt-account-menu button{color:var(--lvt-text-2)!important}
.top-nav-item:hover,.top-nav-item.active,.lvt-account-menu a:hover,.lvt-account-menu button:hover{background:var(--lvt-surface-3)!important;color:var(--lvt-accent-strong)!important}
.top-nav-item b,.lvt-account-menu-head b{color:var(--lvt-text)!important}.top-nav-item small,.lvt-account-menu-head small{color:var(--lvt-muted)!important}
.search-button kbd{background:var(--lvt-surface-2)!important;border-color:var(--lvt-border)!important;color:var(--lvt-muted)!important}

/* Generic page heroes */
.home-page .hero-v2,.page-hero,.hub-hero,.leaderboard-hero{background:var(--lvt-bg-alt)!important;color:var(--lvt-text)!important;border-color:var(--lvt-border)!important}
.home-page .hero-v2 h1,.page-hero h1,.hub-hero h1,.leaderboard-hero h1{color:var(--lvt-text)!important;text-shadow:none!important}
.home-page .hero-v2 h1 strong,.page-hero h1 strong,.hub-hero h1 strong,.leaderboard-hero h1 strong{color:var(--lvt-accent)!important;-webkit-text-fill-color:initial!important;background:none!important}
.home-page .hero-summary,.page-hero p,.hub-hero p,.leaderboard-hero p{color:var(--lvt-muted)!important}
.home-page .release-note{color:var(--lvt-muted)!important;background:transparent!important;border:0!important}
.home-page .hero-bottom-line,.page-nav-strip,.hub-tabs,.lb-category-nav,.lb-scope-bar{background:var(--lvt-surface)!important;border-color:var(--lvt-border)!important;color:var(--lvt-text-2)!important}

/* Shared surfaces */
.feature-card,.category-card,.catalog-card,.support-category,.status-item,.news-tile,.server-card,.idea-card,.platform-link,.library-card,.latest-card,.development-box,.ecosystem-card,.lb-board,.lb-hub-card,.lb-overview-panel,.texture-card,.cape-detail-card,.messages-app,.account-card,.account-section,.notifications-list,.notification-row{background:var(--lvt-surface)!important;color:var(--lvt-text)!important;border-color:var(--lvt-border)!important}
.feature-card p,.category-card p,.catalog-card p,.support-category p,.news-tile p,.server-card p,.idea-card p,.platform-link p,.library-card p,.latest-card p,.development-box p,.ecosystem-card small,.notification-copy p,.notification-time{color:var(--lvt-muted)!important}

/* Profile: force all mixed legacy blocks into one readable palette */
.profile-page,.profile-page main,.profile-page #preview,.profile-page .hub-section{background:var(--lvt-bg)!important;color:var(--lvt-text)!important}
.profile-page .hub-hero{background:var(--lvt-bg-alt)!important}.profile-page .hub-hero h1{color:var(--lvt-text)!important}.profile-page .hub-hero h1 strong{color:var(--lvt-accent)!important}
.profile-page .hub-kicker,.profile-page .pn-eyebrow,.profile-page [class*="eyebrow"]{color:var(--lvt-accent)!important}.profile-page .hub-note{color:var(--lvt-muted)!important}
.profile-page .hub-tabs{background:var(--lvt-surface)!important}
.profile-page .profile-preview,.profile-page .profile-network-shell,.profile-page .pn-profile,.profile-page .plv2-profile,.profile-page .pdv3-profile,.profile-page .lvt-layout-canvas{background:var(--lvt-bg)!important;color:var(--lvt-text)!important;border-color:var(--lvt-border)!important}
.profile-page .lvt-profile-header-card,.profile-page .lvt-profile-header-main,.profile-page .lvt-profile-header-socials,.profile-page .pn-avatar,.profile-page .pn-info,.profile-page .pn-pane,.profile-page .lvt-layout-widget,.profile-page [data-lvt-layout-widget],.profile-page .pdv3-facts-card,.profile-page .pdv4-about-card,.profile-page .pdv3-about-card,.profile-page .ps-profile-social,.profile-page .lvt-profile-settings,.profile-page .lvt-cape-panel,.profile-page .lvt-cape-hero,.profile-page .lvt-cape-history,.profile-page .lvt-skins-v2,.profile-page .lvt-names-v2,.profile-page .lvt-name-history-card,.profile-page .lvt-known-aliases,.profile-page .profile-tools,.profile-page .external-profiles{background:var(--lvt-surface)!important;color:var(--lvt-text)!important;border-color:var(--lvt-border)!important;box-shadow:none!important}
.profile-page .lvt-profile-header-name h2,.profile-page .pn-title-row h2,.profile-page .pn-info h2,.profile-page .pn-info h3,.profile-page .pn-info h4{color:var(--lvt-text)!important}
.profile-page .pn-uuid,.profile-page .lvt-profile-header-empty,.profile-page .pn-note,.profile-page .pdv3-card-note,.profile-page .pdv4-muted{color:var(--lvt-muted)!important}
.profile-page .pn-avatar-stage{background:radial-gradient(circle at 50% 45%,#123b50 0,#0a2431 52%,#071820 100%)!important;border-color:var(--lvt-border)!important}
.profile-page .lvt-current-skin-preview,.profile-page .lvt-cape-preview,.profile-page .lvt-skin-card-preview{background:var(--lvt-surface-2)!important;border-color:var(--lvt-border)!important}
.profile-page .pdv3-facts-card *,.profile-page .pdv4-about-card *,.profile-page .pdv3-about-card *,.profile-page .lvt-name-history-card *,.profile-page .lvt-known-aliases *{color:var(--lvt-text-2)!important}
.profile-page .pdv3-facts-card h3,.profile-page .pdv3-facts-card b,.profile-page .pdv4-about-card h3,.profile-page .pdv4-about-card b{color:var(--lvt-text)!important}
.profile-page .pdv3-facts-card span,.profile-page .pdv3-facts-card small,.profile-page .pdv4-about-card span,.profile-page .pdv4-about-card small{color:var(--lvt-muted)!important}
.profile-page .pdv3-facts-card code,.profile-page .pn-data-row code,.profile-page .lvt-cape-hash,.profile-page [class*="hash"] code{color:var(--lvt-accent-strong)!important}
.profile-page .pn-tabs,.profile-page .lvt-cape-tabs{background:var(--lvt-surface-2)!important;border-color:var(--lvt-border)!important}.profile-page .pn-tab{color:var(--lvt-muted)!important}.profile-page .pn-tab.active{color:var(--lvt-accent-strong)!important;background:var(--lvt-surface)!important}
.profile-page .lvt-profile-actions button,.profile-page .pn-avatar-tools button,.profile-page .mini-action,.profile-page .lvt-section-edit,.profile-page .lvt-asset-visibility,.profile-page .lvt-name-visibility{background:var(--lvt-surface-2)!important;color:var(--lvt-text-2)!important;border-color:var(--lvt-border)!important}
.profile-page .lvt-profile-actions button:hover,.profile-page .pn-avatar-tools button:hover,.profile-page .mini-action:hover,.profile-page .lvt-section-edit:hover,.profile-page .lvt-asset-visibility:hover,.profile-page .lvt-name-visibility:hover{background:var(--lvt-accent-soft)!important;color:var(--lvt-accent-strong)!important;border-color:var(--lvt-accent)!important}
.profile-page .lvt-cape-tile,.profile-page .lvt-skin-card{background:var(--lvt-surface-2)!important;color:var(--lvt-text)!important;border-color:var(--lvt-border)!important}
.profile-page .lvt-cape-tile b,.profile-page .lvt-skin-card b{color:var(--lvt-text)!important}.profile-page .lvt-cape-tile small,.profile-page .lvt-skin-card small{color:var(--lvt-muted)!important}
.profile-page .lvt-cape-tile.current{border-color:var(--lvt-success)!important}

/* Explicitly repair the two invisible-text areas seen in Opera */
.profile-page .pdv3-facts-card,.profile-page .pdv3-facts-card table,.profile-page .pdv3-facts-card tr,.profile-page .pdv3-facts-card td,.profile-page .pdv3-facts-card th{color:var(--lvt-text-2)!important}
.profile-page .pdv3-facts-card td:first-child,.profile-page .pdv3-facts-card th,.profile-page .pdv3-facts-card small{color:var(--lvt-muted)!important}
.profile-page .pdv3-facts-card td:last-child,.profile-page .pdv3-facts-card b,.profile-page .pdv3-facts-card strong{color:var(--lvt-text)!important}
.profile-page .lvt-profile-header-main,.profile-page .lvt-profile-header-socials{color:var(--lvt-text)!important}
.profile-page .lvt-profile-header-socials small,.profile-page .lvt-profile-header-socials span{color:var(--lvt-muted)!important}

/* Account / notifications */
.account-page,.account-page main,.account-shell,.account-main,.account-dashboard,.messages-page,.notifications-page{background:var(--lvt-bg)!important;color:var(--lvt-text)!important}
.account-side,.account-section,.danger-card,.danger-reauth,.notification-preferences,.notification-pref-row{background:var(--lvt-surface)!important;color:var(--lvt-text)!important;border-color:var(--lvt-border)!important}
.account-profile b,.account-section-head h2,.account-card h3,.notification-pref-row b{color:var(--lvt-text)!important}
.account-profile small,.account-section-head p,.account-card p,.notification-pref-row span,.notification-pref-row small{color:var(--lvt-muted)!important}

/* Directory data */
.skin-browser-card,.names-v2-table-card,.names-v2-filter,.names-v2-recent,.lb-board,.lb-overview-panel,.lb-hub-card,.texture-card,.cape-detail-card{background:var(--lvt-surface)!important;border-color:var(--lvt-border)!important;color:var(--lvt-text)!important}
.names-v2-table-head,.lb-board-head,.lb-cape-board-head{background:var(--lvt-surface-3)!important;color:var(--lvt-text-2)!important;border-color:var(--lvt-border)!important}
.names-v2-row,.lb-global-row,.lb-cape-row{color:var(--lvt-text-2)!important;border-color:var(--lvt-border)!important}

/* Footer remains intentionally dark in both modes */
.universal-footer,.site-footer,.hub-footer{background:#10394e!important;color:#dcebef!important}
.universal-footer a,.site-footer a,.hub-footer a{color:#c8dce3!important}
.universal-footer strong,.site-footer strong,.hub-footer strong{color:#fff!important}

@media(max-width:1040px){
  .primary-nav.lvt-top-nav{background:var(--lvt-surface)!important;border-color:var(--lvt-border)!important}
}


/* 2026-10-04 final profile theme corrections.
   This file is injected after profile CSS, so profile exceptions must live here. */

/* Active/previewed capes do not get a special border. */
.profile-page .lvt-cape-tile.current,
.profile-page .lvt-cape-tile.selected,
.profile-page .lvt-cape-tile.preview-selected{
  border-color:var(--lvt-border)!important;
  outline:none!important;
  outline-offset:0!important;
  box-shadow:none!important;
}
.profile-page .lvt-cape-tile.current .lvt-cape-tile-art,
.profile-page .lvt-cape-tile.selected .lvt-cape-tile-art,
.profile-page .lvt-cape-tile.preview-selected .lvt-cape-tile-art{
  border-color:transparent!important;
  outline:none!important;
  box-shadow:none!important;
}
.profile-page .lvt-cape-tile.current::before,
.profile-page .lvt-cape-tile.current::after,
.profile-page .lvt-cape-tile.selected::before,
.profile-page .lvt-cape-tile.selected::after,
.profile-page .lvt-cape-tile.preview-selected::before,
.profile-page .lvt-cape-tile.preview-selected::after,
.profile-page .lvt-cape-tile.current .lvt-cape-tile-art::before,
.profile-page .lvt-cape-tile.current .lvt-cape-tile-art::after{
  display:none!important;
}

/* Badge art is the badge. No chip, square, plate or inner holder. */
.profile-page .plv2-badge-row{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:10px!important;
}
.profile-page .plv2-badge{
  display:block!important;
  flex:0 0 54px!important;
  width:54px!important;
  min-width:54px!important;
  max-width:54px!important;
  height:54px!important;
  min-height:54px!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.profile-page .plv2-badge::before,
.profile-page .plv2-badge::after,
.profile-page .plv2-badge>i{display:none!important}
.profile-page .plv2-badge>img{
  display:block!important;
  width:54px!important;
  height:54px!important;
  max-width:none!important;
  object-fit:contain!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:drop-shadow(0 5px 8px rgba(0,0,0,.22))!important;
}
.profile-page .plv2-badge>b{display:none!important}

/* The history section labels must remain readable in either theme. */
.profile-page .lvt-skins-v2 .lvt-skin-history-head,
.profile-page .lvt-skins-v2 .lvt-skin-history-head *,
.profile-page .lvt-cape-history-head,
.profile-page .lvt-cape-history-head *{
  opacity:1!important;
}
html[data-theme="light"] .profile-page .lvt-skins-v2 .lvt-skin-history-head,
html[data-theme="light"] .profile-page .lvt-skins-v2 .lvt-skin-history-head *,
html[data-theme="light"] .profile-page .lvt-cape-history-head,
html[data-theme="light"] .profile-page .lvt-cape-history-head *{
  color:#315d6b!important;
}
html[data-theme="dark"] .profile-page .lvt-skins-v2 .lvt-skin-history-head,
html[data-theme="dark"] .profile-page .lvt-skins-v2 .lvt-skin-history-head *,
html[data-theme="dark"] .profile-page .lvt-cape-history-head,
html[data-theme="dark"] .profile-page .lvt-cape-history-head *{
  color:#9bc1ca!important;
}

/* Keep compact texture history compact on tablet/mobile too. */
@media(max-width:760px){
  .profile-page .lvt-skin-grid{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:6px!important;
  }
  .profile-page .lvt-skin-card{
    flex:0 0 30px!important;
    width:30px!important;
    min-width:30px!important;
    max-width:30px!important;
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
  }
  .profile-page .lvt-cape-grid{
    grid-template-columns:repeat(auto-fill,minmax(88px,1fr))!important;
    gap:6px!important;
  }
  .profile-page .lvt-cape-tile{
    grid-template-columns:30px minmax(0,1fr)!important;
    min-height:48px!important;
    padding:5px!important;
    gap:6px!important;
  }
  .profile-page .lvt-cape-tile-art{height:42px!important}
  .profile-page .lvt-cape-tile-meta b{font-size:8px!important}
  .profile-page .lvt-cape-tile-meta small{font-size:7px!important}
}

/* Light profile contrast. */
html[data-theme="light"] .profile-page .pdv3-card-head span,
html[data-theme="light"] .profile-page .plv2-bio-head>span,
html[data-theme="light"] .profile-page .plv2-badges-head span,
html[data-theme="light"] .profile-page .pn-external-label{
  color:#246b80!important;
}
html[data-theme="light"] .profile-page .pdv3-name-row b,
html[data-theme="light"] .profile-page .prl-profile-facts b,
html[data-theme="light"] .profile-page .prl-profile-facts code,
html[data-theme="light"] .profile-page .plv2-bio p{
  color:#183844!important;
}
html[data-theme="light"] .profile-page .pdv3-name-row small,
html[data-theme="light"] .profile-page .prl-profile-facts span,
html[data-theme="light"] .profile-page .pdv3-card-head small{
  color:#617b85!important;
}

/* Footer stays dark, so its status card must use dark-theme foregrounds even in light mode. */
.universal-footer .footer-status,
.universal-footer .status-card,
.universal-footer [class*="status"]{
  color:#d8ebf0!important;
}
.universal-footer .footer-status b,
.universal-footer .footer-status strong,
.universal-footer .status-card b,
.universal-footer .status-card strong,
.universal-footer [class*="status"] b,
.universal-footer [class*="status"] strong{
  color:#eaf8fb!important;
}
.universal-footer .footer-status small,
.universal-footer .status-card small,
.universal-footer [class*="status"] small{
  color:#9fc6d2!important;
}


/* 2026-10-04 screenshot follow-up: readable profile utilities and identity details. */
.profile-page .lvt-profile-header-kicker,
.profile-page .lvt-profile-header-socials-head .lvt-profile-header-kicker{
  color:var(--lvt-accent-strong)!important;
  font-size:9px!important;
  font-weight:950!important;
  letter-spacing:.12em!important;
  opacity:1!important;
}

.profile-page .lvt-profile-header-identity .lvt-service-check{
  width:20px!important;
  height:20px!important;
  right:-6px!important;
  bottom:-6px!important;
}
.profile-page .lvt-profile-header-identity .lvt-service-check img{
  width:20px!important;
  height:20px!important;
  max-width:20px!important;
}

.profile-page .pn-external-links{
  color:var(--lvt-text)!important;
}
.profile-page .pn-external-label{
  color:var(--lvt-accent-strong)!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.1em!important;
  opacity:1!important;
}
.profile-page .pn-external-action{
  min-height:38px!important;
  background:var(--lvt-surface-2)!important;
  border-color:var(--lvt-border)!important;
  color:var(--lvt-text-2)!important;
}
.profile-page .pn-external-action>span:not(.pn-external-brand){
  color:var(--lvt-text-2)!important;
  font-size:10px!important;
  font-weight:850!important;
  opacity:1!important;
}
.profile-page .pn-external-action .pn-external-brand{
  color:#fff!important;
  opacity:1!important;
}
.profile-page .pn-external-action em{
  color:var(--lvt-accent-strong)!important;
  opacity:1!important;
}

.profile-page .plv2-profile-tools .mini-action,
.profile-page .plv2-profile-tools a.mini-action,
.profile-page .pn-actions.plv2-profile-tools .mini-action{
  min-height:38px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:var(--lvt-surface-2)!important;
  border:1px solid var(--lvt-border)!important;
  color:var(--lvt-text-2)!important;
  font-size:9px!important;
  font-weight:850!important;
  text-decoration:none!important;
  opacity:1!important;
}
.profile-page .plv2-profile-tools .mini-action:hover,
.profile-page .plv2-profile-tools a.mini-action:hover{
  background:var(--lvt-accent-soft)!important;
  border-color:var(--lvt-accent)!important;
  color:var(--lvt-accent-strong)!important;
}

html[data-theme="light"] .profile-page .pn-external-label{
  color:#1d667c!important;
}
html[data-theme="light"] .profile-page .pn-external-action{
  background:#edf4f6!important;
  border-color:#bfd3da!important;
  color:#244752!important;
}
html[data-theme="light"] .profile-page .pn-external-action>span:not(.pn-external-brand){
  color:#244752!important;
}
html[data-theme="light"] .profile-page .plv2-profile-tools .mini-action,
html[data-theme="light"] .profile-page .plv2-profile-tools a.mini-action{
  background:#f8fbfc!important;
  border-color:#bfd3da!important;
  color:#294b57!important;
}


/* 2026-10-04 light profile history cleanup. */
.profile-page [data-lvt-layout-widget="history"],
.profile-page .lvt-public-left [data-lvt-layout-widget="history"]{
  background:var(--lvt-surface)!important;
  border:1px solid var(--lvt-border)!important;
  box-shadow:none!important;
}
.profile-page .lvt-public-left [data-pn-pane="skin"],
.profile-page .lvt-public-left [data-pn-pane="cape"],
.profile-page .lvt-public-left .lvt-skins-v2,
.profile-page .lvt-public-left .lvt-cape-panel,
.profile-page .lvt-public-left .lvt-cape-history{
  background:transparent!important;
  border-color:var(--lvt-border)!important;
  box-shadow:none!important;
}
html[data-theme="light"] .profile-page [data-lvt-layout-widget="history"],
html[data-theme="light"] .profile-page .lvt-public-left [data-lvt-layout-widget="history"]{
  background:#fff!important;
  border-color:#c8d9de!important;
}
html[data-theme="light"] .profile-page .lvt-public-left [data-pn-pane="skin"],
html[data-theme="light"] .profile-page .lvt-public-left [data-pn-pane="cape"]{
  background:#fff!important;
  border-color:#d4e1e5!important;
}
html[data-theme="light"] .profile-page .lvt-public-left .lvt-skins-head,
html[data-theme="light"] .profile-page .lvt-public-left .lvt-cape-history-head{
  color:#315d6b!important;
}
html[data-theme="light"] .profile-page .lvt-public-left .lvt-skins-head *,
html[data-theme="light"] .profile-page .lvt-public-left .lvt-cape-history-head *{
  color:#315d6b!important;
  opacity:1!important;
}

/* Make the compact history frame use the same radius and weight as the rest of the profile. */
.profile-page .lvt-public-left [data-lvt-layout-widget="history"]{
  border-width:1px!important;
  border-radius:10px!important;
  overflow:hidden!important;
}

/* Keep the Bio/Badges card compact when little content is present. */
.profile-page .pdv4-about-card{
  align-items:stretch!important;
}
.profile-page .pdv4-about-card>.plv2-bio,
.profile-page .pdv4-about-card>.plv2-badges{
  min-height:0!important;
}
.profile-page .plv2-badges{
  align-content:start!important;
}


/* 2026-10-04 top-level profile tooltips.
   These live under <body>, so card overflow can never clip them. */
.lvt-floating-tooltip{
  position:fixed!important;
  z-index:2147483000!important;
  max-width:min(240px,calc(100vw - 16px))!important;
  padding:7px 10px!important;
  border:1px solid rgba(79,158,180,.28)!important;
  border-radius:7px!important;
  background:#071820!important;
  color:#eefcff!important;
  box-shadow:0 10px 28px rgba(0,0,0,.34)!important;
  font:800 10px/1.25 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  letter-spacing:.01em!important;
  white-space:nowrap!important;
  pointer-events:none!important;
}
.lvt-floating-tooltip[hidden]{display:none!important}
html[data-theme="light"] .lvt-floating-tooltip{
  background:#183844!important;
  border-color:#315d6b!important;
  color:#fff!important;
}

/* Retire the old in-card social pseudo tooltip. */
.profile-page .lvt-service-icon-button::before,
.profile-page .lvt-service-icon-button::after{
  content:none!important;
  display:none!important;
}
.profile-page .lvt-service-check{
  pointer-events:auto!important;
  cursor:help!important;
}


/* 2026-10-04 restore the public texture panes after legacy compact rules hid them. */
.profile-page .lvt-public-left [data-pn-pane="skin"].lvt-public-texture-pane,
.profile-page .lvt-public-left [data-pn-pane="cape"].lvt-public-texture-pane{
  display:block!important;
  visibility:visible!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  opacity:1!important;
}
.profile-page .lvt-public-left [data-pn-pane="skin"].lvt-public-texture-pane[hidden],
.profile-page .lvt-public-left [data-pn-pane="cape"].lvt-public-texture-pane[hidden]{
  display:block!important;
}
.profile-page .lvt-public-left [data-pn-pane="cape"].lvt-public-texture-pane .lvt-cape-panel,
.profile-page .lvt-public-left [data-pn-pane="cape"].lvt-public-texture-pane .lvt-cape-history,
.profile-page .lvt-public-left [data-pn-pane="cape"].lvt-public-texture-pane .lvt-cape-grid{
  display:grid!important;
  visibility:visible!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}
.profile-page .lvt-public-left [data-pn-pane="cape"].lvt-public-texture-pane .lvt-cape-history{
  display:block!important;
}


/* 2026-10-04 remove verified badge wrapper square from social identity controls. */
.profile-page .lvt-profile-header-identity .lvt-service-check,
.profile-page .lvt-profile-header-identity .lvt-country-check{
  position:absolute!important;
  right:-6px!important;
  bottom:-6px!important;
  width:20px!important;
  height:20px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:none!important;
  overflow:visible!important;
  display:block!important;
  line-height:0!important;
  -webkit-tap-highlight-color:transparent!important;
}
.profile-page .lvt-profile-header-identity .lvt-service-check::before,
.profile-page .lvt-profile-header-identity .lvt-service-check::after,
.profile-page .lvt-profile-header-identity .lvt-country-check::before,
.profile-page .lvt-profile-header-identity .lvt-country-check::after{
  content:none!important;
  display:none!important;
}
.profile-page .lvt-profile-header-identity .lvt-service-check img,
.profile-page .lvt-profile-header-identity .lvt-country-check img{
  display:block!important;
  width:20px!important;
  height:20px!important;
  max-width:none!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  outline:0!important;
}
.profile-page .lvt-profile-header-identity .lvt-service-check:focus,
.profile-page .lvt-profile-header-identity .lvt-service-check:focus-visible,
.profile-page .lvt-profile-header-identity .lvt-country-check:focus,
.profile-page .lvt-profile-header-identity .lvt-country-check:focus-visible{
  outline:none!important;
  box-shadow:none!important;
  background:transparent!important;
}

/* 2026-10-04 restore cape history unconditionally in the public left column. */
.profile-page .lvt-public-left [data-pn-pane="cape"],
.profile-page .lvt-public-left [data-pn-pane="cape"][hidden],
.profile-page .lvt-public-left [data-pn-pane="cape"] .lvt-cape-panel,
.profile-page .lvt-public-left [data-pn-pane="cape"] .lvt-cape-history,
.profile-page .lvt-public-left [data-pn-pane="cape"] .lvt-cape-grid{
  visibility:visible!important;
  opacity:1!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
}
.profile-page .lvt-public-left [data-pn-pane="cape"],
.profile-page .lvt-public-left [data-pn-pane="cape"][hidden]{
  display:block!important;
  overflow:visible!important;
}
.profile-page .lvt-public-left [data-pn-pane="cape"] .lvt-cape-panel,
.profile-page .lvt-public-left [data-pn-pane="cape"] .lvt-cape-grid{
  display:grid!important;
}
.profile-page .lvt-public-left [data-pn-pane="cape"] .lvt-cape-history{
  display:block!important;
}

/* Stronger light-mode text contrast for the profile cards. */
html[data-theme="light"] .profile-page .pdv3-card-head span,
html[data-theme="light"] .profile-page .pdv3-name-row b,
html[data-theme="light"] .profile-page .pn-external-label,
html[data-theme="light"] .profile-page .pn-external-action>span:not(.pn-external-brand),
html[data-theme="light"] .profile-page .prl-profile-facts b,
html[data-theme="light"] .profile-page .prl-profile-facts code{
  color:#173844!important;
  opacity:1!important;
}
html[data-theme="light"] .profile-page .pdv3-card-head small,
html[data-theme="light"] .profile-page .pdv3-name-row small,
html[data-theme="light"] .profile-page .prl-profile-facts span{
  color:#476672!important;
  opacity:1!important;
}


/* 2026-10-04 stable public cape gallery, independent of legacy cape pane. */
.profile-page .lvt-public-capes{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  visibility:visible!important;
  opacity:1!important;
}
.profile-page .lvt-public-capes .lvt-cape-panel,
.profile-page .lvt-public-capes .lvt-cape-history{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}
.profile-page .lvt-public-capes .lvt-cape-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:5px!important;
  visibility:visible!important;
  opacity:1!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}
.profile-page .lvt-public-capes .lvt-cape-tile{
  display:block!important;
  min-width:0!important;
  padding:5px!important;
}
.profile-page .lvt-public-capes .lvt-cape-tile-art{
  height:58px!important;
}
.profile-page .lvt-public-capes .lvt-cape-tile-meta{
  display:block!important;
  margin-top:4px!important;
}
.profile-page .lvt-public-capes .lvt-cape-tile-meta b{
  display:block!important;
  font-size:7px!important;
  line-height:1.15!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.profile-page .lvt-public-capes .lvt-cape-tile-meta small{display:none!important}

/* Light mode should be readable, not washed-out gray. */
html[data-theme="light"] .profile-page{
  --lvt-muted:#365763!important;
  --lvt-text-2:#203f4a!important;
}
html[data-theme="light"] .profile-page .pdv3-card-head small,
html[data-theme="light"] .profile-page .pdv3-name-row small,
html[data-theme="light"] .profile-page .prl-profile-facts span,
html[data-theme="light"] .profile-page .pn-external-action span,
html[data-theme="light"] .profile-page .lvt-cape-history-head span,
html[data-theme="light"] .profile-page .lvt-skins-head,
html[data-theme="light"] .profile-page .lvt-skins-head *,
html[data-theme="light"] .profile-page .lvt-profile-actions button,
html[data-theme="light"] .profile-page .mini-action{
  color:#365763!important;
  opacity:1!important;
}
html[data-theme="light"] .profile-page .pdv3-name-row b,
html[data-theme="light"] .profile-page .prl-profile-facts b,
html[data-theme="light"] .profile-page .prl-profile-facts code,
html[data-theme="light"] .profile-page .plv2-bio p,
html[data-theme="light"] .profile-page .pn-external-action{
  color:#163845!important;
  opacity:1!important;
}

@media(max-width:760px){
  .profile-page .lvt-public-capes .lvt-cape-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}


/* 2026-10-04 final light profile readability pass. */
html[data-theme="light"] .profile-page .pn-info,
html[data-theme="light"] .profile-page .pn-info p,
html[data-theme="light"] .profile-page .pn-info small,
html[data-theme="light"] .profile-page .pn-info span,
html[data-theme="light"] .profile-page .pn-info label{
  --profile-secondary-readable:#365763;
}
html[data-theme="light"] .profile-page .pdv3-card-head small,
html[data-theme="light"] .profile-page .pdv3-name-card small,
html[data-theme="light"] .profile-page .pdv3-name-row small,
html[data-theme="light"] .profile-page .prl-profile-facts span,
html[data-theme="light"] .profile-page .pn-external-label,
html[data-theme="light"] .profile-page .pn-external-action span:not(.pn-external-brand),
html[data-theme="light"] .profile-page .lvt-cape-history-head span,
html[data-theme="light"] .profile-page .lvt-profile-actions button,
html[data-theme="light"] .profile-page .plv2-profile-tools .mini-action{
  color:#365763!important;
  opacity:1!important;
}
html[data-theme="light"] .profile-page .pdv3-card-head span,
html[data-theme="light"] .profile-page .pdv3-name-row b,
html[data-theme="light"] .profile-page .prl-profile-facts b,
html[data-theme="light"] .profile-page .prl-profile-facts code,
html[data-theme="light"] .profile-page .plv2-bio p,
html[data-theme="light"] .profile-page .pn-external-action{
  color:#163845!important;
  opacity:1!important;
}

/* Compact cape cards should match the skin-history density. */
.profile-page .lvt-public-capes .lvt-cape-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:6px!important;
}
.profile-page .lvt-public-capes .lvt-cape-tile{
  min-width:0!important;
  padding:5px!important;
  border-radius:5px!important;
}
.profile-page .lvt-public-capes .lvt-cape-tile-art{
  height:54px!important;
}


/* 2026-10-04 NameMC reference sizing for profile cape collection. */
.profile-page .lvt-public-capes{
  order:2!important;
}
.profile-page .lvt-public-left [data-pn-pane="skin"]{
  order:1!important;
}
.profile-page .lvt-public-capes .lvt-cape-history{
  display:block!important;
}
.profile-page .lvt-public-capes .lvt-cape-history-head{
  min-height:24px!important;
  padding:3px 5px!important;
}
.profile-page .lvt-public-capes .lvt-cape-history-head span{
  display:none!important;
}
.profile-page .lvt-public-capes .lvt-cape-grid{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:flex-start!important;
  gap:2px!important;
  padding:2px!important;
}
.profile-page .lvt-public-capes .lvt-cape-tile{
  display:block!important;
  position:relative!important;
  flex:0 0 40px!important;
  width:40px!important;
  height:64px!important;
  min-width:40px!important;
  min-height:64px!important;
  max-width:40px!important;
  max-height:64px!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  border:1px solid rgba(57,94,106,.22)!important;
  border-radius:2px!important;
  background:#07141b!important;
  box-shadow:none!important;
}
.profile-page .lvt-public-capes .lvt-cape-tile-art{
  display:block!important;
  width:40px!important;
  height:64px!important;
  min-width:40px!important;
  min-height:64px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
.profile-page .lvt-public-capes .lvt-cape-tile-art .mc-face--cape,
.profile-page .lvt-public-capes .lvt-cape-tile-art canvas.mc-texture-crop{
  display:block!important;
  width:40px!important;
  height:64px!important;
  min-width:40px!important;
  min-height:64px!important;
  max-width:40px!important;
  max-height:64px!important;
  image-rendering:pixelated!important;
}
.profile-page .lvt-public-capes .lvt-cape-tile-meta{
  display:none!important;
}
.profile-page .lvt-public-capes .lvt-cape-tile.current,
.profile-page .lvt-public-capes .lvt-cape-tile.selected,
.profile-page .lvt-public-capes .lvt-cape-tile.preview-selected{
  border-color:rgba(57,94,106,.22)!important;
  outline:none!important;
  box-shadow:none!important;
}


/* 2026-10-04 flatten profile capes to match NameMC-style texture history. */
.profile-page .lvt-public-capes{
  width:100%!important;
  margin-top:4px!important;
}
.profile-page .lvt-public-capes .lvt-cape-history{
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.profile-page .lvt-public-capes .lvt-cape-history-head{
  min-height:22px!important;
  padding:2px 4px!important;
  border:0!important;
  background:transparent!important;
}
.profile-page .lvt-public-capes .lvt-cape-history-head b{
  font-size:9px!important;
  line-height:1.2!important;
}
.profile-page .lvt-public-capes .lvt-cape-grid{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:flex-start!important;
  align-content:flex-start!important;
  justify-content:flex-start!important;
  gap:2px!important;
  padding:2px 4px 4px!important;
  border:0!important;
  background:transparent!important;
}
.profile-page .lvt-public-capes .lvt-cape-tile{
  flex:0 0 40px!important;
  width:40px!important;
  height:64px!important;
  min-width:40px!important;
  min-height:64px!important;
  max-width:40px!important;
  max-height:64px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:hidden!important;
  transform:none!important;
}
.profile-page .lvt-public-capes .lvt-cape-tile:hover,
.profile-page .lvt-public-capes .lvt-cape-tile.current,
.profile-page .lvt-public-capes .lvt-cape-tile.selected,
.profile-page .lvt-public-capes .lvt-cape-tile.preview-selected{
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
.profile-page .lvt-public-capes .lvt-cape-tile-art{
  width:40px!important;
  height:64px!important;
  min-width:40px!important;
  min-height:64px!important;
  max-width:40px!important;
  max-height:64px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.profile-page .lvt-public-capes .lvt-cape-tile-art::before,
.profile-page .lvt-public-capes .lvt-cape-tile-art::after{
  content:none!important;
  display:none!important;
}
.profile-page .lvt-public-capes .lvt-cape-tile-art .mc-face--cape,
.profile-page .lvt-public-capes .lvt-cape-tile-art canvas.mc-texture-crop{
  display:block!important;
  width:40px!important;
  height:64px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  image-rendering:pixelated!important;
}


/* 2026-10-04 fit compact cape history cleanly inside the profile left column. */
.profile-page .lvt-public-capes .lvt-cape-grid{
  gap:2px!important;
  padding:2px 3px 4px!important;
  overflow:visible!important;
}
.profile-page .lvt-public-capes .lvt-cape-tile,
.profile-page .lvt-public-capes .lvt-cape-tile-art,
.profile-page .lvt-public-capes .lvt-cape-tile-art .mc-face--cape,
.profile-page .lvt-public-capes .lvt-cape-tile-art canvas.mc-texture-crop{
  width:36px!important;
  height:58px!important;
  min-width:36px!important;
  min-height:58px!important;
  max-width:36px!important;
  max-height:58px!important;
}
.profile-page .lvt-public-capes .lvt-cape-tile{
  flex:0 0 36px!important;
}


/* 2026-10-04 final profile cape grid: 7 full cape textures, never clipped. */
.profile-page .lvt-public-capes .lvt-cape-grid{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:4px!important;
  width:100%!important;
  box-sizing:border-box!important;
  padding:4px!important;
  overflow:visible!important;
}
.profile-page .lvt-public-capes .lvt-cape-tile{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  aspect-ratio:10/16!important;
  flex:none!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:5px!important;
  background:transparent!important;
  box-shadow:none!important;
}
.profile-page .lvt-public-capes .lvt-cape-tile-art{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  aspect-ratio:10/16!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:5px!important;
  background:transparent!important;
  box-shadow:none!important;
}
.profile-page .lvt-public-capes .lvt-cape-tile-art .mc-face--cape,
.profile-page .lvt-public-capes .lvt-cape-tile-art canvas.mc-texture-crop{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  aspect-ratio:10/16!important;
  object-fit:fill!important;
  border:0!important;
  border-radius:5px!important;
  image-rendering:pixelated!important;
}
.profile-page .lvt-public-capes .lvt-cape-tile-meta{
  display:none!important;
}
@media(max-width:420px){
  .profile-page .lvt-public-capes .lvt-cape-grid{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
  }
}


/* 2026-10-04 profile cape grid: preserve 8 across without clipping. */
.profile-page .lvt-public-capes .lvt-cape-grid{
  display:grid!important;
  grid-template-columns:repeat(8,minmax(0,1fr))!important;
  gap:2px!important;
  width:100%!important;
  box-sizing:border-box!important;
  padding:3px 4px 5px!important;
  overflow:visible!important;
}
.profile-page .lvt-public-capes .lvt-cape-tile{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  aspect-ratio:5/8!important;
  overflow:hidden!important;
}
.profile-page .lvt-public-capes .lvt-cape-tile-art{
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
}
.profile-page .lvt-public-capes .lvt-cape-tile-art .mc-face--cape,
.profile-page .lvt-public-capes .lvt-cape-tile-art canvas.mc-texture-crop{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:fill!important;
  image-rendering:pixelated!important;
}


/* 2026-10-04 site-wide contrast + theme surface correction.
   These selectors intentionally outrank legacy human/top-nav hardcoded light surfaces. */
:root,html[data-theme="light"]{
  --lvt-bg:#f2f6f6;
  --lvt-bg-alt:#e8efef;
  --lvt-surface:#ffffff;
  --lvt-surface-2:#f5f9f9;
  --lvt-surface-3:#eaf2f3;
  --lvt-border:#b9ccd1;
  --lvt-border-strong:#9db6bd;
  --lvt-text:#0d2935;
  --lvt-text-2:#294b57;
  --lvt-muted:#4f6974;
  --lvt-faint:#637b85;
  --lvt-accent:#087a9d;
  --lvt-accent-strong:#075b77;
  --lvt-accent-soft:#dceef2;
}
html[data-theme="dark"]{
  --lvt-bg:#061017;
  --lvt-bg-alt:#091820;
  --lvt-surface:#0c1c25;
  --lvt-surface-2:#10252f;
  --lvt-surface-3:#15303b;
  --lvt-border:#2b4c59;
  --lvt-border-strong:#426572;
  --lvt-text:#f3fafc;
  --lvt-text-2:#d4e5e9;
  --lvt-muted:#a7bec5;
  --lvt-faint:#8fa8b0;
  --lvt-accent:#58cbe3;
  --lvt-accent-strong:#8bdceb;
  --lvt-accent-soft:#123a49;
}

/* Navigation must always follow the active theme, including before/after scroll. */
html[data-theme="light"] .site-header,
html[data-theme="light"] .site-header.scrolled,
html[data-theme="light"] .site-header .main-nav{
  background:#fff!important;
  color:var(--lvt-text)!important;
  border-color:var(--lvt-border)!important;
  box-shadow:0 4px 16px rgba(18,55,69,.08)!important;
}
html[data-theme="dark"] .site-header,
html[data-theme="dark"] .site-header.scrolled,
html[data-theme="dark"] .site-header .main-nav{
  background:#081820!important;
  color:var(--lvt-text)!important;
  border-color:#244653!important;
  box-shadow:0 6px 20px rgba(0,0,0,.25)!important;
}
html[data-theme="light"] .brand-word,
html[data-theme="light"] .top-nav-trigger,
html[data-theme="light"] .top-nav-link,
html[data-theme="light"] .search-button,
html[data-theme="light"] .nav-theme-toggle,
html[data-theme="light"] .nav-notifications,
html[data-theme="light"] .nav-account,
html[data-theme="light"] .lvt-account-login,
html[data-theme="light"] .lvt-account-button{
  color:#294b57!important;
}
html[data-theme="dark"] .brand-word,
html[data-theme="dark"] .top-nav-trigger,
html[data-theme="dark"] .top-nav-link,
html[data-theme="dark"] .search-button,
html[data-theme="dark"] .nav-theme-toggle,
html[data-theme="dark"] .nav-notifications,
html[data-theme="dark"] .nav-account,
html[data-theme="dark"] .lvt-account-login,
html[data-theme="dark"] .lvt-account-button{
  color:#d4e5e9!important;
}
html[data-theme="dark"] .top-nav-trigger>span{color:#9bb8c1!important}
html[data-theme="light"] .top-nav-trigger>span{color:#59737d!important}
html[data-theme="dark"] .top-nav-trigger:hover,
html[data-theme="dark"] .top-nav-link:hover,
html[data-theme="dark"] .top-nav-group.active>.top-nav-trigger,
html[data-theme="dark"] .top-nav-group.open>.top-nav-trigger,
html[data-theme="dark"] .top-nav-link.active,
html[data-theme="dark"] .search-button:hover,
html[data-theme="dark"] .nav-theme-toggle:hover,
html[data-theme="dark"] .nav-notifications:hover,
html[data-theme="dark"] .nav-account:hover{
  color:#fff!important;
  background:#12303c!important;
}
html[data-theme="light"] .top-nav-trigger:hover,
html[data-theme="light"] .top-nav-link:hover,
html[data-theme="light"] .top-nav-group.active>.top-nav-trigger,
html[data-theme="light"] .top-nav-group.open>.top-nav-trigger,
html[data-theme="light"] .top-nav-link.active,
html[data-theme="light"] .search-button:hover,
html[data-theme="light"] .nav-theme-toggle:hover,
html[data-theme="light"] .nav-notifications:hover,
html[data-theme="light"] .nav-account:hover{
  color:#0a3a4b!important;
  background:#e9f2f4!important;
}
html[data-theme="dark"] .top-nav-panel,
html[data-theme="dark"] .lvt-account-menu,
html[data-theme="dark"] .primary-nav.lvt-top-nav{
  background:#0d2029!important;
  border-color:#31515e!important;
  color:#f3fafc!important;
}
html[data-theme="light"] .top-nav-panel,
html[data-theme="light"] .lvt-account-menu,
html[data-theme="light"] .primary-nav.lvt-top-nav{
  background:#fff!important;
  border-color:#b9ccd1!important;
  color:#0d2935!important;
}
html[data-theme="dark"] .top-nav-item,
html[data-theme="dark"] .top-nav-item b,
html[data-theme="dark"] .top-nav-item small{
  color:#d4e5e9!important;
}
html[data-theme="light"] .top-nav-item{color:#365763!important}
html[data-theme="light"] .top-nav-item b{color:#0d2935!important}
html[data-theme="light"] .top-nav-item small{color:#526e79!important}

/* Ecosystem / "Go Deeper" rail. Legacy human.css hardcoded this to white. */
html[data-theme="light"] .ecosystem-rail{
  background:#eaf1f1!important;
  color:#0d2935!important;
  border-color:#b9ccd1!important;
}
html[data-theme="dark"] .ecosystem-rail{
  background:#081820!important;
  color:#f3fafc!important;
  border-color:#294a57!important;
}
html[data-theme="light"] .ecosystem-head h2{color:#0d2935!important}
html[data-theme="light"] .ecosystem-head p{color:#4f6974!important}
html[data-theme="dark"] .ecosystem-head h2{color:#f3fafc!important}
html[data-theme="dark"] .ecosystem-head p{color:#a7bec5!important}
html[data-theme="light"] .ecosystem-grid{
  background:#b9ccd1!important;
  border-color:#b9ccd1!important;
}
html[data-theme="dark"] .ecosystem-grid{
  background:#294a57!important;
  border-color:#294a57!important;
}
html[data-theme="light"] .ecosystem-card{
  background:#fff!important;
  color:#0d2935!important;
  border-color:#b9ccd1!important;
}
html[data-theme="dark"] .ecosystem-card{
  background:#0d2029!important;
  color:#f3fafc!important;
  border-color:#294a57!important;
}
html[data-theme="light"] .ecosystem-card:hover{background:#f3f8f8!important}
html[data-theme="dark"] .ecosystem-card:hover{background:#12303c!important}
html[data-theme="light"] .ecosystem-card span{
  background:#e4f0f2!important;
  border-color:#b7d1d8!important;
  color:#076783!important;
}
html[data-theme="dark"] .ecosystem-card span{
  background:#15323e!important;
  border-color:#315663!important;
  color:#8bdceb!important;
}
html[data-theme="light"] .ecosystem-card b{color:#0d2935!important}
html[data-theme="light"] .ecosystem-card small{color:#4f6974!important}
html[data-theme="light"] .ecosystem-card em{color:#075b77!important}
html[data-theme="dark"] .ecosystem-card b{color:#f3fafc!important}
html[data-theme="dark"] .ecosystem-card small{color:#a7bec5!important}
html[data-theme="dark"] .ecosystem-card em{color:#8bdceb!important}

/* Shared tabs and common secondary copy. */
html[data-theme="light"] .hub-tabs,
html[data-theme="light"] .page-nav-strip,
html[data-theme="light"] .lb-category-nav,
html[data-theme="light"] .lb-scope-bar{
  background:#fff!important;
  color:#365763!important;
  border-color:#b9ccd1!important;
}
html[data-theme="dark"] .hub-tabs,
html[data-theme="dark"] .page-nav-strip,
html[data-theme="dark"] .lb-category-nav,
html[data-theme="dark"] .lb-scope-bar{
  background:#0c1c25!important;
  color:#c6d9de!important;
  border-color:#294a57!important;
}
html[data-theme="light"] .hub-tabs a,
html[data-theme="light"] .page-nav-strip a,
html[data-theme="light"] .lb-category-nav a,
html[data-theme="light"] .lb-scope-bar a{color:#47636e!important}
html[data-theme="dark"] .hub-tabs a,
html[data-theme="dark"] .page-nav-strip a,
html[data-theme="dark"] .lb-category-nav a,
html[data-theme="dark"] .lb-scope-bar a{color:#adc4ca!important}
html[data-theme="light"] .hub-tabs a.active,
html[data-theme="light"] .page-nav-strip a.active,
html[data-theme="light"] .lb-category-nav a.active,
html[data-theme="light"] .lb-scope-bar a.active{color:#075b77!important}
html[data-theme="dark"] .hub-tabs a.active,
html[data-theme="dark"] .page-nav-strip a.active,
html[data-theme="dark"] .lb-category-nav a.active,
html[data-theme="dark"] .lb-scope-bar a.active{color:#8bdceb!important}

/* Keep ordinary secondary text readable rather than decorative/faint. */
html[data-theme="dark"] p,
html[data-theme="dark"] small,
html[data-theme="dark"] .muted,
html[data-theme="dark"] .meta,
html[data-theme="dark"] .subtle{
  color:var(--lvt-muted)!important;
}
html[data-theme="light"] p,
html[data-theme="light"] small,
html[data-theme="light"] .muted,
html[data-theme="light"] .meta,
html[data-theme="light"] .subtle{
  color:var(--lvt-muted)!important;
}

/* Footer stays dark in both themes, but text is deliberately brighter. */
.universal-footer,.site-footer,.hub-footer{
  background:#0b3144!important;
  color:#eff8fa!important;
}
.universal-footer p,.site-footer p,.hub-footer p,
.universal-footer small,.site-footer small,.hub-footer small{
  color:#b8d0d6!important;
}
.universal-footer a,.site-footer a,.hub-footer a{
  color:#d4e6ea!important;
}
.universal-footer a:hover,.site-footer a:hover,.hub-footer a:hover{
  color:#fff!important;
}
.universal-footer strong,.site-footer strong,.hub-footer strong,
.universal-footer b,.site-footer b,.hub-footer b{
  color:#fff!important;
}


/* 2026-10-04 shared hero/card contrast follow-up. */
html[data-theme="light"] .hub-hero,
html[data-theme="light"] .page-hero,
html[data-theme="light"] .leaderboard-hero{
  background:#e5eff0!important;
  color:#0d2935!important;
  border-color:#b9ccd1!important;
}
html[data-theme="dark"] .hub-hero,
html[data-theme="dark"] .page-hero,
html[data-theme="dark"] .leaderboard-hero{
  background:#091820!important;
  color:#f3fafc!important;
  border-color:#294a57!important;
}
html[data-theme="light"] .hub-hero h1,
html[data-theme="light"] .hub-hero h1 strong,
html[data-theme="light"] .page-hero h1,
html[data-theme="light"] .page-hero h1 strong,
html[data-theme="light"] .leaderboard-hero h1,
html[data-theme="light"] .leaderboard-hero h1 strong{
  color:#0d2935!important;
  -webkit-text-fill-color:#0d2935!important;
}
html[data-theme="light"] .hub-hero h1 strong,
html[data-theme="light"] .page-hero h1 strong,
html[data-theme="light"] .leaderboard-hero h1 strong{
  color:#087a9d!important;
  -webkit-text-fill-color:#087a9d!important;
}
html[data-theme="dark"] .hub-hero h1,
html[data-theme="dark"] .page-hero h1,
html[data-theme="dark"] .leaderboard-hero h1{
  color:#f3fafc!important;
  -webkit-text-fill-color:#f3fafc!important;
}
html[data-theme="dark"] .hub-hero h1 strong,
html[data-theme="dark"] .page-hero h1 strong,
html[data-theme="dark"] .leaderboard-hero h1 strong{
  color:#8bdceb!important;
  -webkit-text-fill-color:#8bdceb!important;
}
html[data-theme="light"] .hub-hero p,
html[data-theme="light"] .page-hero p,
html[data-theme="light"] .leaderboard-hero p,
html[data-theme="light"] .hub-kicker{
  color:#425f6a!important;
}
html[data-theme="dark"] .hub-hero p,
html[data-theme="dark"] .page-hero p,
html[data-theme="dark"] .leaderboard-hero p,
html[data-theme="dark"] .hub-kicker{
  color:#b4cbd1!important;
}
html[data-theme="light"] .hub-note{color:#526e79!important}
html[data-theme="dark"] .hub-note{color:#9fb8c0!important}

/* Hub sections/cards: override legacy light-only human.css rules in both directions. */
html[data-theme="light"] .hub-section,
html[data-theme="light"] .hub-section.paper{
  background:#f2f6f6!important;
  color:#0d2935!important;
}
html[data-theme="light"] .hub-section.paper{background:#e9f0f0!important}
html[data-theme="dark"] .hub-section,
html[data-theme="dark"] .hub-section.paper{
  background:#061017!important;
  color:#f3fafc!important;
}
html[data-theme="dark"] .hub-section.paper{background:#091820!important}
html[data-theme="light"] .hub-section-head h2,
html[data-theme="light"] .category-card h3,
html[data-theme="light"] .catalog-card h3,
html[data-theme="light"] .server-card h3,
html[data-theme="light"] .idea-card h3,
html[data-theme="light"] .platform-link h3{
  color:#0d2935!important;
}
html[data-theme="dark"] .hub-section-head h2,
html[data-theme="dark"] .category-card h3,
html[data-theme="dark"] .catalog-card h3,
html[data-theme="dark"] .server-card h3,
html[data-theme="dark"] .idea-card h3,
html[data-theme="dark"] .platform-link h3{
  color:#f3fafc!important;
}
html[data-theme="light"] .hub-section-head p,
html[data-theme="light"] .category-card p,
html[data-theme="light"] .catalog-card p,
html[data-theme="light"] .server-card p,
html[data-theme="light"] .idea-card p,
html[data-theme="light"] .platform-link p{
  color:#4f6974!important;
}
html[data-theme="dark"] .hub-section-head p,
html[data-theme="dark"] .category-card p,
html[data-theme="dark"] .catalog-card p,
html[data-theme="dark"] .server-card p,
html[data-theme="dark"] .idea-card p,
html[data-theme="dark"] .platform-link p{
  color:#abc1c8!important;
}
html[data-theme="light"] .category-card,
html[data-theme="light"] .catalog-card,
html[data-theme="light"] .server-card,
html[data-theme="light"] .idea-card,
html[data-theme="light"] .platform-link{
  background:#fff!important;
  color:#0d2935!important;
  border-color:#b9ccd1!important;
}
html[data-theme="dark"] .category-card,
html[data-theme="dark"] .catalog-card,
html[data-theme="dark"] .server-card,
html[data-theme="dark"] .idea-card,
html[data-theme="dark"] .platform-link{
  background:#0c1c25!important;
  color:#f3fafc!important;
  border-color:#294a57!important;
}
html[data-theme="light"] .category-card>b,
html[data-theme="light"] .catalog-card>b,
html[data-theme="light"] .server-card>b,
html[data-theme="light"] .idea-card>b,
html[data-theme="light"] .platform-link>b{
  color:#075b77!important;
}
html[data-theme="dark"] .category-card>b,
html[data-theme="dark"] .catalog-card>b,
html[data-theme="dark"] .server-card>b,
html[data-theme="dark"] .idea-card>b,
html[data-theme="dark"] .platform-link>b{
  color:#8bdceb!important;
}
html[data-theme="light"] .category-card>span,
html[data-theme="light"] .catalog-card>span,
html[data-theme="light"] .idea-card>span{
  color:#087a9d!important;
}
html[data-theme="dark"] .category-card>span,
html[data-theme="dark"] .catalog-card>span,
html[data-theme="dark"] .idea-card>span{
  color:#8bdceb!important;
}

/* Search surfaces on pale/dark heroes. */
html[data-theme="light"] .hub-search,
html[data-theme="light"] .hub-search input{
  background:#fff!important;
  color:#0d2935!important;
  border-color:#aac2c9!important;
}
html[data-theme="dark"] .hub-search,
html[data-theme="dark"] .hub-search input{
  background:#0c2029!important;
  color:#f3fafc!important;
  border-color:#315663!important;
}
html[data-theme="light"] .hub-search input::placeholder{color:#607983!important}
html[data-theme="dark"] .hub-search input::placeholder{color:#91adb5!important}

/* Footer is deliberately dark in both modes; do not let global light text tokens darken it. */
.universal-footer h1,.universal-footer h2,.universal-footer h3,
.site-footer h1,.site-footer h2,.site-footer h3,
.hub-footer h1,.hub-footer h2,.hub-footer h3,
.universal-footer .brand-word,.site-footer .brand-word,.hub-footer .brand-word{
  color:#f5fbfd!important;
  -webkit-text-fill-color:#f5fbfd!important;
}
.universal-footer .uf-eyebrow{color:#9ad9e5!important}
.universal-footer .uf-cta p{color:#b8d0d6!important}
.universal-footer .button-primary{
  background:#75d7e9!important;
  border-color:#75d7e9!important;
  color:#06232e!important;
}
.universal-footer .button-primary:hover{
  background:#95e5f2!important;
  color:#041c25!important;
}
.universal-footer .button-glass{
  background:#164356!important;
  border-color:#477080!important;
  color:#f1f9fb!important;
}
.universal-footer .button-glass:hover{
  background:#1d5368!important;
  color:#fff!important;
}
.universal-footer .uf-brand>p{color:#b4cbd1!important}
.universal-footer .uf-bottom,
.universal-footer .uf-bottom a,
.universal-footer .uf-top{color:#b9d1d7!important}

/* Accessible search labels can remain visually hidden without being semantically empty. */
.lb-search:has(input)::before{
  content:"Search leaderboard";
  position:absolute!important;
  width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;
  overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;
}


/* 2026-10-04 final shared readability tightening. */
html[data-theme="light"] .hub-section .hub-kicker,
html[data-theme="light"] .hub-section-head .hub-kicker,
html[data-theme="light"] .hub-section-head>div>p.hub-kicker{
  color:#294b57!important;
  -webkit-text-fill-color:#294b57!important;
}
html[data-theme="dark"] .hub-section .hub-kicker,
html[data-theme="dark"] .hub-section-head .hub-kicker,
html[data-theme="dark"] .hub-section-head>div>p.hub-kicker{
  color:#a9d8e2!important;
  -webkit-text-fill-color:#a9d8e2!important;
}
html[data-theme="light"] .hub-section-head h2,
html[data-theme="light"] .hub-section h2{
  color:#0d2935!important;
  -webkit-text-fill-color:#0d2935!important;
}
html[data-theme="dark"] .hub-section-head h2,
html[data-theme="dark"] .hub-section h2{
  color:#f3fafc!important;
  -webkit-text-fill-color:#f3fafc!important;
}
html[data-theme="light"] .hub-section-head p:not(.hub-kicker),
html[data-theme="light"] .hub-section .category-card p{
  color:#36515c!important;
  -webkit-text-fill-color:#36515c!important;
}
html[data-theme="dark"] .hub-section-head p:not(.hub-kicker),
html[data-theme="dark"] .hub-section .category-card p{
  color:#b9cfd5!important;
  -webkit-text-fill-color:#b9cfd5!important;
}
html[data-theme="light"] .hub-section .category-card h3{
  color:#102f3b!important;
  -webkit-text-fill-color:#102f3b!important;
}
html[data-theme="dark"] .hub-section .category-card h3{
  color:#f5fbfd!important;
  -webkit-text-fill-color:#f5fbfd!important;
}
html[data-theme="light"] .hub-section .category-card>span{
  color:#075b77!important;
  -webkit-text-fill-color:#075b77!important;
}
html[data-theme="dark"] .hub-section .category-card>span{
  color:#9ee3ef!important;
  -webkit-text-fill-color:#9ee3ef!important;
}
html[data-theme="light"] .search-button{
  color:#294b57!important;
}
html[data-theme="dark"] .search-button{
  color:#e9f4f6!important;
}
html[data-theme="light"] .top-nav-trigger>span{color:#45636e!important}
html[data-theme="dark"] .top-nav-trigger>span{color:#b3cad0!important}
.universal-footer .uf-brand .brand-word,
.site-footer .uf-brand .brand-word,
.hub-footer .uf-brand .brand-word{
  color:#f5fbfd!important;
  -webkit-text-fill-color:#f5fbfd!important;
}
.universal-footer .uf-bottom,
.universal-footer .uf-bottom *,
.site-footer .uf-bottom,
.site-footer .uf-bottom *{
  color:#c6dce1!important;
}


/* 2026-10-04 ecosystem card layout repair.
   The shared human layer flattened card children inline. Restore a real card grid. */
.ecosystem-rail{
  overflow:hidden!important;
}
.ecosystem-rail .shell{
  min-width:0!important;
}
.ecosystem-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:10px!important;
  align-items:start!important;
  margin-bottom:22px!important;
}
.ecosystem-head>div{
  min-width:0!important;
}
.ecosystem-head small{
  display:block!important;
  width:auto!important;
  margin:0 0 8px!important;
  white-space:normal!important;
}
.ecosystem-head h2{
  display:block!important;
  width:auto!important;
  margin:0!important;
  white-space:normal!important;
}
.ecosystem-head>p{
  display:block!important;
  width:auto!important;
  max-width:720px!important;
  margin:0!important;
  white-space:normal!important;
  line-height:1.55!important;
}
.ecosystem-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
  min-width:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-sizing:border-box!important;
}
.ecosystem-card{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:0!important;
  min-width:0!important;
  width:100%!important;
  min-height:172px!important;
  padding:18px!important;
  border:1px solid var(--lvt-border)!important;
  border-radius:10px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  text-decoration:none!important;
  white-space:normal!important;
}
.ecosystem-card>span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:30px!important;
  height:28px!important;
  margin:0 0 14px!important;
  padding:0 7px!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
}
.ecosystem-card>b{
  display:block!important;
  width:100%!important;
  margin:0 0 7px!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  font-size:15px!important;
  line-height:1.25!important;
  font-weight:900!important;
}
.ecosystem-card>small{
  display:block!important;
  flex:1 1 auto!important;
  width:100%!important;
  margin:0!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  font-size:11px!important;
  line-height:1.55!important;
}
.ecosystem-card>em{
  display:block!important;
  width:100%!important;
  margin:14px 0 0!important;
  padding:0!important;
  white-space:normal!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-style:normal!important;
  font-weight:850!important;
}
.ecosystem-card:hover{
  transform:translateY(-1px)!important;
}
@media(max-width:980px){
  .ecosystem-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:560px){
  .ecosystem-rail{padding:48px 0!important}
  .ecosystem-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .ecosystem-card{
    min-height:0!important;
  }
}


/* 2026-10-04 site-wide mobile containment and responsive safety */
*,*::before,*::after{box-sizing:border-box}
html{max-width:100%;overflow-x:hidden}
body{max-width:100%;overflow-x:clip}
main,header,footer,section,nav,.shell{min-width:0;max-width:100%}
img,svg,video,canvas,iframe{max-width:100%}
input,select,textarea,button{max-width:100%;min-width:0}
.shell{
  width:min(100% - 32px,1240px)!important;
  margin-inline:auto!important;
}
.hub-tabs,.page-nav-strip,.lb-category-nav,.lb-scope-bar{
  max-width:100vw!important;
  overflow:hidden!important;
}
.hub-tabs>.shell,
.page-nav-strip>.shell,
.lb-category-nav>.shell,
.lb-scope-bar>.shell{
  display:flex!important;
  min-width:0!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-inline:contain;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
  scroll-snap-type:x proximity;
}
.hub-tabs>.shell::-webkit-scrollbar,
.page-nav-strip>.shell::-webkit-scrollbar,
.lb-category-nav>.shell::-webkit-scrollbar,
.lb-scope-bar>.shell::-webkit-scrollbar{display:none}
.hub-tabs a,.hub-tabs button,
.page-nav-strip a,.page-nav-strip button,
.lb-category-nav a,.lb-category-nav button,
.lb-scope-bar a,.lb-scope-bar button{
  flex:0 0 auto!important;
  scroll-snap-align:start;
}
pre,code{max-width:100%;overflow-wrap:anywhere}
table{max-width:100%}

@media(max-width:760px){
  .shell{width:min(100% - 24px,1240px)!important}
  .hub-hero,.page-hero,.leaderboard-hero{overflow:hidden!important}
  .hub-hero h1,.page-hero h1,.leaderboard-hero h1{
    max-width:100%!important;
    overflow-wrap:anywhere;
  }
  .hub-hero p,.page-hero p,.leaderboard-hero p{max-width:100%!important}
  .hub-tabs>.shell,
  .page-nav-strip>.shell,
  .lb-category-nav>.shell,
  .lb-scope-bar>.shell{
    width:100%!important;
    padding-inline:12px!important;
    margin-inline:0!important;
  }
  .site-header .main-nav{
    width:100%!important;
    padding-inline:12px!important;
  }
  .nav-actions{margin-left:auto!important}
  .nav-account{
    max-width:92px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .ecosystem-grid,.feature-grid,.category-grid,.platform-grid,.store-grid{
    min-width:0!important;
  }
}

@media(max-width:480px){
  .shell{width:min(100% - 20px,1240px)!important}
  .site-header .main-nav{padding-inline:10px!important;gap:8px!important}
  .brand-word{font-size:15px!important;letter-spacing:.12em!important}
  .nav-actions{gap:2px!important}
  .nav-theme-toggle,.nav-notifications,.search-button{
    width:34px!important;
    min-width:34px!important;
  }
  .nav-account{padding-inline:5px!important;font-size:10px!important;max-width:74px!important}
}


/* 2026-10-05: themed paper sections. Legacy pages.css hard-coded these light. */
.page-section.paper{
  background:var(--lvt-surface-2)!important;
  color:var(--lvt-text)!important;
}
.page-section.paper .page-section-head h2,
.page-section.paper .page-section-head h3,
.page-section.paper .page-section-head b,
.page-section.paper .page-section-head strong{
  color:var(--lvt-text)!important;
}
.page-section.paper .page-section-head p{
  color:var(--lvt-muted)!important;
}
.page-section.paper .overline,
.page-section.paper .overline.dark{
  color:var(--lvt-accent-strong)!important;
}
.page-section.paper .overline>span,
.page-section.paper .overline.dark>span{
  background:var(--lvt-accent)!important;
}
.page-section.paper .feature-card{
  background:var(--lvt-surface)!important;
  border-color:var(--lvt-border)!important;
  color:var(--lvt-text)!important;
  box-shadow:none!important;
}
.page-section.paper .feature-card h3,
.page-section.paper .feature-card b,
.page-section.paper .feature-card strong{
  color:var(--lvt-text)!important;
}
.page-section.paper .feature-card p{
  color:var(--lvt-muted)!important;
}
.page-section.paper .feature-number{
  color:var(--lvt-faint)!important;
}
.page-section.paper .text-link{
  color:var(--lvt-accent-strong)!important;
}

html[data-theme="light"] .page-section.paper{
  background:#f5f3ed!important;
  color:#142f3b!important;
}
html[data-theme="light"] .page-section.paper .feature-card{
  background:#fff!important;
  border-color:#d6dfe0!important;
}
html[data-theme="light"] .page-section.paper .page-section-head h2,
html[data-theme="light"] .page-section.paper .feature-card h3{
  color:#142f3b!important;
}
html[data-theme="light"] .page-section.paper .page-section-head p,
html[data-theme="light"] .page-section.paper .feature-card p{
  color:#526873!important;
}