:root{--bg:#071018;--card:#0d1b26;--line:#203544;--text:#eef7ff;--muted:#8ca4b5;--ok:#2ed887;--bad:#ff5c6c;--accent:#36a8ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#102b3c,var(--bg) 42%);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Arial}header,main{max-width:1280px;margin:auto}header{padding:24px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px}h1,h2,p{margin:0}header p,.section-title p,small{color:var(--muted)}.head-actions{display:flex;align-items:center;gap:12px}.head-actions a{color:var(--text);text-decoration:none;border:1px solid var(--line);padding:8px 13px;border-radius:99px}.badge{padding:8px 13px;border-radius:99px;background:#183044}.badge.online{color:var(--ok)}.badge.offline{color:var(--bad)}main{padding:0 18px 28px}.identity,.meters{display:grid;gap:14px;grid-template-columns:1fr 1fr;margin-bottom:14px}.identity>div,.meters article,.chart-card,.games-card{background:rgba(13,27,38,.95);border:1px solid var(--line);border-radius:17px;padding:20px;box-shadow:0 16px 45px #0005}.identity strong{display:block;margin-top:8px;font-size:22px}.meters strong{display:block;font-size:31px;margin:8px 0}.bar{height:13px;background:#050b10;border-radius:99px;overflow:hidden;margin:13px 0}.bar i{display:block;height:100%;width:0;background:var(--accent);transition:width .4s}.meters article:nth-child(2) .bar i{background:var(--ok)}.section-title{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px}.section-title h2{font-size:20px}.chart-card{margin-bottom:14px}.chart-wrap{position:relative;height:360px;max-height:360px;min-height:360px;overflow:hidden}.chart-wrap canvas{width:100%!important;height:100%!important;max-height:360px!important}.games{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.game{display:flex;justify-content:space-between;gap:15px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#09141d}.game div:last-child{text-align:right}.game small{display:block;margin-top:4px}.game.ok b{color:var(--ok)}.game.bad b{color:var(--bad)}@media(max-width:850px){.games{grid-template-columns:1fr 1fr}}@media(max-width:600px){header{align-items:flex-start;flex-direction:column}.identity,.meters,.games{grid-template-columns:1fr}.section-title{align-items:flex-start;flex-direction:column}.chart-wrap{height:300px;min-height:300px;max-height:300px}.identity strong{font-size:18px}}