The route is gone. Clear the 404 wall or return home.
Touch and drag on the playfield to move the paddle. Your first touch starts and launches the ball.
LEFTAMOVERIGHTDMOVESPACELAUNCHPPAUSEBrick Breaker is ready to start.
The component does not set an HTTP status on an ordinary route. Next.js supplies
the 404 response when it is used from app/not-found.tsx.
Keyboard handling is scoped to the focused playfield. Pointer capture and
touch-action are limited to the playfield rather than the whole page, so the
game can be played directly with one thumb without separate direction buttons.
The 30 bricks form a pixel 404. Each brick scores 10 points and clearing the
wall adds a 104-point route bonus, so a successful run ends at exactly 404.
The playfield samples color tokens from its own themed surface, so light and dark modes invert the canvas together with the surrounding block. Scoped color themes are supported; the canvas refreshes when the root theme or mode changes.
The canvas is supplementary. The 404 heading, score, lives, phase, instructions, buttons, announcements, and permanent Home link remain ordinary DOM content. The game starts only after an explicit action, pauses when the page becomes hidden, and removes decorative effects when reduced motion is requested.
