/* Turkish Drift live server card. All decoration is local CSS; values stay live. */
.server-card.server-card--ultra{isolation:isolate;min-width:0;padding:25px 26px 17px;border:1px solid #ffffff20;border-radius:23px;background:linear-gradient(145deg,#202127f7 0%,#13151afc 56%,#111318fc 100%);box-shadow:0 30px 75px #0006,0 0 0 7px #ffffff02,inset 0 1px 0 #ffffff08;overflow:hidden}
.server-card--ultra:before{left:24px;right:24px;top:0;height:2px;background:linear-gradient(90deg,transparent,#ff424d 24%,#ff7880 48%,#ff303b 72%,transparent);box-shadow:0 0 19px #ff354975}
.server-card--ultra:after{content:"";position:absolute;width:150px;height:150px;right:-105px;top:180px;border:1px solid #ffffff09;transform:rotate(45deg);border-radius:20px;z-index:-1;pointer-events:none}
.server-card-ambient{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 100% 5%,#ff2e4820,transparent 47%),radial-gradient(ellipse at 0% 95%,#3d527c0a,transparent 45%)}
.server-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px}.server-live-label{display:flex;align-items:center;gap:7px;color:#aaa6b0;font-size:8px;font-weight:700;letter-spacing:2.2px;text-transform:uppercase}.server-live-label>span{width:14px;height:2px;background:#f24957;box-shadow:0 0 10px #ef374644}.server-platform-tag{font-size:8px;font-weight:750;letter-spacing:1.5px;color:#9a929f;border:1px solid #ffffff14;border-radius:4px;padding:3px 7px;background:#ffffff03;line-height:1.4}
.server-identity-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.server-identity{display:flex;align-items:center;gap:12px;min-width:0}.server-logo-frame{flex-shrink:0;position:relative;display:block;width:49px;height:49px;padding:3px;border-radius:13px;border:1px solid #ff4b514a;background:linear-gradient(145deg,#ff4b4b12,#ffffff03);box-shadow:0 0 22px #f4243210}.server-logo-frame img{width:41px;height:41px;object-fit:cover;border-radius:9px}.server-card--ultra .server-card-title{font-size:18px;line-height:1.35;letter-spacing:-.5px}.server-card--ultra .server-card-subtitle{font-size:9px;color:#9b9eac;line-height:1.7;margin-top:3px}.server-card--ultra .server-state{margin:0;border:1px solid #8f7a5d30;background:#8f7a5d0a;padding:6px 9px;border-radius:30px;gap:6px;font-size:9px;line-height:1.4;flex-shrink:0;white-space:normal;text-align:left;max-width:128px}.server-card--ultra .status-dot{width:5px;height:5px;box-shadow:0 0 0 3px #e4ab6d0a}.server-card--ultra[data-state=online] .server-state{border-color:#50d9952b;background:#36be7d0c;color:#80e9b3}.server-card--ultra[data-state=online] .status-dot{background:#60e5a0;box-shadow:0 0 0 3px #4bdb9510,0 0 10px #50d99540;animation:server-signal 3s ease-in-out infinite}
.server-activity{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:27px;margin-bottom:19px}.server-player-display{min-width:0}.server-player-label{font-size:10px;color:#b0b3bf;line-height:1.5;letter-spacing:.2px}.server-player-number{display:flex;gap:10px;align-items:baseline;line-height:1;margin-top:7px;white-space:nowrap}.server-player-number>strong{font-size:76px;line-height:.95;font-weight:750;letter-spacing:-5px;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 2px 20px #ffffff07}.server-player-limit{font-size:17px;font-weight:550;letter-spacing:-.5px;color:#6e7384}.server-capacity-caption{display:block;font-size:8px;color:#7e8495;margin-top:10px;line-height:1.5}.server-gauge{--server-load:0%;flex-shrink:0;width:104px;height:104px;padding:6px;border-radius:50%;background:conic-gradient(from 220deg,#f43d4e 0 var(--server-load),#ffffff0c var(--server-load) 100%);position:relative;box-shadow:0 0 25px #ed333b07}.server-gauge:after{content:"";position:absolute;inset:-7px;border-radius:50%;border:1px dashed #ffffff0b;pointer-events:none}.server-gauge-center{border-radius:50%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at top,#24232a,#17191f 75%);box-shadow:inset 0 0 0 1px #ffffff06}.server-gauge-center>span{font-size:23px;font-weight:700;letter-spacing:-1px;color:#f8e9ed;font-variant-numeric:tabular-nums}.server-gauge-center>small{max-width:74px;text-align:center;font-size:7px;letter-spacing:1px;text-transform:uppercase;color:#9094a5;line-height:1.5;margin-top:3px}.server-load-track{height:4px;border-radius:4px;background:#ffffff08;position:relative;overflow:hidden}.server-load-track>[data-status-bar]{height:100%;display:block;width:0;background:linear-gradient(90deg,#ba1c35,#ff3d51);box-shadow:0 0 10px #ff354b55;transition:width .6s;border-radius:4px}.server-load-ticks{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 2px),#17191f calc(10% - 2px),#17191f 10%)}
.server-metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:22px 0 0}.server-metric{margin:0;min-width:0;position:relative;padding:16px 17px;border:1px solid #ffffff0e;border-radius:11px;background:linear-gradient(135deg,#ffffff04,#ffffff01);overflow:hidden}.server-metric dt{display:flex;align-items:center;gap:8px;font-size:9px;color:#969daf;line-height:1.5;letter-spacing:.15px}.server-metric dt>.icon{width:14px;height:14px;color:#a0acc6}.server-metric dd{margin:12px 0 3px;font-size:29px;font-weight:700;line-height:1.1;letter-spacing:-1px;font-variant-numeric:tabular-nums;color:#eff2f8;overflow-wrap:anywhere}.server-metric--registered{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 17px;background:linear-gradient(115deg,#ff354a0c,#ffffff02);border-color:#ff4b5221}.server-metric--registered dt{font-size:10px;max-width:65%;color:#b5acb7}.server-metric-symbol{width:32px;height:32px;display:grid;place-items:center;border:1px solid #f4485429;border-radius:8px;background:#f4485409;color:#ed7882;flex-shrink:0}.server-metric-symbol>.icon{width:16px;height:16px}.server-metric--registered dd{margin:0;font-size:28px;color:#ffe5e8;flex-shrink:0}.server-metric--online dt>.icon{color:#65d9a4}.server-metric--online dd{color:#9af4c4}.server-metric--activity dt>.icon{color:#a4a4f6}.metric-detail-line{position:absolute;width:45px;height:1px;right:17px;bottom:20px;background:linear-gradient(90deg,transparent,#ffffff1e)}.server-card--ultra[data-metrics=warming] .server-metric--activity dt>.icon{color:#d9b97e}.server-card--ultra[data-metrics=warming] .server-metric--activity dd{color:#d9b97e}.server-card--ultra[data-state=unavailable] .server-player-number>strong,.server-card--ultra[data-state=unavailable] .server-metric dd{color:#818898}.server-data-note{display:flex;align-items:flex-start;gap:7px;margin:12px 1px 18px;color:#7e889c}.server-data-note>.icon{width:11px;height:11px;margin-top:2px}.server-data-note p{font-size:9px;line-height:1.75;color:inherit}.server-card--ultra[data-metrics=warming] .server-data-note{color:#b6a383}
.server-card--ultra .server-connect{display:flex;align-items:center;gap:12px;justify-content:flex-start;padding:12px 14px;border-radius:10px;position:relative;overflow:hidden;background:linear-gradient(110deg,#f83949,#e72d43 75%,#cd233e);border:1px solid #ff7d8240;box-shadow:0 7px 23px #de254623,inset 0 1px 0 #ffffff18;font-size:14px;min-height:54px}.server-connect:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,#ffffff10 35%,transparent 50%);transform:translateX(-100%);transition:transform .6s;pointer-events:none}.server-card--ultra .server-connect:hover{background:linear-gradient(110deg,#ff4756,#f3314b 75%,#dc2944);border-color:#ffb5ba65;box-shadow:0 7px 27px #de25463b;transform:translateY(-1px)}.server-connect:hover:before{transform:translateX(100%)}.server-connect-icon{display:grid;place-items:center;background:#00000010;border:1px solid #ffffff22;border-radius:7px;width:29px;height:29px}.server-connect-icon .icon{width:15px;height:15px}.server-connect>.icon{margin-left:auto;width:19px;height:19px}.server-card--ultra .server-card-actions{gap:9px;margin-top:9px}.server-card--ultra .server-card-actions .button{min-width:0;justify-content:flex-start;padding:11px 12px;font-size:10px;border-radius:8px;background:#ffffff04;border-color:#ffffff0e;color:#c3c6d1}.server-card--ultra .server-card-actions .button:hover{background:#ffffff07;border-color:#ffffff28;color:#fff}.server-card--ultra .server-card-actions .button>.icon:first-child{color:#a4a6b8;width:15px;height:15px}.server-card--ultra .server-card-actions .button>.icon:last-child{margin-left:auto;width:11px;height:11px;color:#626a7d}.server-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:17px;padding-bottom:14px;border-bottom:1px solid #ffffff08}.server-card--ultra .server-copy{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;margin:0;padding:2px 0;cursor:pointer;font-size:9px;color:#929aaf;line-height:1.5;text-align:left}.server-card--ultra .server-copy:hover{color:#f4c0c7}.server-copy>.icon{width:12px;height:12px}.server-bottom-signal{display:flex;gap:3px;align-items:flex-end;opacity:.4}.server-bottom-signal i{width:3px;height:4px;background:#8d8b98;border-radius:1px}.server-bottom-signal i:nth-child(2){height:7px}.server-bottom-signal i:nth-child(3){height:10px}.server-bottom-signal i:nth-child(4){height:13px}.server-card--ultra[data-state=online] .server-bottom-signal i{background:#72dca3}.server-refresh-info{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:12px}.server-refresh-dot{width:3px;height:3px;border-radius:50%;background:#646d80;flex-shrink:0}.server-card--ultra[data-state=online] .server-refresh-dot{background:#67cf9b}.server-card--ultra .server-updated{margin:0;font-size:8px;line-height:1.7;color:#6e778d;text-align:center}
.server-metric--registered dt{min-width:0;flex:1}.server-metric--registered dt>span:last-child{overflow-wrap:anywhere}
.server-telemetry{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.server-telemetry-item{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid #ffffff09;border-radius:9px;background:#ffffff02;min-width:0}.server-telemetry-item>.icon{width:17px;height:17px;color:#8591ab;flex-shrink:0}.server-telemetry-item>div{min-width:0}.server-telemetry-item>div>span{display:block;font-size:8px;color:#7e899f;line-height:1.5}.server-telemetry-item strong{font-size:14px;color:#d7deed;font-weight:650;letter-spacing:-.2px;line-height:1.7;display:block;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.server-telemetry-item strong>small{font-size:9px;font-weight:400;color:#818ea5}.server-telemetry-ping[data-quality=good]>.icon{color:#6bd6a0}.server-telemetry-ping[data-quality=slow]>.icon{color:#ddb67e}.server-telemetry+.server-metrics{margin-top:10px}
@media(max-width:360px){.server-telemetry-item{padding:10px;gap:7px}.server-telemetry-item>.icon{display:none}.server-telemetry-item strong{font-size:13px}}
@keyframes server-signal{0%,100%{opacity:1}50%{opacity:.55}}
.server-record{display:flex;align-items:center;gap:10px;border:1px solid #d4a55e23;border-radius:9px;background:linear-gradient(115deg,#c7974d09,#c7974d02);padding:11px 13px;margin-top:10px;min-width:0}.server-record-symbol{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border-radius:7px;background:#c7974d0a;color:#cbaa73}.server-record-symbol .icon{width:16px;height:16px}.server-record-copy{min-width:0;flex:1}.server-record-copy>span{display:block;font-size:9px;line-height:1.5;color:#d0bb99}.server-record-copy>small{display:block;font-size:7px;color:#8c8276;line-height:1.5;margin-top:3px}.server-record>strong{font-size:24px;font-weight:700;line-height:1.2;letter-spacing:-.8px;color:#e7c793;font-variant-numeric:tabular-nums}.server-record-unit{font-size:7px;color:#a38d6c;align-self:center}.server-record+.server-data-note{margin-top:10px}
@media(max-width:360px){.server-record{gap:7px;padding:10px}.server-record-unit{display:none}.server-record>strong{font-size:22px}}
@media(max-width:1100px) and (min-width:721px){.server-card.server-card--ultra{padding:22px 20px 16px}.server-card--ultra .server-state{font-size:8px;padding:5px 7px;max-width:105px}.server-card--ultra .server-card-title{font-size:16px}.server-identity{gap:9px}.server-gauge{width:90px;height:90px}.server-player-number>strong{font-size:68px}.server-metric{padding:14px}.server-metric--registered dt{font-size:9px}.server-metric--registered dd{font-size:24px}.server-metric dt{font-size:8px}.server-metric-symbol{width:27px;height:27px}.server-card--ultra .server-card-actions .button{padding:10px 9px;font-size:9px}}
@media(max-width:720px){.server-card.server-card--ultra{padding:23px 21px 16px;border-radius:20px;box-shadow:0 20px 50px #0004,0 0 0 4px #ffffff02}.server-card--ultra .server-card-title{font-size:17px}.server-card--ultra .server-card-subtitle{font-size:8px}.server-topline{margin-bottom:18px}.server-live-label{font-size:7px;letter-spacing:1.7px}.server-logo-frame{width:43px;height:43px;padding:2px;border-radius:11px}.server-logo-frame img{width:37px;height:37px;border-radius:8px}.server-identity{gap:9px}.server-identity-row{gap:10px}.server-card--ultra .server-state{font-size:8px;padding:5px 7px;max-width:107px}.server-activity{margin-top:25px;gap:12px}.server-player-number>strong{font-size:72px}.server-player-limit{font-size:15px}.server-player-label{font-size:10px}.server-gauge{width:94px;height:94px}.server-gauge-center>span{font-size:22px}.server-metric--registered dd{font-size:26px}.server-metric--registered dt{font-size:9px}.server-metric-symbol{width:28px;height:28px}.server-metric dt{font-size:9px}.server-card--ultra .server-connect{font-size:13px;padding:11px 12px}.server-card--ultra .server-card-actions .button{font-size:10px;padding:10px}.server-data-note p{font-size:8px}.server-card--ultra .server-updated{font-size:7px}.server-card--ultra .server-copy{font-size:9px}}
@media(max-width:360px){.server-card.server-card--ultra{padding:20px 16px 15px}.server-card--ultra .server-state{font-size:7px;max-width:82px}.server-card--ultra .server-card-title{font-size:15px}.server-card--ultra .server-card-subtitle{font-size:7px}.server-gauge{width:80px;height:80px;padding:5px}.server-gauge-center>span{font-size:20px}.server-gauge-center>small{font-size:6px;max-width:58px}.server-player-number>strong{font-size:62px}.server-metric{padding:13px 12px}.server-metric dt{font-size:8px;gap:5px}.server-metric--registered dd{font-size:24px}.server-metric-symbol{display:none}.server-card--ultra .server-card-actions .button{font-size:9px;padding:10px 8px}.server-card--ultra .server-card-actions .button>.icon:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.server-card--ultra .status-dot{animation:none!important}.server-connect:before{display:none}.server-load-track>[data-status-bar]{transition:none}}