/* Consistent landscape art and readable server details. */
#serverOverview{gap:20px;align-items:stretch;margin-top:28px}#serverOverview>.csn-mode-card{padding:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #83ba982e;border-radius:12px;background:linear-gradient(155deg,#10201b,#081310);box-shadow:0 12px 30px #0002;min-width:0}#serverOverview .csn-mode-art{position:relative;overflow:hidden;background:#10251b;aspect-ratio:16/9}#serverOverview .csn-mode-art:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#081310b3);pointer-events:none}#serverOverview .csn-mode-art img{display:block;width:100%;height:100%;margin:0;border-radius:0;object-fit:cover;transition:transform .5s}#serverOverview .csn-mode-card:hover .csn-mode-art img{transform:scale(1.035)}.csn-mode-status{position:absolute;left:16px;top:16px;z-index:1;display:flex;gap:7px;align-items:center;color:#ccedc2;background:#06110ed9;backdrop-filter:blur(12px);border:1px solid #bafda335;border-radius:20px;padding:7px 10px;font:10px monospace}.csn-mode-status:before{content:"";height:6px;width:6px;background:#b4caab;border-radius:50%}.csn-mode-status.network-good:before{background:#a7f57b;box-shadow:0 0 10px #a7f57b88}#serverOverview .csn-mode-copy{display:flex;flex:1;flex-direction:column;padding:23px}#serverOverview .csn-mode-kicker{color:#91ad9b;font:9px monospace;letter-spacing:1.6px}#serverOverview h2{font:700 clamp(20px,1.8vw,27px)/1.25 "Chakra Petch",Arial,sans-serif;letter-spacing:-.5px;margin:11px 0 12px;color:#e4f0e7}#serverOverview .csn-mode-description{font:12px/1.85 Inter,Arial,sans-serif;color:#a7bcaf;margin:0 0 18px;min-height:67px}#serverOverview .csn-mode-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}#serverOverview .csn-mode-tags span{font:9px monospace;letter-spacing:.5px;padding:6px 7px;border:1px solid #9adab326;border-radius:4px;color:#b7d3bf;background:#9adab306}#serverOverview .csn-server-telemetry{display:grid;grid-template-columns:1fr auto;gap:6px 12px;border-top:1px solid #a7f57b1c;padding:16px 0;color:#a7bcaf;font:9px/1.5 monospace;margin:auto 0 0}#serverOverview .csn-map{max-width:100%;overflow-wrap:anywhere}#serverOverview .csn-mode-copy>.glass-button{width:100%;justify-content:space-between;min-height:46px;font-size:10px}#serverOverview .csn-mode-copy>.csn-guide-link{display:block;margin:13px 0 0;text-align:center;font:10px monospace;color:#92b99d;text-decoration:none}#serverOverview .csn-guide-link:hover{color:#c7ffaf}.connection-panel{padding:24px!important}.connection-panel h2{margin:12px 0;font-size:24px}.connection-panel p{max-width:600px}
.csn-map-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}.csn-map-tabs button,.csn-guide-tabs button{padding:12px 18px;background:#0b1914;border:1px solid #a7f57b35;border-radius:6px;font:11px monospace;color:#a8c3b1;cursor:pointer;min-height:44px}.csn-map-tabs button[aria-selected=true],.csn-guide-tabs button[aria-selected=true]{color:#0b170d;background:#a7f57b;border-color:#a7f57b}.csn-map-tabs button:focus-visible,.csn-guide-tabs button:focus-visible{outline:2px solid #d3ffc0;outline-offset:4px}.csn-map-tabs small{font:9px monospace;opacity:.7;margin-left:10px}#maps .csn-map-summary{font:11px/1.6 monospace;color:#a7bcaf;margin:0 0 18px}#maps{scroll-margin-top:100px}
body#home .csn-guide-teaser{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px;border:1px solid #a7f57b2a;border-radius:8px;background:#0d1b16;margin:0}body#home .csn-guide-teaser h2{font-size:23px;margin:8px 0}body#home .csn-guide-teaser p{font:12px/1.7 Inter,Arial,sans-serif;color:#a7bcaf;margin:0}.csn-guide-teaser .glass-button{flex:none}
.csn-play-guide .studio-heading{max-width:850px}.csn-play-guide .studio-heading h1{font:700 clamp(34px,4vw,56px)/1.08 "Chakra Petch",Arial,sans-serif;letter-spacing:-2px;margin:15px 0 20px}.csn-guide-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0 20px}.csn-guide-mode{overflow:hidden;border:1px solid #a7f57b2c;border-radius:12px;background:#0c1a15;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.csn-guide-art{min-width:0;position:relative;background:#0c1a15}.csn-guide-art img{width:100%;height:100%;min-height:310px;object-fit:cover;display:block}.csn-guide-mode-copy{padding:32px;align-self:center}.csn-guide-mode-copy h2{font:700 clamp(25px,3vw,35px)/1.15 "Chakra Petch",Arial,sans-serif;margin:10px 0 18px;color:#eff8ef}.csn-guide-mode-copy p{font:13px/1.9 Inter,Arial,sans-serif;color:#a7bcaf}.csn-guide-facts{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0}.csn-guide-facts span{border:1px solid #a7f57b26;padding:7px 10px;border-radius:4px;font:10px monospace;color:#c5dfc7}.csn-guide-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0 35px}.csn-guide-step{padding:24px;background:#0b1914;border:1px solid #a7f57b23;border-radius:9px;min-width:0}.csn-guide-step>b{display:inline-grid;place-items:center;height:32px;width:32px;border:1px solid #a7f57b55;border-radius:50%;font:11px monospace;color:#b8fca0}.csn-guide-step h3{font:700 15px/1.4 Inter,Arial,sans-serif;color:#e0eee2;margin:18px 0 10px}.csn-guide-step p{font:12px/1.85 Inter,Arial,sans-serif;color:#a7bcaf;margin:0}.csn-guide-faq h2{font-size:24px}.csn-guide-faq details{border-top:1px solid #a7f57b22;padding:20px 0}.csn-guide-faq summary{cursor:pointer;font:13px Inter,Arial,sans-serif;color:#d4e6d5}.csn-guide-faq p{font:12px/1.9 Inter,Arial,sans-serif;color:#a7bcaf;max-width:850px;margin:16px 0 0}.csn-guide-faq a{color:#a7f57b}
@media(max-width:1100px){#serverOverview{grid-template-columns:repeat(2,minmax(0,1fr))}#serverOverview>.csn-mode-card:last-child{grid-column:auto;max-width:none}#serverOverview .csn-mode-description{min-height:0}.csn-guide-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.csn-guide-mode-copy{padding:24px}}
@media(max-width:650px){#serverOverview{grid-template-columns:1fr;gap:18px}#serverOverview>.csn-mode-card:last-child{grid-column:auto}#serverOverview .csn-mode-copy{padding:22px}#serverOverview h2{font-size:25px}#serverOverview .csn-mode-description{font-size:13px}.csn-guide-mode{grid-template-columns:1fr}.csn-guide-art img{min-height:0;aspect-ratio:16/9}.csn-guide-mode-copy{padding:24px}.csn-guide-steps{grid-template-columns:1fr}.csn-play-guide .studio-heading h1{font-size:37px;letter-spacing:-1px}body#home .csn-guide-teaser{flex-direction:column;align-items:flex-start}.csn-map-tabs{gap:7px}.csn-map-tabs button{padding:12px}.csn-map-tabs small{margin-left:5px}.connection-panel{padding:20px!important}.connection-panel h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){#serverOverview .csn-mode-art img{transition:none}#serverOverview .csn-mode-card:hover .csn-mode-art img{transform:none}}