/* Reference composition rebuilt as responsive, accessible HTML. */
.portal-selector{background:#060f1d url('/assets/servers/selection-cosmos-20260923.webp') center top/100% auto no-repeat;display:flex;flex-direction:column;min-height:100svh}
.portal-selector .portal-header{position:absolute;inset:0 0 auto;max-width:none;padding:14px 3.2%;z-index:2;pointer-events:none}
.portal-selector .portal-header a{pointer-events:auto}
.portal-selector .portal-brand img{width:248px;height:65px;object-fit:contain}
.portal-selector .portal-nav{gap:26px;font-size:14px}
.portal-selector main{width:76%;max-width:1800px;padding:0;margin:0 auto;flex:1}
.portal-selector .portal-intro{padding:40px 0 26px}
.portal-selector .portal-eyebrow{margin:0 0 12px;color:#85d5ee;font-size:12px;letter-spacing:.27em}
.portal-selector .portal-intro h1{font:400 clamp(40px,4.35vw,78px)/1.1 Georgia,'Times New Roman',serif;letter-spacing:-.02em;margin:14px 0 16px;text-shadow:0 3px 20px #000}
.portal-selector .portal-intro>p:last-child{font-size:clamp(16px,1.3vw,24px);color:#bacce0}
.portal-selector .server-cards{gap:20px;align-items:stretch}
.portal-selector .server-card{--accent:#84e9ff;--edge:#a69eff;display:flex;padding:0;border:1px solid var(--edge);border-radius:25px;background:#08111f;box-shadow:0 0 0 1px #c2c9ff35,inset 0 0 24px #7381ff20,0 8px 35px #0008;isolation:isolate;transition:transform .2s,box-shadow .2s}
.portal-selector .server-card--x3{--accent:#ffda84;--edge:#e6b855}
.portal-selector .server-card:before,.portal-selector .server-card:after{display:none}
.portal-selector .server-card:hover{transform:translateY(-4px);box-shadow:0 0 0 1px var(--accent),0 12px 40px #000b}
.portal-selector .card-art{position:relative;width:100%;aspect-ratio:2.07;overflow:hidden;flex:none}
.portal-selector .card-art>img:first-child{display:block;width:100%;height:100%;object-fit:cover}
.portal-selector .card-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#030b2233,transparent 45%,#050c1922);pointer-events:none}
.portal-selector .card-kicker{position:absolute;top:23px;left:30px;z-index:1;font-size:12px;font-weight:700;letter-spacing:.065em;text-shadow:0 2px 5px #000,0 0 12px #000}
.portal-selector .server-state i{width:7px;height:7px;margin-right:9px}
.portal-selector .server-emblem{position:absolute;bottom:-3px;left:18px;width:145px;height:145px;margin:0;animation:none;z-index:1}
.portal-selector .card-body{position:relative;display:flex;flex:1;flex-direction:column;padding:12px 30px 26px;background:linear-gradient(115deg,#08111def,#0b1221f5);border-top:1px solid #b9c8ff50;border-radius:21px 21px 0 0;margin-top:-3px;z-index:1;box-shadow:0 -5px 22px #07132c55}
.portal-selector .server-rate-row{padding-bottom:10px;margin-bottom:10px;min-height:80px}
.portal-selector .server-rate-row h2{font-size:clamp(52px,4.4vw,84px);font-weight:650;letter-spacing:-.055em;line-height:1.05;background:linear-gradient(#e4fbff,var(--accent));background-clip:text;-webkit-text-fill-color:transparent}
.portal-selector .server-card--x3 .server-rate-row h2{background-image:linear-gradient(#fff0c8,#ffcb68)}
.portal-selector .server-online{font-size:14px;line-height:1.35;color:#adc1d8}
.portal-selector .server-online strong{font-size:18px;line-height:1.4;color:#e0e8f3}
.portal-selector .server-online[data-state=online] strong{font-size:28px;font-weight:650;color:#86efda}
.portal-selector .server-card h3{font:400 clamp(24px,2.15vw,40px)/1.18 Georgia,'Times New Roman',serif;margin:0 0 11px;letter-spacing:-.02em}
.portal-selector .card-description{font-size:16px;line-height:1.35;font-weight:450;color:#c4d0e2;min-height:44px;margin:0}
.portal-selector .server-card ul{margin:16px 0 20px;font-size:15px;line-height:1.6;font-weight:450;color:#dce4f1}
.portal-selector .server-card li{display:flex;align-items:baseline;gap:19px}
.portal-selector .server-card li+li{margin-top:6px}
.portal-selector .server-card li:before{content:'◆';font-size:14px;margin:0;color:var(--accent);text-shadow:0 0 9px var(--accent)}
.portal-selector .card-enter{position:relative;min-height:62px;display:flex;align-items:center;justify-content:center;padding:12px 44px;margin: auto -5px 0;border:2px solid #9aefff;border-radius:100px;background:linear-gradient(110deg,#087ca7,#0b466c 55%,#0672ad);box-shadow:inset 0 0 13px #4de1ff,0 0 17px #00b9fb99;color:#b4f4ff;font-size:19px;font-weight:700;text-shadow:0 1px 5px #061121;line-height:1.25;text-align:center}
.portal-selector .card-enter>span{position:absolute;right:25px;font-size:30px;font-weight:400}
.portal-selector .server-card--x3 .card-enter{border-color:#ffe596;background:linear-gradient(110deg,#053767,#071329 65%,#10334d);box-shadow:inset 0 0 12px #b8d7ff3b,0 0 16px #e7b74655;color:#fff0c9}
.portal-selector .portal-footer{width:100%;max-width:none;padding:35px 2.7% 24px;margin:0;border:0;gap:20px;color:#8fb5d0;font-size:10px;font-weight:600;letter-spacing:.19em}
@media(min-width:1800px){.portal-selector .card-art{aspect-ratio:2.2}.portal-selector .card-body{padding:18px 38px 30px}.portal-selector .card-description,.portal-selector .server-card ul{font-size:18px}.portal-selector .server-card ul{margin:22px 0 25px}.portal-selector .card-enter{min-height:70px;font-size:23px}}
@media(max-width:1200px){.portal-selector main{width:86%}.portal-selector .portal-brand img{width:185px;height:55px}.portal-selector .portal-nav{gap:15px}.portal-selector .portal-intro{padding-top:90px}.portal-selector .card-body{padding:12px 23px 24px}.portal-selector .server-emblem{width:118px;height:118px}.portal-selector .card-kicker{top:18px;left:23px;font-size:10px}.portal-selector .card-description,.portal-selector .server-card ul{font-size:14px}.portal-selector .server-online strong{font-size:15px}.portal-selector .card-enter{font-size:16px}}
@media(max-width:760px){.portal-selector{background-size:auto 100svh;background-position:center top}.portal-selector .portal-header{position:relative;padding:14px 5%;flex-wrap:nowrap;gap:12px}.portal-selector .portal-brand img{width:160px;height:45px}.portal-selector .portal-nav{gap:12px;flex-wrap:nowrap;font-size:11px}.portal-selector .portal-language{gap:4px}.portal-selector .portal-language img{width:18px;height:18px}.portal-selector main{width:90%;max-width:560px}.portal-selector .portal-intro{padding:20px 0 25px}.portal-selector .portal-intro h1{font-size:clamp(32px,7vw,46px);margin:14px 0}.portal-selector .portal-intro>p:last-child{font-size:14px}.portal-selector .portal-eyebrow{font-size:9px;letter-spacing:.2em}.portal-selector .server-cards{grid-template-columns:1fr;gap:24px}.portal-selector .card-art{aspect-ratio:1.9}.portal-selector .server-card h3{font-size:28px}.portal-selector .card-description{min-height:0;font-size:14px}.portal-selector .server-card ul{font-size:14px}.portal-selector .card-enter{min-height:54px;font-size:16px}.portal-selector .server-rate-row{min-height:70px}.portal-selector .server-rate-row h2{font-size:58px}.portal-selector .portal-footer{padding:28px 5%;font-size:8px;flex-direction:row;margin:0;letter-spacing:.08em}}
@media(max-width:380px){.portal-selector .portal-brand img{width:125px}.portal-selector .portal-nav{gap:8px}.portal-selector .card-body{padding:12px 18px 22px}.portal-selector .card-enter{font-size:15px}.portal-selector .card-enter>span{right:18px}.portal-selector .server-card h3{font-size:25px}}
@media(prefers-reduced-motion:reduce){.portal-selector .server-card{transition:none}.portal-selector .server-card:hover{transform:none}}