/* Compact server cards and a persistent, vertical community directory. */
.topbar{z-index:4;gap:20px;padding-left:clamp(16px,3vw,48px);padding-right:clamp(16px,3vw,48px)}
.feature-nav{display:flex;align-items:center;gap:4px;min-width:0;flex:1;margin-left:clamp(12px,3vw,48px)}.feature-nav a{display:flex;align-items:center;gap:7px;padding:9px 11px;color:var(--muted);font-size:10px;white-space:nowrap;border:1px solid transparent}.feature-nav a:hover,.feature-nav a[aria-current=page]{color:var(--cyan-soft);border-color:var(--line);background:rgba(73,226,219,.05)}.feature-nav a>span:first-child{font-size:15px;color:var(--cyan)}
.top-actions{gap:12px;letter-spacing:0}.language-control{display:flex;align-items:center}.language-control select{min-width:82px;padding:7px 22px 7px 8px;border:1px solid var(--line);background:var(--panel-solid);color:var(--text);font-size:10px;letter-spacing:0;cursor:pointer}.language-control select:focus{outline:1px solid var(--cyan)}
.map-translation{display:block;margin-top:3px;color:var(--muted);font-size:8px;line-height:1.45}.map-translation[hidden]{display:none}
.server-status-badge.directory{color:#efca69;border-color:rgba(239,202,105,.35)}
@media(max-width:760px){.topbar{height:auto;min-height:68px;flex-wrap:wrap;padding:8px 14px;gap:5px 12px}.brand{gap:8px}.brand strong{font-size:18px}.brand small{font-size:8px}.feature-nav{order:3;flex-basis:100%;margin:0;justify-content:center}.feature-nav a{padding:6px 10px}.top-actions{gap:7px;margin-left:auto}.top-actions .live-indicator{display:none}.language-control select{min-width:70px;padding:6px 18px 6px 6px;font-size:9px}}
.topbar{z-index:4}
.page-shell{width:min(1420px,calc(100% - 48px))}
.hero{gap:28px;padding-top:48px;min-height:235px}
.hero-copy{flex:1;min-width:0}.hero h1{font-size:52px}
@media(max-width:600px){.page-shell .hero h1{font-size:28px;line-height:1.25}}
.hero-art{width:235px;margin-right:0}.hero-readout{flex:none;width:170px}
.hero-readout strong.is-querying{font-size:25px;line-height:1.8;letter-spacing:0}
.portal-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;align-items:start;padding:26px 0 0}
.server-content{min-width:0}.server-toolbar{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:0 0 16px;border-bottom:1px solid var(--line)}
.server-toolbar .eyebrow{margin-bottom:8px;font-size:9px}.server-toolbar h2{font-family:var(--mono);font-size:20px;line-height:1.4}
.server-toolbar .refresh-status{font-size:10px;letter-spacing:0;white-space:normal;max-width:48%;line-height:1.7}.refresh-status .status-dot{flex:none}
.player-legend{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:9px;line-height:1.6;margin:13px 0 0}.player-legend span:last-child{margin-left:auto}
.server-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:16px}
.server-card{padding:12px;min-width:0}.card-top{gap:8px;align-items:flex-start}.server-zone{font-size:9px;letter-spacing:0;line-height:1.5}.server-state{font-size:8px;white-space:nowrap;flex:none;padding-top:2px}
.server-name{font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:0;line-height:1.55;margin:9px 0 5px;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;min-height:40px}
.server-state.unknown{color:var(--muted)}.server-state.unknown .status-dot{background:var(--muted);box-shadow:none}.server-state.directory{color:#efca69}.server-state.directory .status-dot{background:#efca69;box-shadow:0 0 8px rgba(239,202,105,.45)}
.server-state.cached{color:#b6a47c}.server-state.cached .status-dot{background:#b6a47c;box-shadow:none}.zone-cached-players{color:#b6a47c}.zone-players .zone-cached-players{font-size:8px}
.server-alias{font-size:8px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}.server-address{font-size:9px;overflow-wrap:anywhere}
.map-preview{height:100px;margin-top:10px}.card-bottom{margin-top:10px;padding-top:9px}.player-value{font-size:24px}.player-value small{font-size:10px}.map-value{font-size:9px;max-width:65%}.map-value b{font-size:8px}
.players-low{color:#40d995}.players-warm{color:#f6c75c}.players-hot{color:#ff637c}
.status-detail{font-size:8px;min-height:24px}.card-actions{gap:6px;margin-top:6px}.card-actions .button{font-size:9px;padding:7px 9px;min-height:32px;flex:1;white-space:nowrap}.button[hidden]{display:none}
.community-sidebar{position:sticky;top:18px;padding:16px 12px;background:rgba(8,22,35,.88);border:1px solid var(--line);border-radius:12px;max-height:calc(100vh - 36px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}
.sidebar-heading{font:600 13px var(--mono);line-height:1.4;color:#b9c9d5;display:flex;align-items:center;gap:9px;margin:0 4px 12px}.sidebar-heading>span{color:#7c80ff}.subcategory-heading{padding-top:18px;border-top:1px solid var(--line);margin-top:18px}
.community-sidebar .zone-tabs{display:flex;flex-direction:column;align-items:stretch;gap:8px;overflow:visible}
.community-sidebar .zone-tab{display:flex;gap:9px;align-items:center;width:100%;padding:9px 8px;border:1px solid transparent;background:#142430;border-radius:9px;text-align:left;color:#b8c8d2;white-space:normal;letter-spacing:0;min-height:62px}
.community-sidebar .zone-tab:hover{background:#1a3040}.community-sidebar .zone-tab.active{border-color:#6682ce;background:#1b2847;box-shadow:inset 0 0 0 1px rgba(140,159,231,.07)}
.zone-art{position:relative;display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:8px;overflow:hidden;border:1px solid rgba(116,196,232,.14);background:linear-gradient(135deg,#13334b,#20485a);color:#83eadc;font-size:13px;font-weight:600}.zone-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.zone-description{flex:1;min-width:0;display:block}.zone-description strong{display:block;font-size:12px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}.zone-description small{display:block;color:#8295a4;font-size:9px;line-height:1.5;margin-top:3px}.zone-players{display:grid;justify-items:center;align-content:center;gap:1px;min-width:48px;border:1px solid currentColor;border-radius:5px;background:rgba(0,0,0,.1);padding:3px 5px;font-size:11px;line-height:1.3;white-space:nowrap}.zone-players small{font-size:8px}.zone-players .zone-directory-players{color:#efca69}.server-status-badge.directory{color:#efca69;border-color:rgba(239,202,105,.35)}
.community-sidebar .subcategory-tabs{display:grid;grid-template-columns:1fr;gap:5px;overflow:visible}.community-sidebar .subcategory-tab{display:flex;align-items:center;justify-content:space-between;text-align:left;border-radius:6px;padding:9px 11px;font-size:11px;letter-spacing:0}.subcategory-tab small{font-size:9px;color:var(--muted)}.subcategory-tab.active small{color:var(--cyan)}
.quick-join{grid-template-columns:auto minmax(0,1fr) minmax(280px,440px)}
.join-modal{width:min(510px,100%);max-height:calc(100dvh - 40px);overflow-y:auto}.modal-server{line-height:1.7;overflow-wrap:anywhere;margin-bottom:18px}.join-status{line-height:1.8}.join-status .status-ring{flex:none}.status-ring.idle{animation:none;border:1px solid var(--muted)}
.join-settings{padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 18px}.join-settings label{display:block;color:var(--text);font-size:11px;line-height:1.6;margin-bottom:10px}.join-settings-row{display:flex;align-items:center;gap:9px}.join-settings-row input{width:65px;min-width:0;background:#071323;color:var(--cyan-soft);border:1px solid var(--line-strong);padding:10px 8px;outline:0;text-align:center;font:14px var(--mono)}.join-settings-row input:focus{border-color:var(--cyan)}.join-settings-row input:disabled{opacity:.65}.join-settings-row>span{font-size:10px;color:var(--muted);white-space:nowrap}.join-settings-row .button{margin-left:auto;letter-spacing:0}.join-settings p{color:var(--muted);font-size:10px;line-height:1.7;margin:10px 0 0}.join-meta{gap:12px}.join-meta span:last-child{white-space:nowrap}
@media(min-width:1800px){.server-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.page-shell{width:min(1680px,calc(100% - 64px))}}
@media(max-width:1150px){.portal-layout{grid-template-columns:minmax(0,1fr) 240px;gap:18px}.server-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{width:180px}.hero-readout{width:145px}.player-legend span:last-child{margin-left:0}}
@media(max-width:860px){.hero-art{display:none}.hero h1{font-size:44px}.quick-join{grid-template-columns:auto 1fr}.quick-form{grid-column:1/-1}.portal-layout{grid-template-columns:minmax(0,1fr) 215px;gap:12px}.community-sidebar{padding:12px 8px}.zone-art{width:34px;height:36px}.community-sidebar .zone-tab{gap:7px;padding:8px 6px}.zone-description strong{font-size:11px}.zone-description small{font-size:8px}.zone-players{padding:3px;font-size:10px}.server-grid{grid-template-columns:1fr}.map-preview{height:124px}}
@media(max-width:600px){.page-shell{width:calc(100% - 24px)}.hero{padding:34px 0 22px;min-height:0}.hero h1{font-size:38px;line-height:1.2}.hero-text{font-size:11px;margin-top:14px}.hero-readout{display:flex;align-items:center;gap:10px;width:100%;margin-top:18px;padding:10px 0 0}.hero-readout strong{font-size:30px;margin:0}.hero-readout strong.is-querying{font-size:18px}.readout-label{font-size:8px}.readout-rule{display:none}.readout-caption{margin-left:auto;font-size:7px;letter-spacing:.5px}.portal-layout{display:flex;flex-direction:column;padding-top:18px;gap:18px}.community-sidebar{position:static;order:-1;width:100%;max-height:none;padding:12px}.server-content{width:100%}.community-sidebar .zone-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.zone-description strong{font-size:10px}.zone-description small{font-size:8px}.zone-art{width:30px;height:34px;font-size:10px}.zone-players{font-size:9px}.community-sidebar .zone-tab{min-height:55px}.sidebar-heading{font-size:11px;margin-bottom:9px}.subcategory-heading{margin-top:12px;padding-top:12px}.community-sidebar .subcategory-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.community-sidebar .subcategory-tab{padding:7px 9px;font-size:10px}.server-toolbar h2{font-size:18px}.server-toolbar .refresh-status{font-size:9px;max-width:50%}.player-legend{gap:10px;font-size:8px}.server-grid{grid-template-columns:1fr;padding-top:13px}.server-name{font-size:14px;min-height:0}.map-preview{height:140px}.server-card{padding:13px}.status-detail{min-height:12px}.card-actions .button{min-height:35px;font-size:10px}.footer{font-size:8px;line-height:2}.join-settings-row{gap:7px}.join-settings-row .button{font-size:9px;padding:9px}.join-settings-row input{width:56px}.join-modal h2{font-size:34px}}