testsAndMisc-archive/bucket_catch/packages/frontend/src/components/PuzzleCanvas.module.css
Krzysztof kuhy Rudnicki ef9b250a1d Add bucket_catch: osu!catch browser game with 100% frontend test coverage
Frontend (React 19 + Vite 6 + TypeScript strict):
- DropZone, ModeSelect, GameCanvas, PuzzleCanvas, ScoreScreen, PuzzleResult
- File-drop game with AABB collision; download (JSZip) and upload (NestJS) modes
- Puzzle mode: NxN image slice via OffscreenCanvas; Union-Find spatial clustering
  guarantees 100% catch rate is always achievable regardless of piece speeds
- ESLint typescript-eslint strict-type-checked (zero errors)
- 145 Vitest tests; 100% coverage on statements/branches/functions/lines

Backend (NestJS 11):
- POST /files/upload (multer disk storage) and GET /health

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01YZ8QTmreFcaqrsvVb38Grd
2026-06-27 12:21:35 +02:00

26 lines
382 B
CSS

.wrapper {
position: relative;
width: 100dvw;
height: 100dvh;
overflow: hidden;
cursor: none;
}
.canvas {
display: block;
width: 100%;
height: 100%;
}
.hint {
position: absolute;
top: 16px;
left: 50%;
transform: translateX(-50%);
color: rgba(244, 114, 182, 0.7);
font-size: 0.9rem;
pointer-events: none;
user-select: none;
white-space: nowrap;
}