:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#edf5f6;background:#0c141b;font-size:16px;--teal:#68d6d1;--muted:#9bb0bb;--line:#2b454f}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 0,#163940 0,transparent 42%),#0c141b;min-height:100vh}main{max-width:1100px;padding:42px 24px;margin:auto}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}button{min-height:44px;padding:10px 17px;border:1px solid #3b7272;border-radius:8px;background:#173c40;color:#bbf8ed;cursor:pointer;font-weight:600;font-size:.875rem}button:hover:not(:disabled){background:#24555a}button:disabled{opacity:.4;cursor:default}button.danger{background:#3d242a;border-color:#80515a;color:#ffc2c8}button.danger:hover:not(:disabled){background:#5b313c}button.secondary{background:#233747;border-color:#3f657d;color:#c1def2}button.quiet{background:transparent;border-color:#41616c;color:#acc5d0}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--teal);outline-offset:3px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:38px}small{font-size:.75rem;letter-spacing:.13em;color:#81bbc8}h1{font-size:clamp(2rem,5vw,3rem);margin:10px 0;font-weight:650;letter-spacing:-.035em}h1 span{color:var(--teal)}h2{font-size:1.35rem;font-weight:600;margin:0 0 8px}p{color:var(--muted);font-size:.9375rem;line-height:1.6;margin:5px 0}.header-actions{display:flex;align-items:center;gap:18px;font-size:.875rem}.toolbar{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:.875rem;margin-bottom:20px}.server-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.server-card{border:1px solid var(--line);border-radius:14px;background:#172831;padding:26px}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.card-header h2{margin-top:12px;font-size:1.65rem}.badge{display:inline-flex;border:1px solid #55747f;border-radius:24px;white-space:nowrap;padding:8px 12px;font-size:.8125rem;font-weight:600;color:#b6cbd5}.badge.running{color:#85e6be;border-color:#398a70;background:#173e33}.badge.stopped{color:#f4b0b4;border-color:#83535e;background:#3a2830}.player-section{display:flex;align-items:baseline;gap:10px;margin-top:32px}.player-section label{display:block;font-size:.75rem;letter-spacing:.13em;color:#84b9c5;margin-bottom:12px}.player-section strong{display:block;font-size:4.4rem;font-weight:500;line-height:1;letter-spacing:-.07em;color:#e7f6f5;font-variant-numeric:tabular-nums}.capacity{font-size:1.4rem;color:#839da9}.query-note{font-size:.75rem;margin-top:14px;min-height:20px;overflow-wrap:anywhere}dl{padding:18px 0;margin:22px 0 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;gap:12px;font-size:.875rem}dl div{display:flex;justify-content:space-between;gap:20px}dt{color:#97afbc}dd{margin:0;text-align:right;color:#d8e8ed;overflow-wrap:anywhere}.controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.operation{font-size:.8125rem;color:#73dacf;min-height:22px;margin-top:16px}.activity{background:#14242d;border:1px solid var(--line);border-radius:12px;padding:25px;margin-top:25px}.activity h2{font-size:1rem;margin-bottom:18px}.action-row{display:grid;grid-template-columns:160px 1fr;gap:8px 18px;border-top:1px solid var(--line);padding:15px 0;font-size:.875rem}.action-row strong{font-weight:550}.action-row span{color:#b2c7cf}.action-row small{grid-column:2;font-size:.75rem;letter-spacing:0;color:#839ea9}footer{display:flex;justify-content:space-between;gap:16px;margin-top:28px;font-size:.75rem;color:#819aa7}.login-panel{max-width:440px;margin:70px auto 30px;background:#172831;border:1px solid var(--line);border-radius:14px;padding:32px}.login-panel h2{font-size:1.5rem}.login-panel>p{margin:10px 0 25px}.login-panel form{display:flex;flex-direction:column;gap:10px}.login-panel label{font-size:.875rem;color:#b6cbd3}.login-panel input{min-height:46px;background:#101e27;border:1px solid #41616c;border-radius:7px;padding:12px;color:#edf5f6;margin-bottom:8px}.login-panel button{margin-top:7px;width:100%}.login-note{font-size:.75rem;color:#91aeb7;margin-top:25px;border-top:1px solid var(--line);padding-top:18px}.message{font-size:.875rem;color:#b4ded9;line-height:1.6}.banner{background:#173a3f;border:1px solid #387a7d;border-radius:8px;padding:14px 18px;margin-bottom:20px}.banner.error,#login-message{color:#ffbec8}.banner.error{background:#3c252f;border-color:#885163}dialog{max-width:470px;width:calc(100% - 32px);background:#192c37;border:1px solid #456976;border-radius:14px;padding:28px;color:#eef5f6}dialog::backdrop{background:#061017bd}dialog p{margin:15px 0 25px}.dialog-actions{display:flex;justify-content:flex-end;gap:12px}dialog h2{font-size:1.3rem}@media(max-width:720px){main{padding:28px 17px}.server-grid{grid-template-columns:1fr;gap:18px}header{align-items:flex-start;flex-direction:column;gap:15px;margin-bottom:30px}.header-actions{justify-content:space-between;width:100%}.server-card{padding:22px}.toolbar{font-size:.8125rem;flex-wrap:wrap}.login-panel{margin:35px auto 0;padding:25px}.action-row{grid-template-columns:1fr}.action-row small{grid-column:1}footer{flex-direction:column}.controls{gap:8px}.controls button{padding:10px 8px}.player-section strong{font-size:4rem}.activity{padding:20px}dd{max-width:65%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.player-section{align-items:flex-end}.capacity{padding-bottom:8px}

