style: refine turn badge sizing and opacity

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

public/js/modules/backgammon/scenes/game.js

@@ -762,13 +762,13 @@ function getStyles() {
   box-shadow:0 4px 24px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.04);
 }
 .bgg-turn-badge {
-  position:absolute;top:8px;left:50%;transform:translateX(-50%);
-  font-size:11px;font-weight:700;padding:4px 12px;border-radius:20px;
+  position:absolute;top:6px;left:50%;transform:translateX(-50%);
+  font-size:10px;font-weight:700;padding:3px 10px;border-radius:20px;
   backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
-  pointer-events:none;transition:all 0.3s;
+  pointer-events:none;transition:all 0.3s;opacity:0.9;
 }
-.bgg-turn-mine { background:rgba(16,185,129,0.2);color:#34D399;border:1px solid rgba(52,211,153,0.3); }
-.bgg-turn-opp { background:rgba(239,68,68,0.12);color:#f87171;border:1px solid rgba(239,68,68,0.2); }
+.bgg-turn-mine { background:rgba(16,185,129,0.25);color:#34D399;border:1px solid rgba(52,211,153,0.3); }
+.bgg-turn-opp { background:rgba(239,68,68,0.15);color:#f87171;border:1px solid rgba(239,68,68,0.2); }
 
 /* ── Controls ── */
 .bgg-controls {
@@ -776,6 +776,7 @@ function getStyles() {
   padding:10px 14px;
   background:linear-gradient(180deg,rgba(0,0,0,0.2),rgba(0,0,0,0.4));
   min-height:56px;
+  transition:min-height 0.2s;
 }
 .bgg-roll-btn {
   display:flex;align-items:center;gap:6px;