HYPERBRICK: synthwave Breakout

Create "HYPERBRICK", a polished, playable Breakout-style arcade game with a synthwave aesthetic. A canvas playfield framed by an arcade bezel; background dark purple (#12002b) with a perspective grid horizon and a glowing sun. Bricks in glowing neon rows (#ff2e97, #ff9e00, #fff200, #00f5d4, #00bbf9, #9b5de5); a sleek neon capsule paddle; a ball that leaves a motion trail. Juicy feedback: bricks shatter into particles, screen shake on impact, a combo counter with pop text, paddle squash, flashes, and synthesized sound effects (Web Audio blips whose pitch rises with the combo; mute toggle). Power-ups drop from some bricks: multi-ball, wide paddle, laser, slow-mo. Five hand-designed levels (e.g. heart, invader, spiral) plus an endless mode. Controls: mouse/touch drag and arrow keys; Space to launch/pause. Screens: a title screen with an attract-mode demo, pause, and game over with a high score saved in localStorage. Typography: bold italic sans with neon glow for the HUD. Scales to phone screens with a portrait playfield.

SHARED REQUIREMENTS (apply to every page in this 100-page collection):
1. One standalone HTML5 file. All CSS inline in <style>, all JavaScript inline in <script>. No external resources of any kind: no CDN, no libraries, no web fonts, no external images/SVG/audio files, no network requests. All visuals come from CSS, inline SVG, Canvas and procedural code.
2. Valid HTML5: <!DOCTYPE html>, <html lang="en">, <meta charset="utf-8">, a viewport meta tag, a meaningful <title> and meta description, well-nested semantic markup, unique ids, labels/aria attributes for controls, <button type="button"> for actions.
3. Typography from local system font stacks only, always ending in a generic family; display lettering may be drawn with SVG or Canvas.
4. Responsive from 360px phones to large desktops with no horizontal page scroll; canvases match their container and devicePixelRatio (capped at 2) and re-layout on resize.
5. Works offline by opening the file directly (file://); no console errors; storage access guarded with try/catch.
6. Smooth motion via requestAnimationFrame and transform/opacity; animation pauses when the tab is hidden where it matters; honours prefers-reduced-motion with a calmer fallback.
7. Pointer events so mouse and touch both work; visible :focus-visible styles; keyboard support where it makes sense.
8. Any sound is synthesized with the Web Audio API, starts only after a user gesture, and has a visible mute/toggle.
9. Premium finish: a deliberate palette and spacing, polished micro-interactions, a beautiful first frame before any interaction, and original copy (no lorem ipsum). Factual content must be accurate; fictional brands, people and data are clearly fictional.
10. Quality bar: visually impressive, bookmark-worthy, showcase-grade, premium, full of delightful details, and clearly distinct from the other 99 pages in concept, layout, palette, typography and motion.

Prompt by MiaAI Lab, quoted word for word from their GitHub repository. Model as stated by the creator; your result will differ.