.players-head{color:var(--sand);background:radial-gradient(circle at 85% 60%,#64754840,#0000 28%),linear-gradient(120deg,#151a12,#252d1d)}.players-title{justify-content:space-between;align-items:end;gap:40px;padding:85px max(8vw,30px) 90px;display:flex}.players-title h1{margin:24px 0;font-size:clamp(58px,8vw,100px)}.players-title>div>p:last-child{color:#adb2a3;line-height:1.7}.server-state{white-space:nowrap;border:1px solid var(--line);font:700 11px var(--font-heading);letter-spacing:2px;align-items:center;gap:10px;padding:13px 17px;display:flex}.server-state i,.player-card p i{border-radius:50%;width:8px;height:8px;display:inline-block}.server-state.online i,.player-card p i{background:#8eb65b;box-shadow:0 0 12px #8eb65b}.server-state.offline i{background:#bd4938}.server-strip{background:var(--gold);grid-template-columns:repeat(4,1fr);padding:0 max(8vw,30px);display:grid}.server-strip>div{text-align:center;border-right:1px solid #14180f33;padding:35px 0}.server-strip>div:first-child{border-left:1px solid #14180f33}.server-strip b{font:700 36px var(--font-heading);text-transform:uppercase;display:block}.server-strip span{font:700 10px var(--font-body);letter-spacing:1.7px}.roster-wrap{min-height:500px;padding:90px max(8vw,30px) 110px}.roster-heading{justify-content:space-between;align-items:end;margin-bottom:45px;display:flex}.roster-heading h2,.roster-error h2{margin-top:20px;font-size:clamp(40px,5vw,64px)}.roster-heading>p{text-align:right;letter-spacing:1.3px;color:#85867e;font-size:9px;line-height:1.8}.roster-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.player-card{border-left:3px solid var(--olive);background:#e4ded0;align-items:center;gap:20px;padding:26px;transition:all .2s;display:flex;position:relative}.player-card:hover{background:#dad3c4;transform:translateY(-2px)}.player-index{font:700 10px var(--font-heading);color:#aaa497;position:absolute;top:15px;right:18px}.player-avatar{background:var(--olive);width:52px;height:52px;color:var(--gold);font:700 20px var(--font-heading);clip-path:polygon(0 0,85% 0,100% 15%,100% 100%,15% 100%,0 85%);place-items:center;display:grid}.player-card h3{text-transform:none;font-size:23px}.player-card p{font:700 9px var(--font-body);letter-spacing:1.5px;color:#777b6c;margin:8px 0 0}.player-card p i{width:6px;height:6px;margin-right:7px}.empty-roster,.roster-error{text-align:center;border:1px solid #d4cec0;padding:80px 20px}.empty-roster>span,.roster-error>span{color:var(--gold);font-size:42px}.empty-roster h3{margin:20px 0 5px;font-size:30px}.empty-roster p,.roster-error p{color:#7c7d73}.roster-error{flex-direction:column;justify-content:center;min-height:360px;margin:80px max(8vw,30px);display:flex}.roster-error h2{margin:25px 0 10px}@media (max-width:900px){.players-title{flex-direction:column;align-items:flex-start}.roster-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.players-title{padding:65px 25px}.server-strip{grid-template-columns:repeat(2,1fr);padding:0}.server-strip>div{border-bottom:1px solid #14180f33}.roster-wrap{padding:65px 25px}.roster-heading{display:block}.roster-heading>p{text-align:left;margin-top:25px}.roster-grid{grid-template-columns:1fr}.player-card{padding:22px}.roster-error{margin:55px 25px}}
.server-state.checking i{background:var(--gold);box-shadow:0 0 12px #d6a534b3}.roster-loading{text-align:center;min-height:500px;padding:85px max(8vw,30px)}.roster-loading .eyebrow{justify-content:center;margin-top:24px}.roster-loading h2{margin:20px 0 12px;font-size:clamp(40px,5vw,64px)}.roster-loading>p:last-of-type{color:#777b70}.loading-radar{border:1px solid #aaa797;border-radius:50%;width:66px;height:66px;margin:0 auto;position:relative}.loading-radar i{border:1px solid #cbc5b7;border-radius:50%;position:absolute;inset:10px}.loading-radar i:nth-child(2){background:var(--gold);border:0;inset:22px}.loading-radar span{background:var(--red);transform-origin:0;width:31px;height:1px;animation:1.4s linear infinite radar-sweep;position:absolute;top:50%;left:50%}.roster-skeleton{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:45px;display:grid}.roster-skeleton i{background:linear-gradient(90deg,#e4ded0 25%,#eee9de 50%,#e4ded0 75%) 0 0/200% 100%;border-left:3px solid #a6a396;height:104px;animation:1.4s infinite roster-shimmer}@keyframes radar-sweep{to{transform:rotate(360deg)}}@keyframes roster-shimmer{to{background-position:-200% 0}}@media (max-width:600px){.roster-loading{padding:65px 25px}.roster-skeleton{grid-template-columns:1fr}.roster-skeleton i:nth-child(n+2){display:none}}@media (prefers-reduced-motion:reduce){.loading-radar span,.roster-skeleton i{animation:none}}