
/* VEXMIRA V71 / v2.5.7 — deterministic server cards + mobile geometry */
#page-servers #serverList{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;align-items:stretch!important;min-width:0!important}
@media(min-width:1120px){#page-servers #serverList.v2-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
#page-servers .vx71-server-card{--game:#8B5CF6;display:block!important;position:relative!important;min-width:0!important;width:100%!important;max-width:100%!important;padding:0!important;border-radius:24px!important;overflow:hidden!important;background:linear-gradient(156deg,rgba(15,19,40,.99),rgba(7,9,22,.99))!important;border:1px solid color-mix(in srgb,var(--game) 30%,rgba(139,151,190,.18))!important;box-shadow:0 28px 72px -46px #000,0 0 0 1px rgba(255,255,255,.026) inset!important;contain:none!important;isolation:isolate;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important}
#page-servers .vx71-server-card::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(560px 240px at 88% 42%,color-mix(in srgb,var(--game) 12%,transparent),transparent 70%)}
@media(hover:hover) and (pointer:fine){#page-servers .vx71-server-card:hover{transform:translateY(-4px)!important;border-color:color-mix(in srgb,var(--game) 56%,rgba(255,255,255,.14))!important;box-shadow:0 36px 90px -50px color-mix(in srgb,var(--game) 34%,#000),0 0 0 1px rgba(255,255,255,.04) inset!important}}
#page-servers .vx71-media{position:relative!important;z-index:1!important;height:146px!important;overflow:visible!important}
#page-servers .vx71-cover{position:absolute!important;inset:0!important;overflow:hidden!important;background:radial-gradient(480px 190px at 72% 28%,color-mix(in srgb,var(--game) 34%,transparent),transparent 65%),linear-gradient(120deg,#10152d,#070914)!important}
#page-servers .vx71-cover-img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important;z-index:0!important;transform:translateZ(0)}
#page-servers .vx71-cover::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(4,6,15,.05),rgba(4,6,15,.18) 48%,rgba(8,10,24,.88) 100%),linear-gradient(90deg,rgba(8,10,24,.1),transparent 50%,rgba(8,10,24,.18));pointer-events:none}
#page-servers .vx71-cover::after{content:"";position:absolute;inset:-10% -30%;z-index:2;background:linear-gradient(108deg,transparent 34%,rgba(255,255,255,.1) 49%,transparent 64%);transform:translateX(-70%);transition:transform .9s ease;pointer-events:none}
@media(hover:hover) and (pointer:fine){#page-servers .vx71-server-card:hover .vx71-cover::after{transform:translateX(70%)}}
#page-servers .vx71-cover-top{position:absolute!important;z-index:4!important;left:12px!important;right:12px!important;top:12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-width:0!important;pointer-events:none}
#page-servers .vx71-rank,#page-servers .vx71-media-pill{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:31px!important;max-width:68%!important;padding:0 11px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.17)!important;background:rgba(5,8,20,.62)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;box-shadow:0 12px 28px -20px #000!important;color:#fff!important;font:800 9px/1 'JetBrains Mono',monospace!important;letter-spacing:.08em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#page-servers .vx71-media-pill{margin-left:auto!important;color:#EBDDFF!important;background:rgba(89,29,191,.5)!important;border-color:rgba(205,159,255,.35)!important}
#page-servers .vx71-media-pill.static{background:rgba(5,10,24,.56)!important;color:#D6DDF6!important}
#page-servers .vx71-logo{position:absolute!important;z-index:6!important;left:18px!important;bottom:-38px!important;width:78px!important;height:78px!important;min-width:78px!important;display:grid!important;place-items:center!important;padding:0!important;border-radius:21px!important;overflow:hidden!important;background:linear-gradient(145deg,color-mix(in srgb,var(--game) 20%,#11172f),#080a16)!important;border:1px solid color-mix(in srgb,var(--game) 62%,rgba(255,255,255,.2))!important;box-shadow:0 18px 36px -18px #000,0 0 0 5px rgba(7,9,22,.92),0 0 30px -15px color-mix(in srgb,var(--game) 78%,transparent)!important;color:var(--game)!important;touch-action:manipulation!important}
#page-servers .vx71-logo img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important;border-radius:inherit!important}
#page-servers .vx71-logo .vx60-brand-mark,#page-servers .vx71-logo .game-logo,#page-servers .vx71-logo .vx49-game-brand{width:62px!important;height:62px!important;min-width:62px!important;max-width:62px!important;border:0!important;background:transparent!important;box-shadow:none!important;margin:0!important}
#page-servers .vx71-body{position:relative!important;z-index:2!important;min-width:0!important;padding:49px 18px 18px!important}
#page-servers .vx71-state-row{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important;flex-wrap:wrap!important;margin-bottom:9px!important}
#page-servers .vx71-status{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;flex:0 0 auto!important;width:auto!important;min-width:max-content!important;max-width:max-content!important;min-height:31px!important;padding:0 11px!important;border-radius:999px!important;background:rgba(52,211,153,.085)!important;border:1px solid rgba(52,211,153,.28)!important;color:#7FF2C8!important;font:850 9px/1 'Inter',system-ui,sans-serif!important;letter-spacing:.075em!important;text-transform:uppercase!important;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;hyphens:none!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important;unicode-bidi:isolate!important}
#page-servers .vx71-status::before{content:"";display:block!important;flex:0 0 7px!important;width:7px!important;height:7px!important;border-radius:50%!important;background:#34D399!important;box-shadow:0 0 10px rgba(52,211,153,.9)!important}
#page-servers .vx71-status.off{background:rgba(244,63,94,.08)!important;border-color:rgba(244,63,94,.25)!important;color:#FDA4AF!important}
#page-servers .vx71-status.off::before{background:#F43F5E!important;box-shadow:0 0 8px rgba(244,63,94,.65)!important}
#page-servers .vx71-state-chip{display:inline-flex!important;align-items:center!important;gap:5px!important;min-height:29px!important;max-width:100%!important;padding:0 9px!important;border-radius:999px!important;border:1px solid rgba(139,92,246,.2)!important;background:rgba(139,92,246,.075)!important;color:var(--vio2)!important;font-size:8px!important;font-weight:800!important;letter-spacing:.04em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#page-servers .vx71-state-chip.premium{border-color:rgba(245,178,27,.34)!important;background:rgba(245,178,27,.09)!important;color:#FFD36A!important}
#page-servers .vx71-title{margin:0!important;color:var(--txt)!important;font:800 18px/1.22 'Space Grotesk',sans-serif!important;letter-spacing:-.025em!important;overflow-wrap:anywhere!important;text-wrap:balance!important}
#page-servers .vx71-ip{display:inline-flex!important;align-items:center!important;gap:7px!important;max-width:100%!important;margin-top:7px!important;color:var(--cyan)!important;font:650 10.5px/1.3 'JetBrains Mono',monospace!important;cursor:pointer!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#page-servers .vx71-ip span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important}
#page-servers .vx71-desc{margin:13px 0 0!important;color:var(--mut)!important;font-size:11.5px!important;line-height:1.58!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;min-height:36px!important}
#page-servers .vx71-tags{display:flex!important;gap:6px!important;flex-wrap:wrap!important;min-width:0!important;margin-top:11px!important}
#page-servers .vx71-tags .tag{max-width:100%!important;padding:4px 9px!important;font-size:8.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#page-servers .vx71-telemetry{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin-top:15px!important}
#page-servers .vx71-metric{min-width:0!important;overflow:hidden!important;padding:10px 9px!important;border-radius:13px!important;background:rgba(255,255,255,.026)!important;border:1px solid rgba(133,151,197,.105)!important;box-shadow:inset 0 1px rgba(255,255,255,.02)!important}
#page-servers .vx71-metric b{display:block!important;min-width:0!important;color:var(--txt)!important;font-size:11px!important;font-weight:780!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#page-servers .vx71-metric span{display:block!important;margin-top:3px!important;color:var(--mut2)!important;font-size:7.2px!important;font-weight:700!important;letter-spacing:.085em!important;text-transform:uppercase!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#page-servers .vx71-actions{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:8px!important;align-items:center!important;min-width:0!important;margin-top:15px!important;padding-top:14px!important;border-top:1px dashed rgba(133,151,197,.14)!important}
#page-servers .vx71-score{display:flex!important;align-items:baseline!important;gap:7px!important;min-width:0!important}
#page-servers .vx71-score b{font:850 20px/1 'Space Grotesk',sans-serif!important;color:var(--gold)!important}
#page-servers .vx71-score small{min-width:0!important;color:var(--mut2)!important;font-size:8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#page-servers .vx71-actions .btn{min-width:0!important;min-height:38px!important;padding:8px 12px!important;white-space:nowrap!important}
#modal-addsrv .vx71-form-status{display:none!important;margin-top:9px!important;padding:10px 12px!important;border-radius:12px!important;border:1px solid rgba(139,92,246,.22)!important;background:rgba(139,92,246,.07)!important;color:var(--mut)!important;font-size:11px!important;line-height:1.45!important}
#modal-addsrv .vx71-form-status.show{display:block!important}
#modal-addsrv .vx71-form-status.error{border-color:rgba(244,63,94,.32)!important;background:rgba(244,63,94,.085)!important;color:#FDA4AF!important}
#modal-addsrv .vx71-form-status.ok{border-color:rgba(52,211,153,.3)!important;background:rgba(52,211,153,.08)!important;color:#86EBC7!important}
#modal-addsrv .vx71-form-status.busy{border-color:rgba(34,211,238,.25)!important;background:rgba(34,211,238,.055)!important;color:#8EEFFF!important}
#modal-addsrv .vx71-submit-wrap{position:sticky!important;bottom:-1px!important;z-index:16!important;margin:16px -4px -4px!important;padding:12px 4px 4px!important;background:linear-gradient(180deg,transparent,rgba(10,14,31,.94) 28%,rgba(10,14,31,.99))!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}
#modal-addsrv .vx71-submit{width:100%!important;min-height:52px!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;isolation:isolate!important}
#modal-addsrv .vx71-submit[disabled],#modal-addsrv .vx71-submit[aria-busy="true"]{opacity:.72!important;cursor:wait!important;pointer-events:none!important}
#modal-addsrv #asLogoZone,#modal-addsrv #asBannerZone{touch-action:manipulation!important;min-width:0!important}
@media(max-width:620px){
  #page-servers #serverList{gap:14px!important}
  #page-servers .vx71-server-card{border-radius:20px!important}
  #page-servers .vx71-media{height:116px!important}
  #page-servers .vx71-logo{left:14px!important;bottom:-33px!important;width:68px!important;height:68px!important;min-width:68px!important;border-radius:18px!important;box-shadow:0 15px 30px -16px #000,0 0 0 4px rgba(7,9,22,.94),0 0 26px -15px color-mix(in srgb,var(--game) 78%,transparent)!important}
  #page-servers .vx71-logo .vx60-brand-mark,#page-servers .vx71-logo .game-logo,#page-servers .vx71-logo .vx49-game-brand{width:54px!important;height:54px!important;min-width:54px!important;max-width:54px!important}
  #page-servers .vx71-body{padding:43px 14px 15px!important}
  #page-servers .vx71-cover-top{left:9px!important;right:9px!important;top:9px!important}
  #page-servers .vx71-rank,#page-servers .vx71-media-pill{min-height:28px!important;padding:0 9px!important;font-size:8px!important;max-width:70%!important}
  #page-servers .vx71-state-row{gap:6px!important;margin-bottom:9px!important}
  #page-servers .vx71-status{min-height:30px!important;padding:0 10px!important;font-size:8.5px!important;letter-spacing:.055em!important}
  #page-servers .vx71-title{font-size:17px!important;line-height:1.25!important}
  #page-servers .vx71-ip{font-size:9.8px!important}
  #page-servers .vx71-desc{font-size:11px!important;min-height:0!important}
  #page-servers .vx71-telemetry{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:13px!important}
  #page-servers .vx71-metric{padding:10px 9px!important}
  #page-servers .vx71-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  #page-servers .vx71-score{grid-column:1/-1!important;justify-content:center!important;padding:3px 0 2px!important}
  #page-servers .vx71-actions .btn{width:100%!important;justify-content:center!important;padding-inline:8px!important}
  #modal-addsrv .modal{max-height:calc(100dvh - 24px)!important;padding:20px 15px 16px!important;overscroll-behavior:contain!important}
  #modal-addsrv .form-row,#modal-addsrv .vx62-media-pair{grid-template-columns:1fr!important}
  #modal-addsrv .vx71-submit-wrap{margin-inline:-2px!important;padding-inline:2px!important}
}
@media(max-width:350px){
  #page-servers .vx71-body{padding-inline:12px!important}
  #page-servers .vx71-media{height:108px!important}
  #page-servers .vx71-logo{left:12px!important;width:64px!important;height:64px!important;min-width:64px!important}
  #page-servers .vx71-status{font-size:8px!important;padding-inline:9px!important}
  #page-servers .vx71-state-chip{font-size:7.5px!important}
  #page-servers .vx71-actions{grid-template-columns:1fr!important}
  #page-servers .vx71-score{grid-column:1!important}
}
