.bdsync-rate-wrap{margin:12px 0;background:#ffffff;border:1px solid #e5e7eb;border-radius:10px;padding:12px 14px;font-family:-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#1f2937;text-align:left;}
.bdsync-rate-title{font-size:13px;font-weight:600;margin-bottom:8px;}
.bdsync-rate-btns{display:flex;flex-wrap:wrap;gap:6px;}
.bdsync-rate-btn{border:1px solid #d1d5db;background:#f9fafb;border-radius:6px;min-width:32px;height:32px;font-size:14px;font-weight:600;color:#374151;cursor:pointer;transition:all .12s ease;}
.bdsync-rate-btn:hover{border-color:#dc2626;color:#dc2626;transform:translateY(-1px);}
.bdsync-rate-btn.on{background:#dc2626;border-color:#dc2626;color:#ffffff;}
.bdsync-rate-status{font-size:12px;color:#6b7280;margin-top:8px;}
.bdsync-rate-avg{font-weight:600;}

.bdsync-img-badge{position:absolute;top:6px;right:6px;z-index:5;font-size:20px;font-weight:900;line-height:1;font-family:-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.55),0 0 6px rgba(0,0,0,.35);}

/* === MATCH POPUP — Red Vibe === */
.bdsync-popup-overlay{position:fixed;inset:0;background:rgba(15,23,42,.7);z-index:999999;display:flex;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(4px);}
.bdsync-popup-card{background:#ffffff;border-radius:18px;max-width:420px;width:100%;padding:32px;text-align:center;box-shadow:0 25px 60px -12px rgba(220,38,38,.3),0 0 40px rgba(220,38,38,.1);animation:bdsyncPop .3s ease;border:2px solid rgba(220,38,38,.15);}
@keyframes bdsyncPop{from{transform:scale(.88);opacity:0;}to{transform:scale(1);opacity:1;}}
.bdsync-popup-title{font-size:26px;font-weight:900;color:#dc2626;margin:0 0 8px;letter-spacing:-.02em;}
.bdsync-popup-text{font-size:14px;color:#4b5563;line-height:1.6;margin-bottom:22px;}
.bdsync-popup-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}

/* Red vibe primary button */
.bdsync-btn-primary{display:inline-block;background:linear-gradient(135deg,#dc2626 0%,#991b1b 100%);color:#ffffff;border:none;border-radius:10px;padding:12px 24px;font-size:15px;font-weight:700;cursor:pointer;text-decoration:none;box-shadow:0 4px 16px rgba(220,38,38,.35);transition:all .2s ease;letter-spacing:.01em;}
.bdsync-btn-primary:hover{background:linear-gradient(135deg,#ef4444 0%,#b91c1c 100%);color:#ffffff;text-decoration:none;transform:translateY(-2px);box-shadow:0 6px 24px rgba(220,38,38,.45);}

/* Grey ghost button */
.bdsync-btn-ghost{background:#f3f4f6;color:#374151;border:2px solid #e5e7eb;border-radius:10px;padding:12px 24px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;}
.bdsync-btn-ghost:hover{background:#e5e7eb;border-color:#d1d5db;transform:translateY(-1px);}

.bdsync-toast{position:fixed;bottom:20px;right:20px;z-index:999990;background:linear-gradient(135deg,#1f2937,#374151);color:#ffffff;border-radius:12px;padding:14px 18px;max-width:320px;box-shadow:0 10px 25px -5px rgba(0,0,0,.4);font-size:14px;display:flex;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.1);}
.bdsync-toast a{color:#fca5a5;font-weight:700;text-decoration:none;white-space:nowrap;}
.bdsync-toast a:hover{color:#fecaca;}
.bdsync-toast-close{cursor:pointer;color:#9ca3af;font-size:18px;line-height:1;background:none;border:none;}

.bdsync-match-card{display:flex;align-items:center;gap:16px;background:#ffffff;border:1px solid #e5e7eb;border-radius:12px;padding:16px 18px;margin-bottom:12px;text-decoration:none;transition:all .2s ease;}
.bdsync-match-card:hover{box-shadow:0 8px 20px -6px rgba(220,38,38,.15);border-color:rgba(220,38,38,.2);}
.bdsync-match-name{font-size:16px;font-weight:700;color:#111827;text-decoration:none;}
.bdsync-match-scores{font-size:13px;color:#6b7280;margin-top:4px;}
.bdsync-match-empty{color:#6b7280;font-size:15px;}

/* === MATCH GAME — Red Vibe === */
.bdsync-game-head{margin-bottom:20px;}
.bdsync-game-overlay{position:fixed;inset:0;background:rgba(15,23,42,.75);z-index:999998;display:flex;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(6px);}
.bdsync-game-popup{background:#ffffff;border-radius:18px;max-width:460px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 60px -12px rgba(220,38,38,.25);animation:bdsyncPop .3s ease;border:2px solid rgba(220,38,38,.1);}
.bdsync-game-popup-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #fee2e2;background:linear-gradient(135deg,#fef2f2,#fff);}
.bdsync-game-popup-title{font-size:18px;font-weight:900;color:#dc2626;letter-spacing:-.01em;}
.bdsync-game-close{background:#fee2e2;border:none;border-radius:50%;width:32px;height:32px;font-size:18px;line-height:1;color:#dc2626;cursor:pointer;transition:all .2s ease;}
.bdsync-game-close:hover{background:#fecaca;transform:scale(1.1);}
.bdsync-game-root{padding:22px;}
.bdsync-game-card{text-align:center;}
.bdsync-game-media{position:relative;margin:0 14px 14px;}
.bdsync-game-photo{max-width:100%;max-height:420px;border-radius:14px;object-fit:cover;box-shadow:0 8px 24px -6px rgba(0,0,0,.25);}
.bdsync-game-name{font-size:20px;font-weight:800;color:#111827;margin-top:4px;}
.bdsync-game-profile-link{display:inline-block;font-size:13px;color:#dc2626;text-decoration:none;margin-top:2px;font-weight:600;}
.bdsync-game-profile-link:hover{text-decoration:underline;color:#991b1b;}
.bdsync-game-status{font-size:13px;color:#6b7280;margin:8px 0 4px;}
.bdsync-game-rating-title{font-size:13px;font-weight:700;color:#111827;margin:12px 0 8px;}

/* Game action buttons — Red vibe */
.bdsync-game-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:16px;}
.bdsync-game-act{background:linear-gradient(135deg,#dc2626 0%,#991b1b 100%);color:#ffffff;border:none;border-radius:10px;padding:11px 18px;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px rgba(220,38,38,.3);transition:all .2s ease;letter-spacing:.01em;}
.bdsync-game-act:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(220,38,38,.4);filter:brightness(1.08);}
.bdsync-game-act.on{background:linear-gradient(135deg,#16a34a 0%,#15803d 100%);box-shadow:0 4px 12px rgba(22,163,74,.3);}
.bdsync-game-act.on:hover{box-shadow:0 6px 20px rgba(22,163,74,.4);}
.bdsync-game-skip{background:#f3f4f6;color:#4b5563;border:2px solid #e5e7eb;border-radius:10px;padding:11px 18px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;}
.bdsync-game-skip:hover{background:#e5e7eb;border-color:#d1d5db;transform:translateY(-1px);}
.bdsync-game-empty{color:#6b7280;font-size:15px;text-align:center;padding:30px 10px;}
.bdsync-match-menu-btn{color:#dc2626 !important;font-weight:700 !important;}

.bdsync-game-nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:3px solid rgba(255,255,255,.85);background:linear-gradient(145deg,#ef4444,#991b1b);color:#ffffff;font-size:26px;font-weight:900;line-height:1;cursor:pointer;box-shadow:0 6px 16px rgba(153,27,27,.5);transition:transform .16s ease,box-shadow .16s ease,background .16s ease;z-index:6;display:flex;align-items:center;justify-content:center;user-select:none;}
.bdsync-game-nav.prev{left:-16px;}
.bdsync-game-nav.next{right:-16px;}
.bdsync-game-nav:hover{transform:translateY(-50%) scale(1.22) rotate(-10deg);box-shadow:0 12px 26px rgba(153,27,27,.65);background:linear-gradient(145deg,#f87171,#dc2626);}
.bdsync-game-nav.next:hover{transform:translateY(-50%) scale(1.22) rotate(10deg);}
.bdsync-game-nav:active{transform:translateY(-50%) scale(.94);}
.bdsync-game-nav.prev:hover:active{transform:translateY(-50%) scale(.94) rotate(-4deg);}
.bdsync-game-nav.next:hover:active{transform:translateY(-50%) scale(.94) rotate(4deg);}
@keyframes bdsyncNudge{0%,100%{transform:none;}25%{transform:translateX(-8px) rotate(-2.5deg);}75%{transform:translateX(8px) rotate(2.5deg);}}
.bdsync-game-card.bdsync-nudge{animation:bdsyncNudge .42s ease;}
