BooNo

             GAME MODEL
                 │
        ┌────────┴────────┐
        │                 │
     SERVER             CLIENT
        │                 │
   authoritative      presentation
        │                 │
        └──── WebSocket ──┘

Browser
│
├── HTML
│   └── Game table, hand, buttons, dialogs
│
├── CSS
│   └── Cards, animations, responsive layout
│
└── JavaScript
    ├── Game state
    ├── UI rendering
    ├── Input / player actions
    └── WebSocket client
             │
             ▼
Game server
├── Game state
├── Rules / validation
├── Player management
└── WebSockets
		 │
		 ▼
	Database
(users, games,
 stats, etc.)

.card {
  width: 80px;
  height: 120px;
  border-radius: 12px;
  font-size: 2rem;
  cursor: pointer;
}

.card {
  transition:
    transform 150ms ease,
    filter 150ms ease;
}

.card:hover {
  transform: translateY(-20px) rotate(2deg);
}