.hud{pointer-events:none;color:#e8fbff;text-transform:uppercase;letter-spacing:.08em;font-family:Courier New,ui-monospace,monospace;position:fixed;inset:0}.hud-speed{color:#00f0ff;text-shadow:0 0 8px #00f0ff,0 0 20px #00a2ff;font-size:2rem;position:absolute;bottom:24px;right:24px}.hud-air{color:#ff2bd6;text-shadow:0 0 8px #ff2bd6,0 0 24px #ff2bd6;font-size:1.6rem;position:absolute;top:18%;left:50%;transform:translate(-50%)}.hud-help{opacity:.75;font-size:.75rem;position:absolute;top:16px;left:16px;right:16px}.hud-version{opacity:.5;font-size:.7rem;position:absolute;bottom:16px;left:16px}.hud-loading{color:#00f0ff;text-shadow:0 0 8px #00f0ff;background:#05010d;place-items:center;font-size:1.4rem;display:grid;position:absolute;inset:0}.hud-score{color:#f5ff3b;text-shadow:0 0 8px #f5ff3b;font-size:1.4rem;position:absolute;top:40px;right:24px}.hud-combo,.hud-landed{text-align:center;max-width:calc(100% - 32px);position:absolute;bottom:18%;left:50%;transform:translate(-50%)}.hud-combo-tricks,.hud-landed{color:#00f0ff;text-shadow:0 0 8px #00f0ff,0 0 20px #00a2ff;font-size:1.3rem}.hud-combo-points{color:#f5ff3b;text-shadow:0 0 8px #f5ff3b;margin-top:4px;font-size:1rem}.hud-perfect{color:#00f0ff;text-shadow:0 0 8px #00f0ff,0 0 20px #00f0ff;margin-top:4px;font-size:.8em}.hud-pop{animation:.25s ease-out hud-pop}@keyframes hud-pop{0%{opacity:.3;transform:scale(1.6)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.hud-pop{animation:none}}.menu{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#e8fbff;letter-spacing:.06em;z-index:1;background:#05010d8c;place-items:center;padding:16px;font-family:Courier New,ui-monospace,monospace;display:grid;position:fixed;inset:0}.menu-panel{background:#0a041ad9;border:1px solid #ff2bd6;flex-direction:column;gap:12px;width:min(380px,100%);max-height:100%;padding:28px 24px;display:flex;overflow-y:auto;box-shadow:0 0 18px #ff2bd680,inset 0 0 18px #00f0ff26}.menu-title{text-align:center;text-transform:uppercase;color:#ff2bd6;text-shadow:0 0 8px #ff2bd6,0 0 24px #ff2bd6;margin:0 0 12px;font-size:2.2rem}.menu h2{text-transform:uppercase;color:#00f0ff;text-shadow:0 0 8px #00f0ff;margin:0 0 4px;font-size:1.3rem}.menu button{font:inherit;text-transform:uppercase;letter-spacing:.1em;color:#00f0ff;cursor:pointer;background:0 0;border:1px solid #00f0ff;padding:12px 16px;font-size:1rem;transition:background .15s,box-shadow .15s}.menu button:hover,.menu button:focus-visible{background:#00f0ff1f;outline:none;box-shadow:0 0 12px #00f0ff}.menu .menu-primary{color:#05010d;background:#f5ff3b;border-color:#f5ff3b;font-weight:700}.menu .menu-primary:hover,.menu .menu-primary:focus-visible{background:#f5ff3b;box-shadow:0 0 16px #f5ff3b}.menu-field{border:none;flex-direction:column;gap:6px;margin:0;padding:0;display:flex}.menu-field legend{margin-bottom:6px;padding:0}.menu-choice{cursor:pointer;align-items:center;gap:8px;display:flex}.menu input{accent-color:#ff2bd6}.menu-controls{gap:8px;margin:0;font-size:.85rem;display:grid}.menu-controls dt{color:#f5ff3b}.menu-controls dd{opacity:.85;margin:0 0 0 12px}.menu-languages{justify-content:flex-end;gap:6px;display:flex}.menu .menu-languages button{opacity:.6;padding:4px 10px;font-size:.8rem}.menu .menu-languages button[aria-pressed=true]{opacity:1;color:#05010d;background:#00f0ff}html,body,#root{background:#05010d;width:100%;height:100%;margin:0;overflow:hidden}canvas{touch-action:none}
