.webpw-mobile-menu{display:none}
/* Homepage contrast; the artwork stays below the existing content layer. */
html[data-theme] body.hero-brand-layout .hero .hero-shade{opacity:1;background:linear-gradient(90deg,rgba(10,8,12,.65),rgba(10,8,12,.22) 65%),linear-gradient(0deg,rgba(10,8,12,.55),transparent 70%)!important}
html[data-theme="light"] body.hero-brand-layout .hero .hero-shade{background:linear-gradient(90deg,rgba(250,244,234,.72),rgba(250,244,234,.15) 70%),linear-gradient(0deg,rgba(250,244,234,.55),transparent 70%)!important}
.webpw-site-header .language-switch .language-menu:not(.is-open){display:none!important}
.webpw-site-header .language-switch .language-menu.is-open{display:flex!important}
.webpw-site-header .language-switch .language-menu button{width:44px!important;min-width:44px!important;height:44px!important;flex-basis:44px!important}
.webpw-site-header .language-switch .language-menu{width:62px!important;min-width:62px!important;padding:8px!important}
.webpw-site-header .language-current:focus-visible,.webpw-mobile-menu:focus-visible{outline:2px solid #efbd61;outline-offset:2px}
@media(max-width:1100px){
 html{scroll-padding-top:124px}
 body{padding-top:108px!important}
 html body .webpw-site-header{position:fixed!important;inset:0 0 auto!important;display:grid!important;grid-template-columns:minmax(70px,1fr) auto!important;grid-template-rows:46px 44px!important;align-content:center!important;align-items:center!important;gap:0 8px!important;width:100%!important;max-width:100%!important;height:108px!important;min-height:108px!important;padding:7px 12px!important;overflow:visible!important}
 html body .webpw-site-header .webpw-site-brand{grid-column:1;grid-row:1;width:90px!important;min-width:0;height:44px!important}
 html body .webpw-site-header .webpw-site-brand img{width:90px!important;max-width:100%;height:auto!important;transform:none!important}
 html body .webpw-site-header .webpw-site-account{grid-column:2;grid-row:1;gap:7px!important;margin:0!important;min-width:0;max-width:100%;display:flex;align-items:center}
 html body .webpw-site-header .webpw-theme-toggle{width:38px;height:40px;min-width:38px;min-height:40px;padding:4px!important}
 html body .webpw-site-header .webpw-theme-label{display:none}
 html body .webpw-site-header .webpw-site-signin,html body .webpw-site-header .webpw-site-signup{display:flex;align-items:center;min-height:40px;font-size:11px!important;white-space:nowrap;padding:8px!important;letter-spacing:0}
 html body .webpw-site-header .webpw-site-identity{display:none}
 html body .webpw-site-header .webpw-player-full{display:none}
 html body .webpw-site-header .webpw-player-short{display:inline}
 html body .webpw-site-header .webpw-player-access{min-height:40px;padding:8px!important}
 html body .webpw-site-header .webpw-site-signout{min-height:40px;font-size:11px}
 html body .webpw-site-header .webpw-mobile-menu{grid-column:1;grid-row:2;justify-self:start;display:flex;align-items:center;gap:9px;height:44px;padding:0 10px;border:1px solid #98744777;border-radius:5px;background:transparent;color:#eddfc4;font:700 12px/1 Arial,sans-serif;cursor:pointer}
 .webpw-mobile-menu>span:first-child{font-size:22px}
 html body .webpw-site-header .webpw-site-nav{display:none!important;position:absolute!important;inset:100% 12px auto!important;width:auto!important;max-height:calc(100dvh - 132px);height:auto!important;margin:0!important;padding:8px!important;overflow-x:hidden!important;overflow-y:auto!important;grid-template-columns:1fr;gap:0!important;flex-basis:auto;border:1px solid #987447;border-radius:6px;background:#1c0f0a;box-shadow:0 12px 32px #0007;z-index:1200;transform:none!important}
 html body .webpw-site-header.mobile-nav-open .webpw-site-nav{display:grid!important}
 html body .webpw-site-header .webpw-site-nav a{display:flex;align-items:center;min-height:46px;padding:12px!important;margin:0;white-space:normal!important;overflow-wrap:anywhere;font-size:14px!important;letter-spacing:0;transform:none!important;border-bottom:1px solid #98744730}
 html body .webpw-site-header .webpw-site-nav a:last-child{border-bottom:0}
 html body .webpw-site-header .webpw-site-nav a::after{display:none}
 html body .webpw-site-header>.language-switch,html body .webpw-site-header>.panel-language-switch{display:flex!important;grid-column:2;grid-row:2;justify-self:end;align-self:center;position:relative!important;inset:auto!important;transform:none!important;width:44px!important;min-width:44px!important;height:44px!important;margin:0!important;padding:0!important;z-index:1250}
 html body .webpw-site-header .language-current,html body .webpw-site-header .panel-flag-current{display:grid!important;place-items:center;width:44px!important;height:44px!important;min-width:44px!important;padding:10px!important;border:1px solid #98744777!important;border-radius:5px;background:transparent!important}
 html body .webpw-site-header .language-menu,html body .webpw-site-header .panel-flag-menu{top:calc(100% + 8px)!important;right:0!important;left:auto!important;transform:none!important;max-height:calc(100dvh - 132px);overflow-y:auto;z-index:1251}
 html body .webpw-site-header .panel-flag-menu button{width:44px!important;min-width:44px!important;height:44px!important}
 html[data-theme="light"] body .webpw-site-header .webpw-site-nav{background:#fff7e8;color:#382919}
 html[data-theme="light"] body .webpw-site-header .webpw-mobile-menu{color:#382919;border-color:#ae9268}
}
@media(max-width:360px){
 html body .webpw-site-header{padding-inline:8px!important;gap:0 3px!important}
 html body .webpw-site-header .webpw-site-brand,html body .webpw-site-header .webpw-site-brand img{width:74px!important}
 html body .webpw-site-header .webpw-site-account{gap:3px!important}
 html body .webpw-site-header .webpw-site-signin,html body .webpw-site-header .webpw-site-signup{font-size:10px!important;padding:7px!important}
}
@media(max-width:600px){
 body.hero-brand-layout .server-card .server-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;height:auto!important}
 body.hero-brand-layout .server-card .server-stats>span{height:94px!important;min-height:94px!important;gap:8px!important}
 body.hero-brand-layout .server-card .server-stats small{font-size:10px!important;min-height:24px!important}
 body.hero-brand-layout .server-card .server-stats b{font-size:30px!important}
 body.hero-brand-layout .server-card .server-rates{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:10px!important;text-align:left!important;white-space:normal!important}
 body.hero-brand-layout .server-card .server-rates strong{grid-column:1/-1;text-align:center}
 body.hero-brand-layout .server-card .server-rates>span{display:flex;justify-content:space-between;gap:8px;padding:0 8px!important;border:0!important;font-size:11px!important}
 body.hero-brand-layout .server-card .server-rates>span:last-child{grid-column:1/-1;justify-content:center}
 .discord-float{right:66px!important;top:61px!important;bottom:auto!important;width:40px!important;height:40px!important;min-width:40px!important;padding:9px!important;z-index:1101}
 .discord-float>span{display:none!important}
 .webpw-integrated-panel .perfectworld h1{font-size:25px!important;overflow-wrap:anywhere;line-height:1.25}
 .webpw-integrated-panel input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),.webpw-integrated-panel select,.webpw-integrated-panel textarea{font-size:16px!important;max-width:100%;box-sizing:border-box}
 .webpw-site-footer{flex-wrap:wrap;gap:12px;padding:20px 14px!important;text-align:center}
}

/* Mobile header and portrait composition — 2026-10-11. */
@media(max-width:1100px){
 html{scroll-padding-top:80px}
 html body{padding-top:64px!important}
 html body .webpw-site-header{display:flex!important;flex-wrap:nowrap!important;gap:6px!important;height:64px!important;min-height:64px!important;padding:8px 12px!important}
 html body .webpw-site-header .webpw-site-brand{flex:0 0 76px;width:76px!important;height:44px!important}
 html body .webpw-site-header .webpw-site-brand img{width:76px!important}
 html body .webpw-site-header .webpw-site-account{order:2;margin-left:auto!important;gap:5px!important;flex-wrap:nowrap!important}
 html body .webpw-site-header>.language-switch,html body .webpw-site-header>.panel-language-switch{order:3;flex:0 0 34px;width:34px!important;min-width:34px!important;height:40px!important}
 html body .webpw-site-header .language-current,html body .webpw-site-header .panel-flag-current{width:34px!important;min-width:34px!important;height:40px!important;padding:7px!important}
 html body .webpw-site-header .webpw-mobile-menu{order:4;flex:0 0 36px;justify-content:center;width:36px;height:40px;padding:0!important;gap:0}
 html body .webpw-site-header .webpw-mobile-menu>span:last-child{display:none}
 html body .webpw-site-header .webpw-theme-toggle{width:32px!important;min-width:32px!important;height:40px!important}
 html body .webpw-site-header .webpw-site-nav{max-height:calc(100dvh - 80px)}
 html body .webpw-site-header .webpw-site-signin,html body .webpw-site-header .webpw-site-signup{padding:7px 6px!important;font-size:10px!important}
}
@media(max-width:600px){
 html[data-theme] body.hero-brand-layout .hero{height:auto;min-height:0;padding:0 0 24px}
 html[data-theme] body.hero-brand-layout .hero::before{bottom:auto;height:640px;background-position:70% top;background-size:auto 640px}
 html[data-theme] body.hero-brand-layout .hero .hero-shade{background:linear-gradient(180deg,rgba(16,12,12,.15) 0,rgba(16,12,12,.05) 180px,rgba(16,12,12,.78) 370px,#151310 630px)!important}
 html[data-theme="light"] body.hero-brand-layout .hero .hero-shade{background:linear-gradient(180deg,rgba(248,244,234,.12) 0,rgba(248,244,234,.04) 180px,rgba(248,244,234,.86) 380px,#f8f4ea 630px)!important}
 body.hero-brand-layout .hero .hero-content{position:relative;flex:0 0 auto;align-items:center;justify-content:flex-start;text-align:center;width:calc(100% - 32px);padding:310px 0 24px;margin:0 auto}
 body.hero-brand-layout .hero .hero-logo{position:absolute;top:14px;left:50%;transform:translateX(-50%);width:180px;max-height:85px;object-position:center;margin:0;animation:none}
 body.hero-brand-layout .hero h1{width:100%;max-width:390px;font-size:clamp(28px,7.7vw,40px);line-height:1.15;margin:0 0 14px;text-align:center}
 body.hero-brand-layout .hero .hero-public-subtitle{max-width:320px;margin:0 auto 20px;font-size:14px;line-height:1.6;text-align:center}
 body.hero-brand-layout .hero-content .hero-buttons{display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:380px;gap:10px;justify-content:center}
 body.hero-brand-layout .hero-content .hero-buttons .button{width:100%;padding:0 10px;height:48px;min-height:48px;font-size:11px}
 body.hero-brand-layout .hero .server-card{position:relative;inset:auto;transform:none;display:grid;width:calc(100% - 32px);margin:0 auto;padding:0;gap:12px}
 body.hero-brand-layout .hero .server-presence{padding:16px 12px;min-height:108px;gap:8px}
 body.hero-brand-layout .hero .server-presence strong{font-size:13px}
 body.hero-brand-layout .hero .server-presence__version{padding-left:10px}
 body.hero-brand-layout .hero .server-announcement{margin:0;padding:14px 12px}
}
@media(max-width:360px){
 html body .webpw-site-header{padding-inline:8px!important;gap:4px!important}
 html body .webpw-site-header .webpw-site-brand,html body .webpw-site-header .webpw-site-brand img{width:58px!important;flex-basis:58px}
 html body .webpw-site-header .webpw-site-account{gap:3px!important}
 html body .webpw-site-header .webpw-site-signin,html body .webpw-site-header .webpw-site-signup{padding-inline:4px!important}
}
@media(max-width:600px){
 html[data-theme] body.home-ranking.hero-brand-layout .hero{padding:0 0 24px!important}
 html[data-theme] body.home-ranking.hero-brand-layout .hero::before{background-position:70% top!important}
 body.home-ranking.hero-brand-layout .hero .hero-content{padding:310px 0 24px!important;align-items:center!important}
 body.home-ranking.hero-brand-layout .hero .hero-logo{top:14px!important;left:50%!important;width:180px!important;margin:0!important;align-self:center}
 body.home-ranking.hero-brand-layout .hero .hero-public-subtitle{margin:0 auto 20px!important;font-size:14px!important}
}
@media(max-width:360px){
 html body .webpw-site-header{gap:2px!important}
 html body .webpw-site-header .webpw-site-brand,html body .webpw-site-header .webpw-site-brand img{width:44px!important;flex-basis:44px}
}