*{box-sizing:border-box}body{margin:0;background:#0b111b;color:#e6edf7;font-family:Arial,sans-serif;font-size:13px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #f4b270;outline-offset:3px}.directory{max-width:1580px;margin:auto;padding:40px 42px}.directory-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{font-size:9px;letter-spacing:3px;color:#b6875c}.directory-heading h1{font-size:32px;letter-spacing:-1px;display:flex;align-items:center;gap:15px;margin:12px 0}.directory-heading p{font-size:12px;color:#7f91aa;margin:0}.live-dot{width:8px;height:8px;border-radius:50%;background:#76d7aa;box-shadow:0 0 0 5px #76d7aa12}.refresh{background:#172334;color:#dce6f4;border:1px solid #32445c;padding:12px 18px;border-radius:7px;display:flex;gap:9px;align-items:center}.refresh:hover{background:#22334a}.refresh:disabled{opacity:.5;cursor:wait}
.directory-tools{display:flex;gap:14px;padding:18px;background:#131e2e;border:1px solid #27364a;border-radius:10px}.search{display:flex;align-items:center;gap:12px;flex:1;background:#0b1421;border:1px solid #2b3b52;border-radius:6px;padding:0 15px}.search>span{font-size:24px;color:#8093ad}.search input{width:100%;padding:13px 0;border:0;background:transparent;color:#e7edf6;outline:none}.search input::placeholder{color:#6f839e}.mode-filter,.sort-filter{display:flex;flex-direction:column;gap:5px;font-size:8px;letter-spacing:1px;color:#7086a2;min-width:155px}.directory-tools select{border:0;border-bottom:1px solid #34465f;background:#131e2e;color:#cdd8e7;padding:6px 2px;font-size:12px}.directory-summary{display:flex;justify-content:space-between;gap:15px;padding:22px 2px 14px;font-size:11px;color:#7e93af}.directory-summary strong{color:#d6e4f6;font-weight:600}.directory-panel{border:1px solid #26364a;border-radius:10px;overflow:hidden;background:#0f1826}.list-labels,.server-row{display:grid;grid-template-columns:minmax(230px,1fr) 165px 125px 110px 106px;align-items:center;gap:16px}.list-labels{padding:17px 23px;background:#172335;color:#6e86a6;font-size:8px;letter-spacing:1.5px}.server-row{padding:19px 23px;border-top:1px solid #24334980;min-height:84px;transition:background .15s}.server-row:hover{background:#19283b}.server-name{min-width:0;display:flex;align-items:center;gap:13px}.server-status{width:7px;height:7px;background:#76d7aa;border-radius:50%;flex-shrink:0}.server-title{font-size:13px;font-weight:600;margin:0 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4;color:#e4edfa}.server-copy{min-width:0}.server-meta{font-size:9px;color:#7489a6;display:flex;gap:10px;align-items:center}.mode-tag{font-size:8px;letter-spacing:.6px;border:1px solid #3e4d62;padding:2px 5px;border-radius:3px;color:#c3a88a}.server-map strong{font-size:11px;font-weight:500;color:#c3d3e9}.server-map small{display:block;color:#607797;font-size:8px;margin-top:5px;letter-spacing:.8px}.server-players{width:88px}.server-players strong{font-size:15px;font-weight:600;color:#eaf1fb}.server-players small{color:#6c809f;font-size:10px;margin-left:2px}.capacity{height:3px;border-radius:3px;background:#23354e;margin-top:8px;overflow:hidden}.capacity i{display:block;height:100%;background:#78a8d5;border-radius:3px}.server-latency{display:flex;gap:6px;align-items:center;font-size:11px;font-variant-numeric:tabular-nums;color:#aabbd3}.server-latency:before{content:'';width:4px;height:9px;background:#77c6a4;box-shadow:5px -3px #77c6a4,10px -6px #77c6a4;margin-right:12px;transform:scale(.7)}.server-latency.slow:before{background:#e4ae69;box-shadow:5px -3px #e4ae69,10px -6px #e4ae69}.server-play{border:1px solid #dba06a;border-radius:5px;background:#f2b37a;color:#151b24;padding:11px 15px;font-size:10px;font-weight:700;letter-spacing:1px;transition:background .15s}.server-play:hover{background:#ffcc9e}.directory-empty{padding:60px 20px;text-align:center;color:#7890ae}.empty-symbol{font-size:35px;color:#f4b270}.directory-empty h2{color:#bdcde2;font-size:18px;font-weight:500;margin:17px 0 10px}.directory-empty p{font-size:12px;line-height:1.7;margin:0}.directory-loading .empty-symbol{display:inline-block;animation:rotate 2s linear infinite}.directory-footer{display:flex;justify-content:space-between;gap:20px;margin-top:17px;color:#576d8b;font-size:9px}.directory-footer i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#76d7aa;margin-right:6px}@keyframes rotate{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.directory-loading .empty-symbol{animation:none}}@media(max-width:1050px){.directory{padding:25px}.list-labels,.server-row{grid-template-columns:minmax(180px,1fr) 125px 90px 80px 80px;gap:10px}.server-play{padding:10px}.server-meta{gap:6px}.directory-heading h1{font-size:28px}.server-title{font-size:12px}}@media(max-width:700px){.directory{padding:22px 14px}.directory-tools{flex-wrap:wrap;padding:12px;gap:12px}.search{flex-basis:100%}.mode-filter,.sort-filter{flex:1;min-width:0}.directory-heading{gap:12px}.directory-heading h1{font-size:23px}.directory-heading p{font-size:10px}.refresh{padding:10px}.refresh span{display:none}.list-labels{display:none}.server-row{grid-template-columns:minmax(0,1fr) 75px;gap:12px;padding:17px 14px}.server-name{grid-column:1}.server-map{grid-column:1;grid-row:2}.server-map small{display:none}.server-players{grid-column:2;grid-row:1;width:auto}.server-latency{display:none}.server-play{grid-column:2;grid-row:2}.server-meta{flex-wrap:wrap;font-size:8px}.directory-footer{font-size:8px}.directory-summary{font-size:9px}.server-map strong{font-size:10px}}

/* Refined browser: compact readable rows with a persistent table header. */
body{background:#0b1421;font-family:'Segoe UI',Arial,sans-serif}
.directory{padding:28px 28px 18px;max-width:1440px}.directory-heading{margin-bottom:22px;gap:18px}.directory-heading h1{font-size:28px;font-weight:650;letter-spacing:-1px;margin:9px 0}.eyebrow{color:#e5b383;font-size:8px;letter-spacing:2.5px}.directory-heading p{color:#839ab4;font-size:11px}
.refresh{background:#142438;border-color:#2b415c;border-radius:8px;padding:10px 14px;font-size:11px}
.directory-tools{background:transparent;border:0;padding:0;gap:12px;align-items:stretch}.search{background:#111f30;border-color:#2b4059;border-radius:9px;padding:0 15px}.search input{padding:13px 0;font-size:12px}.search>span{font-size:23px;color:#88a2c0}.sort-filter{padding:6px 12px;background:#111f30;border:1px solid #2b4059;border-radius:9px;min-width:155px;font-size:8px}.directory-tools select{background:transparent;padding:0;border:0;font-size:11px;color:#c2d4e8}
.directory-summary{padding:18px 2px 12px;color:#9ab1ca;font-size:10px}.directory-panel{border:1px solid #273c54;border-radius:10px;background:#0e1a29}.list-labels,.server-row{grid-template-columns:minmax(240px,1fr) minmax(115px,155px) 95px 85px 78px;gap:16px}.list-labels{position:sticky;top:0;z-index:2;background:#15253a;padding:13px 18px;font-size:8px;letter-spacing:1.2px;color:#7993b2}.server-row{min-height:72px;padding:12px 18px;border-color:#24384d8c}.server-row:nth-child(2n){background:#ffffff02}.server-row:hover{background:#1b3047}.server-name{gap:12px}.server-emblem{display:grid;place-items:center;flex-shrink:0;width:35px;height:35px;border-radius:9px;border:1px solid #3a526b;background:linear-gradient(135deg,#243b52,#17283b);font-size:10px;font-weight:700;letter-spacing:1px;color:#b6cfe5}.server-title{font-size:12px;line-height:1.5;margin-bottom:4px;font-weight:600}.server-meta{font:9px Consolas,monospace;color:#6f89a7}.server-map strong{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid #354b62;border-radius:5px;background:#172a3c;padding:5px 8px;font:10px Consolas,monospace;color:#b9cfe4}.server-map small{display:none}.server-players{width:72px}.server-players strong{font-size:14px}.capacity{margin-top:6px;height:3px;background:#263c52}.capacity i{background:#80b2dc}.server-latency{font-size:10px;color:#a9cbbd}.server-play{padding:8px 10px;font-size:10px;letter-spacing:0;text-transform:none;background:#eab27c;border-color:#eab27c;border-radius:6px;color:#102033;white-space:nowrap}.directory-footer{font-size:9px;color:#68839f}.directory-empty{padding:55px 20px}
@media(max-width:1050px){.directory{padding:22px 18px}.list-labels,.server-row{grid-template-columns:minmax(180px,1fr) 110px 70px 65px 70px;gap:10px}.server-row{padding-inline:13px}.server-emblem{width:29px;height:29px;font-size:8px}.server-name{gap:9px}.server-title{font-size:11px}.server-latency:before{display:none}.server-play{padding:8px}}
@media(max-width:700px){.directory{padding:20px 12px}.directory-heading h1{font-size:23px}.directory-tools{gap:9px}.sort-filter{min-width:0;flex:1;flex-direction:row;align-items:center;justify-content:space-between;padding:10px 12px}.search{flex-basis:100%}.directory-summary{font-size:9px;flex-wrap:wrap;gap:5px}.server-row{display:grid;grid-template-columns:minmax(0,1fr) 65px 65px;gap:10px 8px;padding:13px 12px}.server-name{grid-column:1/3;grid-row:1}.server-play{grid-column:3;grid-row:1}.server-map{grid-column:1;grid-row:2;padding-left:38px}.server-players{grid-column:2;grid-row:2;width:57px}.server-latency{display:flex;grid-column:3;grid-row:2;justify-content:flex-end;font-size:10px}.server-map strong{max-width:100%;padding:4px 7px;font-size:9px}.server-title{font-size:11px}.server-meta{font-size:8px}.directory-footer{flex-direction:column;gap:5px;font-size:8px}}

.server-play:disabled{background:#1b293a;color:#8c9cad;border-color:#35455a;cursor:default;opacity:.8;box-shadow:none}