:root{color-scheme:dark;--bg-0: #02030a;--bg-1: #07111f;--panel: rgba(5, 12, 24, .74);--panel-border: rgba(120, 223, 255, .16);--text: #d9f7ff;--muted: rgba(194, 231, 255, .72);--accent: #79f0ff;--accent-strong: #18d9ff;--shadow: rgba(0, 0, 0, .42)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden;font-family:Space Grotesk,Avenir Next,Segoe UI,sans-serif;background:radial-gradient(circle at top,rgba(17,82,122,.24),transparent 32%),linear-gradient(180deg,var(--bg-1) 0%,var(--bg-0) 60%,#000 100%);color:var(--text)}canvas{display:block}.hud{position:fixed;top:1rem;left:1rem;z-index:10;width:min(22rem,calc(100vw - 2rem));padding:1rem;border:1px solid var(--panel-border);border-radius:1.25rem;background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 1.25rem 3.5rem var(--shadow),inset 0 0 0 1px #ffffff05}.hud__header{display:grid;gap:.7rem;margin-bottom:.8rem}.hud__header-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;width:100%}.hud__body{max-height:min(68vh,42rem);overflow-y:auto;padding-right:.15rem}.hud__body::-webkit-scrollbar{width:.45rem}.hud__body::-webkit-scrollbar-thumb{background:#79f0ff38;border-radius:999px}.hud__eyebrow{margin:0 0 .35rem;color:var(--accent);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase}.hud__title{margin:0;font-size:1.55rem;line-height:.96}.hud__subtitle{margin:.3rem 0 0;color:var(--muted);font-size:.92rem;line-height:1.3;max-width:none}.hud__toggle{white-space:normal}.hud__button--header{width:100%;min-width:0;min-height:2.5rem;padding:.5rem .8rem;text-align:center;white-space:normal;line-height:1.15}.hud--collapsed .hud__body{display:none}.hud__group{margin-bottom:1rem}.hud__group-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:.6rem;padding:.45rem .65rem;border:1px solid rgba(121,240,255,.12);border-radius:.85rem;background:#0a182a94;color:inherit;cursor:pointer;text-align:left;transition:border-color .16s ease,background .16s ease}.hud__group-toggle:hover,.hud__group-toggle:focus-visible{border-color:#79f0ff38;background:#0c1c30b8}.hud__group-title{margin:0;color:#d9f7ffd1;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase}.hud__group-icon{color:var(--accent);font-size:.9rem;line-height:1;transform:rotate(0);transition:transform .16s ease}.hud__group-content{padding-top:.1rem}.hud__group--collapsed .hud__group-content{display:none}.hud__group--collapsed .hud__group-icon{transform:rotate(-90deg)}.hud__field{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:center;margin-bottom:.75rem}.hud__field label{font-size:.9rem}.hud__value{color:var(--accent);font-size:.78rem;min-width:3rem;text-align:right}.hud__range,.hud__select{grid-column:1 / -1;width:100%}.hud__range{accent-color:var(--accent-strong)}.hud__select{border:1px solid rgba(121,240,255,.18);background:#07101ff2;color:var(--text);border-radius:.75rem;padding:.7rem .8rem}.hud__actions,.hud__segmented{display:flex;flex-wrap:wrap;gap:.55rem}.hud__button{border:1px solid rgba(121,240,255,.2);background:#071122eb;color:var(--text);border-radius:999px;padding:.7rem .95rem;cursor:pointer;transition:border-color .16s ease,transform .16s ease,background .16s ease}.hud__button:hover,.hud__button:focus-visible{border-color:#79f0ff8f;background:#0b1c32;transform:translateY(-1px)}.hud__button.is-active{border-color:#79f0ffad;background:linear-gradient(180deg,#134763f0,#07223afa);box-shadow:0 0 1.25rem #1ecaff24}.hud__footer{margin-top:.5rem;color:#c2e7ff9e;font-size:.76rem}@media(max-width:720px){.hud{top:auto;bottom:1rem;padding:.9rem}.hud__header-actions{grid-template-columns:1fr}.hud__title{font-size:1.35rem}}