.server-tabs{display:flex;gap:10px;margin-top:34px;padding:8px;background:#dedad3;border:1px solid rgba(8,7,12,.12)}
.server-tab{display:flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:12px 20px;border:0;background:transparent;color:#5f5963;font:700 .82rem var(--sans);cursor:pointer;transition:background .2s,color .2s,transform .2s}
.server-tab:hover{color:var(--ink);transform:translateY(-1px)}
.server-tab.is-active{background:var(--ink);color:var(--white)}
.server-tab span{display:grid;place-items:center;min-width:27px;height:27px;padding:0 7px;border-radius:50%;background:rgba(255,255,255,.12);color:var(--acid);font:.67rem var(--display)}
.server-tab-panel[hidden]{display:none}
.server-panel-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-top:48px;padding:30px;border:1px solid rgba(8,7,12,.15);background:#ebe8e2}
.server-panel-intro h2{margin:9px 0 8px;font:clamp(2rem,4vw,4rem)/.95 var(--display);letter-spacing:-.055em}
.server-panel-intro p{max-width:760px;margin:0;color:#6c6670;line-height:1.65}
.server-live-card--redraven{position:relative;overflow:hidden}
.server-live-card--redraven::after{content:"RR";position:absolute;right:-12px;bottom:-28px;color:rgba(8,7,12,.035);font:8rem var(--display);pointer-events:none}
.server-live-card--redraven .server-live-card__game{color:#8d151f}
.server-live-card--redraven .server-live-card__top b{color:#8d151f}
.server-live-card--redraven h2{overflow-wrap:anywhere}
@media(max-width:720px){.server-tabs{flex-direction:column}.server-tab{width:100%}.server-panel-intro{align-items:flex-start;flex-direction:column}.server-panel-intro .button{width:100%;text-align:center}}