body background: linear-gradient(145deg, #0a0f1e 0%, #0c1222 100%); min-height: 100vh; display: flex; justify-content: center; align-items: center; font-family: 'Segoe UI', 'Poppins', 'Orbitron', 'Courier New', monospace; margin: 0; padding: 20px;
<div class="scoreboard"> <div class="player-card p1" id="player1Card"> <div class="player-name">🛡️ GLADIATOR A</div> <div class="player-score" id="scoreP1">0</div> <div class="player-badge">🔵 PLAYER 1</div> </div> <div class="player-card p2" id="player2Card"> <div class="player-name">🗡️ GLADIATOR B</div> <div class="player-score" id="scoreP2">0</div> <div class="player-badge">🔴 PLAYER 2</div> </div> </div> 2 player github.io
.player-name font-size: 1.7rem; font-weight: bold; margin-bottom: 0.3rem; body background: linear-gradient(145deg
.player-badge font-size: 0.75rem; background: #1e2a3a; display: inline-block; padding: 4px 12px; border-radius: 30px; font-family: 'Segoe UI'