/* Server gateway: deliberately independent of the Beauty In Blocks layout. */
.selectionPage{background:radial-gradient(ellipse at 10% 15%,#3a302f 0,transparent 48%),radial-gradient(ellipse at 90% 55%,#183731 0,transparent 48%),#17191d}
.selectionWrap{width:min(1140px,calc(100% - 48px));margin:auto;padding:28px 0 24px}
.selectionNav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 0 24px;border-bottom:1px solid var(--stroke)}
.selectionBrand{color:var(--text);text-decoration:none;font-weight:800;letter-spacing:.02em}
.selectionBrand span{color:var(--muted2);font-weight:500}
.selectionNavNote{color:var(--muted2);font-size:13px}
.selectionHero{text-align:center;padding:52px 0 36px}
.selectionEyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#dec1ab;margin:0 0 14px}
.selectionHero h1,.kncraftProgress h1{font-size:clamp(36px,5vw,62px);line-height:1.08;letter-spacing:-.04em;margin:0 0 18px}
.selectionHero>p:last-child{font-size:16px;line-height:1.7;color:var(--muted);margin:0}
.serverChoices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.serverChoice{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--stroke);border-radius:20px;background:#222226;color:var(--text);text-decoration:none;box-shadow:0 18px 48px #0003;transition:transform .18s ease,border-color .18s ease}
.serverChoice:hover{transform:translateY(-4px);border-color:#d0a385}
.serverChoice--kncraft{background:#1d2927}
.serverChoice--kncraft:hover{border-color:#8fc6b3}
.serverChoiceArt{position:relative;height:220px;display:grid;place-items:center;overflow:hidden}
.serverChoiceArt--bib{background:#29262a}
.serverChoiceArt img{width:100%;height:100%;object-fit:cover}
.serverChoiceArt--kncraft{background:linear-gradient(135deg,#182e2bcc,#2f655455),repeating-linear-gradient(0deg,transparent 0 39px,#9fd3ad12 39px 40px),repeating-linear-gradient(90deg,transparent 0 39px,#9fd3ad12 39px 40px),#183a32}
.selectionBadge{display:inline-flex;align-items:center;padding:7px 11px;border:1px solid #e0cbb54d;border-radius:7px;background:#221e1bf2;color:#f0d8c5;font-size:11px;font-weight:750;letter-spacing:.04em}
.serverChoiceArt>.selectionBadge{position:absolute;top:18px;left:18px}
.selectionBadge--wip{color:#c0e6d7;border-color:#8fc6b34d;background:#17322cf2}
.kncraftMonogram{font-size:78px;line-height:.85;font-weight:950;letter-spacing:-.08em;color:#c0e6d7;text-align:center;text-shadow:6px 6px 0 #091e1a66}
.kncraftMonogram span{display:block;font-size:15px;letter-spacing:.38em;line-height:1;margin-top:16px;padding-left:.38em}
.serverChoiceBody{padding:28px;display:flex;flex-direction:column;flex:1}
.serverChoice--kncraft .selectionEyebrow{color:#a7d5c4}
.serverChoiceBody h2{font-size:30px;line-height:1.2;margin:0 0 12px;letter-spacing:-.025em}
.serverChoiceBody>p:not(.selectionEyebrow){line-height:1.65;margin:0 0 14px;font-size:14px}
.serverChoiceBody .serverChoiceDetail{color:var(--muted2)}
.serverChoiceAction{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:22px;border-top:1px solid var(--stroke);font-size:14px;font-weight:800;color:#f0d8c5}
.serverChoice--kncraft .serverChoiceAction{color:#c0e6d7}
.serverChoiceAction span{font-size:22px}
.selectionWrap footer{margin-top:32px}
.selectionBack{color:var(--text);font-size:14px;text-underline-offset:5px}
.kncraftProgress{text-align:center;max-width:760px;margin:50px auto;padding:44px 36px;border:1px solid #8fc6b34d;border-radius:24px;background:radial-gradient(ellipse at top,#32645466,transparent 70%),#1d2927}
.kncraftProgress>.kncraftMonogram{margin:0 auto 36px;font-size:64px}
.kncraftProgress>.selectionEyebrow{color:#a7d5c4;line-height:1.8}
.kncraftProgress>p:not(.selectionEyebrow){max-width:580px;margin:24px auto;line-height:1.8;font-size:15px}
.progressActions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:24px;margin-top:32px}
@media(max-width:680px){.selectionWrap{width:calc(100% - 32px);padding-top:16px}.selectionNav{gap:14px;flex-wrap:wrap}.selectionNavNote{display:none}.selectionBrand{font-size:14px}.selectionHero{padding:36px 0 28px}.serverChoices{grid-template-columns:1fr;gap:20px}.serverChoiceArt{height:200px}.serverChoiceBody{padding:24px}.kncraftProgress{margin:28px auto;padding:32px 20px}.selectionEyebrow{letter-spacing:.12em}}
@media(prefers-reduced-motion:reduce){.serverChoice{transition:none}.serverChoice:hover{transform:none}}
/* Two worlds, with a soft seam and independently intensified ambient light. */
.selectionPage {background:#151c23;isolation:isolate}
.selectionPage::before,.selectionPage::after {
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  transition:opacity .45s ease;
}
.selectionPage::before {background:linear-gradient(90deg,#49344f 0%,#382c4099 43%,transparent 57%),radial-gradient(ellipse at 16% 40%,#a8777366,transparent 60%);opacity:.6}
.selectionPage::after {background:linear-gradient(270deg,#174d55 0%,#163b4399 43%,transparent 57%),radial-gradient(ellipse at 88% 45%,#53c9c266,transparent 60%);opacity:.6}
.selectionPage[data-active-server="bib"]::before {opacity:1}
.selectionPage[data-active-server="bib"]::after {opacity:.35}
.selectionPage[data-active-server="kncraft"]::after {opacity:1}
.selectionPage[data-active-server="kncraft"]::before {opacity:.35}
.serverChoice {transition:transform .2s ease,border-color .3s ease,box-shadow .3s ease,background .3s ease}
.serverChoice--bib {background:rgba(37,28,42,.9);border-color:#a9849b66}
.serverChoice--kncraft {background:rgba(10,34,40,.9);border-color:#6abcc466}
.serverChoice--bib:hover,.serverChoice--bib:focus-visible {background:rgba(55,36,54,.97);border-color:#d6a5c2;box-shadow:0 20px 60px #b17d9d30}
.serverChoice--kncraft:hover,.serverChoice--kncraft:focus-visible {background:rgba(12,47,54,.97);border-color:#7ddcda;box-shadow:0 20px 60px #48c5cb30}
.serverChoice--bib {--focus:#e7b9d2}
.serverChoice--kncraft {--focus:#7ddcda}
.serverChoice--kncraft .selectionEyebrow,.serverChoice--kncraft .serverChoiceAction {color:#a2e4df}
.serverChoice--kncraft .selectionBadge {background:#102e36f2;border-color:#7ddcda66;color:#c2f1ec}
.serverChoice--bib .selectionBadge {background:#302435f2;border-color:#d6a5c266;color:#f2d8e6}
@media(max-width:680px){
  .selectionPage::before {background:radial-gradient(ellipse at 5% 15%,#76506eaa,transparent 65%)}
  .selectionPage::after {background:radial-gradient(ellipse at 95% 80%,#216674bb,transparent 65%)}
}
@media(prefers-reduced-motion:reduce){
  .selectionPage::before,.selectionPage::after,.serverChoice {transition:none}
  .serverChoice:hover {transform:none}
}