/* Leviathan Human Design System
   Editorial, game-native and intentionally restrained.
   This file is re-appended last by app.js so it wins the cascade.
*/
:root{
  --human-bg:#f6f8f7;
  --human-paper:#ffffff;
  --human-paper-alt:#eef4f3;
  --human-ink:#132d3a;
  --human-ink-soft:#35525f;
  --human-muted:#6b818a;
  --human-line:#cfdcde;
  --human-line-dark:#abc2c8;
  --human-blue:#1485a8;
  --human-blue-dark:#0d617d;
  --human-blue-soft:#dceff3;
  --human-green:#2b8b68;
  --human-navy:#103d55;
  --human-navy-dark:#092b3d;
  --human-danger:#b03d49;
}
html{background:var(--human-bg)!important}
body{
  background:var(--human-bg)!important;
  color:var(--human-ink)!important;
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
}
body::before,body::after{display:none!important}
.shell{width:min(1360px,calc(100% - 64px))!important}
.scroll-progress{height:2px!important;background:var(--human-blue)!important;box-shadow:none!important}
.reveal,.motion-reveal,.premium-reveal{opacity:1!important;transform:none!important;transition:none!important}

/* Header and utility bar */
.utility-bar{
  height:28px!important;
  background:#e8f1f2!important;
  border-bottom:1px solid var(--human-line)!important;
}
.utility-inner{color:#58747f!important;font-size:8px!important}
.utility-inner>span i{background:var(--human-green)!important;box-shadow:none!important}
.utility-inner a{color:#55717c!important}.utility-inner a:hover{color:var(--human-blue-dark)!important}
.site-header{
  background:rgba(255,255,255,.98)!important;
  border-bottom:1px solid var(--human-line)!important;
  box-shadow:none!important;
  backdrop-filter:blur(10px)!important;
}
.site-header.scrolled{background:#fff!important;box-shadow:0 8px 22px rgba(31,64,77,.06)!important}
.brand{gap:9px!important}
.brand-mark{width:34px!important;height:34px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.brand-mark img{width:28px!important;height:28px!important}
.brand-word{color:#153544!important;font-size:12px!important;letter-spacing:.14em!important}
.nav-toggle span:not(.sr-only){background:#234957!important}
.global-explore-btn,.lvt-tools,.abyss-cursor-light{display:none!important}

/* Global controls */
.button,.search-button,.nav-account,.nav-notifications,
button,input,select,textarea{font-family:inherit}
.button{
  min-height:42px!important;padding:0 17px!important;border-radius:4px!important;
  box-shadow:none!important;transform:none!important;overflow:visible!important;
  transition:background .12s ease,border-color .12s ease,color .12s ease!important
}
.button::before,.button::after{display:none!important}
.button-primary{border:1px solid var(--human-blue)!important;background:var(--human-blue)!important;color:#fff!important}
.button-primary:hover{background:var(--human-blue-dark)!important;border-color:var(--human-blue-dark)!important;box-shadow:none!important}
.button-glass,.button-light{
  border:1px solid var(--human-line-dark)!important;background:#fff!important;color:#244957!important
}
.button-glass:hover,.button-light:hover{background:#edf5f6!important;border-color:#8fb9c4!important}
.soon-pill{border-radius:3px!important;background:#e7eef0!important;color:#698089!important}

/* Home hero: editorial instead of cinematic SaaS */
.home-page .hero-v2{
  min-height:0!important;
  padding-top:100px!important;
  background:#f6f8f7!important;
  border-bottom:1px solid var(--human-line)!important;
  overflow:hidden!important;
}
.home-page .hero-v2::before,.home-page .hero-v2::after,
.home-page .hero-vignette,.home-page .hero-art,.home-page .device-shadow,
.home-page .hero-float{display:none!important}
.home-page .hero-v2-inner{
  min-height:610px!important;
  padding:70px 0 76px!important;
  grid-template-columns:minmax(430px,.88fr) minmax(540px,1.12fr)!important;
  gap:72px!important;
}
.home-page .hero-v2-copy{max-width:660px!important}
.home-page .overline{
  margin-bottom:18px!important;color:var(--human-blue)!important;
  font-size:8px!important;letter-spacing:.11em!important
}
.home-page .overline span{width:18px!important;background:currentColor!important}
.home-page .hero-v2 h1{
  margin:0!important;
  color:var(--human-ink)!important;
  font-size:clamp(58px,6.4vw,94px)!important;
  line-height:.93!important;
  letter-spacing:-.06em!important;
  font-weight:780!important;
  text-shadow:none!important;
}
.home-page .hero-v2 h1 strong{
  color:var(--human-blue)!important;
  background:none!important;
  -webkit-text-fill-color:initial!important;
  filter:none!important;
}
.home-page .hero-summary{
  max-width:570px!important;
  margin-top:24px!important;
  color:#526e79!important;
  font-size:16px!important;
  line-height:1.65!important
}
.home-page .hero-actions{margin-top:28px!important;gap:9px!important}
.home-page .release-note{margin-top:20px!important;color:#758a92!important;font-size:8px!important}
.home-page .release-note i{background:var(--human-green)!important;box-shadow:none!important}
.home-page .hero-device{perspective:none!important}
.home-page .device-window{
  border:1px solid #9db8c1!important;border-radius:6px!important;
  background:#123e55!important;
  box-shadow:14px 18px 0 #d9e7e9!important;
  transform:none!important;transition:none!important
}
.home-page .device-window::before{display:none!important}
.home-page .device-bar{height:44px!important;background:#0d3347!important;border-color:rgba(255,255,255,.12)!important}
.home-page .device-body{min-height:360px!important;grid-template-columns:112px 1fr!important}
.home-page .device-sidebar{background:#0b3043!important;border-color:rgba(255,255,255,.10)!important}
.home-page .device-sidebar a{border-radius:3px!important}
.home-page .device-sidebar a.active{background:#174c66!important;box-shadow:none!important}
.home-page .device-main{background:#123e55!important;padding:16px!important}
.home-page .device-heading b,.home-page .play-card h3{color:#fff!important}
.home-page .play-card{
  min-height:126px!important;padding:17px!important;border-radius:4px!important;
  border-color:rgba(255,255,255,.15)!important;background:#18516e!important
}
.home-page .play-card button{border-radius:3px!important;background:#65c5df!important;box-shadow:none!important}
.home-page .device-panels{gap:6px!important}
.home-page .device-panels div{border-radius:3px!important;background:#0d3448!important;border-color:rgba(255,255,255,.08)!important}
.home-page .hero-bottom-line{
  background:#fff!important;border-color:var(--human-line)!important;backdrop-filter:none!important
}
.home-page .hero-bottom-line>.shell{min-height:46px!important;color:#68808a!important}

/* Home sections */
.home-page .intro-statement,.home-page .platform-family,.home-page .story-section,
.home-page .connected-section,.home-page .news-section,.home-page .community-banner,
.home-page .home-showcase,.home-page .home-library,.home-page .home-latest,.home-page .home-development{
  color:var(--human-ink)!important;
  background:var(--human-bg)!important;
  border-color:var(--human-line)!important
}
.home-page .intro-statement{padding:100px 0!important}
.home-page .intro-grid{grid-template-columns:180px minmax(0,1fr)!important;gap:70px!important}
.home-page .intro-grid h2,.home-page .section-head h2,.home-page .story-copy h2,
.home-page .support-copy h2,.home-page .news-heading h2,.home-page .community-banner h2,
.home-page .hs-head h2,.home-page .latest-head h2,.home-page .library-head h2,.home-page .development-box h2{
  color:var(--human-ink)!important;font-weight:730!important
}
.home-page .intro-grid>div>p,.home-page .story-copy>p,.home-page .section-head>p,
.home-page .community-banner p,.home-page .hs-head p,.home-page .latest-head p,
.home-page .development-box p{color:#5e7882!important}
.home-page .platform-family{padding:90px 0 105px!important;background:#edf3f2!important}
.home-page .family-grid{
  gap:1px!important;border:1px solid var(--human-line)!important;background:var(--human-line)!important
}
.home-page .family-card{
  min-height:500px!important;border:0!important;border-radius:0!important;background:#fff!important;
  color:var(--human-ink)!important;box-shadow:none!important;transform:none!important
}
.home-page .family-card::after{display:none!important}
.home-page .family-card:hover{transform:none!important;background:#f8fbfb!important;box-shadow:none!important}
.home-page .family-art{height:270px!important;border-color:var(--human-line)!important;background:#dfecee!important}
.home-page .family-art::before,.home-page .family-art::after{animation:none!important}
.home-page .family-copy{padding:30px!important}
.home-page .family-copy>p{color:var(--human-blue)!important}
.home-page .family-copy h3{color:var(--human-ink)!important}
.home-page .family-copy>span{color:#607985!important}
.home-page .family-copy>b{color:var(--human-blue-dark)!important}
.home-page .story-section{padding:105px 0!important}
.home-page .story-section::before,.home-page .story-wave{display:none!important}
.home-page .story-grid{gap:70px!important}
.home-page .migration-ui,.home-page .system-ui,.home-page .error-card{
  border:1px solid var(--human-line-dark)!important;border-radius:6px!important;
  background:#fff!important;box-shadow:none!important;color:var(--human-ink)!important
}
.home-page .migration-title,.home-page .system-head,.home-page .migration-source-row,
.home-page .system-score,.home-page .system-memory,.home-page .system-specs,.home-page .error-card-top{
  border-color:#d9e4e6!important;color:#637d87!important
}
.home-page .migration-list>div,.home-page .system-specs div{background:#f4f8f8!important;border-color:#dde8ea!important}
.home-page .migration-ui b,.home-page .system-ui b,.home-page .system-ui strong,.home-page .error-card h3{color:var(--human-ink)!important}
.home-page .support-showcase{
  padding:100px 0!important;background:var(--human-navy)!important;color:#fff!important
}
.home-page .support-showcase h2{color:#fff!important}
.home-page .support-showcase p{color:#c6dce4!important}
.home-page .support-showcase .error-card{background:#fff!important;color:var(--human-ink)!important}
.home-page .connected-section{padding:100px 0!important;background:#fff!important}
.home-page .connected-orbit::before{display:none!important}
.home-page .orbit-core,.home-page .orbit-node{border-radius:4px!important;box-shadow:none!important}
.home-page .orbit-core{background:var(--human-navy)!important}
.home-page .orbit-node{background:#fff!important;border:1px solid var(--human-line)!important;color:#244957!important}
.home-page .community-banner{background:#dceef1!important;padding:76px 0!important}
.home-page .news-section{background:#edf3f2!important}

/* Injected home expansion: turn component demo into editorial blocks */
.home-page .home-showcase,.home-page .home-library,.home-page .home-latest,.home-page .home-development{padding:90px 0!important}
.home-page .home-showcase::before{display:none!important}
.home-page .hs-frame{
  min-height:500px!important;border:1px solid var(--human-line)!important;border-radius:0!important;
  background:#fff!important;box-shadow:none!important
}
.home-page .hs-tabs{background:#f2f6f6!important;border-color:var(--human-line)!important}
.home-page .hs-tab{
  border:0!important;border-radius:0!important;color:#627b85!important;background:transparent!important;transition:none!important
}
.home-page .hs-tab:hover,.home-page .hs-tab.active{background:#fff!important;color:var(--human-blue-dark)!important;border:0!important}
.home-page .hs-tab>span{border:1px solid var(--human-line)!important;border-radius:3px!important;background:#fff!important;color:var(--human-blue)!important}
.home-page .hs-stage{background:#e8f0f1!important}
.home-page .hs-visual::before,.home-page .hs-visual::after{display:none!important}
.home-page .hs-device{border:1px solid #9cb9c1!important;border-radius:5px!important;background:#123e55!important;box-shadow:none!important;transform:none!important}
.home-page .hs-copy{background:#fff!important;border-color:var(--human-line)!important;backdrop-filter:none!important}
.home-page .hs-copy h3{color:var(--human-ink)!important}.home-page .hs-copy p{color:#607a84!important}
.home-page .library-track{gap:1px!important}
.home-page .library-card,.home-page .latest-card,.home-page .development-box{
  border:1px solid var(--human-line)!important;border-radius:0!important;background:#fff!important;
  box-shadow:none!important;transform:none!important;transition:none!important;color:var(--human-ink)!important
}
.home-page .library-card:hover,.home-page .latest-card:hover{transform:none!important;box-shadow:none!important;background:#f9fbfb!important}
.home-page .library-art,.home-page .latest-visual{background:#dfeaec!important}
.home-page .library-art::before,.home-page .library-art::after,.home-page .latest-visual::before,.home-page .latest-visual::after{display:none!important}
.home-page .library-body h3,.home-page .latest-card h3{color:var(--human-ink)!important}
.home-page .library-body p,.home-page .latest-card p{color:#607983!important}
.home-page .development-box{padding:34px!important}

/* Marketing/page heroes */
.page-hero,.hub-hero,.leaderboard-hero{
  min-height:0!important;padding:126px 0 66px!important;
  background:#e4eff0!important;color:var(--human-ink)!important;border-bottom:1px solid var(--human-line)!important
}
.page-hero::before,.page-hero::after,.hub-hero::before,.hub-hero::after,.leaderboard-hero::before,.leaderboard-hero::after{display:none!important}
.page-hero h1,.hub-hero h1,.leaderboard-hero h1{
  color:var(--human-ink)!important;font-size:clamp(48px,5.7vw,78px)!important;
  line-height:.96!important;letter-spacing:-.055em!important;text-shadow:none!important
}
.page-hero h1 strong,.hub-hero h1 strong,.leaderboard-hero h1 strong{
  color:var(--human-blue)!important;background:none!important;-webkit-text-fill-color:initial!important
}
.page-hero p,.hub-hero p,.leaderboard-hero p{color:#5a7580!important}
.page-nav-strip,.hub-tabs,.lb-category-nav,.lb-scope-bar{
  background:#fff!important;border-color:var(--human-line)!important;backdrop-filter:none!important
}
.page-nav-strip a,.hub-tabs a,.lb-category-nav a,.lb-scope-chip{color:#5d7680!important;border-radius:0!important}
.page-nav-strip a:hover,.hub-tabs a:hover,.hub-tabs a.active,.lb-category-nav a:hover,.lb-category-nav a.active{
  background:transparent!important;color:var(--human-blue-dark)!important;box-shadow:inset 0 -2px var(--human-blue)!important
}

/* Sections and cards across the rest of the website */
.page-section,.hub-section,.leaderboard-main,.messages-shell{background:var(--human-bg)!important;color:var(--human-ink)!important}
.page-section.deep,.hub-section.paper{background:#edf3f2!important}
.feature-card,.category-card,.catalog-card,.support-category,.status-item,.news-tile,.server-card,.idea-card,.platform-link,
.profile-preview,.pn-profile,.lvt-profile-header-card,.lvt-cape-panel,.lvt-cape-hero,.lvt-cape-history,.lvt-skins-v2,.lvt-names-v2,
.pdv4-about-card,.pdv3-facts-card,.lvt-profile-settings,.skin-browser-card,.names-v2-table-card,.names-v2-filter,.names-v2-recent,
.lb-board,.lb-hub-card,.lb-overview-panel,.texture-card,.cape-detail-card,.messages-app,.account-card,.account-section{
  border:1px solid var(--human-line)!important;border-radius:4px!important;
  background:#fff!important;color:var(--human-ink)!important;box-shadow:none!important;transform:none!important
}
.feature-card::after,.category-card::after,.catalog-card::after,.support-category::after,.news-tile::after,.server-card::after,.idea-card::after,.platform-link::after{display:none!important}
.feature-card:hover,.category-card:hover,.catalog-card:hover,.support-category:hover,.news-tile:hover,.server-card:hover,.idea-card:hover,.platform-link:hover{
  transform:none!important;background:#f8fbfb!important;box-shadow:none!important
}
.page-visual-frame,.showcase-ui,.error-lookup-large{border-radius:5px!important;box-shadow:none!important}
.page-visual-frame::before,.page-visual-frame::after{display:none!important}
.ecosystem-rail{
  padding:72px 0!important;background:#edf3f2!important;border-color:var(--human-line)!important;color:var(--human-ink)!important
}
.ecosystem-rail::before{display:none!important}
.ecosystem-head h2{color:var(--human-ink)!important}.ecosystem-head p{color:#607983!important}
.ecosystem-grid{gap:1px!important;border:1px solid var(--human-line)!important;background:var(--human-line)!important}
.ecosystem-card{
  min-height:150px!important;padding:20px!important;border:0!important;border-radius:0!important;background:#fff!important;
  color:var(--human-ink)!important;box-shadow:none!important;transform:none!important;transition:none!important
}
.ecosystem-card:hover{transform:none!important;background:#f8fbfb!important;box-shadow:none!important}
.ecosystem-card span{border:1px solid var(--human-line)!important;border-radius:3px!important;background:#edf5f6!important;color:var(--human-blue)!important}
.ecosystem-card b{color:var(--human-ink)!important}.ecosystem-card small{color:#627b85!important}.ecosystem-card em{color:var(--human-blue-dark)!important}

/* Profile */
.profile-page,.profile-page main{background:var(--human-bg)!important}
.profile-page .profile-preview,.profile-page .pn-profile{background:#fff!important}
.profile-page .pn-tabs,.profile-page .lvt-profile-header-main,.profile-page .lvt-profile-header-socials{
  background:#fff!important;border-color:var(--human-line)!important
}
.profile-page .pn-tab{color:#647d87!important}
.profile-page .pn-tab.active{background:transparent!important;color:var(--human-blue-dark)!important;box-shadow:inset 0 -2px var(--human-blue)!important}
.profile-page .pn-info,.profile-page .pn-avatar,.profile-page .pn-pane,.profile-page .lvt-current-skin,
.profile-page .lvt-name-history-card,.profile-page .lvt-known-aliases,.profile-page .ps-profile-social,
.profile-page .lvt-cape-preview,.profile-page .lvt-current-skin-preview,.profile-page .lvt-skin-card-preview{
  background:#f7faf9!important;border-color:var(--human-line)!important;color:var(--human-ink)!important
}
.profile-page h1,.profile-page h2,.profile-page h3,.profile-page h4,.profile-page b,.profile-page strong{color:var(--human-ink)!important}
.profile-page p,.profile-page small{color:#617a84!important}

/* Skins and capes */
.skin-browser-card{border-radius:2px!important}
.skin-browser-card:hover{transform:none!important;border-color:#9ebec7!important;box-shadow:none!important}
.skin-browser-preview{background:#e4ecec!important}
.skin-browser-sort,.skin-browser-tags,.skin-browser-search{border-radius:4px!important;background:#fff!important;border-color:var(--human-line)!important}
.skin-browser-sort button,.skin-browser-periods button,.skin-browser-tags-toggle,.skin-browser-pagination button{
  border-radius:3px!important;background:#fff!important;border-color:var(--human-line)!important;color:#55717c!important
}
.skin-browser-sort button.active,.skin-browser-periods button.active,.skin-browser-tags-toggle.active{background:var(--human-blue-soft)!important;color:var(--human-blue-dark)!important}
.texture-grid{gap:1px!important;border:1px solid var(--human-line)!important;background:var(--human-line)!important}
.texture-card{border:0!important;border-radius:0!important;background:#fff!important}
.texture-card:hover{background:#f7faf9!important;transform:none!important;box-shadow:none!important}

/* Names */
.names-v2-table-head,.lb-board-head,.lb-cape-board-head{
  background:#e7efef!important;border-color:var(--human-line)!important;color:#58727d!important
}
.names-v2-row,.lb-global-row,.lb-cape-row{border-color:#dfe9ea!important;color:#54717d!important}
.names-v2-row:hover,.lb-global-row:hover,.lb-cape-row:hover{background:#f2f7f7!important}
.names-v2-name,.lb-profile{color:var(--human-blue-dark)!important}
.names-v2-stat{border-radius:3px!important;background:#fff!important;border-color:var(--human-line)!important}
.names-v2-filter input,.names-v2-filter select{border-radius:3px!important;background:#fff!important;color:var(--human-ink)!important;border-color:var(--human-line)!important}

/* Leaderboards */
.lb-view-toggle{border:1px solid var(--human-line)!important;border-radius:4px!important;background:#fff!important}
.lb-view-toggle button{border-radius:3px!important;color:#607983!important}
.lb-view-toggle button.active{background:var(--human-blue-soft)!important;color:var(--human-blue-dark)!important;box-shadow:none!important}
.lb-rank-box{border-radius:3px!important;background:#f2f6f6!important;border-color:#c5d7da!important;color:#365864!important}
.lb-score{color:var(--human-ink)!important}.lb-score small{color:#718790!important}
.lb-cape-thumb{border-color:#d2e0e2!important;background:#eef4f4!important;box-shadow:none!important}

/* Forms, account, login, messages */
input,select,textarea{border-radius:4px!important;box-shadow:none!important}
.account-shell,.account-main,.account-dashboard,.messages-page{background:var(--human-bg)!important}
.account-menu,.messages-side{background:#edf3f2!important;border-color:var(--human-line)!important}
.account-menu button{border-radius:3px!important}
.messages-app{border-radius:4px!important}
.conversation-messages{background:#f4f7f7!important}
.message-bubble{border-radius:4px!important;box-shadow:none!important}

/* Footer */
.universal-footer,.site-footer,.hub-footer{background:#123b50!important;color:#dcebef!important}
.uf-cta,.footer-cta{background:#0e3448!important}
.uf-cta::before,.footer-cta::before{display:none!important}
.uf-main,.footer-main{border-color:rgba(255,255,255,.13)!important}
.uf-col a,.footer-column a{color:#c3d8df!important}.uf-col a:hover,.footer-column a:hover{color:#fff!important}

/* Remove AI-ish motion and decorative effects */
.page-hero-visual,.visual-main-card button,.button-primary,.status-dot.dev,.uf-status i,.uf-social-intro i,
.home-showcase::before,.ecosystem-rail::before,.page-section.deep::before,.hub-section:nth-of-type(even)::before{
  animation:none!important
}
.premium-tilt,.premium-tilt.is-tilting,.showcase-ui:hover,.migration-ui:hover,.system-ui:hover,.error-lookup-large:hover,.profile-preview:hover{
  transform:none!important;transition:none!important
}
.page-hero::after,.hub-hero::after{display:none!important}

/* Fix accidental literal newline artifact if a browser moved it into body */
body>text{display:none}

@media(max-width:1050px){
  .shell{width:calc(100% - 36px)!important}
  .home-page .hero-v2-inner{grid-template-columns:1fr!important;gap:42px!important}
  .home-page .hero-device{max-width:760px!important}
  .home-page .intro-grid{grid-template-columns:1fr!important;gap:18px!important}
}
@media(max-width:720px){
  .shell{width:calc(100% - 24px)!important}
  .home-page .hero-v2{padding-top:94px!important}
  .home-page .hero-v2-inner{padding:48px 0 58px!important}
  .home-page .hero-v2 h1{font-size:clamp(46px,13vw,68px)!important}
  .home-page .device-body{grid-template-columns:86px 1fr!important}
  .home-page .hero-bottom-line>.shell{overflow:auto!important;justify-content:flex-start!important;gap:12px!important}
  .home-page .family-grid{grid-template-columns:1fr!important}
}