UNO-style UX rollout: Lobby, Matchmaking, Profile

- Lobby: the two hero actions (random / create room) are now tactile press-3d
  rounded-3xl with tinted icon chips.
- Matchmaking: seat slots use the Avatar frame with a gold border when filled
  (dashed placeholder when empty + spring pop-in); cancel/start/upgrade buttons
  are tactile.
- Profile: added a level badge on the avatar (casual-game style).

Verified: tsc + next build clean; web rebuilt :1500.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

src/components/screens/OnlineLobbyScreen.tsx

@@ -112,12 +112,11 @@ export function OnlineLobbyScreen() {
 
       <div className="space-y-3">
         <motion.button
-          whileHover={{ y: -2 }}
-          whileTap={{ scale: 0.98 }}
+          whileTap={{ scale: 0.985 }}
           onClick={onRandom}
-          className="btn-gold w-full rounded-2xl p-5 flex items-center gap-4 text-start"
+          className="press-3d btn-gold w-full rounded-3xl p-5 flex items-center gap-4 text-start"
         >
-          <span className="size-12 rounded-xl bg-black/15 flex items-center justify-center text-[#2a1f04]">
+          <span className="grid size-12 place-items-center rounded-2xl bg-black/15 text-[#2a1f04]">
             <Trophy className="size-6" />
           </span>
           <span className="flex-1">
@@ -131,12 +130,11 @@ export function OnlineLobbyScreen() {
         </motion.button>
 
         <motion.button
-          whileHover={{ y: -2 }}
-          whileTap={{ scale: 0.98 }}
+          whileTap={{ scale: 0.985 }}
           onClick={onCreate}
-          className="glass w-full rounded-2xl p-5 flex items-center gap-4 text-start hover:bg-navy-800/80 transition"
+          className="press-3d glass w-full rounded-3xl p-5 flex items-center gap-4 text-start"
         >
-          <span className="size-12 rounded-xl bg-navy-900 gold-border flex items-center justify-center text-gold-400">
+          <span className="grid size-12 place-items-center rounded-2xl bg-teal-500/15 text-teal-300">
             <Users className="size-6" />
           </span>
           <span className="flex-1">