.app{width:100%;height:100%;position:relative}.app canvas{width:100%;height:100%;display:block}.hud{pointer-events:none;grid-template-columns:minmax(9rem,11rem) minmax(0,1fr) minmax(9rem,11rem);align-items:end;gap:1rem;display:grid;position:absolute;bottom:1.25rem;left:1.25rem;right:1.25rem}.hud-center{pointer-events:none;flex-direction:column;justify-self:center;align-items:center;gap:.55rem;display:flex}.hud-help{color:#e8eef8;letter-spacing:.02em;text-align:center;background:#060a129e;border-radius:6px;margin:0;padding:.5rem .85rem;font:500 .85rem/1.3 IBM Plex Sans,Segoe UI,sans-serif}.hud-action{pointer-events:auto;cursor:pointer;color:#e8eef8;letter-spacing:.16em;text-transform:uppercase;background:#060a12e0;border:1px solid #7fd0ff7a;border-radius:6px;margin:0;padding:.55rem 1.2rem;font:600 .82rem/1 IBM Plex Sans,Segoe UI,sans-serif}.hud-action:hover,.hud-action:focus-visible{background:#122030f0;border-color:#7fd0ff;outline:none}.hud-kicker{color:#c5cedb;letter-spacing:.16em;text-transform:uppercase;margin:0;font:600 .68rem/1 IBM Plex Sans,Segoe UI,sans-serif}.speedometer,.planet-card{color:#e8eef8;background:#060a129e;border-radius:6px;padding:.6rem .75rem .55rem}.speedometer-value{letter-spacing:.04em;font-variant-numeric:tabular-nums;margin:.2rem 0 .45rem;font:700 2rem/1 IBM Plex Sans,Segoe UI,sans-serif}.speedometer-track{background:#e8eef829;border-radius:2px;height:4px;overflow:hidden}.speedometer-fill{background:#e8eef8;height:100%}.speedometer-ticks{color:#9aa6b8;justify-content:space-between;margin-top:.28rem;font:500 .65rem/1 IBM Plex Sans,Segoe UI,sans-serif;display:flex}.planet-card{justify-self:end;width:168px}.planet-card .hud-kicker{text-align:center;margin-bottom:.3rem}.planet-card svg{width:100%;height:auto;display:block}.planet-alt{text-align:center;color:#c5cedb;letter-spacing:.06em;font-variant-numeric:tabular-nums;margin:.28rem 0 0;font:500 .72rem/1 IBM Plex Sans,Segoe UI,sans-serif}.hud-spacer{justify-self:end;width:168px}.earth-tag{color:#e8eef8;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;background:#060a12d1;border:1px solid #7fd0ff6b;border-radius:4px;align-items:center;gap:.38rem;padding:.28rem .48rem .28rem .34rem;display:none}.earth-tag-arrow{transform-origin:50%;width:11px;height:11px;display:block}.earth-tag-arrow svg{fill:none;stroke:#7fd0ff;stroke-width:1.8px;stroke-linecap:square;stroke-linejoin:miter;width:100%;height:100%;display:block}.earth-tag-copy{flex-direction:column;gap:.12rem;display:flex}.earth-tag-name{color:#7fd0ff;letter-spacing:.16em;text-transform:uppercase;font:600 .62rem/1 IBM Plex Sans,Segoe UI,sans-serif}.earth-tag-dist{font-variant-numeric:tabular-nums;letter-spacing:.02em;font:600 .78rem/1 IBM Plex Sans,Segoe UI,sans-serif}.death-overlay{pointer-events:none;background:#1c060894;justify-content:center;align-items:center;animation:1.4s ease-out forwards death-fade;display:flex;position:absolute;inset:0}.death-overlay p{color:#f3dcdc;letter-spacing:.1em;text-transform:uppercase;margin:0;font:700 2.4rem/1 IBM Plex Sans,Segoe UI,sans-serif}@keyframes death-fade{0%{opacity:1}65%{opacity:1}to{opacity:0}}*,:before,:after{box-sizing:border-box}html,body,#root{background:#02040a;width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans,Segoe UI,sans-serif}