:root{--ocean-0:#0b3552;--ocean-1:#0e466d;--ocean-2:#17669a;--ocean-3:#2181b9;--ocean-accent:#72dcff;--ocean-accent-strong:#c8f7ff;--ocean-text:#f7fdff;--ocean-muted:#c9e5ee;--ocean-line:rgba(155,233,255,.27)}
html{background:#0b3552}body{background:radial-gradient(1100px 620px at 82% 8%,rgba(126,226,255,.25),transparent 66%),radial-gradient(800px 520px at 13% 100%,rgba(67,155,235,.23),transparent 69%),linear-gradient(160deg,var(--ocean-0),var(--ocean-1) 42%,var(--ocean-2));color:var(--ocean-text)}
body::before,body::after{content:"";position:fixed;left:-26vw;width:150vw;height:42vw;min-height:260px;max-height:620px;background:url('/assets/leviathan-swimmer.svg') center/contain no-repeat;pointer-events:none;z-index:0;opacity:.11;filter:blur(.3px) drop-shadow(0 0 38px rgba(99,215,255,.14));will-change:transform}
body::before{top:15vh;animation:leviathan-swim-a 38s ease-in-out infinite alternate}body::after{top:62vh;left:-18vw;width:128vw;opacity:.06;transform:scaleX(-1) scale(.72);animation:leviathan-swim-b 54s ease-in-out infinite alternate}
body>*{position:relative;z-index:1}.site-header{background:linear-gradient(180deg,rgba(12,55,84,.97),rgba(10,46,71,.94))!important;border-bottom:1px solid rgba(158,234,255,.21)!important;backdrop-filter:blur(16px)}.site-header.scrolled{background:rgba(9,43,67,.97)!important;box-shadow:0 14px 34px rgba(2,20,33,.20)!important}.utility-bar{background:#0a3553!important;border-bottom-color:rgba(159,234,255,.13)!important}.utility-inner{color:#b5d7e2!important}.utility-inner a{color:#b5d7e2!important}.utility-inner a:hover{color:#fff!important}
.page-hero,.hero-v2{background:radial-gradient(980px 560px at 78% 16%,rgba(124,226,255,.29),transparent 66%),radial-gradient(720px 440px at 10% 100%,rgba(73,163,238,.25),transparent 70%),linear-gradient(145deg,#0e4265,#17608f 57%,#2184bb)!important}
.hero-v2::before{background:radial-gradient(900px 520px at 72% 28%,rgba(87,184,224,.23),transparent 68%),radial-gradient(650px 460px at 52% 90%,rgba(61,151,196,.16),transparent 75%)!important}
.hero-art{filter:saturate(1.02) brightness(.96) contrast(1.02)!important;opacity:.96}.hero-vignette{background:linear-gradient(90deg,rgba(8,44,67,.63) 0%,rgba(9,48,74,.48) 31%,rgba(10,54,82,.22) 63%,rgba(8,45,70,.32) 100%),linear-gradient(180deg,rgba(8,38,59,.02),rgba(10,52,79,.05) 48%,rgba(8,42,65,.52) 100%)!important}
.page-hero h1 strong,.hero-v2 h1 strong{background:linear-gradient(120deg,#fff,#e5fbff 40%,#9ae9ff 70%,#b0d7ff);-webkit-background-clip:text;background-clip:text;color:transparent!important}.hero-v2 h1{color:#fbfeff!important}.hero-summary,.page-hero p,.hero-v2 p,.page-section-head p,.feature-card p,.account-card p,.support-category p,.news-tile p{color:var(--ocean-muted)!important}.release-note{color:#b3d1db!important}

/* Home hero: wider, brighter and more deliberate on large displays. */
.home-page .hero-v2{min-height:calc(100svh - 12px);isolation:isolate;overflow:hidden}
.home-page .hero-v2::after{content:"";position:absolute;z-index:1;right:-5vw;top:9%;width:min(1050px,72vw);height:74%;background:url('/assets/leviathan-swimmer.svg') center/contain no-repeat;opacity:.13;filter:blur(.2px) drop-shadow(0 0 48px rgba(118,225,255,.17));pointer-events:none;animation:heroLeviathan 22s ease-in-out infinite alternate;transform-origin:center}
.home-page .hero-v2-inner{width:min(1480px,calc(100% - 72px))!important;max-width:none!important;grid-template-columns:minmax(520px,.93fr) minmax(640px,1.2fr)!important;gap:72px!important;min-height:calc(100svh - 106px)!important;padding:42px 0 66px!important;align-items:center!important}
.home-page .hero-v2-copy{max-width:690px!important;transform:translateY(-8px)}
.home-page .hero-v2 h1{font-size:clamp(64px,5.25vw,92px)!important;line-height:.91!important;letter-spacing:-.055em!important;max-width:690px}
.home-page .hero-summary{max-width:610px!important;margin-top:26px!important;font-size:16px!important;line-height:1.7!important;color:#c3dfe9!important}
.home-page .hero-actions{margin-top:30px!important;gap:12px!important}.home-page .hero-actions .button{min-height:52px!important;padding-inline:22px!important;font-size:13px!important}
.home-page .release-note{margin-top:20px!important;padding:9px 12px;width:max-content;max-width:100%;border:1px solid rgba(150,230,255,.14);border-radius:10px;background:rgba(5,37,57,.34);backdrop-filter:blur(10px)}
.home-page .hero-device{width:100%;max-width:760px;justify-self:end;transform:translateY(-5px)}
.home-page .device-window{border-color:rgba(157,235,255,.29)!important;background:linear-gradient(155deg,rgba(18,72,105,.98),rgba(8,42,65,.99))!important;box-shadow:0 48px 115px rgba(3,25,41,.34),0 0 0 1px rgba(255,255,255,.035),0 0 70px rgba(72,180,227,.08),inset 0 1px rgba(255,255,255,.07)!important}
.home-page .device-bar{background:rgba(10,48,72,.72)!important}.home-page .device-sidebar{background:rgba(7,40,61,.68)!important}.home-page .play-card{background:linear-gradient(145deg,rgba(27,100,140,.88),rgba(14,67,99,.93))!important;border-color:rgba(144,228,255,.23)!important}.home-page .device-panels>div{background:rgba(9,45,68,.62)!important;border-color:rgba(147,229,255,.11)!important}
.home-page .float-a,.home-page .float-b{background:rgba(8,46,70,.88)!important;border-color:rgba(147,229,255,.17)!important;box-shadow:0 18px 45px rgba(3,25,40,.24)!important;backdrop-filter:blur(14px)}
.home-page .lvt-tools{opacity:.72}.home-page .lvt-tools:hover{opacity:1}

.page-section.deep,.story-section,.connected-section,.support-showcase{background:radial-gradient(800px 450px at 78% 22%,rgba(99,215,255,.20),transparent 72%),linear-gradient(145deg,#0d4163,#13567f 60%,#196d9d)!important}
.feature-card,.account-card,.showcase-ui,.error-lookup-large,.docs-card,.status-item{background:linear-gradient(155deg,rgba(22,72,106,.96),rgba(11,46,70,.98))!important;border-color:var(--ocean-line)!important;box-shadow:0 20px 50px rgba(4,26,42,.16)}
.page-section.paper,.paper{background:linear-gradient(180deg,#f9fdff,#eef9fd)!important;color:#102637!important}.paper .page-section-head p,.paper .feature-card p,.paper .docs-card p{color:#4d6978!important}.paper .feature-card,.paper .docs-card{background:#fff!important;border-color:rgba(20,93,139,.1)!important;box-shadow:0 18px 42px rgba(10,45,70,.08)}
.button-primary{background:linear-gradient(135deg,#60d6ff,#3296e9)!important;color:#fff!important;border:1px solid rgba(255,255,255,.23)!important;box-shadow:0 12px 30px rgba(35,123,212,.28)}.button-primary:hover{filter:brightness(1.09)}.button-glass{background:rgba(255,255,255,.12)!important;border-color:rgba(170,239,255,.31)!important;color:#f7fdff!important}.button-glass:hover{background:rgba(255,255,255,.17)!important}.text-link,.feature-card a,.docs-card a{color:#76e0ff!important}.text-link:hover,.feature-card a:hover,.docs-card a:hover{color:#cdf7ff!important}
.device-window{background:linear-gradient(155deg,rgba(14,54,80,.98),rgba(8,36,55,.995))!important;border-color:rgba(143,230,255,.20)!important;box-shadow:0 40px 95px rgba(4,24,39,.34),0 0 0 1px rgba(255,255,255,.025),inset 0 1px rgba(255,255,255,.055)!important}.device-bar,.device-sidebar{background:rgba(8,38,58,.62)!important}.play-card{background:linear-gradient(145deg,rgba(24,91,126,.82),rgba(13,61,91,.9))!important;border-color:rgba(125,220,255,.18)!important}
.universal-footer{background:radial-gradient(800px 380px at 80% 12%,rgba(106,220,255,.18),transparent 70%),linear-gradient(160deg,#0b3552,#114c71 58%,#176a99)!important;border-top:1px solid rgba(151,232,255,.20)!important;color:#e6f8fc!important}.uf-cta{background:radial-gradient(760px 300px at 78% 38%,rgba(99,215,255,.20),transparent 70%),linear-gradient(135deg,#104665,#17618d)!important}.universal-footer p,.universal-footer a,.universal-footer small,.universal-footer span{color:#c5e1e9}.universal-footer strong,.universal-footer b,.universal-footer .brand-word{color:#f7fdff!important}.universal-footer a:hover{color:#fff!important}.uf-sub{color:#9ac7d6!important}.uf-bottom-wrap{background:rgba(8,42,63,.42)!important;border-top-color:rgba(147,229,255,.14)!important}
@keyframes leviathan-swim-a{0%{transform:translate3d(-4vw,0,0) rotate(-1deg) scale(1)}50%{transform:translate3d(10vw,2vh,0) rotate(.5deg) scale(1.03)}100%{transform:translate3d(22vw,-1vh,0) rotate(-.5deg) scale(1)}}
@keyframes leviathan-swim-b{0%{transform:translate3d(18vw,0,0) scaleX(-1) scale(.72)}100%{transform:translate3d(-10vw,2vh,0) scaleX(-1) scale(.76)}}
@keyframes heroLeviathan{0%{transform:translate3d(2%,1%,0) rotate(-1deg) scale(.98);opacity:.105}50%{transform:translate3d(-3%,2%,0) rotate(.5deg) scale(1.02);opacity:.145}100%{transform:translate3d(-7%,-1%,0) rotate(-.5deg) scale(1);opacity:.115}}
@media(max-width:1280px){.home-page .hero-v2-inner{width:min(1220px,calc(100% - 48px))!important;grid-template-columns:minmax(440px,.9fr) minmax(520px,1.1fr)!important;gap:48px!important}.home-page .hero-v2 h1{font-size:clamp(58px,5.4vw,82px)!important}}
@media(max-width:1040px){.home-page .hero-v2-inner{grid-template-columns:1fr!important;width:min(850px,calc(100% - 40px))!important;gap:38px!important;padding:52px 0 70px!important}.home-page .hero-v2-copy{max-width:760px!important}.home-page .hero-v2 h1{max-width:760px}.home-page .hero-device{max-width:780px;justify-self:stretch}.home-page .hero-v2::after{right:-28vw;top:14%;width:130vw;opacity:.08}}
@media(max-width:800px){body::before{top:22vh;width:190vw;left:-55vw;opacity:.075;animation-duration:48s}body::after{display:none}.hero-vignette{background:linear-gradient(180deg,rgba(9,47,72,.42),rgba(8,42,65,.58))!important}.home-page .hero-v2-inner{width:min(100% - 28px,760px)!important;padding-top:38px!important}.home-page .hero-v2 h1{font-size:clamp(48px,14vw,72px)!important}.home-page .hero-v2::after{display:none}}
@media(prefers-reduced-motion:reduce){body::before,body::after,.home-page .hero-v2::after{animation:none!important;transform:none!important}}


/* Bright platform surfaces v2 */
body.hub-page,body.leaderboard-page{
  background:
    radial-gradient(1050px 620px at 82% 4%,rgba(126,226,255,.28),transparent 66%),
    radial-gradient(860px 560px at 6% 52%,rgba(52,151,232,.20),transparent 70%),
    linear-gradient(160deg,#0d3f60,#11547d 48%,#176c9d)!important;
}
.hub-hero,.leaderboard-hero{
  background:
    radial-gradient(780px 420px at 82% 16%,rgba(127,229,255,.23),transparent 68%),
    linear-gradient(145deg,#104d73,#176d9e 60%,#2084b9)!important;
}
.hub-section,.leaderboard-main{
  background:linear-gradient(180deg,rgba(13,58,87,.76),rgba(10,48,74,.88))!important;
}
.profile-preview,.pn-profile,.lb-board,.lb-cape-matrix,.lb-hub-card,.texture-card,.cape-detail-card{
  border-color:rgba(159,234,255,.24)!important;
  background:linear-gradient(150deg,rgba(18,73,106,.97),rgba(10,49,74,.985))!important;
  box-shadow:0 22px 56px rgba(3,26,43,.18),inset 0 1px rgba(255,255,255,.04)!important;
}
.lvt-profile-header-card{
  border-color:rgba(161,235,255,.22)!important;
  background:linear-gradient(145deg,rgba(20,82,116,.98),rgba(12,55,83,.99))!important;
}
.lvt-profile-header-main{
  background:radial-gradient(480px 150px at 16% 20%,rgba(91,210,255,.18),transparent 76%)!important;
}
.lvt-profile-header-socials{
  background:linear-gradient(145deg,rgba(17,71,101,.92),rgba(10,48,74,.96))!important;
  border-color:rgba(160,234,255,.18)!important;
}
.pn-avatar,.pn-info,.pn-pane,.pdv4-about-card,.pdv3-facts-card,.lvt-profile-settings,
.lvt-cape-panel,.lvt-cape-hero,.lvt-cape-history,.lvt-skins-v2,.lvt-names-v2,
.lvt-current-skin,.lvt-name-history-card,.lvt-known-aliases,.ps-profile-social{
  border-color:rgba(157,233,255,.19)!important;
  background:linear-gradient(150deg,rgba(16,66,96,.94),rgba(9,45,69,.98))!important;
}
.pn-avatar-stage,.lvt-cape-preview,.lvt-current-skin-preview,.lvt-skin-card-preview{
  background:
    radial-gradient(circle at 50% 38%,rgba(62,181,227,.16),transparent 56%),
    rgba(5,35,55,.72)!important;
  border-color:rgba(151,231,255,.18)!important;
}
.pn-tabs,.lb-category-nav,.hub-tabs{
  background:rgba(11,53,80,.84)!important;
  border-color:rgba(157,233,255,.18)!important;
  backdrop-filter:blur(16px);
}
.pn-tab,.hub-tabs a,.lb-category-nav a{color:#b9dce7!important}
.pn-tab.active,.hub-tabs a.active,.lb-category-nav a.active{
  color:#fff!important;
  background:linear-gradient(135deg,rgba(89,207,255,.26),rgba(52,139,233,.24))!important;
  border-color:rgba(157,234,255,.34)!important;
}
.lvt-cape-tile,.lvt-skin-card,.lvt-name-row,.pn-external-action,.lvt-profile-actions button,
.lb-global-row,.lb-cape-matrix-row{
  border-color:rgba(151,230,255,.13)!important;
  background:rgba(13,58,86,.48)!important;
}
.lvt-cape-tile:hover,.lvt-skin-card:hover,.pn-external-action:hover,.lvt-profile-actions button:hover,
.lb-global-row:hover,.lb-cape-matrix-row:hover{
  background:rgba(29,105,143,.42)!important;
  border-color:rgba(145,231,255,.30)!important;
}
.lvt-profile-header-kicker,.hub-kicker,.pn-section-label,.pc-collection-head>div>span,.lvt-names-kicker{
  color:#8be7ff!important;
}
.profile-page p,.profile-page small,.profile-page .pn-note,.profile-page .lvt-login-note{
  color:#b2d2dc;
}
.profile-page h2,.profile-page h3,.profile-page h4,.profile-page b,.profile-page strong{color:#f4fcff}
.profile-page .mini-action,.profile-page button{
  border-color:rgba(151,232,255,.20);
}
.directory-toolbar,.lb-toolbar{
  filter:drop-shadow(0 10px 24px rgba(3,28,45,.10));
}