/* Live status refreshes independently from the interactive village map. */
.brand-icon{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;color:#eed28c}
.brand-icon svg{width:23px;height:23px}
.sidebar .main-navigation>.nav-home{margin-bottom:0;width:100%;font-weight:650}
.topbar .top-actions{margin-left:auto}
main{padding-bottom:32px}
main[data-view="status"] #content{margin-top:24px}
.status-home{display:grid;gap:24px;padding-bottom:10px}
.home-live{display:grid;gap:24px;min-width:0}
.home-history-title{min-width:0}
.home-now{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px}
.home-status-heading{display:flex;align-items:center;gap:14px;white-space:nowrap}
.home-server-state{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600}
.home-game-now{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;font-size:14px;font-variant-numeric:tabular-nums}
.home-game-now>span{white-space:nowrap}
.home-game-clock{display:inline-flex;align-items:center;gap:7px}
.home-game-clock svg{width:15px;height:15px;color:var(--muted);flex-shrink:0}
.home-game-now small{font-size:11px;color:var(--muted)}
.home-state-dot{width:7px;height:7px;border-radius:50%;background:var(--state-offline);flex-shrink:0}
.home-state-dot.is-open{background:var(--state-online)}
.home-section{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:24px;min-width:0}
.home-section h2{font-size:17px;font-weight:650;letter-spacing:-.3px}
.home-section-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}
.home-section-heading h2>span{margin-left:8px;font-size:15px;font-weight:500;color:var(--muted);white-space:nowrap}
.home-section-heading p{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.6}
.presence-counts{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
.presence-count{display:flex;align-items:center;gap:6px;white-space:nowrap}
.presence-count b{font-weight:600;color:var(--ink)}
.presence-count i,.presence-state i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--muted);flex-shrink:0}
.presence-count.active i,.presence-state.active i{background:var(--state-online)}
.presence-count.idle i,.presence-state.idle i{background:var(--state-partial)}
.presence-count.spectator i,.presence-state.spectator i{background:var(--purple)}
.presence-table-head,.presence-row{display:grid;grid-template-columns:minmax(180px,1.3fr) 86px minmax(105px,.8fr) minmax(215px,1.2fr) 20px;align-items:center;column-gap:18px}
.presence-table-head{font-size:11px;color:var(--muted);padding:0 14px 12px;border-bottom:1px solid var(--line)}
.presence-list{list-style:none;padding:6px 0 0;margin:0;display:grid;gap:5px}
.presence-row{width:100%;padding:14px;text-align:left;border-radius:8px;min-height:64px;transition:background .15s}
.presence-row:hover,.presence-row:focus-visible{background:var(--soft);filter:none}
.presence-row:focus-visible{outline:2px solid var(--green);outline-offset:1px}
.presence-person{display:flex;align-items:center;gap:12px;min-width:0}
.presence-person strong{font-size:14px;overflow-wrap:anywhere}
.presence-person .avatar{margin:0;width:34px;height:34px;flex-shrink:0;font-size:13px;border:0;background:var(--soft);color:var(--green)}
.presence-state{display:flex;align-items:center;gap:7px;font-size:12px;white-space:nowrap;color:var(--muted)}
.presence-dimension{font-size:13px;overflow-wrap:anywhere}
.presence-coordinates{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--muted)}
.presence-arrow{color:var(--muted);font-size:16px;text-align:right}
.presence-empty{display:flex;gap:12px;align-items:center;justify-content:center;padding:36px 12px;color:var(--muted);border-top:1px solid var(--line)}
.presence-empty svg{width:24px;height:24px;flex-shrink:0}
.presence-empty p,.home-footnote{font-size:13px;line-height:1.7}
.home-footnote{margin-top:14px;color:var(--muted)}
.home-uptime{display:flex;flex-direction:column;align-items:flex-end;gap:6px;white-space:nowrap}
.home-uptime>span{font-size:12px;color:var(--muted)}
.home-uptime strong{font-size:25px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.6px}
.status-home .uptime-scroll{padding:6px 3px 10px;scrollbar-gutter:auto;scrollbar-width:thin}
.status-home .uptime-bars,.status-home .uptime-axis{width:100%;min-width:680px;max-width:none;grid-template-columns:repeat(var(--bars),minmax(0,1fr));gap:3px}
.status-home .uptime-bars{height:44px;margin:6px 0 12px}
.status-home .uptime-bar{height:44px;border-radius:2px}
.status-home .uptime-axis{display:grid;color:var(--muted);font-size:11px}
.home-history-key{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;color:var(--muted);font-size:11px}
.status-home .status-legend{margin:0;gap:18px;font-size:11px}
.home-history{position:relative}
.uptime-tooltip{position:absolute;z-index:5;pointer-events:none;max-width:calc(100% - 24px);width:max-content;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);box-shadow:0 4px 16px #0003;font-variant-numeric:tabular-nums;line-height:1.6}
.uptime-tooltip span{display:block;font-size:12px;color:var(--muted)}
.uptime-tooltip strong{display:block;font-size:15px;font-weight:650;margin-top:3px}
/* The overview map keeps the full renderer, with details only on selection. */
.home-map .home-section-heading{margin-bottom:18px}
.home-map .home-section-heading>.map-button{display:flex;align-items:center;gap:10px}
.home-map #status-map-host{min-width:0}
.map-embedded .map-workspace{grid-template-columns:minmax(0,1fr);min-height:0}
.map-embedded .map-stage{height:440px;min-height:0}
.map-embedded .map-side{display:none;max-height:440px}
.map-embedded.has-details .map-workspace{grid-template-columns:minmax(0,1fr) 240px}
.map-embedded.has-details .map-side{display:block}
.map-embedded .map-toolbar{padding-top:0;gap:12px}
.map-embedded .map-toolbar-actions{margin-left:auto}
.map-embedded .map-toolbar [hidden],.map-embedded #map-admin-teleport[hidden]{display:none}
.map-embedded .map-footer{display:none}
@media(max-width:1100px){
  .map-embedded.has-details .map-workspace{grid-template-columns:minmax(0,1fr)}
  .map-embedded.has-details .map-side{border-left:0;border-top:1px solid var(--line);padding:20px 0 0;max-height:320px}
}
@media(max-width:700px){
  .home-live{gap:18px}
  .home-map .home-section-heading{align-items:center}
  .home-map .home-section-heading>.map-button{font-size:12px;padding:9px 10px}
  .map-embedded .map-stage{height:400px;min-height:0}
  .map-embedded .map-scale{bottom:100px}
  .map-embedded .map-toolbar{flex-wrap:wrap}
  .map-embedded #map-search-form{order:3;flex-basis:100%;min-width:0}
  .map-embedded .map-toolbar-actions{flex:0 0 auto;margin-left:auto}
}
@media(max-width:1200px){
  .presence-table-head,.presence-row{grid-template-columns:minmax(150px,1.1fr) 70px minmax(90px,.7fr) minmax(200px,1.1fr) 16px;column-gap:10px}
}
@media(max-width:1050px) and (min-width:901px){
  .presence-table-head{display:none}.presence-row{grid-template-columns:minmax(160px,1fr) auto 16px;row-gap:10px}
  .presence-person{grid-column:1;grid-row:1}.presence-state{grid-column:2;grid-row:1}.presence-arrow{grid-column:3;grid-row:1 / 3}
  .presence-dimension{grid-column:1;grid-row:2;padding-left:46px}.presence-coordinates{grid-column:2;grid-row:2}
}
@media(max-width:900px){.sidebar .main-navigation>.nav-home{grid-column:1 / -1;justify-self:start;width:auto;min-width:112px}}
@media(max-width:700px){
  .status-home{gap:18px}.home-section{padding:20px 16px}.home-section-heading{align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:18px}
  .home-now{gap:12px}.home-status-heading{gap:12px}.home-game-now{gap:8px 12px;font-size:13px}
  .presence-counts{gap:14px}.presence-table-head{display:none}.presence-row{grid-template-columns:minmax(0,1fr) auto 16px;row-gap:10px;padding:14px 8px}
  .presence-person{grid-column:1;grid-row:1}.presence-state{grid-column:2;grid-row:1}.presence-arrow{grid-column:3;grid-row:1/4}
  .presence-dimension{grid-column:1/3;grid-row:2;padding-left:46px;font-size:12px}.presence-coordinates{grid-column:1/3;grid-row:3;padding-left:46px;font-size:11px}
  .home-history .home-section-heading{flex-wrap:nowrap}.home-uptime strong{font-size:23px}.home-history-key{align-items:flex-start;flex-direction:column;gap:12px}
  .status-home .status-legend{gap:12px}.home-section-heading h2{font-size:16px}.home-section-heading h2>span{font-size:13px}
  .presence-empty{padding:28px 8px;align-items:flex-start}
}