.status-site{min-width:320px;margin:0;background:var(--page);color:var(--text);font-family:var(--font),system-ui,sans-serif;line-height:1.5;--header-height:68px;--radius:12px}
.status-site *{box-sizing:border-box}
.status-site [hidden]{display:none!important}
.status-site a{color:var(--accent)}
.status-site .icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.icon-sprite{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.status-site .site-top{padding:14px max(24px,calc((100vw - 1280px)/2));gap:18px;z-index:50;backdrop-filter:blur(18px)}
.status-site .brand{display:flex;align-items:center;gap:10px;color:var(--text);font-size:21px;font-weight:800;letter-spacing:-.6px;text-decoration:none}
.brand img{flex-shrink:0}
.header-divider{color:var(--border);font-size:25px}
.status-site .project-name{color:var(--text2);font-size:13px;font-weight:650;text-decoration:none}
.status-site .site-nav{gap:10px}
.skin-pick-label{font-size:11px}
.dashboard{position:relative;z-index:1;width:min(1280px,calc(100% - 48px));margin:0 auto;padding:28px 0 48px}
.status-site .panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 3px 12px #00000008}
.server-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.8fr) minmax(245px,1fr);overflow:hidden;padding:32px 36px;gap:36px;isolation:isolate;border-color:color-mix(in srgb,var(--accent) 32%,var(--border))!important;background:linear-gradient(115deg,var(--surface) 20%,var(--surface2))!important}
.server-hero:before{content:'';position:absolute;top:0;left:36px;width:120px;height:2px;background:linear-gradient(90deg,var(--accent),transparent)}
.hero-mascot{position:absolute;z-index:-1;right:-5px;top:-100px;width:460px;height:460px;object-fit:cover;opacity:.11;mask-image:linear-gradient(90deg,transparent,#000 50%);filter:saturate(.55);pointer-events:none}
.hero-content{min-width:0}
.hero-top{display:flex;align-items:center;gap:12px}
.server-name{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.status-pill{display:inline-flex;align-items:center;gap:7px;padding:4px 10px;border:1px solid var(--border);border-radius:5px;background:var(--wash);font-size:10px;font-weight:700;white-space:nowrap}
.status-dot,.tiny-dot{display:inline-block;flex-shrink:0;width:5px;height:5px;border-radius:50%;background:var(--muted)}
.status-pill.online{color:var(--up);border-color:color-mix(in srgb,var(--up) 25%,transparent);background:color-mix(in srgb,var(--up) 6%,var(--surface))}
.status-pill.online .status-dot{background:var(--up);box-shadow:0 0 8px color-mix(in srgb,var(--up) 35%,transparent)}
.status-pill.offline{color:var(--down);border-color:color-mix(in srgb,var(--down) 25%,transparent)}
.status-pill.offline .status-dot{background:var(--down)}
.status-pill.starting,.status-pill.stale{color:var(--accent)}
.status-pill.starting .status-dot,.status-pill.stale .status-dot{background:var(--accent)}
.status-site .server-hero h1{font-family:var(--display),var(--font),sans-serif;font-size:clamp(30px,3.9vw,49px)!important;font-weight:800;line-height:1.13!important;letter-spacing:-1.7px;margin:16px 0 8px;color:var(--text)}
.title-stop{color:var(--accent)}
.hero-map{color:var(--text2);font-size:12px}
.status-site .connection{display:inline-flex;align-items:center;gap:10px;max-width:100%;margin-top:21px;padding:10px 13px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));border-radius:6px;background:var(--wash);color:var(--accent);cursor:pointer;transition:border-color .15s,background .15s}
.status-site .connection:hover{border-color:var(--accent);background:var(--accent-soft)}
.connection .icon{width:14px;height:14px}
.connection code{font:12px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.2px;white-space:nowrap}
.copy-label{font:10px var(--font),sans-serif;color:var(--muted);border-left:1px solid var(--border);padding-left:11px;margin-left:2px}
.hero-tags{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:16px}
.hero-tags>span,.hero-tags>a{color:var(--muted);font-size:9px;white-space:nowrap;text-decoration:none}
.hero-tags>*+*:before{content:'·';padding-right:7px;color:var(--accent)}
.hero-tags>a:hover{color:var(--accent)}
.hero-runtime{position:relative;display:flex;flex-direction:column;justify-content:center;min-width:0;padding-left:30px;border-left:1px solid var(--border)}
.runtime-label{display:flex;gap:7px;align-items:center;font-size:11px;color:var(--muted)}
.runtime-label .icon{width:15px;height:15px}
.uptime{font-size:clamp(30px,3.1vw,42px);font-weight:650;letter-spacing:-1.8px;font-variant-numeric:tabular-nums;line-height:1.4;margin:9px 0 17px;white-space:nowrap}
.runtime-details{display:grid;gap:8px;font-size:10px;max-width:285px}
.runtime-details>div{display:flex;justify-content:space-between;gap:15px}
.runtime-details span{color:var(--muted)}
.runtime-details time{color:var(--text2);font-variant-numeric:tabular-nums}
.section-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:var(--header-height);z-index:15;min-width:0;margin:0 0 20px;padding:0 3px;border-bottom:1px solid var(--border);background:var(--page)}
.section-links{display:flex;gap:28px;align-items:center;min-width:0}
.section-links a{position:relative;display:flex;align-items:center;gap:6px;padding:19px 0 17px;color:var(--muted);font-size:11px;font-weight:650;text-decoration:none;white-space:nowrap}
.section-links a:hover,.section-links a.active{color:var(--text)}
.section-links a.active:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent)}
.section-links a span,.count-badge{font-size:9px;font-weight:500;color:var(--muted);padding:2px 6px;border:1px solid var(--border);border-radius:4px;background:var(--surface2);white-space:nowrap}
.refresh-controls{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:10px;white-space:nowrap}
.status-site .icon-button{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--border);border-radius:5px;background:var(--surface);color:var(--text2);cursor:pointer}
.icon-button:hover{color:var(--accent);border-color:var(--accent)}
.icon-button:disabled .icon{animation:refresh-spin 1s linear infinite;opacity:.5}
@keyframes refresh-spin{to{transform:rotate(360deg)}}
.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.stat-card{position:relative;min-width:0;padding:20px 23px 18px;overflow:hidden}
.stat-label{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;color:var(--muted)}
.stat-label .icon{width:18px;height:18px;color:var(--accent);opacity:.65}
.stat-number{font-size:42px;font-weight:650;letter-spacing:-1.3px;line-height:1.35;margin-top:8px;font-variant-numeric:tabular-nums}
.stat-denominator{margin-left:6px;font-size:15px;font-weight:400;color:var(--muted);letter-spacing:0}
.occupancy-track{position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--border)}
.occupancy-track span{display:block;height:100%;width:0;background:var(--accent);transition:width .3s}
.online-list{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px;font-size:10px;color:var(--up)}
.overview-grid{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);gap:12px;margin-top:12px}
.activity-panel,.system-panel{min-width:0;padding:23px 25px 19px}
.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.status-site .panel-heading h2{margin:0;font-size:15px!important;line-height:1.4!important;font-weight:700;letter-spacing:-.3px;color:var(--text)}
.segmented{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--border);padding:3px;border-radius:6px;background:var(--surface2)}
.status-site .segmented button,.status-site .range-control button{padding:4px 9px;border:0;border-radius:3px;background:transparent;color:var(--muted);font:10px var(--font),sans-serif;cursor:pointer}
.status-site .segmented button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #0002}
.segmented button:hover,.range-control button:hover{color:var(--text)}
.chart-toolbar{display:flex;justify-content:space-between;align-items:center;margin-top:17px}
.chart-current{display:flex;align-items:baseline;gap:7px;font-variant-numeric:tabular-nums}
.chart-current strong{font-size:24px;letter-spacing:-.6px;font-weight:650}
.chart-current span{font-size:10px;color:var(--muted)}
.range-control{display:flex;gap:4px}
.status-site .range-control button{padding:3px 7px;font-size:9px}
.status-site .range-control button[aria-pressed=true]{background:var(--wash);color:var(--accent)}
.chart{position:relative;height:190px;margin-top:9px;touch-action:pan-y;outline-offset:4px}
.chart svg{display:block;width:100%;height:100%;overflow:visible}
.chart svg text{font:9px var(--font),sans-serif;fill:var(--muted)}
.chart-grid{stroke:var(--grid);stroke-width:1;stroke-dasharray:3 4}
.chart-line{stroke:var(--accent);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.chart-fill{fill:var(--accent)}
.chart-dot{fill:var(--surface);stroke:var(--accent);stroke-width:1.8}
.chart-focus-dot{fill:var(--accent);stroke:var(--surface);stroke-width:3}
.chart-crosshair{stroke:var(--muted);stroke-width:1;stroke-dasharray:3 3;opacity:.5}
.chart-tooltip{position:absolute;z-index:5;top:5px;pointer-events:none;display:flex;flex-direction:column;gap:1px;padding:8px 11px;background:var(--surface2);border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 15px #0002;font-size:10px;white-space:nowrap;color:var(--text)}
.chart-tooltip time{color:var(--muted);font-size:9px}
.chart-tooltip strong{font-size:12px;font-weight:650;font-variant-numeric:tabular-nums}
.chart-empty{height:100%;display:grid;place-items:center;color:var(--muted);font-size:12px}
.chart-summary{display:flex;align-items:center;gap:20px;padding-top:12px;margin-top:2px;border-top:1px solid var(--border);color:var(--muted);font-size:9px}
.chart-summary strong{margin-left:5px;font-weight:600;color:var(--text2);font-variant-numeric:tabular-nums}
.chart-summary>span:last-child{margin-left:auto}
.system-state{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--muted)}
.system-state .tiny-dot{background:var(--up);width:4px;height:4px}
.resource{margin-top:25px}
.resource-label{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted)}
.resource-label strong{font-size:11px;font-weight:600;color:var(--text2);font-variant-numeric:tabular-nums}
.meter{height:4px;overflow:hidden;border-radius:2px;background:var(--border);margin-top:9px}
.meter>span{display:block;height:100%;width:0;background:var(--accent);border-radius:2px;transition:width .3s}
.resource:nth-of-type(3) .meter>span{opacity:.75}
.resource:nth-of-type(4) .meter>span{background:var(--up);opacity:.7}
.system-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px;padding-top:16px;border-top:1px solid var(--border);gap:12px}
.system-details>div{display:flex;flex-direction:column;gap:5px;font-size:9px;color:var(--muted)}
.system-details strong{font-size:12px;font-weight:600;color:var(--text2);font-variant-numeric:tabular-nums;white-space:nowrap}
.section-block{margin-top:35px;scroll-margin-top:calc(var(--header-height) + 80px)}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}
.heading-title{display:flex;align-items:center;gap:12px;min-width:0}
.section-index{font:10px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--accent);opacity:.7}
.status-site .section-heading h2{font-family:var(--display),var(--font),sans-serif;font-size:23px!important;line-height:1.3!important;letter-spacing:-.7px;font-weight:750;margin:0;color:var(--text)}
.status-site select,.status-site input{max-width:100%;border:1px solid var(--border);border-radius:6px;padding:9px 12px;background:var(--surface);color:var(--text);font:11px var(--font),sans-serif;min-height:35px}
.status-site input::placeholder{color:var(--muted);opacity:.8}
.status-site button:focus-visible,.status-site a:focus-visible,.status-site input:focus-visible,.status-site select:focus-visible,.status-site summary:focus-visible,.chart:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.control-label{display:flex;align-items:center;color:var(--muted);font-size:10px}
.table-shell{overflow-x:auto}
.status-site table{border-collapse:collapse;width:100%;font-size:11px;text-align:left}
.status-site th{padding:13px 22px;color:var(--muted);font-size:9px;letter-spacing:.2px;font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;background:var(--wash)}
.status-site td{padding:15px 22px;border-bottom:1px solid var(--border);color:var(--text2)}
.status-site tbody tr:last-child td{border-bottom:0}
.status-site tbody tr{transition:background .12s}
.status-site tbody tr:hover{background:var(--wash)}
.status-site .number{text-align:right;font-variant-numeric:tabular-nums}
.leaderboard-table th:first-child{width:65px}
.leaderboard-table th:nth-child(2){width:40%}
.leaderboard-table td{padding-top:16px;padding-bottom:16px;white-space:nowrap}
.rank{font:10px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted)!important}
.rank.top-rank{color:var(--accent)!important}
.player-cell{display:flex;align-items:center;gap:11px;min-width:125px}
.player-avatar{display:flex;align-items:center;justify-content:center;width:31px;height:31px;border:1px solid var(--border);border-radius:7px;background:var(--wash);color:var(--accent);font-size:12px;font-weight:700;flex-shrink:0}
.player-name{color:var(--text);font-weight:650;display:flex;align-items:center;gap:8px}
.online-indicator{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--up)}
.kills-cell{color:var(--accent)!important;font-weight:650}
.status-site .empty-state{padding:30px 18px;text-align:center;color:var(--muted);font-size:11px;white-space:normal}
.npc-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:12px}
.npc-overview{padding:23px 25px;display:flex;flex-direction:column;justify-content:space-between;gap:20px}
.npc-primary>span{font-size:11px;color:var(--muted)}
.npc-primary>strong{display:block;font-size:53px;line-height:1.4;font-weight:650;letter-spacing:-1.8px;font-variant-numeric:tabular-nums}
.faction-distribution{display:flex;gap:3px;height:5px;margin-top:11px;overflow:hidden;border-radius:3px;background:var(--border)}
.faction-distribution>span{height:100%;background:var(--faction-color);border-radius:1px;min-width:2px}
.npc-secondary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-top:17px;border-top:1px solid var(--border);gap:10px}
.npc-secondary>div{display:flex;flex-direction:column;gap:5px}
.npc-secondary span{color:var(--muted);font-size:9px}
.npc-secondary strong{font-size:22px;line-height:1.2;font-weight:650;font-variant-numeric:tabular-nums}
.faction-list{padding:6px 22px}
.faction-card{display:grid;grid-template-columns:minmax(110px,1.4fr) minmax(40px,1fr) 53px 67px;align-items:center;gap:17px;padding:12px 0;border-bottom:1px solid var(--border);font-size:10px}
.faction-card:last-child{border:0}
.faction-name{display:flex;gap:9px;align-items:center;min-width:0;color:var(--text2)}
.faction-name:before{content:'';width:5px;height:5px;flex-shrink:0;background:var(--faction-color);border-radius:1px}
.faction-name>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.faction-track{height:3px;background:var(--border);border-radius:2px;overflow:hidden}
.faction-track>span{display:block;height:100%;width:0;background:var(--faction-color)}
.faction-population{color:var(--text);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.faction-population small{font-size:8px;margin-left:3px;color:var(--muted)}
.faction-groups{text-align:right;color:var(--muted);font-size:9px;white-space:nowrap;font-variant-numeric:tabular-nums}
.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.setting-card{padding:22px 23px 18px;min-width:0}
.setting-heading{display:flex;align-items:center;gap:10px;margin-bottom:17px}
.setting-heading .icon{width:16px;height:16px;color:var(--accent);opacity:.75}
.status-site .setting-heading h3{font-size:12px!important;font-weight:700;margin:0;line-height:1.5!important;color:var(--text)}
.setting-row{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin:9px 0;font-size:10px}
.setting-row>span{color:var(--muted)}
.setting-row strong{font-weight:550;color:var(--text2);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.setting-row .value-badge{padding:1px 5px;background:var(--wash);border:1px solid var(--border);border-radius:3px;color:var(--accent);font-size:9px}
.advanced-settings{margin-top:12px;overflow:hidden}
.advanced-settings summary{display:flex;align-items:center;justify-content:space-between;padding:17px 23px;cursor:pointer;font-size:11px;font-weight:650;list-style:none}
.advanced-settings summary::-webkit-details-marker{display:none}
.advanced-settings summary>span{display:flex;align-items:center;gap:9px}
.advanced-settings summary>.icon{width:14px;height:14px;color:var(--muted);transition:transform .15s}
.advanced-settings[open] summary>.icon{transform:rotate(90deg)}
.advanced-content{padding:0 22px 18px}
.filter-row{display:flex;align-items:center;gap:12px;margin-bottom:15px}
.search-field{position:relative;display:flex;align-items:center;min-width:0;max-width:420px;flex:1}
.search-field>.icon{position:absolute;left:11px;width:14px;height:14px;color:var(--muted);pointer-events:none}
.status-site .search-field input{width:100%;padding-left:34px;background:var(--surface2)}
.filter-row select{max-width:230px}
.advanced-content .table-shell{border:1px solid var(--border);border-radius:6px}
.advanced-content table{table-layout:fixed}
.advanced-content th:first-child{width:62%}
.advanced-content td{vertical-align:top;font-size:10px;padding:11px 14px;overflow-wrap:anywhere}
.advanced-content th{padding:11px 14px}
.advanced-content td:first-child{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--text2)}
.setting-raw{color:var(--muted);margin-left:7px;font-size:9px}
.boolean-on,.boolean-off{display:inline-flex;align-items:center;gap:6px;padding:1px 6px;border-radius:3px;background:var(--wash);border:1px solid var(--border);font-size:9px}
.boolean-on:before,.boolean-off:before{content:'';width:4px;height:4px;background:var(--up);border-radius:50%}
.boolean-off:before{background:var(--muted)}
.pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:13px}
.pagination>div{display:flex;gap:6px}
.status-site .btn{border:1px solid var(--border);border-radius:5px;padding:6px 11px;background:var(--surface2);color:var(--text);font:12px var(--font),sans-serif;cursor:pointer}
.status-site .btn:hover{border-color:var(--accent)}
.status-site button:disabled{cursor:default}
.pagination button:disabled{opacity:.3}
.mods-panel{overflow:hidden}
.mod-toolbar{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--border)}
.mod-toolbar .search-field{max-width:360px}
.mod-toolbar>#mod-results{margin-left:auto;white-space:nowrap}
.mods-table th:first-child{width:55px}
.mods-table th:nth-child(3){width:135px}
.mods-table th:last-child{width:150px;text-align:right}
.mods-table td{padding-top:12px;padding-bottom:12px}
.mods-table .mod-title{display:flex;align-items:center;gap:8px;color:var(--text);font-size:11px;font-weight:600;text-decoration:none;width:fit-content}
.mods-table .mod-title:hover{color:var(--accent)}
.mod-title .icon{width:11px;height:11px;opacity:0;transition:opacity .12s}
.mod-title:hover .icon{opacity:1}
.mod-id{display:block;color:var(--muted);font:9px ui-monospace,SFMono-Regular,Consolas,monospace;margin-top:3px;overflow-wrap:anywhere}
.mod-version{display:inline-block;font:9px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--accent);border:1px solid var(--border);border-radius:3px;background:var(--wash);padding:3px 6px;white-space:nowrap}
.mod-workshop{text-align:right}
.mod-workshop a{display:inline-flex;align-items:center;justify-content:flex-end;gap:5px;font:9px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted);text-decoration:none}
.mod-workshop a:hover{color:var(--accent)}
.mod-workshop .icon{width:11px;height:11px}
.status-footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px;width:min(1280px,calc(100% - 48px));margin:0 auto;padding:24px 0 30px;border-top:1px solid var(--border);font-size:10px;color:var(--muted)}
.status-site .footer-brand{display:flex;align-items:center;gap:8px;color:var(--text);font-size:15px;font-weight:750;text-decoration:none}
.status-footer>div{display:flex;gap:21px}
.status-footer>div a{color:var(--muted);text-decoration:none}
.status-footer>div a:hover{color:var(--text)}
.small{font-size:10px;line-height:1.5}
.muted{color:var(--muted)}
.data-notice{padding:11px 14px;border:1px solid var(--border);border-radius:6px;background:var(--wash);color:var(--text2);font-size:11px}
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100;max-width:calc(100% - 32px);padding:11px 18px;border:1px solid var(--accent);border-radius:7px;background:var(--surface2);color:var(--text);font-size:11px;box-shadow:var(--shadow);white-space:nowrap}
.skip-link{position:fixed;left:10px;top:-70px;z-index:200;padding:10px;background:var(--surface)}
.skip-link:focus{top:10px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.noscript{padding:20px;text-align:center}
#overview{scroll-margin-top:calc(var(--header-height) + 16px)}
@media(min-width:1440px){.dashboard{padding-top:34px}.server-hero{padding:36px 40px}}
@media(max-width:1050px){.server-hero{gap:22px;padding:28px}.hero-runtime{padding-left:25px}.status-site .server-hero h1{font-size:36px!important;letter-spacing:-1.3px!important}.hero-mascot{right:-70px}.stat-card{padding:18px 20px}.overview-grid{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}.activity-panel,.system-panel{padding:21px}.npc-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr)}.faction-card{grid-template-columns:minmax(110px,1.4fr) minmax(20px,.7fr) 45px 58px;gap:12px}.npc-overview{padding:21px}.faction-list{padding:6px 18px}.setting-card{padding:20px}.setting-row{font-size:9px}}
@media(max-width:800px){.dashboard{width:calc(100% - 32px);padding-top:20px}.status-site .site-top{padding:12px 16px;gap:12px}.brand{font-size:19px!important}.hero-runtime{padding-left:20px}.server-hero{padding:26px;grid-template-columns:minmax(0,1.3fr) minmax(190px,1fr);gap:20px}.server-name{max-width:160px}.status-site .server-hero h1{font-size:32px!important}.connection{gap:8px!important;padding:9px 10px!important}.connection code{font-size:10px}.connection .copy-label{display:none}.uptime{font-size:29px}.hero-mascot{opacity:.08}.section-links{gap:22px}.stat-number{font-size:36px}.stat-label{font-size:10px}.overview-grid{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}.activity-panel,.system-panel{padding:18px}.system-details{gap:8px}.system-details>div{font-size:8px}.system-details strong{font-size:10px}.resource-label{font-size:9px}.resource-label strong{font-size:10px}.npc-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}.faction-card{grid-template-columns:minmax(110px,1fr) 42px 56px}.faction-track{display:none}.npc-secondary{gap:8px}.npc-secondary span{font-size:8px}.npc-secondary strong{font-size:20px}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.setting-row{font-size:10px}.status-footer{width:calc(100% - 32px)}}
@media(max-width:620px){.status-site .site-top{padding:11px 16px;gap:10px}.header-divider{font-size:21px}.project-name{font-size:11px!important}.server-hero{grid-template-columns:1fr;gap:22px;padding:25px 24px}.status-site .server-hero h1{font-size:36px!important;letter-spacing:-1.2px!important}.hero-mascot{width:360px;height:360px;right:-170px;top:-40px;opacity:.11}.server-name{max-width:none}.hero-map{font-size:11px}.connection code{font-size:11px}.connection{padding:10px 12px!important}.hero-tags{gap:7px;margin-top:13px}.hero-runtime{flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;border-left:0;border-top:1px solid var(--border);padding:16px 0 0;gap:8px}.runtime-label{font-size:10px}.uptime{margin:0;font-size:28px;letter-spacing:-1px}.runtime-details{width:100%;max-width:none;display:flex;justify-content:space-between;gap:12px;font-size:9px;margin-top:5px}.runtime-details>div{gap:7px}.section-nav{gap:10px;margin-bottom:14px}.section-links{gap:20px;overflow-x:auto;scrollbar-width:none}.section-links::-webkit-scrollbar{display:none}.section-links a{padding:17px 0 15px;font-size:10px}.section-links a span{font-size:8px;padding:1px 4px}.refresh-controls{gap:6px}.refresh-controls #freshness{display:none}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card{padding:17px 19px 15px}.stat-number{font-size:37px;margin-top:7px}.stat-label{font-size:10px}.stat-label .icon{width:16px;height:16px}.overview-grid{grid-template-columns:1fr;gap:10px;margin-top:10px}.activity-panel{padding:21px 20px 17px}.system-panel{padding:20px}.system-panel .resource{margin-top:18px}.resource-label{font-size:10px}.resource-label strong{font-size:11px}.system-details{margin-top:21px;padding-top:14px}.system-details>div{font-size:9px}.system-details strong{font-size:12px}.section-block{margin-top:29px}.section-heading{gap:10px;margin-bottom:13px}.status-site .section-heading h2{font-size:21px!important}.heading-title{gap:10px}.section-heading select{font-size:10px;padding:7px 8px}.section-index{font-size:9px}.status-site th,.status-site td{padding-left:17px;padding-right:17px}.leaderboard-table th:nth-child(2){width:auto}.leaderboard-table th:first-child{width:40px}.leaderboard-table td{padding-top:14px;padding-bottom:14px}.player-cell{min-width:120px;gap:8px}.npc-layout{grid-template-columns:1fr;gap:10px}.npc-overview{padding:20px 23px;flex-direction:row;align-items:center;gap:22px}.npc-primary{flex:1;min-width:0}.npc-primary>strong{font-size:43px}.npc-primary>span{font-size:10px}.faction-distribution{margin-top:6px;max-width:130px}.npc-secondary{display:flex;flex-direction:column;gap:10px;border-top:0;border-left:1px solid var(--border);padding:0 0 0 23px;min-width:145px}.npc-secondary>div{display:flex;flex-direction:row;align-items:baseline;justify-content:space-between;gap:18px}.npc-secondary span{font-size:9px}.npc-secondary strong{font-size:18px}.faction-list{padding:4px 20px}.faction-card{grid-template-columns:minmax(0,1.4fr) minmax(25px,.65fr) 45px 59px;gap:12px}.faction-track{display:block}.faction-name{font-size:10px}.settings-grid{gap:10px}.setting-card{padding:18px}.setting-heading{gap:7px;margin-bottom:14px}.setting-heading h3{font-size:11px!important}.setting-row{font-size:9px;gap:10px}.setting-row strong{white-space:normal}.advanced-settings summary{padding:16px 19px}.advanced-content{padding:0 16px 16px}.advanced-content td{font-size:9px;padding:10px 12px}.filter-row{gap:10px}.filter-row select{max-width:130px;font-size:10px}.status-site .search-field input{font-size:10px}.mod-toolbar{padding:15px 17px;gap:9px;flex-wrap:wrap}.mod-toolbar .search-field{flex-basis:100%;max-width:none}.mod-toolbar .segmented button{font-size:9px;padding:4px 7px}.mods-table .mod-workshop{display:none}.mods-table th:nth-child(3){width:100px}.mods-table th:first-child{width:42px}.mods-table td{padding:12px 17px}.mods-table .mod-title{font-size:10px}.mod-id{font-size:8px}.mod-version{font-size:8px;padding:2px 5px}.status-footer{padding:22px 0 28px}.status-footer>div{gap:15px;font-size:9px}}
@media(max-width:390px){.dashboard{width:calc(100% - 24px)}.status-site .site-top{padding-left:12px;padding-right:12px}.header-divider,.project-name{display:none}.server-hero{padding:23px 20px}.status-site .server-hero h1{font-size:32px!important}.connection code{font-size:10px}.hero-map{font-size:10px}.runtime-details{font-size:8px}.section-links{gap:16px}.settings-grid{grid-template-columns:1fr}.setting-row{font-size:10px}.setting-card{padding:20px}.faction-card{grid-template-columns:minmax(0,1fr) 47px 61px;gap:10px}.faction-track{display:none}.faction-name{font-size:9px}.status-footer{width:calc(100% - 24px)}.footer-brand{font-size:13px!important}.status-footer>div{gap:12px}.filter-row{flex-wrap:wrap}.filter-row .search-field{flex-basis:100%}.filter-row select{width:100%;max-width:none}}
@media(prefers-reduced-motion:reduce){.status-site *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(max-width:620px){.status-site .site-top{flex-wrap:nowrap}.status-site .site-nav{flex-wrap:nowrap;gap:6px}.site-top .skin-pick-wrap:has(#fx-pick){display:none}.site-top .header-divider,.site-top .project-name{display:none}.site-top .site-skin-trigger{max-width:150px;font-size:11px;gap:5px;padding:6px 8px!important}.site-top .brand{font-size:18px!important;gap:8px}.site-top .brand img{width:26px;height:26px}.server-hero{gap:17px}.hero-runtime{padding-top:13px}}
.status-site .icon-button{width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;padding:5px!important}
.status-site .segmented button,.status-site .range-control button{min-width:0!important;min-height:0!important}
@media(max-width:620px){.status-site .site-top .nav-toggle{flex-shrink:0;min-width:32px!important;width:32px!important;height:32px!important;padding:5px!important}.site-top .brand{flex-shrink:0}.status-site .site-top .site-nav{min-width:0;flex:1;justify-content:flex-end}.site-top .skin-pick-wrap{min-width:0}.site-top .site-skin-trigger{max-width:150px!important}}
@media(max-width:350px){.status-site .panel-heading{gap:8px}.status-site .segmented button{padding:4px 6px}.status-site .site-top .brand{font-size:16px!important;gap:6px}.site-top .brand img{width:23px;height:23px}}