/* The same public catalogue and guide remain readable before/without JavaScript. */
.server-reading-page{display:none}
html:not(.app-ready) body{height:auto;min-height:100vh;overflow:auto;perspective:none;background:#070a14;color:#e6eaf5}
html:not(.app-ready) body>*:not(#menu):not(#serverGameContent):not(noscript){display:none!important}
html:not(.app-ready) #menu.club-home{position:relative;inset:auto;height:auto;overflow:visible}
html:not(.app-ready) #menu .k-sidebar{position:relative;inset:auto;width:100%;padding:22px;overflow:visible;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
html:not(.app-ready) #menu .k-navigation{display:flex;flex-direction:row;flex-wrap:wrap;margin:0}
html:not(.app-ready) #menu .k-navigation [data-scroll="partyCard"]{display:none!important}
html:not(.app-ready) #menu .k-workspace{margin-left:0}
html:not(.app-ready) #menu .k-nav-caption,html:not(.app-ready) #menu .k-sidebar-bottom,
html:not(.app-ready) #menu .k-side-account,html:not(.app-ready) #menu .k-side-friends,html:not(.app-ready) #menu .k-topbar,
html:not(.app-ready) #menu .k-play-together,html:not(.app-ready) #menu .k-after-games,
html:not(.app-ready) #menu .k-hero-actions,html:not(.app-ready) #menu .k-search,
html:not(.app-ready) #menu .k-filters,html:not(.app-ready) #menu .offline-note,
html:not(.app-ready) #menu #accountPanel,html:not(.app-ready) #menu .k-skip{display:none!important}
html:not(.app-ready) #menu .k-main{max-width:1320px;margin:auto}
.server-home-note{font-size:13px;line-height:1.7;color:#8b93ad;padding:14px 0}
.app-ready .server-home-note{display:none}
html[data-server-page=game]:not(.app-ready) #menu{display:none!important}
html[data-server-page=game]:not(.app-ready) #serverGameContent{display:block}
.server-reading-page{max-width:1100px;padding:28px 24px 60px;margin:0 auto;font-family:'Space Grotesk',system-ui,sans-serif;line-height:1.8}
.server-reading-page nav{display:flex;gap:24px;flex-wrap:wrap;padding:0 0 24px;border-bottom:1px solid #232c45}
.server-reading-page a{color:#ffc94a;text-decoration:underline;text-underline-offset:4px}
.server-reading-page>header{display:grid;grid-template-columns:1.3fr 1fr;gap:38px;align-items:center;margin:35px 0}
.server-reading-page header h1{font-size:clamp(32px,5vw,58px);line-height:1.1;letter-spacing:-1.4px;margin:12px 0 20px}
.server-reading-page header span{font-size:12px;color:#8b93ad}
.server-reading-page header p{font-size:15px;color:#adb8ce}
.server-reading-page header .server-reading-note{padding:16px;border:1px solid #232c45;border-radius:8px;font-size:13px}
.server-reading-page header img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:14px;border:1px solid #232c45}
.server-reading-page .hub-editorial{background:#0e1424;border:1px solid #232c45;margin:0;padding:30px;box-shadow:none}
.server-reading-page .hub-editorial::before{display:none}
.server-reading-page .hub-editorial h2{font-size:30px;line-height:1.2;letter-spacing:-.7px}
.server-reading-page .hub-editorial-lead{font-size:16px}
.server-reading-page .hub-editorial-kicker,.server-reading-page .hub-editorial a{color:#ffc94a}
@media(max-width:760px){.server-reading-page{padding:20px 18px 40px}.server-reading-page>header{grid-template-columns:minmax(0,1fr);gap:22px}.server-reading-page header img{max-height:300px;aspect-ratio:1.4}.server-reading-page .hub-editorial{padding:22px 18px}.server-reading-page .hub-editorial-columns{grid-template-columns:1fr}html:not(.app-ready) #menu .k-nav-item{font-size:12px;gap:8px;justify-content:flex-start}html:not(.app-ready) #menu .k-sidebar .k-brand{font-size:28px}}