.server-list{display:flex;gap:1.5rem}@media(min-width:768px){.server-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.server-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.server-card{position:relative;padding:1.5rem;border-radius:16px;border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text-primary);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all var(--transition-normal);overflow:hidden;min-width:17vw}.server-card,.server-card .bg{-webkit-user-select:none;-moz-user-select:none;user-select:none}.server-card .bg{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px;object-fit:cover;opacity:.15;transition:.3s;z-index:-1;filter:brightness(.8) contrast(1.5)}.server-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.server-card__title{font-weight:600;font-size:1.125rem;color:var(--color-text-primary);margin-bottom:.25rem;display:flex;align-items:center;gap:.8vh}.server-card__title img{width:2vh;height:2vh}.server-card__status{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;background:rgba(34,197,94,.288);color:#22c55e;border:1px solid rgba(34,197,94,.2)}.server-card__status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.server-card__players{font-weight:500}.server-card__map,.server-card__players{font-size:.875rem;color:var(--color-text-secondary)}.server-card__map{margin-bottom:1rem;padding:.5rem .75rem;background:hsla(0,0%,100%,.05);border-radius:8px;border:1px solid var(--color-border)}.server-card__map:before{content:"🗺️ ";margin-right:.5rem}.server-card__actions{display:flex;gap:.75rem}.server-card__connect-btn{flex:1 1}