/* Server detail: compact map, live player list and matching amber facts. */
.mon-page .mon-server-facts>.mon-panel{position:relative;min-height:108px;padding:22px 20px 22px 76px;background:linear-gradient(110deg,#20252b,#1b1f24);border-color:#343b44}
.mon-page .mon-server-facts dt{font-size:11px;line-height:1.5;margin-bottom:9px}
.mon-page .mon-fact-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:39px;height:39px;border:1px solid #f5a6322c;border-radius:10px;background:#f5a6320a;color:var(--mon-accent)}
.mon-page .mon-server-facts dd.mon-mono{font-size:15px;line-height:1.5;overflow-wrap:anywhere}
.mon-page .mon-server-facts dd.mon-date{font-size:13px;line-height:1.6;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.mon-page .mon-server-live-grid{grid-template-columns:fit-content(360px) minmax(0,1fr);gap:28px;align-items:start}
.mon-page .mon-map-preview{width:fit-content;max-width:360px;align-self:start;box-shadow:0 6px 20px #00000012}
.mon-page .mon-map-preview img{width:auto;height:auto;max-width:100%;max-height:225px;aspect-ratio:auto;object-fit:contain}
.mon-page .mon-map-preview figcaption{padding:12px 14px;background:#171b20}
.mon-page .mon-map-preview figcaption>span{font-size:9px;margin-bottom:4px}
.mon-page .mon-map-preview strong{font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.mon-page .mon-live-head{align-items:center;gap:15px 28px;margin-bottom:20px}
.mon-page .mon-referral-note{margin:0!important;color:var(--mon-muted);font-size:12px;line-height:1.7;max-width:470px;text-wrap:pretty}
.mon-page .mon-referral-note strong{color:var(--mon-accent);font-size:15px;font-weight:800;display:inline-block;padding:0 2px;font-variant-numeric:tabular-nums}
.mon-page .mon-players-frame{max-height:390px;border:1px solid #363e48;border-radius:10px;scrollbar-width:thin;scrollbar-color:#536071 #1a1f25;background:#191e24;isolation:isolate}
.mon-page .mon-players-table{font-size:12px;table-layout:fixed;border-collapse:separate;border-spacing:0;line-height:1.5}
.mon-page .mon-players-table thead th{position:sticky;top:0;z-index:2;background:#262d35;border-bottom:1px solid #414a56;padding:13px 14px;color:#aebdcd;font-size:10px;font-weight:650;letter-spacing:.03em}
.mon-page .mon-players-table td{padding:11px 14px;border-bottom:1px solid #353d4880;height:47px}
.mon-page .mon-players-table td:first-child,.mon-page .mon-players-table th:first-child{padding-left:14px}
.mon-page .mon-players-table td:last-child,.mon-page .mon-players-table th:last-child{padding-right:14px}
.mon-page .mon-players-table tbody tr:nth-child(even){background:#ffffff02}
.mon-page .mon-players-table tbody tr:hover{background:#ffffff06}
.mon-page .mon-players-table .mon-player-number{width:44px;text-align:center;color:#798b9e;font-size:10px;font-variant-numeric:tabular-nums}
.mon-page .mon-players-table .mon-player-score{width:82px;text-align:center;font-variant-numeric:tabular-nums}
.mon-page .mon-players-table .mon-player-duration{width:105px;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;color:#a6b5c6}
.mon-page .mon-player-name{display:flex;align-items:center;gap:8px;min-width:0;color:#e1e6ed;font-weight:550}
.mon-page .mon-player-name>span:first-child{overflow-wrap:anywhere;min-width:0}
.mon-page .mon-player-crown{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:6px;background:#f5a6320d;border:1px solid #f5a63228;color:var(--mon-accent)}
.mon-page .mon-players-table tbody .mon-player-row--referred{background:linear-gradient(90deg,#f5a6320b,transparent 90%);box-shadow:inset 2px 0 0 #f5a632a8}
.mon-page .mon-players-table tbody .mon-player-row--referred:hover{background:#f5a6320b}
.mon-page .mon-score-value{display:inline-flex;justify-content:center;align-items:center;min-width:31px;min-height:25px;padding:2px 7px;background:#252c35;border:1px solid #3c4654;border-radius:5px;color:#a9b8ca;font-size:11px;font-weight:650}
.mon-page .mon-score-value.is-positive{color:#e2c394;border-color:#f5a63224;background:#f5a63208}
.mon-page .mon-score-value.is-negative{color:#d1a2a2}
.mon-page .mon-players-footnote{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px;margin-top:13px;font-size:10px;color:#8e9bad}
.mon-page .mon-players-footnote p{margin:0;font-size:10px}
.mon-page .mon-players-footnote>span{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:#a9b5c4}
.mon-page .mon-players-footnote svg{color:var(--mon-accent);width:14px;height:14px}
@container monitoring (max-width:1100px){.mon-page .mon-server-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.mon-page .mon-server-facts>.mon-panel{min-height:100px}.mon-page .mon-server-live-grid{gap:20px}.mon-page .mon-map-preview{max-width:260px}.mon-page .mon-live-head{flex-wrap:wrap}.mon-page .mon-referral-note{max-width:none}.mon-page .mon-players-table .mon-player-score{width:68px}.mon-page .mon-players-table .mon-player-duration{width:94px}}
@container monitoring (max-width:620px){.mon-page .mon-server-live-grid{grid-template-columns:1fr;gap:22px}.mon-page .mon-map-preview{max-width:300px}.mon-page .mon-players-frame{max-height:350px}.mon-page .mon-player-name{font-size:12px}.mon-page .mon-players-footnote{justify-content:flex-start}.mon-page .mon-referral-note{font-size:11px}.mon-page .mon-server-facts>.mon-panel{padding:18px 14px 18px 66px}.mon-page .mon-fact-icon{left:14px;width:36px;height:36px;border-radius:9px}.mon-page .mon-server-facts dt{font-size:10px}.mon-page .mon-server-facts dd.mon-date{font-size:12px}.mon-page .mon-server-facts dd.mon-mono{font-size:13px}}
@container monitoring (max-width:430px){.mon-page .mon-server-facts{gap:10px}.mon-page .mon-server-facts>.mon-panel{padding:15px;min-height:132px}.mon-page .mon-fact-icon{position:static;transform:none;width:30px;height:30px;margin-bottom:10px;border-radius:8px}.mon-page .mon-fact-icon svg{width:19px;height:19px}.mon-page .mon-server-facts dd{font-size:20px}.mon-page .mon-server-facts dd.mon-date{font-size:11px}.mon-page .mon-server-facts dt{margin-bottom:7px}.mon-page .mon-map-preview{max-width:260px}.mon-page .mon-players-table thead th,.mon-page .mon-players-table td{padding:10px 8px}.mon-page .mon-players-table td:first-child,.mon-page .mon-players-table th:first-child{padding-left:8px}.mon-page .mon-players-table td:last-child,.mon-page .mon-players-table th:last-child{padding-right:8px}.mon-page .mon-players-table .mon-player-number{width:27px}.mon-page .mon-players-table .mon-player-score{width:50px}.mon-page .mon-players-table .mon-player-duration{width:76px;font-size:10px}.mon-page .mon-player-name{gap:6px;font-size:11px}.mon-page .mon-player-crown{width:21px;height:21px}.mon-page .mon-player-crown svg{width:15px;height:15px}}

/* Server summary and facts share one responsive hero. */
.mon-page .mon-server-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:30px}
.mon-page .mon-server-hero .mon-server-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;min-width:0}
.mon-page .mon-server-hero .mon-server-facts>.mon-panel{padding:18px 16px 18px 70px;min-height:105px;margin:0;background:#151a206b}
.mon-page .mon-server-hero .mon-fact-icon{left:16px;width:38px;height:38px}
.mon-page .mon-server-facts .mon-fact-player-count>span{color:var(--mon-muted);font-size:16px;font-weight:500}
.mon-page .mon-slot-progress{display:block;width:100%;height:6px;margin-top:12px;overflow:hidden;appearance:none;border:0;border-radius:999px;background:#343c46;accent-color:var(--mon-accent)}
.mon-page .mon-slot-progress::-webkit-progress-bar{background:#343c46;border-radius:999px}
.mon-page .mon-slot-progress::-webkit-progress-value{background:linear-gradient(90deg,#dc8b1d,var(--mon-accent));border-radius:999px}
.mon-page .mon-slot-progress::-moz-progress-bar{background:linear-gradient(90deg,#dc8b1d,var(--mon-accent));border-radius:999px}
.mon-page .mon-server-update-status{display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin-top:8px;font-weight:400}
.mon-page .mon-server-update-status .mon-status{font-size:11px;line-height:1.5}
.mon-page .mon-server-update-status .mon-fine{font-size:10px;line-height:1.5;overflow-wrap:anywhere}
@container monitoring (max-width:1100px){.mon-page .mon-server-hero{grid-template-columns:1fr;gap:24px}.mon-page .mon-server-hero .mon-server-facts{width:100%}}
@container monitoring (max-width:620px){.mon-page .mon-server-hero{gap:22px}.mon-page .mon-server-hero .mon-server-facts>.mon-panel{padding:16px 14px 16px 60px}.mon-page .mon-server-hero .mon-fact-icon{left:13px;width:32px;height:32px}.mon-page .mon-server-hero .mon-fact-icon svg{width:20px;height:20px}}
@container monitoring (max-width:430px){.mon-page .mon-server-hero{padding:20px}.mon-page .mon-server-hero .mon-server-facts{gap:10px}.mon-page .mon-server-hero .mon-server-facts>.mon-panel{padding:14px 12px;min-height:135px}.mon-page .mon-server-hero .mon-fact-icon{position:static;transform:none;margin-bottom:9px}.mon-page .mon-server-update-status .mon-status{font-size:10px}.mon-page .mon-server-update-status .mon-fine{font-size:10px}.mon-page .mon-slot-progress{margin-top:10px}}