:root{color-scheme:dark;--bg:#111518;--surface:#171c20;--line:#2b3236;--text:#edf1f0;--muted:#94a09f;--accent:#b9ed88;--dim:#667272;font-family:Inter,"Pretendard","Noto Sans KR",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;line-height:1.55}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{color:inherit}header{height:88px;margin:0 4.8%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:29px;font-weight:850;letter-spacing:-1.5px;display:flex;align-items:center;gap:20px}.brand-slash{font-size:30px;font-weight:300;color:var(--accent)}.brand-sub{font-size:12px;letter-spacing:2px;font-weight:550}.connection{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted)}.dot{height:7px;width:7px;border-radius:50%;background:var(--dim)}.dot.live{background:var(--accent)}.header-divider{height:16px;width:1px;background:var(--line);margin:0 10px}main{max-width:1550px;margin:auto;padding:47px 4.8% 0}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--accent);font-weight:650}h1{font-size:36px;letter-spacing:-1.2px;font-weight:650;margin:8px 0}h1>span{font-size:18px;color:var(--muted);font-weight:450;margin-left:18px;letter-spacing:0}.heading p{margin:6px 0 0;color:var(--muted);font-size:14px}.refresh{background:transparent;border:1px solid #3b4549;border-radius:5px;padding:10px 16px;white-space:nowrap;font-size:14px;transition:background .2s,border-color .2s}.refresh:hover{background:var(--surface);border-color:var(--accent)}.refresh span{font-size:20px;margin-right:5px}.refresh:disabled{opacity:.5}.summary{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:25px 0 26px;margin-bottom:39px}.summary-item{padding:0 28px;border-right:1px solid var(--line)}.summary-item:first-child{padding-left:0}.summary-item:last-child{border-right:0;padding-right:0}.metric-label{font-size:14px;color:var(--muted)}.metric-value{font-size:42px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-1.5px;line-height:1.6}.metric-value small{font-size:17px;color:var(--muted);margin-left:7px;letter-spacing:0}.summary-item:first-child .metric-value{color:var(--accent)}.metric-note{font-size:12px;color:var(--muted);margin-top:8px}.mini-track{height:3px;background:#303a3b;width:100%;margin:5px 0 9px}.mini-track span{display:block;width:0;height:100%;background:var(--accent);transition:width .5s ease}.summary-item:first-child .metric-note{margin-top:17px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px}h2{font-size:19px;font-weight:600;letter-spacing:-.3px;margin:0}.segmented{display:flex;border:1px solid var(--line);padding:3px;border-radius:5px;gap:2px}.segmented button{background:transparent;border:0;border-radius:3px;padding:6px 12px;font-size:13px;color:var(--muted);transition:background .18s,color .18s}.segmented button[aria-pressed=true]{background:#303a3d;color:var(--text)}.segmented button:hover{color:var(--accent)}.segmented button span{margin-left:5px;font-size:12px;color:var(--accent)}.server-columns,.server-row{display:grid;grid-template-columns:minmax(200px,2.35fr) 1fr .9fr .8fr .9fr 1fr 20px;gap:14px;align-items:center}.server-columns{padding:0 17px 12px;color:var(--muted);font-size:12px;border-bottom:1px solid var(--line)}.server-row{width:100%;border:0;border-bottom:1px solid var(--line);padding:18px 17px;background:transparent;text-align:left;font-size:14px;transition:background .18s}.server-row:hover{background:#1b2326}.server-row.selected{background:#202b29;box-shadow:inset 2px 0 var(--accent)}.server-name{font-weight:570;display:block;font-size:15px}.server-meta{display:block;color:var(--muted);font-size:12px;margin-top:3px;overflow-wrap:anywhere}.server-row.offline{color:#899392}.server-row.offline .server-meta{color:#74807f}.status{font-size:13px;display:flex;gap:7px;align-items:center}.status i{display:block;width:6px;height:6px;border-radius:50%;background:var(--dim)}.status.online{color:var(--accent)}.status.online i{background:var(--accent)}.status.unresponsive{color:#efbc70}.status.unresponsive i{background:#efbc70}.number{font-variant-numeric:tabular-nums}.number small{color:var(--muted);font-size:12px}.chevron{color:var(--muted);font-size:18px}.footnote{color:var(--muted);font-size:12px;margin:13px 0 0}.detail{padding:25px 27px;background:var(--surface);margin-top:22px;border:1px solid var(--line);border-radius:5px;animation:reveal .2s ease}.detail-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.detail-heading h2{font-size:18px}.close-detail{border:0;background:transparent;color:var(--muted);font-size:23px;padding:0 6px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.detail h3{font-size:13px;color:var(--muted);font-weight:500;margin:0 0 12px}.players{display:flex;flex-wrap:wrap;gap:8px}.player{border:1px solid #3a4843;background:#202d27;border-radius:4px;padding:5px 10px;font-size:14px;color:var(--accent)}.empty-note{color:var(--muted);font-size:14px}.tick-values{display:flex;gap:32px;font-size:27px;font-variant-numeric:tabular-nums}.tick-values small{font-size:12px;color:var(--muted);margin-left:5px}.detail .footnote{max-width:520px}.detail-uptime{font-size:13px;color:var(--muted)}.events{border-top:1px solid var(--line);margin-top:23px;padding-top:18px}.event-list{display:grid;grid-template-columns:1fr 1fr;gap:7px 30px}.event{font-size:13px;display:flex;justify-content:space-between;gap:15px}.event time{color:var(--muted);font-size:12px}.performance{margin-top:42px;padding-top:31px;border-top:1px solid var(--line)}.section-caption{font-size:12px;color:var(--muted);margin:4px 0 0}.charts{display:grid;grid-template-columns:1fr 1fr;gap:36px}.chart-block+.chart-block{border-left:1px solid var(--line);padding-left:36px}.chart-heading{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin:6px 0 12px}.chart-heading b{color:var(--accent);font-weight:500;font-variant-numeric:tabular-nums}.chart{min-height:173px}.chart svg{width:100%;height:auto;display:block;overflow:visible}.chart text{fill:var(--muted);font:12px inherit}.chart-empty{height:173px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--muted);border-top:1px dashed var(--line)}.host-bottom{border-top:1px solid var(--line);margin-top:29px;padding:25px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.host-bottom span{display:block;font-size:12px;color:var(--muted);margin-bottom:8px}.host-bottom strong{font-size:14px;font-weight:450;font-variant-numeric:tabular-nums}footer{border-top:1px solid var(--line);padding:23px 0 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}.footer-brand{letter-spacing:1px;font-size:11px}.footer-brand span{color:var(--accent);padding:0 8px}.sep{margin:0 8px}.error{background:#3a2e1d;border:1px solid #755b30;color:#f0cb91;padding:12px 17px;margin-bottom:20px;border-radius:4px;font-size:14px}.loading{padding:50px 20px;color:var(--muted);text-align:center}@keyframes reveal{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){main{padding-left:65px;padding-right:65px}}@media(max-width:1000px){.server-columns,.server-row{grid-template-columns:minmax(160px,2fr) 1fr .8fr .7fr .8fr 20px}.server-columns>span:nth-child(6),.server-row>.latency-cell{display:none}.summary-item{padding:0 20px}.host-bottom{grid-template-columns:1fr 1fr}}@media(max-width:650px){header{height:70px;margin:0 6%;gap:10px}.brand{font-size:25px;gap:11px}.brand-sub{font-size:10px;letter-spacing:1px}.connection{font-size:12px}.connection>.header-divider,.connection>span:last-child{display:none}main{padding:28px 6% 0}.heading{align-items:flex-start;margin-bottom:24px;gap:10px}h1{font-size:28px}h1>span{font-size:14px;margin-left:10px}.eyebrow{font-size:10px;letter-spacing:1.4px}.heading p{font-size:13px;max-width:220px}.refresh{font-size:0;padding:5px 12px;margin-top:24px}.refresh span{font-size:24px;margin:0}.summary{grid-template-columns:1fr 1fr;gap:24px 0;padding:21px 0;margin-bottom:28px}.summary-item{padding:0 0 0 20px}.summary-item:nth-child(odd){padding-left:0;padding-right:20px}.summary-item:nth-child(2){border-right:0}.metric-value{font-size:34px}.metric-value small{font-size:14px}.metric-label{font-size:13px}.section-title{gap:10px}h2{font-size:17px}.segmented button{font-size:12px;padding:5px 9px}.server-columns{display:none}.server-list{border-top:1px solid var(--line)}.server-row{grid-template-columns:minmax(0,1fr) 86px 17px;padding:16px 10px;gap:8px}.server-row .status{grid-column:2;grid-row:1}.server-row>.number{display:none}.server-row>.players-cell{display:block;grid-column:2;grid-row:2;font-size:13px}.server-row>.server-identity{grid-row:1/3}.server-row>.chevron{grid-column:3;grid-row:1/3}.server-name{font-size:14px}.server-meta{font-size:12px}.charts{grid-template-columns:1fr;gap:20px}.chart-block+.chart-block{border-left:0;padding-left:0}.performance{margin-top:29px;padding-top:25px}.host-bottom{gap:20px 12px}.host-bottom strong{font-size:13px}.detail{padding:19px 17px}.detail-grid{grid-template-columns:1fr;gap:23px}.event-list{grid-template-columns:1fr}.event{font-size:12px}.event time{font-size:11px}.detail-heading{align-items:flex-start}.detail-heading h2{font-size:16px}footer{align-items:flex-start;flex-direction:column;gap:10px;font-size:11px}.footnote{line-height:1.7}.chart{min-height:150px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.detail-resources{display:flex;flex-wrap:wrap;gap:12px 24px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:22px;font-size:13px;color:var(--muted)}.detail-resources strong{color:var(--text);font-weight:500;margin-left:7px}