:root{--gallery-strength:.05;--gallery-art:url('/artwork/serpent.png');--gallery-line:#94adba30;--bg:#0e1821;--text:#dde6e7;--muted:#acbac2;--dim:#94a8b2;--cyan:#a5c0c9}
body{background:var(--bg);position:relative;isolation:isolate;color:var(--text)}
body:before,body:after{display:none}
.site-header,#main,.gallery-footer{position:relative;z-index:1}
.header-inner nav{gap:28px}
.header-inner nav>a{font-size:13px;color:#acbac2}
.header-inner .brand>.brand-word{font-size:16px}
.gallery-background{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none}
.gallery-paint{position:absolute;background-image:var(--gallery-art);background-size:cover;background-repeat:no-repeat;opacity:var(--gallery-strength);filter:saturate(.62);transition:opacity 700ms ease;mask-image:radial-gradient(ellipse at 50% 50%,#000 10%,#000a 40%,transparent 72%)}
.gallery-primary{width:540px;height:520px;left:calc(50% - 820px);top:105px;background-position:50% 44%}
.gallery-secondary{width:400px;height:650px;right:calc(50% - 760px);top:325px;background-position:70% 65%;opacity:calc(var(--gallery-strength) * .7)}
body[data-gallery-view=home] .gallery-primary{top:66px;left:calc(50% - 590px);width:410px;height:300px}
body[data-gallery-view=home] .gallery-secondary{top:250px;right:calc(50% - 790px)}
body[data-gallery-view=player] .gallery-primary{left:calc(50% - 530px);top:250px;width:440px;height:470px}
body[data-gallery-view=profile] .gallery-primary{left:calc(50% - 650px);top:185px;width:480px;height:570px}
body[data-gallery-art=city] .gallery-paint{background-position:50% 60%}
body[data-gallery-art=prelude] .gallery-paint{background-position:50% 78%}
body[data-gallery-art=stars] .gallery-paint,body[data-gallery-art=andante] .gallery-paint,body[data-gallery-art=sea] .gallery-paint,body[data-gallery-art=prelude] .gallery-paint{filter:saturate(.35) brightness(.7)}
.home-banner-v3 .banner-inner{display:flex;align-items:center;justify-content:center;min-height:190px;padding:28px 24px 36px}
.home-panorama,.home-intro{display:none!important}
.home-lookup.home-connection{margin:0;padding:0;transform:none;width:490px;max-width:100%;background:radial-gradient(ellipse,#0e1821 20%,#0e1821ed 55%,transparent 78%)}
.home-connection .home-links{display:flex;justify-content:center;align-items:center;gap:58px;margin:0;padding:22px 0;border:0}
.home-connection .realm-address{gap:12px;padding:10px 0}
.home-connection .realm-address-name{font-size:26px;letter-spacing:-.5px;color:#dde6e7;font-weight:550}
.home-connection .copy-word{font-size:12px;color:#acbac2}
.home-connection .discord-link{font-size:18px;gap:10px;color:#c0d0d8}
.home-connection .discord-emblem{width:43px;height:43px}
.home-connection .discord-link>svg{width:17px;height:17px}
.home-content-v3{padding-top:8px}
.standings-heading h2,.ranking-heading h1{font-size:26px;color:#dde6e7}
.standings-heading .text-link{font-size:13px}
.home-standings-v3 .mode-tabs button{font-size:13px}
.home-standings-v3 .ranking-table td{border-bottom-color:var(--gallery-line)}
.home-leader:before{display:none}
.home-leader-info h3{font-size:28px}
.home-leader-info .leader-place{font-size:12px}
.home-leader-info .leader-total{font-size:26px}
.mode-directory h2{font-size:13px}
.mode-directory-row strong{font-size:14px}
.mode-directory-row small{font-size:11px}
.surface,.table-panel{background:transparent!important;box-shadow:none!important}
.ranking-table th{font-size:12px}
.ranking-table .player-name{font-size:14px}
.ranking-table td{font-size:14px}
.ranking-table .metric{font-size:16px}
.rank-badge{font-size:10px}
.ranking-list-heading h2{font-size:14px}
.ranking-list-heading>span{font-size:12px}
.ranking-table tbody tr:hover{background:#c5d7e008}
.podium-card{background:none!important;box-shadow:none!important}
.podium .podium-score small{font-size:11px}
.player-page{padding-top:26px}
.player-page .player-search{max-width:560px;width:100%;margin:0 auto 42px!important;padding:0!important;display:block!important;text-align:left;background:var(--bg)}
.player-search h2{margin:0 0 10px!important;font-size:13px!important;color:#acbac2;font-weight:400}
.player-search .search-form{position:relative;display:flex;gap:12px;min-height:55px;width:100%;padding:0 0 10px;background:transparent!important;border:0!important;border-bottom:1px solid #9bb3bd62!important;border-radius:0;box-shadow:none}
.player-search .search-form input{background:transparent;color:#dde6e7;font-size:14px;min-height:44px;padding-left:0}
.player-search .search-form input::placeholder{color:#acbac2}
.player-search .search-form button{width:42px;height:42px;min-width:42px;min-height:42px;border:1px solid #7b9aab5c;border-radius:50%;background:transparent!important;box-shadow:none;color:#c3d4d9}
.player-search .search-form button:hover{background:#8099ad15!important}
.popular-feature{max-width:870px;margin:0 auto 36px;background:none;border:0;box-shadow:none}
.popular-heading h1{font-size:24px;color:#dde6e7}
.popular-heading{border-bottom-color:var(--gallery-line)}
.popular-layout{padding:32px 35px;gap:60px;min-height:380px}
.popular-info{background:var(--bg)}
.popular-info h2{font-size:34px}
.popular-views{font-size:13px;color:#acbac2}
.popular-records dt{font-size:12px;color:#acbac2}
.popular-records small{font-size:11px;color:#acbac2}
.popular-records dd{font-size:27px}
.popular-open{font-size:13px}
.popular-time{background:#7c99a230}
.profile-layout{padding-top:0}
.profile-identity{transform:none}
.profile-header h2{font-size:29px}
.profile-records{background:var(--bg)}
.profile-totals .stat-cell span{font-size:12px;color:#acbac2}
.profile-totals .stat-cell strong{color:#dde6e7}
.profile-views{font-size:12px}
.profile-clan dt,.connection-dates dt{font-size:11px;color:#acbac2}
.profile-clan .clan-name,.connection-dates dd{font-size:12px}
.performance-table td{font-size:13px;color:#acbac2;border-bottom-color:var(--gallery-line)}
.performance-table td:last-child{font-size:15px;color:#dde6e7}
.mode-performance .mode-tabs button{font-size:14px}
.performance-aside .muted-label,.performance-aside .rank-metric{font-size:11px}
.performance-aside .text-link{font-size:12px}
.overview-panel .panel-head h2{font-size:16px}
.mode-overview th{font-size:11px}
.mode-overview td{font-size:13px}
.gallery-footer{max-width:1040px;width:calc(100% - 48px);display:flex;justify-content:space-between;gap:24px;margin:30px auto 0;border-top:1px solid var(--gallery-line);padding:18px 0 26px;font-size:11px;color:#94a8b2;line-height:1.7}
.gallery-dialog{width:min(950px,calc(100vw - 38px));max-height:92vh;padding:24px;border:1px solid #61778070;border-radius:0;background:#101c25;color:#dde6e7;box-shadow:0 20px 90px #0007}
.gallery-dialog::backdrop{background:#02070eda}
.gallery-dialog header{display:flex;justify-content:space-between;gap:18px;margin-bottom:18px}
.gallery-dialog h2{font:24px Georgia,serif;margin:0 0 8px}
.gallery-dialog p{font-size:13px;color:#acbac2;margin:0}
.gallery-dialog header button{border:0;background:none;font-size:28px;color:#acbac2;cursor:pointer}
.gallery-dialog>img{width:100%;max-height:65vh;object-fit:contain;display:block}
.gallery-dialog footer{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#acbac2;margin-top:18px}
.gallery-dialog footer a{color:#dde6e7}
@media(max-width:760px){.header-inner{flex-wrap:wrap;height:auto!important;padding-bottom:5px!important;gap:0}
.header-inner .brand-emblem{height:39px;width:32px}
.header-inner .brand>.brand-word{font-size:15px}
.header-inner nav{width:100%;height:48px;justify-content:space-between;gap:10px;margin:6px 0 0!important}
.header-inner nav>a{font-size:12px;height:43px}
.home-banner-v3 .banner-inner{min-height:164px;padding:24px 18px 32px}
.home-connection .home-links{gap:24px;padding:14px 0}
.home-connection .realm-address-name{font-size:21px}
.home-connection .copy-word{font-size:11px}
.home-connection .discord-link{font-size:16px;gap:7px}
.home-connection .discord-emblem{width:35px;height:35px}
.home-connection .discord-link>svg{width:14px}
.home-content-v3{padding-top:4px}
.standings-heading h2{font-size:24px}
.home-content-v3 .standings-heading .text-link{font-size:12px}
.gallery-primary,body[data-gallery-view=home] .gallery-primary{left:-160px;top:145px;width:360px;height:370px}
.gallery-secondary{right:-225px;top:490px;width:370px;height:510px}
body[data-gallery-view=player] .gallery-primary{left:-135px;top:320px;width:330px;height:390px}
body[data-gallery-view=profile] .gallery-primary{left:-140px;top:245px;width:350px;height:470px}
.player-page .player-search{margin-bottom:30px!important}
.popular-heading h1{font-size:22px}
.popular-layout{gap:22px;padding:24px 0;min-height:325px}
.popular-info h2{font-size:26px}
.popular-views{font-size:12px;margin-bottom:20px}
.popular-records{grid-template-columns:1fr;gap:12px}
.popular-records dt{font-size:11px}
.popular-records dd{font-size:23px;margin-top:4px}
.popular-records small{font-size:10px}
.popular-open{font-size:12px;margin-top:18px}
.popular-time{margin:0}
.profile-header h2{font-size:26px}
.profile-records{padding-top:6px}
.profile-totals .stat-cell span{font-size:10px}
.performance-panel{grid-template-columns:minmax(0,1fr) 95px;gap:15px}
.performance-table td{font-size:12px}
.performance-table td:last-child{font-size:14px}
.performance-aside .text-link{font-size:11px}
.profile-extra .profile-clan dt{font-size:10px}
.profile-extra .profile-clan .clan-name{font-size:11px}
.gallery-footer{width:calc(100% - 36px);flex-direction:column;gap:5px;font-size:10px}
.gallery-dialog{padding:16px}
.gallery-dialog h2{font-size:20px}
.gallery-dialog footer{flex-direction:column;gap:10px}}
@media(max-width:360px){.header-inner nav>a{font-size:11px}
.home-connection .home-links{gap:16px}
.home-connection .realm-address-name{font-size:19px}
.home-connection .realm-address{gap:8px}
.home-connection .discord-emblem{width:30px;height:30px}
.home-connection .discord-link{gap:5px}
.popular-info h2{font-size:24px}
.popular-portrait .portrait-skin{width:120px;height:196px}}
@media(prefers-reduced-motion:reduce){.gallery-paint{transition:none}}
.home-connection .discord-link>svg.discord-emblem{width:43px;height:43px;flex:none}
.home-connection .discord-link>svg:not(.discord-emblem){width:17px;height:17px}
.gallery-secondary,body[data-gallery-view=home] .gallery-secondary{right:calc(50% - 940px)}
.ranking-table .player-cell a>span:not(.rank-badge){font-size:14px}
.ranking-table:not(.compact-table) td{font-size:13px}
.ranking-table:not(.compact-table) .metric{font-size:16px}
.ranking-table .rank-badge{font-size:9px}
.ranking-table th .column-sort{font-size:12px}
.ranking-table .position-chip{font-size:11px}
.ranking-table thead tr th{font-size:12px!important;color:#acbac2}
.player-page .player-search,.popular-info,.profile-records{background:transparent!important;box-shadow:none!important}
@media(max-width:760px){.home-connection .discord-link>svg.discord-emblem{width:35px;height:35px}
.home-connection .discord-link>svg:not(.discord-emblem){width:14px;height:14px}
.gallery-secondary,body[data-gallery-view=home] .gallery-secondary{right:-310px}
.ranking-table .player-cell a>span:not(.rank-badge){font-size:13px}
.ranking-table .rank-badge{font-size:8px}
.ranking-table th .column-sort{font-size:11px}}
@media(max-width:360px){.home-connection .discord-link>svg.discord-emblem{width:30px;height:30px}}
body[data-gallery-mode=fade] .gallery-primary{left:50%;translate:-50% 0;top:var(--gallery-scene-top,180px);width:min(1240px,115%);height:var(--gallery-scene-height,760px);background-position:50% 48%;mask-image:linear-gradient(transparent,#000 10%,#000 68%,transparent),linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent);mask-composite:intersect}
body[data-gallery-mode=fade] .gallery-secondary,body[data-gallery-mode=horizon] .gallery-secondary{display:none}
body[data-gallery-mode=horizon] .gallery-primary{left:50%;translate:-50% 0;top:calc(var(--gallery-scene-top,180px) + 50px);width:100%;height:var(--gallery-horizon-height,400px);background-position:50% 60%;mask-image:linear-gradient(transparent,#000 20%,#000 65%,transparent),linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);mask-composite:intersect}
body[data-gallery-mode=edges] .gallery-primary{translate:none;left:calc(50% - 680px);top:var(--gallery-scene-top,180px);width:630px;height:var(--gallery-scene-height,760px)}
body[data-gallery-mode=edges] .gallery-secondary{right:calc(50% - 680px);top:calc(var(--gallery-scene-top,180px) + 70px);width:630px;height:var(--gallery-scene-height,760px)}
body[data-gallery-mode=fade] .home-connection,body[data-gallery-mode=horizon] .home-connection{background:radial-gradient(ellipse,#0e1821e8 10%,#0e1821a0 52%,transparent 76%)}
.home-layout-v3>section{width:100%}
.home-leader-display .skin{flex:none}
.mode-directory-row{min-width:0}
.ranking-heading h1{margin-bottom:0}
.ranking-heading .mode-tabs button{font-size:13px}
.podium-details>strong{font-size:18px}
.popular-portrait .portrait-skin{flex:none}
.popular-views{justify-content:inherit}
.popular-records>div{min-width:0}
.popular-records dd{margin-bottom:0}
.profile-extra .profile-views{align-items:center}
.performance-aside .text-link{white-space:nowrap}
@media(max-width:760px){body[data-gallery-mode=fade] .gallery-primary{width:140%}
body[data-gallery-mode=edges] .gallery-primary{left:-200px;width:470px}
body[data-gallery-mode=edges] .gallery-secondary{right:-240px;width:470px}
.ranking-heading .mode-tabs{width:auto}}
.gallery-art-credit{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
.gallery-art-credit:hover{color:#dde6e7}
.podium .podium-card::before,.popular-portrait::before,.home-leader-display .portrait-skin::before{content:none;display:none}
.profile-identity .portrait-stage::before{background:none}
.gallery-footer>span:last-child{min-width:0}
.gallery-art-credit{font-size:10px;line-height:1.7;letter-spacing:.015em;color:#83949d;max-width:76ch;padding:5px 0;text-align:center}
.gallery-dialog h2{font-size:23px;line-height:1.3;max-width:38ch}
.gallery-dialog [data-art-author]{font-size:12px;color:#94a8b2;line-height:1.6}
@media(max-width:760px){.gallery-dialog h2{font-size:19px}
.gallery-art-credit{max-width:100%;font-size:10px}}
.gallery-footer{justify-content:center;border-top:0;padding-bottom:32px}
