:root{--bg:#f4f5f2;--surface:#fff;--surface-2:#eef0ea;--text:#1d211b;--muted:#6a7166;--border:#d8dcd2;--accent:#3f7d3a;--accent-soft:#d7ead3;--ok:#2e7d32;--ok-soft:#dcefdc;--warn:#a86a00;--warn-soft:#f6e7c8;--bad:#b3261e;--bad-soft:#f6d9d6;--heat:63 125 58;--s0:#3f7d3a;--s1:#2f6db5;--s2:#b5762f;--s3:#8a3fb5;--s4:#b53f6d;--s5:#3fa3a3;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#141713;--surface:#1d211b;--surface-2:#262b24;--text:#e4e8e0;--muted:#9aa294;--border:#343b31;--accent:#7cbf6f;--accent-soft:#2c4728;--ok:#7cbf6f;--ok-soft:#233d22;--warn:#e2a640;--warn-soft:#43361c;--bad:#ef7c72;--bad-soft:#4a2420;--heat:124 191 111;--s0:#7cbf6f;--s1:#6aa6e8;--s2:#e2a640;--s3:#b98be8;--s4:#e88bb0;--s5:#6fd0d0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1,h2,h3{margin:0 0 .6rem;line-height:1.2}h1{font-size:1.6rem}h2{font-size:1.15rem}h3{margin-top:1rem;font-size:.95rem}a{color:var(--accent)}button,.button{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:6px;padding:.4rem .8rem;text-decoration:none;display:inline-block}button:hover:not(:disabled),.button:hover{border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}button.primary,.button.primary{background:var(--accent);border-color:var(--accent);color:var(--surface)}button.danger{color:var(--bad)}button.link{color:var(--accent);background:0 0;border:none;padding:0}button.link.danger{color:var(--bad)}input,select{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:6px;min-width:0;padding:.35rem .5rem}label{color:var(--muted);flex-direction:column;gap:.2rem;font-size:.85rem;display:flex}label.inline{flex-direction:row;align-items:center;gap:.4rem}label input{color:var(--text)}.centered{place-items:center;min-height:100vh;padding:16px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:1rem;padding:1rem 1.2rem}.login{text-align:center;max-width:420px}.login .button{margin-top:.6rem}.topbar{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 1.4rem;display:flex}.topbar-right{flex-wrap:wrap;align-items:center;gap:.9rem;display:flex}.brand strong{font-size:1.05rem}.live{font-size:.8rem}.live.on{color:var(--ok)}.live.off{color:var(--muted)}.tabs{background:var(--surface);border-bottom:1px solid var(--border);gap:.2rem;padding:0 1.4rem;display:flex;overflow-x:auto}.tabs button{color:var(--muted);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:.7rem .9rem}.tabs button.active{color:var(--text);border-bottom-color:var(--accent);font-weight:600}main{max-width:1400px;margin:0 auto;padding:1.2rem 1.4rem 3rem}.toolbar{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:.9rem;display:flex}.segmented{border:1px solid var(--border);border-radius:6px;display:inline-flex;overflow:hidden}.segmented button{border:none;border-radius:0}.segmented button.active{background:var(--accent-soft);font-weight:600}.datenav{align-items:center;gap:.5rem;display:inline-flex}.datenav span{text-align:center;min-width:9rem;font-weight:600}.row{flex-wrap:wrap;align-items:flex-end;gap:.6rem;margin-bottom:.6rem;display:flex}.row.end{justify-content:flex-end;margin-top:1rem}.grow{flex:18rem}.scroll-x{margin-bottom:1rem;overflow-x:auto}.scroll-x>table.grid{margin-bottom:0}table.grid{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:10px;width:100%;margin-bottom:1rem;overflow:hidden}table.grid th,table.grid td{border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;padding:.45rem .7rem}table.grid th{background:var(--surface-2);font-size:.85rem;font-weight:600}table.grid tr:last-child td{border-bottom:none}table.grid .num{text-align:right;font-variant-numeric:tabular-nums}table.grid .wide{width:45%}table.grid.inner{margin:.2rem 0}tr.clickable,td.clickable{cursor:pointer}tr.clickable:hover td,td.clickable:hover,tr.detail>td{background:var(--surface-2)}table.matrix td.cell{min-width:7rem}td.actions{white-space:nowrap}td.actions button+button{margin-left:.8rem}td.heat{background:rgb(var(--heat) / calc(var(--level,0) * .55))}table.playtime td,table.playtime th{white-space:nowrap}.bar{background:var(--surface-2);border-radius:6px;min-width:10rem;height:1.5rem;position:relative;overflow:hidden}.bar-fill{background:var(--accent-soft);border-right:2px solid var(--accent);position:absolute;inset:0 auto 0 0}.bar-fill.ok{background:var(--ok-soft);border-right-color:var(--ok)}.bar-label{font-variant-numeric:tabular-nums;padding:0 .5rem;font-size:.82rem;line-height:1.5rem;position:relative}.summary .bar{height:2rem}.summary .bar-label{font-size:.95rem;font-weight:600;line-height:2rem}.badge{border-radius:999px;margin-left:.4rem;padding:.05rem .5rem;font-size:.78rem;font-weight:600;display:inline-block}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.bad{background:var(--bad-soft);color:var(--bad)}.badge.muted{background:var(--surface-2);color:var(--muted)}td .badge:first-child{margin-left:0}.muted{color:var(--muted)}.small{font-size:.8rem}.strong{font-weight:600}.error{color:var(--bad)}.ok-text{color:var(--ok)}.bad-text{color:var(--bad)}.warn-text{color:var(--warn)}.empty{color:var(--muted);text-align:center;background:var(--surface);border:1px dashed var(--border);border-radius:10px;padding:1.5rem}.chart{width:100%;height:auto}.chart .axis{fill:var(--muted);font-size:11px}.series.s0,.swatch.s0{fill:var(--s0);background:var(--s0)}.series.s1,.swatch.s1{fill:var(--s1);background:var(--s1)}.series.s2,.swatch.s2{fill:var(--s2);background:var(--s2)}.series.s3,.swatch.s3{fill:var(--s3);background:var(--s3)}.series.s4,.swatch.s4{fill:var(--s4);background:var(--s4)}.series.s5,.swatch.s5{fill:var(--s5);background:var(--s5)}.legend{flex-wrap:wrap;gap:1rem;font-size:.82rem;display:flex}.swatch{vertical-align:-1px;border-radius:2px;width:.8rem;height:.8rem;margin-right:.35rem;display:inline-block}.modal-backdrop{z-index:10;background:#00000073;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{flex-direction:column;gap:.6rem;width:min(460px,100%);display:flex}.pair-code{letter-spacing:.3em;text-align:center;background:var(--surface-2);border-radius:8px;padding:.6rem;font:700 2.4rem/1.2 ui-monospace,SF Mono,Consolas,monospace}.pair-code.expired{opacity:.35;text-decoration:line-through}.command{text-align:center;margin:0;font-family:ui-monospace,Consolas,monospace}@media (width<=720px){.topbar,.tabs,main{padding-left:16px;padding-right:16px}table.grid .wide{width:auto}}