.srv-page{background:radial-gradient(480px 220px at 18%,#3b82f612,#0000 70%),linear-gradient(#0f1014,#0a0b0e);border:1px solid #212429;border-radius:20px;grid-template-columns:300px minmax(0,1fr);gap:20px;margin-bottom:22px;padding:16px;animation:.55s cubic-bezier(.22,1,.36,1) backwards reveal-slide;display:grid}[dir=rtl] .srv-page{background:radial-gradient(480px 220px at 18%,#3b82f612,#0000 70%),linear-gradient(-180deg,#0f1014,#0a0b0e)}@media (prefers-reduced-motion:reduce){.srv-page{animation:none}}.srv-page__media{aspect-ratio:16/9;background:linear-gradient(140deg, color-mix(in srgb, var(--srv-acc,#3b82f6) 26%, transparent), #0a0b0e 72%);border:1px solid #ffffff17;border-radius:14px;place-items:center;display:grid;position:relative;overflow:hidden}[dir=rtl] .srv-page__media{background:linear-gradient(-140deg, color-mix(in srgb, var(--srv-acc,#3b82f6) 26%, transparent), #0a0b0e 72%)}.srv-page__shot{object-fit:cover;opacity:.72;width:100%;height:100%;position:absolute;inset:0}.srv-page__mark{color:#fff;text-shadow:0 2px 14px #000c;font-family:Gilroy,Gilroy Fallback,system-ui,sans-serif;font-size:30px;font-weight:900;position:relative}.srv-page__head{flex-direction:column;gap:12px;min-width:0;display:flex}.srv-page__state{color:#bff3d2;letter-spacing:.03em;text-transform:uppercase;background:#35c46a1a;border:1px solid #35c46a73;border-radius:999px;align-self:flex-start;align-items:center;gap:7px;padding:4px 11px;font-size:11.5px;font-weight:800;display:inline-flex}.srv-page__state_off{color:#ffc9c9;background:#eb4b4b1a;border-color:#eb4b4b73}.srv-page__state_off .srv-page__dot{background:#eb4b4b;animation:none}.srv-page__dot{background:#35c46a;border-radius:50%;width:7px;height:7px;animation:2.4s ease-in-out infinite srv-pulse}@media (prefers-reduced-motion:reduce){.srv-page__dot{animation:none}}.srv-page__title{color:#fffffff2;word-break:break-word;margin:0;font-family:Gilroy,Gilroy Fallback,system-ui,sans-serif;font-size:26px;font-weight:900;line-height:1.2}.srv-page__addr{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.srv-page__ip{color:#d3dbe6;background:#0a0b0e;border:1px solid #212429;border-radius:8px;padding:4px 10px;font-family:ui-monospace,SF Mono,monospace;font-size:13px;font-weight:700}.srv-page__flag{object-fit:cover;border-radius:3px;width:26px;height:19px;box-shadow:0 0 0 1px #ffffff1a}.srv-page__tag{color:#a9b2c0e6;background:#ffffff08;border:1px solid #212429e6;border-radius:8px;padding:3px 9px;font-size:11px;font-weight:800}.srv-page__tag_vac{color:#bff3d2;background:#35c46a1a;border-color:#35c46a66}.srv-page__players{align-items:center;gap:12px;max-width:420px;display:flex}.srv-page__count{color:#fff;font-variant-numeric:tabular-nums;flex-shrink:0;font-family:Gilroy,Gilroy Fallback,system-ui,sans-serif;font-size:24px;font-weight:900}.srv-page__max{color:#8a93a2bf;font-size:16px;font-weight:800}.srv-page__bar{background:#ffffff12;border-radius:999px;flex:auto;height:7px;display:block;overflow:hidden}.srv-page__fill{border-radius:inherit;background:linear-gradient(90deg, color-mix(in srgb, var(--srv-acc,#3b82f6) 60%, transparent), var(--srv-acc,#3b82f6));height:100%;display:block}[dir=rtl] .srv-page__fill{background:linear-gradient(-90deg, color-mix(in srgb, var(--srv-acc,#3b82f6) 60%, transparent), var(--srv-acc,#3b82f6))}.srv-page__bots{color:#8a93a2d9;flex-shrink:0;font-size:12px;font-weight:700}.srv-page__actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.srv-page__connect{color:#07080a;background:linear-gradient(#3b82f6,#60a5fa);border-radius:12px;align-items:center;gap:9px;min-height:44px;padding:0 20px;font-family:Gilroy,Gilroy Fallback,system-ui,sans-serif;font-size:14.5px;font-weight:900;transition:filter .16s;display:inline-flex}[dir=rtl] .srv-page__connect{background:linear-gradient(-180deg,#3b82f6,#60a5fa)}@media (hover:hover){.srv-page__connect:hover{filter:brightness(1.12)}}.srv-page__connect-icon{fill:currentColor}.srv-page__copy{color:#d3dbe6;cursor:pointer;fill:currentColor;background:#0a0b0e;border:1px solid #212429;border-radius:12px;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-size:13.5px;font-weight:800;transition:border-color .16s,color .16s;display:inline-flex}@media (hover:hover){.srv-page__copy:hover{color:#fff;border-color:#3b82f680}}@media not screen and (width>=1100px){.srv-page{grid-template-columns:1fr;gap:16px}.srv-page__media{max-width:420px}.srv-page__title{font-size:22px}}@media not screen and (width>=630px){.srv-page{padding:13px}.srv-page__title,.srv-page__count{font-size:20px}.srv-page__connect{flex:100%;justify-content:center}}.srv-facts{grid-template-columns:repeat(auto-fill,minmax(min(190px,100%),1fr));gap:8px;display:grid}.srv-facts__item{background:#0f1014;border:1px solid #212429;border-radius:12px;flex-direction:column;gap:4px;padding:11px 13px;display:flex}.srv-facts__label{color:#8a93a2;letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:800}.srv-facts__value{color:#d3dbe6;word-break:break-word;font-size:14px;font-weight:800}.srv-facts__tags{flex-wrap:wrap;gap:5px;margin-top:10px;display:flex}.srv-facts__tag{color:#8a93a2e6;background:#ffffff08;border:1px solid #212429e6;border-radius:7px;padding:3px 8px;font-family:ui-monospace,SF Mono,monospace;font-size:11px;font-weight:700}.srv-players{background:#0f1014;border:1px solid #212429;border-radius:14px;overflow:hidden}.srv-players__head,.srv-players__row{grid-template-columns:minmax(0,1fr) 70px 90px;align-items:center;gap:10px;padding:9px 14px;display:grid}.srv-players__head{background:#ffffff08;border-bottom:1px solid #212429}.srv-players__row{border-top:1px solid #2124298c;transition:background .15s}@media (hover:hover){.srv-players__row:hover{background:#ffffff08}}.srv-players__cell{color:#a9b2c0;font-variant-numeric:tabular-nums;text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:700;overflow:hidden}[dir=rtl] .srv-players__cell{text-align:left}.srv-players__cell_name{color:#d3dbe6;text-align:left;font-weight:800}[dir=rtl] .srv-players__cell_name{text-align:right}.srv-players__head .srv-players__cell{color:#8a93a2;letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:800}