:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#05090b;color:#f3f6f8;font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 50% 42%,#20292b,#090e10 54%,#030506)}canvas{display:block;width:100%;height:100%}.hud{position:fixed;inset:0 0 auto;z-index:2;display:grid;grid-template-columns:minmax(16rem,1fr) auto;align-items:start;gap:2rem;padding:clamp(1rem,2.2vw,1.8rem);pointer-events:none;background:linear-gradient(180deg,rgba(2,6,8,.91),rgba(2,6,8,.36) 62%,transparent)}.hud>*{pointer-events:auto}.brand{max-width:34rem}.eyebrow{margin:0 0 .42rem;color:#7fa894;font-size:.65rem;font-weight:780;letter-spacing:.18em;text-transform:uppercase}h1{margin:0;max-width:18ch;font-size:clamp(1.55rem,2.65vw,2.65rem);font-weight:710;line-height:.98;letter-spacing:-.055em;text-wrap:balance}.subcopy{margin:.72rem 0 0;max-width:52ch;color:#9cabb5;font-size:.78rem;line-height:1.5;text-wrap:pretty}.designation{color:#d6dde1}.command{display:grid;justify-items:end;gap:.55rem}.readout{display:grid;grid-template-columns:repeat(3,minmax(5.1rem,1fr));gap:1px;overflow:hidden;border-radius:.68rem;background:#a3bed71f;box-shadow:0 14px 40px #0000005c,inset 0 1px #ffffff0d}.datum{min-width:5.4rem;padding:.58rem .7rem .62rem;background:#070e11d1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.datum small{display:block;margin-bottom:.16rem;color:#71808c;font-size:.55rem;font-weight:760;letter-spacing:.12em;text-transform:uppercase}.datum strong{color:#d9eeff;font-size:.72rem;font-weight:700;letter-spacing:.035em;font-variant-numeric:tabular-nums}.controls{display:flex;align-items:stretch;justify-content:flex-end;gap:.48rem}.segmented{display:flex;gap:2px;padding:.2rem;border-radius:.75rem;background:#080e14d1;box-shadow:inset 0 0 0 1px #bcd2e21c,0 10px 30px #0000004d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}button{min-height:2.55rem;border:0;border-radius:.56rem;padding:.62rem .82rem;background:#121b22cc;color:#a6b1b6;font:inherit;font-size:.68rem;font-weight:720;letter-spacing:.015em;cursor:pointer;box-shadow:inset 0 1px #ffffff0b;transition:color .15s ease,background-color .15s ease,box-shadow .15s ease,transform .12s ease,opacity .15s ease}button:hover{color:#ecf7ff;background:#1e2d35eb}button:active{transform:scale(.96)}button:focus-visible{outline:2px solid #84b49d;outline-offset:2px}button[aria-pressed=true]{color:#e3ebe7;background:#344b42;box-shadow:inset 0 1px #ffffff1a,0 0 1.1rem #4a97711a}button:disabled{cursor:not-allowed;opacity:.44}.discharge{min-width:7.6rem;color:#e7ece9;background:linear-gradient(180deg,#465d54,#283b34);box-shadow:inset 0 1px #ffffff1a,0 8px 22px #08140f4d}.discharge:hover:not(:disabled){background:linear-gradient(180deg,#577267,#334a40)}.camera{background:#080e14d1;box-shadow:inset 0 0 0 1px #bcd2e21c}.status-row{display:flex;align-items:center;justify-content:flex-end;gap:.7rem}.status{display:inline-flex;align-items:center;gap:.48rem;color:#7fb59b;font-size:.61rem;font-weight:760;letter-spacing:.11em;text-transform:uppercase}.status i{width:.43rem;height:.43rem;border-radius:50%;background:currentColor;box-shadow:0 0 .8rem currentColor}.status[data-state=standby]{color:#889997}.status[data-state=charging]{color:#f2bb55}.status[data-state=discharge]{color:#dff2ff}.help{color:#c4d7d285;font-size:.61rem;letter-spacing:.04em}@media(max-width:800px){.hud{grid-template-columns:1fr;gap:.85rem}.brand{max-width:25rem}.subcopy{display:none}.command{justify-items:start}.controls,.status-row{justify-content:flex-start}}@media(max-width:520px){.hud{padding:.8rem}.readout{grid-template-columns:repeat(3,1fr);width:100%}.command{width:100%}.controls{width:100%;flex-wrap:wrap}.segmented{flex:1}.segmented button{flex:1;padding-inline:.5rem}.camera{display:none}}@media(prefers-reduced-motion:reduce){button{transition-duration:.01ms}}