:root{--ink:#e8edf2;--ink-2:#a9b6c5;--ink-3:#7d8a99;--glass:#0d1219c2;--glass-edge:#ffffff17;--lamp-on:#39d353;--lamp-off:#e5484d;--focus:#8ab4ff;--face:Bahnschrift, "DIN Alternate", "DIN 2014", "Barlow", system-ui, sans-serif}*{box-sizing:border-box}html,body{background:#0d1218;height:100%;margin:0;overflow:hidden}#app{color:var(--ink);font-family:var(--face);font-size:14px;line-height:1.35;position:fixed;inset:0}.stage{position:absolute;inset:0}.stage[hidden]{display:none}.glass{background:var(--glass);border:1px solid var(--glass-edge);-webkit-backdrop-filter:blur(10px)saturate(120%);z-index:3;border-radius:10px;position:absolute}button,select,input{font:inherit;color:inherit}button,select{cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:7px;padding:5px 10px}button:hover,select:hover{background:#ffffff1f}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}select option{background:#141b24}.title{align-items:baseline;gap:14px;padding:8px 14px 9px;display:flex;top:14px;left:14px}.title .scenario{font-size:18px;font-weight:600;font-stretch:87.5%}.title .clock{font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:22px;font-weight:600}.title .ended{color:var(--ink-2);font-size:13px}.views{gap:4px;padding:4px;display:flex;top:14px;left:50%;transform:translate(-50%)}.views button{color:var(--ink-2);background:0 0;border:none;border-radius:7px;padding:7px 16px;font-size:15px;font-weight:600}.views button[aria-pressed=true]{color:var(--ink);background:#ffffff24}.views button .tick{vertical-align:1px;border-radius:2px;width:9px;height:9px;margin-right:8px;display:inline-block}.board{width:340px;padding:12px 14px;top:14px;right:14px}.board[hidden],.board .runs[hidden]{display:none}.board .saved{align-items:baseline;gap:6px;margin-bottom:8px;display:flex}.board .saved .value{font-variant-numeric:tabular-nums;font-size:40px;font-weight:700;line-height:1}.board .saved .unit{color:var(--ink-2);font-size:15px}.board .saved.none .value,.board .saved.none .unit{color:var(--ink-3)}.metric .name{color:var(--ink-2);font-size:12px}.metric .bar{align-items:center;gap:8px;display:flex}.metric .who{width:52px;color:var(--ink-2);font-size:13px}.metric .track{background:#ffffff0f;border-radius:3px;flex:1;height:10px;overflow:hidden}.metric .fill{border-radius:3px;width:0;height:100%;transition:width .4s;display:block}.metric .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:58px}.metric.big .bar+.bar{margin-top:4px}.metric.big .track{height:16px}.metric.big .num{font-size:16px;font-weight:600}.board .rows{gap:8px;display:grid}.board>.rows{border-top:1px solid var(--glass-edge);margin-top:12px;padding-top:10px}.metric.small{grid-template-columns:96px 1fr;align-items:center;gap:3px 8px;display:grid}.metric.small .name{grid-row:span 2}.metric.small .track{height:7px}.metric.small .num{color:var(--ink-2);font-size:12px}.board .runs{margin-top:12px}.board .runs-title{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);margin-bottom:6px;font-size:11px}.bottom{z-index:3;pointer-events:none;flex-direction:column;align-items:stretch;gap:8px;display:flex;position:absolute;bottom:14px;left:14px;right:14px}.bottom>*{pointer-events:auto;position:relative}.key{text-align:left;flex-wrap:wrap;align-self:flex-start;gap:4px 16px;padding:6px 12px;font-size:13px;display:flex}.key .item{align-items:center;gap:6px;display:inline-flex}.key .name{font-weight:600}.key .meaning{color:var(--ink-2);font-size:12px;display:none}.key.open{grid-template-columns:repeat(2,minmax(0,auto));display:grid}.key.open .meaning{display:inline}.key .zone{background:#d9a44159;border:1px dashed #d9a441;border-radius:4px;width:14px;height:14px}.key .tint{background:linear-gradient(90deg,#3fbf6ab3 50%,#ff5a5ab3 50%);border-radius:2px;width:18px;height:8px}.key .line{border-top:3px solid var(--line);border-radius:2px;width:18px;height:0}.key .line.dashed{border-top-style:dashed}.key .cone{background:linear-gradient(90deg, var(--line), transparent);clip-path:polygon(0 50%,100% 0,100% 100%);width:18px;height:14px}.minimap{padding:4px 6px}.minimap canvas{width:100%;height:22px;display:block}.minimap canvas[hidden]{display:none}.dock{flex-wrap:wrap;align-items:center;gap:8px 16px;padding:7px 10px;display:flex}.dock .group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.dock .group+.group{border-left:1px solid var(--glass-edge);padding-left:16px}.dock .push{margin-left:auto}.dock select.layout{text-overflow:ellipsis;max-width:10.5em}.dock .show{position:relative}.dock .show summary{cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:7px;padding:5px 10px;list-style:none}.dock .show summary::-webkit-details-marker{display:none}.dock .show summary:after{content:" ▴";color:var(--ink-2)}.dock .show[open] summary{background:#ffffff24}.dock .show-list{background:#10161e;gap:4px;min-width:15em;padding:8px 10px;display:grid;bottom:calc(100% + 8px);right:0}.dock .show-list label{white-space:nowrap;cursor:pointer;align-items:center;gap:8px;display:flex}.dock .show-list .all{margin-top:4px}.lamp{align-items:center;gap:8px;padding:5px 11px 5px 9px;display:inline-flex}.lamp:before{content:"";background:var(--lamp-on);width:10px;height:10px;box-shadow:0 0 6px var(--lamp-on);border-radius:50%}.lamp[aria-pressed=false]{background:#e5484d29;border-color:#e5484d8c}.lamp[aria-pressed=false]:before{background:var(--lamp-off);box-shadow:0 0 6px var(--lamp-off)}.radio{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.radio input{accent-color:#a9b6c5;width:110px}.radio .value{font-variant-numeric:tabular-nums;min-width:70px}.breakdown{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.card{background:var(--glass);border:1px solid var(--glass-edge);pointer-events:none;z-index:3;border-radius:10px;padding:8px 12px;font-size:13px;line-height:1.5;position:absolute;top:74px;left:14px}.card[hidden]{display:none}.hint{color:var(--ink-3);font-size:12px}@media (width<=1100px){.board{width:280px}.board>.rows,.board .runs{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}