/* Server controls and public player roster. */
body.zeus-site .z-serverbar{gap:22px}
body.zeus-site .z-serverbar .z-server{gap:20px;align-items:center}
body.zeus-site .z-serverbar .z-server h3{max-width:none;font-size:14px;white-space:normal;line-height:1.4}
body.zeus-site .z-serverbar .z-server-map{min-width:0;max-width:190px}
body.zeus-site .z-serverbar .z-server-map strong{overflow-wrap:anywhere}
body.zeus-site .z-serverbar .cs-server-players{order:3;flex:0 0 auto;display:flex;align-items:center;gap:13px;min-height:46px;padding:9px 14px;border:1px solid #647345;border-radius:4px;background:#293222;color:#f5f3e9;cursor:pointer;text-align:left;font:600 13px/1.3 Arial,sans-serif}
.cs-server-players span{display:flex;flex-direction:column;gap:3px}
.cs-server-players small{font-size:11px;color:#c5ceb5;font-weight:400}
.cs-server-players b{font:700 17px/1.2 monospace;color:#f2c568;white-space:nowrap}
body.zeus-site .z-serverbar .cs-server-actions{order:4;display:flex;flex-direction:column;gap:7px;flex:0 0 193px;text-align:center}
body.zeus-site .cs-server-copy{display:flex;justify-content:center;align-items:center;gap:8px;min-height:43px;width:100%;padding:10px 14px;border:1px solid #efc366;border-radius:4px;background:#e8b957;color:#171b13;font:700 13px/1.3 Arial,sans-serif;cursor:pointer;box-shadow:0 2px 0 #9b742d}
.cs-server-copy svg{width:17px;height:17px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8}
body.zeus-site .cs-server-copy:hover{background:#ffd17a;color:#171b13}
body.zeus-site .cs-server-copy:disabled{opacity:1;background:#c8dc91;color:#17200e;border-color:#c8dc91;cursor:default}
body.zeus-site .cs-server-address{display:flex;align-items:center;justify-content:center;gap:8px;line-height:1.2}
body.zeus-site .cs-server-address code{padding:0;background:transparent;color:#d5ddc8;font:11px/1.3 monospace;user-select:all}
body.zeus-site .cs-server-join{padding:0;color:#e8b957;font-size:15px;text-decoration:none}
.cs-server-players:hover{border-color:#e8b957!important;background:#34402a!important}
.cs-server-copy:focus-visible,.cs-server-players:focus-visible,.cs-players-dialog a:focus-visible,.cs-players-dialog button:focus-visible{outline:2px solid #f2c568;outline-offset:4px}
body.cs-players-open{overflow:hidden}
/* Keep the CMS reset from displaying a closed native dialog below the footer. */
body.zeus-site dialog.cs-players-dialog:not([open]){display:none!important}
body.zeus-site .cs-players-dialog{box-sizing:border-box;width:min(820px,calc(100% - 32px));max-height:85vh;max-height:85dvh;margin:auto;padding:26px;border:1px solid #637149;border-top:3px solid #e8b957;border-radius:8px;background:#171e17;color:#f0f1e8;box-shadow:0 24px 100px #000a;overflow:auto}
.cs-players-dialog::backdrop{background:#070c0bd9;backdrop-filter:blur(4px)}
.cs-players-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.cs-players-kicker{font:700 10px/1.3 monospace;letter-spacing:.16em;color:#e8b957}
body.zeus-site .cs-players-heading h2{margin:7px 0 0;padding:0;border:0;font-size:26px;color:#f3f1e7}
body.zeus-site .cs-players-close{flex:0 0 36px;height:36px;padding:0;border:1px solid #46513b;border-radius:4px;background:#252e22;color:#e6ecdf;font:24px/1 Arial;cursor:pointer}
body.zeus-site .cs-players-summary{margin:15px 0 20px;font-size:12px;line-height:1.6;color:#bfcbb4;overflow-wrap:anywhere}
.cs-players-list{display:grid;gap:9px}
.cs-player-card{display:grid;grid-template-columns:48px minmax(0,1fr) 260px;align-items:center;gap:14px;padding:13px 16px;border:1px solid #3c4933;border-radius:5px;background:linear-gradient(110deg,#222d20,#1c251b)}
.cs-player-number{align-self:start;padding-top:4px;font:11px/1.4 monospace;color:#89967b}
.cs-player-identity{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px}
body.zeus-site .cs-player-name{font:700 16px/1.4 Arial,sans-serif;color:#f3f2e7;overflow-wrap:anywhere;text-decoration:none}
body.zeus-site a.cs-player-name:hover{color:#f2c568}
body.zeus-site .cs-player-profile{color:#e9c474;font-size:11px;line-height:1.5;overflow-wrap:anywhere;text-decoration:none}
.cs-player-unlinked{font-size:11px;color:#acb7a1;line-height:1.5}
.cs-player-match{padding:1px 6px;border:1px solid #526044;border-radius:3px;font-size:9px;line-height:1.4;color:#c4d0b6;background:#2c3726}
body.zeus-site .cs-player-steam{display:block;padding:0;background:transparent;color:#8f9d84;font:10px/1.5 monospace;overflow-wrap:anywhere}
.cs-player-stats{display:grid;grid-template-columns:55px minmax(0,1fr) 62px;gap:12px;margin:0}
.cs-player-stats dt{margin:0 0 5px;color:#adbaa2;font:400 10px/1.3 Arial,sans-serif}
.cs-player-stats dd{margin:0;color:#ecf0e4;font:700 12px/1.4 monospace}
.cs-player-stats>div:first-child dd{color:#f0c574;font-size:17px}
body.zeus-site .cs-players-empty{margin:0;padding:28px 18px;border:1px dashed #46523c;border-radius:4px;color:#d5deca;font-size:14px;line-height:1.6}
.cs-players-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px;padding-top:17px;border-top:1px solid #38442f}
.cs-players-footer>span{max-width:450px;font-size:11px;line-height:1.6;color:#a9b69e}
body.zeus-site .cs-players-refresh{padding:9px 14px;border:1px solid #69764a;border-radius:4px;background:#293322;color:#ecd29d;font:600 12px/1.4 Arial;cursor:pointer;min-height:38px}
.cs-players-refresh:disabled{opacity:.55;cursor:wait}
body.zeus-site .cs-players-feedback{min-height:18px;margin:-10px 0 16px;color:#c8dc91;font:12px/1.5 Arial,sans-serif}
.cs-players-feedback[data-state="loading"]{color:#f2c568!important}
.cs-players-feedback[data-state="error"]{color:#ffb2a3!important}
body.zeus-site .cs-players-refresh{min-width:125px}
.cs-copy-fallback{position:fixed;left:-9999px;top:0}
.cs-map-preview[hidden]{display:none!important}
.cs-map-preview{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;align-items:center;margin:0 0 18px;padding:12px;border:1px solid #46513b;border-radius:5px;background:#20291e}
.cs-map-visual{aspect-ratio:16/9;overflow:hidden;border-radius:3px;background:repeating-linear-gradient(135deg,#263322 0,#263322 12px,#222d20 12px,#222d20 24px)}
.cs-map-image-link{display:block;width:100%;height:100%}
.cs-map-image-link img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s}
.cs-map-image-link:hover img{transform:scale(1.04)}
.cs-map-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#b4c39f;font:700 11px/1.4 monospace;letter-spacing:.08em}
.cs-map-info{display:flex;flex-direction:column;gap:9px;min-width:0}
.cs-map-label{color:#e8b957;font:700 10px/1.4 Arial,sans-serif;letter-spacing:.12em}
.cs-map-name{color:#f3f1e7;font:700 16px/1.4 monospace;overflow-wrap:anywhere}
.cs-map-hint{color:#bdc9b1;font:12px/1.5 Arial,sans-serif}
@media(max-width:549px){.cs-map-preview{grid-template-columns:minmax(0,1fr);gap:12px}.cs-map-visual{max-height:165px}.cs-map-name{font-size:14px}.cs-map-hint{font-size:11px}}
@media(prefers-reduced-motion:reduce){.cs-map-image-link img{transition:none}}
@media(max-width:1199px){body.zeus-site .z-serverbar{flex-wrap:wrap;gap:12px}body.zeus-site .z-serverbar .z-server-label{width:100%;flex-basis:100%;display:flex;align-items:center;gap:8px;padding:0;border:0}body.zeus-site .z-server-label>span:last-child{margin:0 0 0 auto}body.zeus-site .z-serverbar .monitoring{flex-basis:100%;width:100%}body.zeus-site .z-serverbar .z-server{border:0;padding:0;gap:16px}body.zeus-site .z-serverbar .z-server h3{margin:0;flex:1}}
@media(max-width:699px){body.zeus-site .z-serverbar .z-server{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}body.zeus-site .z-serverbar .z-server h3{display:block;grid-column:1 / -1;order:0;width:auto;font-size:14px}body.zeus-site .z-serverbar .z-server-map{grid-column:1 / -1;order:1;display:flex;align-items:center;gap:9px;width:auto;max-width:none;margin:0}body.zeus-site .z-serverbar .z-server-map span{margin:0;font-size:9px}body.zeus-site .z-serverbar .z-server-map strong{font-size:11px}body.zeus-site .z-serverbar .cs-server-players{order:2;min-height:43px;align-self:start;justify-content:space-between;padding:9px 11px;gap:8px;font-size:12px}body.zeus-site .z-serverbar .cs-server-actions{order:3;min-width:0}body.zeus-site .cs-server-copy{font-size:12px;padding:10px 8px;gap:6px}body.zeus-site .cs-server-address code{font-size:10px}body.zeus-site .cs-server-address{gap:4px}body.zeus-site .cs-players-dialog{padding:20px 16px;width:calc(100% - 20px);max-height:90dvh}.cs-player-card{grid-template-columns:42px minmax(0,1fr);gap:7px 10px;padding:14px}.cs-player-stats{grid-column:2;grid-template-columns:1fr 1.5fr 1fr;padding-top:10px;border-top:1px solid #3b4832;margin-top:4px}.cs-player-stats dt{font-size:10px}.cs-player-stats dd{font-size:11px}body.zeus-site .cs-players-heading h2{font-size:22px}.cs-players-footer{align-items:flex-start;gap:12px}.cs-players-footer>span{font-size:10px}.cs-players-kicker{font-size:9px}}

@media(max-width:370px){body.zeus-site .z-serverbar .cs-server-players{padding:9px 7px;gap:4px}.cs-server-players small{font-size:9px}.cs-server-players b{font-size:15px}body.zeus-site .cs-server-copy{font-size:11px;padding:10px 5px;gap:4px}.cs-server-copy svg{width:14px;height:14px}body.zeus-site .cs-server-address code{font-size:8px}}

.cs-player-avatar{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;align-self:start;border:1px solid #637149;border-radius:8px;overflow:hidden;background:#303c2a;color:#ecd29d;font:bold 16px/1 monospace}
.cs-player-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#222c21}
.cs-player-badges{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}
.cs-player-team,.cs-player-tier{padding:3px 7px;border:1px solid #536345;border-radius:3px;font:600 10px/1.4 Arial,sans-serif;color:#d1ddc4;background:#2b3827}
.cs-player-team-1{color:#f0c29b;border-color:#796044;background:#453625}
.cs-player-team-2{color:#acd6ed;border-color:#466476;background:#253943}
.cs-player-team-3,.cs-player-team-0,.cs-player-team-unknown{color:#c1c8c4;border-color:#58615b;background:#2c342f}
.cs-player-tier{color:#f3d186;border-color:#776134;background:#403721}
@media(max-width:699px){.cs-player-avatar{width:42px;height:42px}.cs-player-stats{grid-column:1 / -1}.cs-player-badges{margin-top:5px}.cs-player-team,.cs-player-tier{font-size:9px}}
