.server-card-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;padding:1rem 0;display:grid}.serverCardFront{color:#f5f5f5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#1e1e1ee0;border:1px solid #383838;border-left:5px solid #424242;border-radius:6px;padding:.8rem 1.1rem;font-family:Open Sans,sans-serif;transition:background .25s ease-in-out,border-color .25s ease-in-out,border-left-color .25s ease-in-out,box-shadow .25s ease-in-out,transform .25s ease-in-out;position:relative;overflow:hidden;box-shadow:0 3px 7px #000000b3}.serverCardFront.online{border-left-color:#4caf50}.serverCardFront.error{cursor:help;border-left-color:#d32f2f}.serverCardFront:not(.loading):not(.error):hover,.serverCardFront:not(.loading):not(.error):focus-visible{z-index:1;background:#282828f2;border-color:#d3ad03b3 #d3ad03b3 #d3ad03b3 #d3ad03;outline:none;transform:translateY(-3px)scale(1.01);box-shadow:0 6px 12px #000c}.serverCardFront.zensailor-stopped{border-left-color:silver}.serverCardFront.zensailor-stopped .error-overlay{color:silver}.serverCardFront.zensailor-stopped .error-overlay span{background-color:#c0c0c01a;border-color:#c0c0c080}.serverCardFront.zensailor-error{border-left-color:#d32f2f}.serverCardFront.zensailor-error .error-overlay{color:#d32f2f}.serverCardFront.zensailor-error .error-overlay span{background-color:#d32f2f1a;border-color:#d32f2f80}.serverCardFront.zensailor-unknown,.serverCardFront.zensailor-deleting{border-left-color:#d3ad03}.serverCardFront.zensailor-unknown .error-overlay,.serverCardFront.zensailor-deleting .error-overlay{color:#d3ad03}.serverCardFront.zensailor-unknown .error-overlay span,.serverCardFront.zensailor-deleting .error-overlay span{background-color:#d3ad031a;border-color:#d3ad0380}.serverCardFront .loading-overlay,.serverCardFront .error-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5;opacity:0;pointer-events:none;text-align:center;background-color:#0a0a0ad9;justify-content:center;align-items:center;transition:opacity .25s ease-in-out;display:flex;position:absolute;inset:0}.serverCardFront .error-overlay{color:#d32f2f;padding:1rem;font-size:1.1rem;font-weight:500}.serverCardFront .error-overlay span{background-color:#d32f2f1a;border:1px solid #d32f2f80;border-radius:6px;padding:.6rem 1.2rem}.serverCardFront.loading .loading-overlay,.serverCardFront.error .error-overlay{opacity:1;pointer-events:auto}.serverCardFront .serverName{color:#fff;letter-spacing:.4px;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #383838;margin:0 0 .6rem;padding-bottom:.6rem;font-size:1.05rem;font-weight:600;display:block;overflow:hidden}.serverCardFront .flag{aspect-ratio:3/2;object-fit:cover;background-color:#42424280;border:1px solid #ffffff1a;border-radius:3px;flex-shrink:0;width:28px;display:block;box-shadow:0 1px 3px #0006}.serverCardFront .desktopHeader{display:block}.serverCardFront .desktopHeader .headerC{z-index:0;justify-content:space-between;align-items:center;gap:.75rem;min-height:28px;display:flex}.serverCardFront .desktopHeader .headerC .mapInfo{color:#f5f5f5;white-space:nowrap;text-overflow:ellipsis;flex-grow:1;min-width:0;font-size:.9rem;font-weight:500;overflow:hidden}.serverCardFront .desktopHeader .headerC .factionFlags{flex-shrink:0;align-items:center;gap:.6rem;display:flex}.serverCardFront .desktopHeader .headerC .playerCount{color:silver;white-space:nowrap;flex-shrink:0;margin-left:.5rem;font-size:.9rem;font-weight:600}.serverCardFront .desktopHeader .headerC .expandIcon{color:#424242;flex-shrink:0;align-items:center;padding-left:.25rem;transition:color .25s ease-in-out,transform .25s ease-in-out;display:flex}.serverCardFront .desktopHeader .headerC .expandIcon .heroIcon{stroke-width:1.5px;width:1.4rem;height:1.4rem}.serverCardFront:not(.loading):not(.error):hover .serverCardFront .desktopHeader .headerC .expandIcon,.serverCardFront:not(.loading):not(.error):focus-visible .serverCardFront .desktopHeader .headerC .expandIcon{color:#d3ad03;transform:scale(1.15)}.serverCardFront .mobileHeader{align-items:center;width:100%;min-height:30px;display:none}.serverCardFront .mobileHeader .serverName{border-bottom:none;flex-grow:1;min-width:0;margin:0 .75rem 0 0;padding:0}.serverCardFront .mobileHeader .playerCount{color:silver;white-space:nowrap;flex-shrink:0;font-size:.9rem;font-weight:600}@media (max-width:768px){.serverCardFront{padding:.6rem .9rem}.serverCardFront .desktopHeader{display:none}.serverCardFront .mobileHeader{display:flex}}.lightboxOverlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;opacity:0;visibility:hidden;background:#0a0a0abf;justify-content:center;align-items:center;padding:.5rem;transition:opacity .25s ease-in-out,visibility 0s linear .25s;display:flex;position:fixed;inset:0}.lightboxOverlay.open{opacity:1;visibility:visible;transition:opacity .25s ease-in-out,visibility linear}.lightboxContent{color:#f5f5f5;opacity:0;background:#141414;border:1px solid #383838;border-radius:6px;flex-direction:column;width:750px;max-width:95%;max-height:88vh;padding:1.5rem 2rem;transition:transform .25s ease-in-out,opacity .25s ease-in-out;display:flex;position:relative;overflow:hidden;transform:scale(.98)translateY(10px);box-shadow:0 8px 25px #000000b3}@media screen and (max-width:768px){.lightboxContent{padding:6px 8px}}.lightboxOverlay.open .lightboxContent{opacity:1;transform:scale(1)translateY(0)}.lightboxContent h2{color:#fff;text-align:center;border-bottom:1px solid #383838;flex-shrink:0;margin:0 0 1.2rem;padding:0 12px 8px;font-size:18px;line-height:1.4}@media (max-width:768px){.lightboxContent h2{margin-bottom:.4rem}}.lightboxContent .closeButton{color:silver;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.8rem;line-height:1;transition:background .25s ease-in-out,color .25s ease-in-out,transform .25s ease-in-out;display:flex;position:absolute;top:10px;right:10px}.lightboxContent .closeButton:hover,.lightboxContent .closeButton:focus-visible{color:#141414;background:#d3ad03e6;outline:none;transform:scale(1.1)rotate(90deg)}@media (max-width:768px){.lightboxContent .closeButton{width:32px;height:32px;font-size:1.5rem;top:3px;right:3px}.lightboxContent .closeButton:hover,.lightboxContent .closeButton:focus-visible{color:#141414;background:#d3ad0380;transform:scale(.85)}}.lightboxContent .playersSection{flex-grow:1;margin-right:-.5rem;padding-right:.5rem;overflow-y:auto}.lightboxContent .playersSection::-webkit-scrollbar{width:8px}.lightboxContent .playersSection::-webkit-scrollbar-track{background:0 0;border-radius:4px}.lightboxContent .playersSection::-webkit-scrollbar-thumb{background-color:#424242b3;background-clip:content-box;border:2px solid #0000;border-radius:4px}.lightboxContent .playersSection::-webkit-scrollbar-thumb:hover{background-color:#c0c0c0cc}.lightboxContent .playersSection .teamsContainer{flex-wrap:nowrap;gap:1.5rem;display:flex}@media (max-width:768px){.lightboxContent .playersSection .teamsContainer{flex-flow:column;gap:1rem}}.lightboxContent .playersSection .teamsContainer .teamSection{flex:1;min-width:230px}@media screen and (max-width:768px){.lightboxContent .playersSection .teamsContainer .teamSection{min-width:0}}.lightboxContent .playersSection .teamsContainer .teamSection{background:#1e1e1eb3;border:1px solid #383838;border-radius:6px;flex-direction:column;padding:1rem 1.2rem;display:flex}@media (max-width:768px){.lightboxContent .playersSection .teamsContainer .teamSection:not(:last-child){margin-bottom:1rem}}.lightboxContent .playersSection .teamsContainer .teamHeader{color:#f5f5f5;border-bottom:1px solid #383838;flex-shrink:0;align-items:center;gap:.8rem;margin-bottom:1rem;padding-bottom:.8rem;display:flex}.lightboxContent .playersSection .teamsContainer .teamHeader .flag{border-color:#fff3;width:38px}.lightboxContent .playersSection .teamsContainer .teamHeader .factionAcronym{color:#fff;font-size:1.15rem;font-weight:600;line-height:1.2}.lightboxContent .playersSection .teamsContainer .teamHeader>span:last-of-type{color:silver;margin-left:auto;font-size:.95rem;font-weight:500}.lightboxContent .playersSection .teamsContainer .squadsList{flex-grow:1}.lightboxContent .playersSection .teamsContainer .squadGroup{background:#28282899;border:1px solid #383838b3;border-radius:4px;margin-bottom:.8rem;padding:.8rem 1rem}.lightboxContent .playersSection .teamsContainer .squadGroup:last-child{margin-bottom:0}.lightboxContent .playersSection .teamsContainer .squadGroup .squadName{color:#fff;letter-spacing:.3px;border-bottom:1px solid #383838;margin:0 0 .7rem;padding-bottom:.5rem;font-size:1rem;font-weight:600;display:block}.lightboxContent .playersSection .teamsContainer .playerList{margin:0;padding:0;list-style:none}.lightboxContent .playersSection .teamsContainer .playerItem{color:silver;white-space:nowrap;text-overflow:ellipsis;border-radius:3px;padding:.4rem .3rem;font-size:.9rem;line-height:1.4;transition:color .25s ease-in-out;overflow:hidden}.lightboxContent .playersSection .teamsContainer .playerItem:hover{color:#fff}.lightboxContent .playersSection .teamsContainer .playerItem .playerTagXX,.lightboxContent .playersSection .teamsContainer .playerItem .playerNameXX,.lightboxContent .playersSection .teamsContainer .playerItem .squadLeaderIndicator{vertical-align:middle}.lightboxContent .playersSection .teamsContainer .playerItem .playerTagXX{color:#d3ad03;margin-right:.3em;font-weight:700}.lightboxContent .playersSection .teamsContainer .playerItem .playerNameXX{font-weight:500}.lightboxContent .playersSection .teamsContainer .playerItem .squadLeaderIndicator{color:#d3ad03;margin-left:.4em;font-size:.8em;font-weight:700}.lightboxContent .playersSection .teamsContainer .noPlayers,.lightboxContent .playersSection .teamsContainer .noPlayersInSquad{color:#424242cc;text-align:center;padding:1rem .5rem;font-size:.9rem;font-style:italic;line-height:1.5}.lightboxContent .playersSection .teamsContainer .noPlayers{margin-top:1rem}.lightboxContent>.playersSection>p:first-child:last-child{text-align:center;color:silver;justify-content:center;align-items:center;height:100%;padding:3rem 1rem;font-size:1.1rem;display:flex}