.a2s-data{margin:18px 0;min-width:0}.a2s-data>p{font-size:.75rem}.a2s-data details{border-top:1px solid var(--line);padding:12px 0}.a2s-data summary{cursor:pointer;color:var(--teal);font-size:.85rem}.a2s-data dl{font-size:.75rem;border:0;margin:12px 0;padding:0}.a2s-data dt{overflow-wrap:anywhere;min-width:0}.a2s-data dd{max-width:65%;min-width:0;white-space:pre-wrap}.a2s-data details p{font-size:.75rem}

.telemetry{margin-bottom:30px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 0 18px}.section-heading h2{font-size:1.45rem;margin:8px 0 0}.section-heading p{font-size:.75rem}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.metric-card{min-width:0;padding:22px 18px;background:linear-gradient(145deg,#1a323b,#14252e);border:1px solid var(--line);border-radius:13px}.metric-card label,.container-metric label{display:block;font-size:.7rem;letter-spacing:.12em;color:#8fb7c1}.metric-card strong{display:block;font-size:2.6rem;font-weight:500;margin:12px 0 6px;letter-spacing:-.04em}.metric-card p{font-size:.75rem;min-height:38px}.metric-card canvas,.container-metric canvas{display:block;width:100%;height:150px;margin-top:10px;touch-action:pan-y}.core-temperatures{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px;margin-top:14px}.temperature-chip{padding:12px 8px;border:1px solid var(--line);border-radius:8px;background:#14252e;text-align:center}.temperature-chip span{display:block;font-size:.7rem;white-space:nowrap}.temperature-chip strong{display:block;font-size:1.1rem;margin-top:7px;font-weight:500}.temperature-chip.hot{border-color:#b96c60;background:#412a2c}.metric-note{font-size:.7rem;color:#8caab8;margin:12px 0 0}.container-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px 0 12px;border-bottom:1px solid var(--line)}.container-metric{min-width:0}.container-metric strong{display:block;font-size:1.6rem;font-weight:500;margin-top:9px}.container-metrics>.metric-note{grid-column:1/-1;margin-top:0}.chart-tooltip{min-height:28px;line-height:1.4;font-size:.65rem;color:#a9c8d1;overflow-wrap:anywhere}.metric-card .chart-tooltip{min-height:38px}@media(max-width:900px){.core-temperatures{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:720px){.metric-grid{grid-template-columns:1fr}.metric-card p{min-height:0}.metric-card{padding:20px}.metric-card strong{font-size:2.3rem}.core-temperatures{grid-template-columns:repeat(3,minmax(0,1fr))}.section-heading{align-items:flex-start;flex-direction:column;gap:8px}.container-metrics{gap:10px}}@media(max-width:380px){.container-metrics{grid-template-columns:1fr}}

main{max-width:1480px}.server-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.server-card{min-width:0}@media(max-width:1100px){.server-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.server-grid{grid-template-columns:1fr}}