*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden;background:#02030a;color:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}#space{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:0}#app:after{content:"";position:fixed;left:0;right:0;bottom:0;height:12vh;z-index:1;pointer-events:none;background:linear-gradient(to bottom,#040e2000,#05102394 18%,#030811eb)}.hud{position:fixed;inset:24px 24px auto auto;z-index:2;width:min(360px,calc(100vw - 32px));display:grid;gap:12px;pointer-events:none;justify-items:stretch;transition:width .18s ease}.fullscreen-button{position:fixed;inset:24px 78px auto auto;z-index:3;width:42px;height:42px;border:1px solid rgba(199,214,255,.24);border-radius:8px;background:#090e1bb8;box-shadow:0 18px 60px #00000047;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#fff;cursor:pointer}.fullscreen-button:hover{background:#ffffff24}.status,.panel{border:1px solid rgba(199,214,255,.18);background:#090e1bb8;box-shadow:0 18px 60px #00000061;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.status{padding:18px;border-radius:8px}.hud-toggle{justify-self:end;width:42px;height:42px;border:1px solid rgba(199,214,255,.24);border-radius:8px;background:#090e1bb8;box-shadow:0 18px 60px #00000047;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#fff;cursor:pointer;pointer-events:auto}.hud-toggle:hover{background:#ffffff24}.hud.is-collapsed{width:42px}.hud.is-collapsed .status,.hud.is-collapsed .panel{display:none}.eyebrow{margin:0 0 6px;color:#9ab4ff;font-size:.76rem;font-weight:700;letter-spacing:0;text-transform:uppercase}h1{margin:0;font-size:clamp(1.6rem,3vw,2.35rem);line-height:1.04;letter-spacing:0}.metrics{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.metrics span{min-width:126px;padding:8px 10px;border:1px solid rgba(255,255,255,.11);border-radius:6px;background:#ffffff0f;color:#cfd9f4;font-size:.86rem}.metrics strong{color:#fff}.panel{display:grid;grid-template-columns:1fr 1fr 1fr 42px;gap:14px;align-items:center;padding:16px;border-radius:8px;pointer-events:auto}.control{grid-column:1 / -1;display:grid;gap:8px;color:#dbe5ff;font-size:.88rem}.control input{width:100%;accent-color:#6ee7f9}.switch{display:inline-flex;align-items:center;gap:8px;min-height:36px;color:#dbe5ff;font-size:.88rem}.switch input{width:18px;height:18px;accent-color:#98f5c4}.icon-button{width:42px;height:42px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#ffffff1a;color:#fff;cursor:pointer}.icon-button:hover{background:#ffffff2e}@media (max-width: 720px){.hud{inset:auto 12px 12px 12px;width:auto}.hud.is-collapsed{width:42px;inset:auto 12px 12px auto}.status{padding:14px}.panel{grid-template-columns:1fr 1fr 1fr 42px;gap:10px;padding:12px}.fullscreen-button{inset:auto 66px 12px auto}.metrics span{min-width:0;flex:1 1 120px}}