:root{--hud-bg: rgba(12, 18, 25, .72);--hud-border: rgba(255, 255, 255, .2);--hud-text: #f0f6ff;--hud-muted: #8ca1be;--stamina-fill: #88db4f;--stall-warning: #ff7459}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden;font-family:Trebuchet MS,Segoe UI,sans-serif}canvas{display:block}.hud{position:fixed;top:16px;left:16px;width:min(320px,calc(100vw - 32px));padding:12px;color:var(--hud-text);background:var(--hud-bg);border:1px solid var(--hud-border);border-radius:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hud h1{margin:0 0 8px;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hud-grid{display:grid;grid-template-columns:1fr auto;gap:6px 12px;font-size:14px}.hud-grid .label{color:var(--hud-muted)}.stamina-track{width:100%;height:10px;margin-top:10px;border-radius:999px;overflow:hidden;background:#ffffff2e}.aoa-panel{margin-top:10px}.aoa-scale{display:flex;justify-content:space-between;margin-bottom:4px;font-size:11px;color:var(--hud-muted)}.aoa-track{position:relative;width:100%;height:10px;border-radius:999px;background:linear-gradient(90deg,#5fb3ff,#56d36b 38%,#ffe25a 68%,#ff7d53);box-shadow:inset 0 0 0 1px #ffffff2e}.aoa-needle{position:absolute;top:-3px;left:40%;width:4px;height:16px;border-radius:4px;background:#7cff6d;transform:translate(-50%);box-shadow:0 0 5px #ffffff8c}.stamina-fill{height:100%;background:linear-gradient(90deg,#4db428 0%,var(--stamina-fill) 100%)}.stall-indicator{margin-top:10px;padding:6px 8px;border-radius:6px;background:#ffffff14;font-size:13px}.stall-indicator.active{color:#fff;background:var(--stall-warning)}.controls{margin-top:10px;font-size:12px;color:var(--hud-muted);line-height:1.5}