.server-page-content{display:block;width:min(var(--content-width),calc(100% - var(--page-gutter)*2));margin:0 auto;min-height:0;padding:26px 0 60px}
html:not([data-game="3d"]) [data-game-view="3d"],html[data-game="3d"] [data-game-view="2d"]{display:none!important}
.server-concept-tag{display:inline-block;padding:6px 10px;border:1px solid #6c573b;background:#211d1780;color:#d3b68d;font:12px var(--font-heading);letter-spacing:.1em;text-transform:uppercase}
.server-concept-state{display:flex;gap:28px;align-items:center;padding:40px 28px;min-height:280px}.server-concept-state h2{font-size:30px;margin:0 0 12px}.server-concept-state p{max-width:550px;font-size:14px;line-height:1.8}.server-concept-state a{display:inline-block;margin-top:12px;font-size:14px}.server-concept-mark{font:700 90px var(--font-heading);color:#62543d;opacity:.65}
@media(max-width:767px){.server-concept-state{padding:24px 18px;min-height:0;align-items:start;gap:14px}.server-concept-mark{font-size:40px}.server-concept-state h2{font-size:25px}.server-concept-state p{font-size:13px}.server-browser-header .server-concept-tag{font-size:10px}.server-hero[data-game-view="3d"] h1{font-size:36px}}
.server-browser-page .server-search-wrap input{padding-left:44px}
.server-browser-page #profileToggle{flex-shrink:0;width:auto}
.server-browser-page .topbar .menu-toggle,.server-browser-page .topbar .header-logout{width:auto;flex-shrink:0}
.server-game-switch{display:flex;gap:0;border-bottom:1px solid var(--line);margin-bottom:30px}.server-game-switch a{display:flex;align-items:center;gap:18px;padding:16px 24px;color:var(--muted);font:700 18px var(--font-heading);text-decoration:none;border-bottom:2px solid transparent}.server-game-switch [aria-current]{color:var(--ink);border-color:var(--accent);background:var(--bg-panel)}.server-game-switch small{font:10px var(--font-heading);letter-spacing:.08em;color:var(--muted)}
.server-hero{max-width:none;text-align:left;background:linear-gradient(90deg,#101416f5,#10141655),url('/site-assets/frontier-v2.webp') center 45%/cover;padding:32px;border:1px solid var(--line);margin-bottom:24px}.server-hero h1{font:700 clamp(38px,4.5vw,64px)/1.08 var(--font-heading);letter-spacing:0;margin:12px 0}.server-hero p{margin:0;font-size:14px;max-width:520px;color:var(--muted)}.server-eyebrow{color:var(--accent);font:12px var(--font-heading);letter-spacing:.15em}
.server-toolbar{max-width:none;margin:26px 0 0;grid-template-columns:minmax(0,1fr) 180px}.server-search-wrap input{background:var(--bg-dark);border:1px solid var(--line);border-radius:2px;font-size:14px;height:46px}.server-create-button{background:var(--accent);color:var(--accent-ink);border-radius:2px;border:0;font:700 16px var(--font-heading);height:46px}
.server-workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:24px}.server-browser-card{width:100%;max-width:none;margin:0;background:var(--bg-panel);border:1px solid var(--line);border-radius:2px;box-shadow:none}.server-browser-header{padding:22px 24px;border-color:var(--line)}.server-browser-header strong{font:700 25px var(--font-heading)}.server-list-eyebrow{font:11px var(--font-heading);color:var(--muted);letter-spacing:.12em}.server-refresh-button{border:1px solid var(--line);background:transparent;border-radius:2px;color:var(--ink);font:14px var(--font-heading)}
.server-list .gf-server-row{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:22px 24px;min-height:100px}.server-list .gf-server-row:last-child{border-bottom:0}.server-list .gf-server-row:hover{background:#181d1f}.gf-server-info>strong{font:700 24px var(--font-heading);color:var(--ink)}.gf-server-meta{margin-top:9px;gap:6px}.gf-server-badge{font:10px var(--font-heading);letter-spacing:.08em;border:1px solid var(--line);color:var(--muted);background:transparent;border-radius:2px;padding:3px 6px}.gf-server-badge.official{color:#d3b68d;border-color:#635035;background:#211d17}.gf-server-join{background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent);border-radius:2px;font:700 15px var(--font-heading);padding:10px 18px}.gf-server-edit{background:transparent;border-color:var(--line);color:var(--muted);border-radius:2px}.server-empty{padding:50px 24px;color:var(--muted);font-size:14px}
.server-guide{padding:24px;border:1px solid var(--line);background:var(--bg-panel)}.server-guide h2{font-size:32px;margin:9px 0 26px}.server-guide article{border-top:1px solid var(--line);padding:19px 0}.server-guide article>span{font:11px var(--font-heading);letter-spacing:.1em;color:var(--accent)}.server-guide h3{font-size:23px;margin:7px 0}.server-guide p{font-size:12px;line-height:1.8;margin-bottom:0}.server-guide>a{font-size:12px;display:block;border-top:1px solid var(--line);padding-top:18px}
.server-modal-card{background:var(--bg-panel);border:1px solid var(--line);border-top:2px solid var(--accent);border-radius:3px}.server-modal-card input,.server-modal-card select{color:var(--ink);background:var(--bg-dark);border-color:var(--line);border-radius:2px}.server-modal-submit{background:var(--accent);color:var(--accent-ink);border-radius:2px}
@media(max-width:1000px){.server-workspace{grid-template-columns:minmax(0,1fr) 230px}.server-guide{padding:20px}.server-game-switch a{font-size:17px;padding:14px 20px}}
@media(max-width:767px){.server-page-content{padding-top:12px}.server-workspace{grid-template-columns:1fr;gap:18px}.server-game-switch{margin-bottom:18px}.server-game-switch a{flex:1;display:block;padding:12px;font-size:17px}.server-game-switch small{display:block;margin-top:4px}.server-hero{padding:22px 18px;margin-bottom:18px}.server-hero h1{font-size:40px}.server-toolbar{grid-template-columns:1fr;gap:10px}.server-create-button{width:100%}.server-browser-header{padding:18px}.server-list .gf-server-row{padding:18px;gap:16px}.gf-server-info>strong{font-size:23px}.gf-server-row-actions{flex-shrink:0}.gf-server-join{padding:9px 13px}.server-guide{padding:20px}.server-guide h2 br{display:none}.server-guide h2{font-size:27px;margin-bottom:18px}}

/* Readable, keyboard-accessible server setup choices. */
.server-modal{padding:12px}.server-modal-card{width:min(620px,calc(100vw - 24px));padding:28px;max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain}.server-modal-card>*{flex-shrink:0}
.server-modal-card .gf-server-map-box,.server-modal-card .gf-server-limit-box,.server-modal-card .gf-server-feature-box{padding:18px;background:#111617;border-color:var(--line);gap:14px}
.server-modal-card .gf-server-map-head strong,.server-modal-card .gf-server-limit-head strong,.server-modal-card .gf-server-feature-head strong{font:600 15px var(--font-heading);letter-spacing:.05em}
.server-modal-card .gf-server-map-head small,.server-modal-card .gf-server-limit-head small,.server-modal-card .gf-server-feature-head small{font-size:11px;line-height:1.6;color:var(--muted)}
.server-modal-card .gf-server-map-options{grid-template-columns:1fr 1fr;gap:10px}
.server-modal-card .gf-server-map-option{position:relative;padding:16px 12px;gap:10px;background:#171c1e;border-color:var(--line);align-items:start;min-height:105px}
.server-modal-card .gf-server-map-option:has(input:checked){background:#261e16;border-color:var(--accent);box-shadow:inset 3px 0 var(--accent)}
.server-modal-card .gf-server-map-option:focus-within{outline:2px solid var(--accent);outline-offset:2px}
.server-modal-card .gf-server-map-option b{font:600 17px var(--font-heading);color:var(--ink)}
.server-modal-card .gf-server-map-option small{font:11px/1.65 var(--font-body);color:var(--muted)}
.server-modal-card input[type=radio],.server-modal-card input[type=checkbox]{appearance:auto;accent-color:var(--accent);width:16px;height:16px;min-height:0;flex-shrink:0}
.server-modal-card .gf-server-feature-toggle{padding:12px;background:#171c1e;border-color:var(--line)}
.server-modal-card .gf-server-feature-toggle b{font-size:12px}.server-modal-card .gf-server-feature-toggle small{font-size:11px;line-height:1.6}
.server-modal-card select{min-height:44px;padding:10px 12px;cursor:pointer}.server-modal-card #serverLimitBadge{font-size:10px;padding:5px 8px}
@media(max-width:520px){.server-modal-card{padding:20px 16px}.server-modal-card .gf-server-map-box,.server-modal-card .gf-server-feature-box,.server-modal-card .gf-server-limit-box{padding:14px}.server-modal-card .gf-server-map-options{grid-template-columns:1fr}.server-modal-card .gf-server-map-option{min-height:80px;padding:14px}.server-modal-card .gf-server-map-option small{font-size:12px}}
@media(max-width:600px){.server-hero{padding:18px 16px}.server-hero h1,.server-hero[data-game-view="3d"] h1{font-size:32px;margin:16px 0 12px}.server-hero p{font-size:13px;line-height:1.65}.server-game-switch a{padding:10px;font-size:16px}.server-browser-header{padding:16px}.server-guide h3{font-size:21px}.server-concept-state{gap:12px;padding:22px 16px}.server-concept-state h2{font-size:23px}.server-concept-state p{line-height:1.65}}

@media(min-width:360px) and (max-width:600px){.server-modal-card .gf-server-map-options{grid-template-columns:1fr 1fr}.server-modal-card .gf-server-map-option{padding:12px 10px;gap:8px;min-height:115px}.server-modal-card .gf-server-map-option b{font-size:15px}.server-modal-card .gf-server-map-option small{font-size:11px;line-height:1.5}}