/* Directory summary and current map previews; analytics layouts remain independent. */
.mon-directory-page .mon-directory-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0 0 35px;padding:0;overflow:hidden;border:1px solid var(--mon-line);border-radius:12px;background:var(--mon-line)}
.mon-directory-page .mon-directory-stats>div{position:relative;min-width:0;min-height:122px;padding:25px 22px 22px 91px;background:var(--mon-panel)}
.mon-directory-page .mon-directory-stats dt{margin:0 0 10px;color:var(--mon-muted);font-size:12px;line-height:1.45}
.mon-directory-page .mon-summary-icon{position:absolute;left:22px;top:50%;display:block;width:52px;height:52px;transform:translateY(-50%)}
.mon-directory-page .mon-summary-icon svg{display:block;width:100%;height:100%}
.mon-directory-page .mon-directory-stats dd{margin:0;font-size:30px;font-weight:750;line-height:1.2;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.mon-directory-page .mon-summary-players strong{font:inherit}
.mon-directory-page .mon-summary-capacity{margin-left:3px;color:var(--mon-muted);font-size:19px;font-weight:500;letter-spacing:0}
.mon-directory-page .mon-summary-progress{display:block;width:min(100%,165px);height:5px;margin:10px 0 0;border:0;border-radius:5px;overflow:hidden;appearance:none;background:#3c454e;color:var(--mon-accent)}
.mon-directory-page .mon-summary-progress::-webkit-progress-bar{border-radius:5px;background:#3c454e}
.mon-directory-page .mon-summary-progress::-webkit-progress-value{border-radius:5px;background:var(--mon-accent)}
.mon-directory-page .mon-summary-progress::-moz-progress-bar{border-radius:5px;background:var(--mon-accent)}
.mon-directory-page .mon-directory-stats .mon-summary-game{font-size:28px;font-weight:550}
.mon-directory-page .mon-summary-game>span{color:var(--mon-accent);font-weight:800}
.mon-directory-page .mon-server-list .mon-list-labels,.mon-directory-page .mon-server-list .mon-server-row{grid-template-columns:26px minmax(160px,1fr) minmax(185px,225px) 88px 126px 90px 30px;gap:14px}
.mon-directory-page .mon-server-list .mon-map{display:flex;align-items:center;gap:12px;min-width:0}
.mon-directory-page .mon-map-thumbnail{display:block;flex:0 0 96px;width:96px;height:54px;object-fit:cover;border:1px solid #414851;border-radius:7px;background:#15181c}
.mon-directory-page .mon-map>div{min-width:0}
.mon-directory-page .mon-map .mon-mono{display:block;line-height:1.45}
@container monitoring (max-width:1100px){
    .mon-directory-page .mon-directory-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
    .mon-directory-page .mon-directory-stats>div{min-height:112px}
    .mon-directory-page .mon-server-list .mon-list-labels,.mon-directory-page .mon-server-list .mon-server-row{grid-template-columns:24px minmax(145px,1fr) minmax(175px,200px) 82px 120px 30px;gap:12px;padding-left:15px;padding-right:15px}
    .mon-directory-page .mon-map-thumbnail{flex-basis:88px;width:88px;height:50px}
}
@container monitoring (max-width:820px){
    .mon-directory-page .mon-server-list .mon-list-labels{display:none}
    .mon-directory-page .mon-server-list .mon-server-row{position:relative;grid-template-columns:22px minmax(0,1fr) 32px;gap:14px 12px;padding:20px}
    .mon-directory-page .mon-server-list .mon-rank{position:static;grid-column:1;grid-row:1;align-self:start;padding-top:2px}
    .mon-directory-page .mon-server-list .mon-server-name{grid-column:2;grid-row:1;padding-right:0;margin:0;min-width:0}
    .mon-directory-page .mon-server-list .mon-server-name h3{font-size:15px}
    .mon-directory-page .mon-server-list .mon-map{grid-column:2;grid-row:2;gap:12px}
    .mon-directory-page .mon-map-thumbnail{flex-basis:80px;width:80px;height:45px}
    .mon-directory-page .mon-server-list .mon-player-count{grid-column:2;grid-row:3}
    .mon-directory-page .mon-server-list .mon-connection-buttons{grid-column:2;grid-row:4}
    .mon-directory-page .mon-server-list .mon-mobile-label{display:block;font-size:10px;color:var(--mon-muted);margin-bottom:3px}
    .mon-directory-page .mon-server-list .mon-connection-buttons .mon-mobile-label{min-width:75px;margin:0}
    .mon-directory-page .mon-server-list .mon-status{display:none}
    .mon-directory-page .mon-server-list .mon-row-link{grid-column:3;grid-row:1;align-self:start;width:32px;height:32px}
}
@container monitoring (max-width:430px){
    .mon-directory-page .mon-directory-stats{margin-bottom:28px}
    .mon-directory-page .mon-directory-stats>div{min-height:112px;padding:18px 12px 18px 64px}
    .mon-directory-page .mon-summary-icon{left:12px;width:40px;height:40px}
    .mon-directory-page .mon-directory-stats dt{font-size:10px;margin-bottom:8px}
    .mon-directory-page .mon-directory-stats dd{font-size:25px}
    .mon-directory-page .mon-summary-capacity{font-size:15px}
    .mon-directory-page .mon-directory-stats .mon-summary-game{font-size:23px}
    .mon-directory-page .mon-summary-progress{height:4px;margin-top:8px}
    .mon-directory-page .mon-server-list .mon-server-row{padding:17px 14px;gap:13px 9px;grid-template-columns:16px minmax(0,1fr) 28px}
    .mon-directory-page .mon-server-list .mon-row-link{width:28px;height:28px}
    .mon-directory-page .mon-server-list .mon-connection-buttons{flex-wrap:wrap}
    .mon-directory-page .mon-server-list .mon-connection-buttons .mon-mobile-label{flex-basis:100%}
}