*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;background:radial-gradient(circle at top,#1b2735 0,#090a0f 55%,#000);color:#f5f5f7;overflow:hidden}.app-root{position:relative;width:100%;height:100%}.canvas-container{width:100%;height:100%}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:1.25rem 1.75rem}.hud-top{display:flex;justify-content:space-between;gap:1rem}.hud-bottom{display:flex;justify-content:center;margin-bottom:.75rem;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;opacity:.7}.hud-panel{min-width:180px;max-width:260px;padding:.9rem 1.1rem;border-radius:.9rem;background:radial-gradient(circle at top left,#ffffff29,#070a13d9);-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 45px #000000a6,inset 0 0 0 1px #ffffff05;pointer-events:auto}.hud-title{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;opacity:.7;margin-bottom:.35rem}.hud-metric{display:flex;align-items:baseline;gap:.3rem}.hud-metric-main{font-size:1.5rem;font-weight:600}.hud-metric-unit{font-size:.8rem;text-transform:uppercase;opacity:.75}.hud-subtext{margin-top:.4rem;font-size:.68rem;opacity:.75}.hud-badge{align-self:center;padding:.35rem .8rem;border-radius:999px;background:linear-gradient(120deg,#0984e31f,#d630311a);border:1px solid rgba(255,255,255,.12);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;opacity:.9}.hud-badge-dot{display:inline-block;width:.45rem;height:.45rem;border-radius:999px;margin-right:.4rem;background:radial-gradient(circle at 30% 30%,#ffeaa7,#fdcb6e);box-shadow:0 0 14px #fdcb6ee6}