.csgo-public-servers-list-container{flex-direction:column;gap:24px;display:flex}.filters-bar{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.filter-group{background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;outline:none;align-items:center;height:46px;transition:all .2s;display:flex;position:relative}.filter-group:hover{background:#ffffff0f;border-color:#ffffff1a}.filter-group:focus-within{border-color:var(--secondary-500);background:#ffffff0f;outline:none}.filter-group.search-group{flex:1;min-width:240px}.filter-group .search-icon{color:#ffffff80;pointer-events:none;width:18px;height:18px;position:absolute;left:14px}.filter-group input,.filter-group select,.filter-group input[type=text]{all:unset;box-sizing:border-box;color:#fff;background:0 0;border:none;outline:none;width:100%;height:100%;margin:0;padding:12px 16px;font-family:inherit;font-size:14px;line-height:150%;display:block}.filter-group input:hover,.filter-group input:focus,.filter-group select:hover,.filter-group select:focus,.filter-group input[type=text]:hover,.filter-group input[type=text]:focus{box-shadow:none!important;border:none!important;outline:none!important}.filter-group input{padding-left:42px!important}.filter-group input::placeholder{color:#fff6}.filter-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='rgba(255,255,255,0.6)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5l3 3 3-3'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px!important}.filter-group select option{color:#fff;background:#1c1e26}.filter-toggles{gap:16px;margin-left:auto;display:flex}.filter-toggles .toggle-label{cursor:pointer;color:#ffffffb3;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:14px;transition:color .2s;display:flex}.filter-toggles .toggle-label:hover{color:#fff}.filter-toggles .toggle-label input[type=checkbox]{appearance:none;cursor:pointer;background:#0003;border:1px solid #fff3;border-radius:4px;width:18px;height:18px;margin:0;transition:all .2s;position:relative}.filter-toggles .toggle-label input[type=checkbox]:checked{background:var(--secondary-500);border-color:var(--secondary-500)}.filter-toggles .toggle-label input[type=checkbox]:checked:after{content:"";border:solid var(--primary-900);border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.col-server{flex:2;min-width:250px}.col-players{flex:1;min-width:120px}.col-location{flex:1;min-width:150px}.col-actions{flex:1;min-width:200px}.server-list{flex-direction:column;gap:6px;display:flex}.list-header{text-transform:uppercase;letter-spacing:.05em;color:var(--white-40);gap:16px;margin-bottom:4px;padding:0 17px;font-size:12px;font-weight:600;display:flex}.list-header .col-server,.list-header .col-players,.list-header .col-location{align-items:center;gap:6px;display:flex}.list-header .col-actions{text-align:right}.list-header .sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s}.list-header .sortable:hover{color:var(--white-80)}.list-header .sortable .sort-icon{font-size:12px;line-height:1}.list-header .sortable .sort-icon.inactive{opacity:0;transition:opacity .2s}.list-header .sortable:hover .sort-icon.inactive{opacity:.4}.list-header .sortable .sort-icon.active{color:var(--secondary-500)}.server-list-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:4px;align-items:center;gap:16px;padding:12px 16px;transition:background .2s,border-color .2s;display:flex}.server-list-item:hover{background:#ffffff0f;border-color:#ffffff1a}.server-list-item .col-server{align-items:center;gap:12px;display:flex}.server-list-item .col-server .map-thumbnail{background:#0003;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.server-list-item .col-server .map-thumbnail img{object-fit:cover;width:100%;height:100%}.server-list-item .col-server .map-thumbnail img.fallback-icon{opacity:.5;width:24px;height:24px}.server-list-item .col-server .server-info{flex-direction:column;gap:4px;display:flex}.server-list-item .col-server .server-info h3{color:#fff;margin:0;font-size:16px;font-weight:600;line-height:1.2}.server-list-item .col-server .server-info .server-details-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.server-list-item .col-server .server-info .server-details-row .map-info{color:var(--white-100);align-items:center;gap:6px;font-size:14px;font-weight:500;display:flex}.server-list-item .col-server .server-info .server-details-row .map-info .map-icon{width:15px}.server-list-item .col-server .server-info .server-details-row .server-tags{align-items:center;gap:4px;display:flex}.server-list-item .col-server .server-info .server-details-row .server-tag{color:#ffffff80;letter-spacing:.02em;text-transform:uppercase;background:#ffffff08;border:1px solid #ffffff14;border-radius:100px;align-items:center;gap:3px;padding:4px 8px;font-size:10px;font-weight:700;line-height:100%;display:flex}.server-list-item .col-server .server-info .server-details-row .server-tag.tickrate{color:var(--secondary-500);background:0 0;border:1px solid #ffa14b4d}.server-list-item .col-server .server-info .server-details-row .server-tag.tickrate:before{content:"";background:var(--secondary-500);border-radius:50%;width:4px;height:4px;display:block}.server-list-item .col-players .players-count{color:#fff;margin-bottom:6px;font-size:14px;font-weight:600;line-height:1}.server-list-item .col-players .players-count .max{color:#fff6;font-weight:400}.server-list-item .col-players .players-bar{background:#0000004d;border-radius:2px;height:4px;overflow:hidden}.server-list-item .col-players .players-bar .bar-fill{background:#52cf6c;border-radius:2px;height:100%;transition:width .3s}.server-list-item .col-players .players-bar .bar-fill.full{background:#ff5252}.server-list-item .col-location{flex-direction:column;gap:4px;display:flex}.server-list-item .col-location .location-name{color:#fff;align-items:center;gap:6px;font-size:14px;font-weight:500;line-height:1;display:flex}.server-list-item .col-location .location-name .flag{border-radius:2px;width:18px}.server-list-item .col-location .ping-test{align-items:center;gap:4px;font-size:12px;display:flex}.server-list-item .col-location .ping-test svg{width:12px;height:12px}.server-list-item .col-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.server-list-item .col-actions .copy-ip-button{color:#fffc;cursor:pointer;box-sizing:border-box;background:#ffffff0d;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-width:82px;height:32px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.server-list-item .col-actions .copy-ip-button svg{opacity:.8;width:14px;height:14px}.server-list-item .col-actions .copy-ip-button.copied{color:#52cf6c;background:#52cf6c1a}.server-list-item .col-actions .copy-ip-button.copied svg{opacity:1}.server-list-item .col-actions .copy-ip-button:disabled{cursor:not-allowed;opacity:.33}.server-list-item .col-actions .copy-ip-button:hover:not(:disabled):not(.copied){color:#fff;background:#ffffff1a}.server-list-item .col-actions .join-button{color:var(--secondary-500);box-sizing:border-box;background:#ffa14b1a;border:1px solid #ffa14b33;border-radius:6px;justify-content:center;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.server-list-item .col-actions .join-button svg{opacity:.9;width:14px;height:14px}.server-list-item .col-actions .join-button.server-full{cursor:not-allowed;color:#ffffff80;background:#ffffff0d;border-color:#ffffff0d}.server-list-item .col-actions .join-button:hover:not(.server-full){background:#ffa14b26;border-color:#ffa14b4d}.server-list-item .col-actions .join-button:active:not(.server-full){transform:translateY(1px)}.empty-state{text-align:center;color:#ffffff80;background:#ffffff05;border:1px dashed #ffffff1a;border-radius:8px;padding:32px;font-size:14px}@media (max-width:992px){.filters-bar{flex-direction:column;align-items:stretch}.filters-bar .filter-toggles{justify-content:flex-start;margin-top:8px;margin-left:0}.hidden-mobile{display:none}.server-list-item{flex-direction:column;align-items:flex-start;gap:16px;padding:16px}.server-list-item .col-server,.server-list-item .col-players,.server-list-item .col-location,.server-list-item .col-actions{width:100%;min-width:0;padding-right:0}.server-list-item .col-actions{border-top:1px solid #ffffff0d;justify-content:flex-start;margin-top:4px;padding-top:16px}}