/* RankRealm movie-page visit and member star ratings; independent of YouTube. */
.watch-metrics{margin:14px 2px 17px;padding:15px 18px;border:1px solid #76528f;border-radius:11px;background:linear-gradient(115deg,#21162f,#111124);color:#ebdff5;box-shadow:0 4px 17px #0c051b55}
.watch-metrics-overview{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.watch-views{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.watch-metrics-icon{font-size:19px;color:#e5b777}
.watch-views strong{font:800 19px var(--rr-font-ui,"Segoe UI",sans-serif);color:#f2dbb1}
.watch-views>span:last-child{font:650 12px var(--rr-font-ui,"Segoe UI",sans-serif);color:#cdb9da}
.watch-rating-summary{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.watch-rating-average{font:800 19px var(--rr-font-ui,"Segoe UI",sans-serif);color:#f8dba0}
.watch-rating-average small{font-size:11px;color:#bca8cb}
.watch-rating-stars{display:flex;gap:1px;color:#685674;letter-spacing:1px;font-size:19px}
.watch-rating-stars .is-filled{color:#ffc95e;text-shadow:0 0 9px #e4a44465}
.watch-rating-votes{font:600 11px var(--rr-font-ui,"Segoe UI",sans-serif);color:#c2b0d3}
.watch-rating-input{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:13px;border-top:1px solid #59436d;margin-top:13px;padding-top:13px}
.watch-rating-input>div:first-child{display:grid;gap:4px}
.watch-rating-input strong{color:#f0d69e;font:750 13px var(--rr-font-ui,"Segoe UI",sans-serif)}
.watch-rating-input small{color:#bca9cc;font:500 11px var(--rr-font-ui,"Segoe UI",sans-serif)}
.watch-star-form-grid{display:flex;align-items:center;gap:4px}
.watch-star-form-grid form{margin:0}
.watch-star-form-grid button{width:38px;height:38px;border:1px solid #74528e;border-radius:7px;background:#241834;color:#846d8b;font-size:25px;line-height:1;cursor:pointer;transition:color .15s,border-color .15s,background .15s}
.watch-star-form-grid button:hover,.watch-star-form-grid button:focus-visible{color:#ffda7d;background:#413052;border-color:#f2c47b}
.watch-star-form-grid button.is-selected{color:#ffcf67;border-color:#c99e5f}
.watch-star-form-grid button[aria-pressed=true]{background:#63425a;box-shadow:0 0 8px #ffcb6665}
.watch-star-form-grid button:disabled{opacity:.5;cursor:not-allowed}
.watch-star-signin{display:inline-flex;align-items:center;padding:8px 12px;border:1px solid #b58b64;border-radius:7px;color:#f3d499;text-decoration:none;font:750 12px var(--rr-font-ui,"Segoe UI",sans-serif)}
.watch-star-signin:hover{background:#372846}
.watch-rating-notice{margin:10px 0 0;color:#f8dbaa;font-size:12px}
.watch-metrics-hint{display:block;margin-top:12px;color:#aa9bbd;font-size:10px;line-height:1.45}
@media(max-width:650px){.watch-metrics{margin:11px 0 15px;padding:12px}.watch-metrics-overview{align-items:flex-start}.watch-rating-input{align-items:flex-start}.watch-star-form-grid button{height:36px;width:36px}.watch-rating-stars{font-size:16px}}
@media(prefers-reduced-motion:reduce){.watch-star-form-grid button{transition:none}}

/* Prominent score strip without increasing player-page vertical space. */
.watch-metrics{
  padding:13px 16px;
  border-color:#9566b6;
  background:linear-gradient(112deg,#2a173acb,#151127ed 57%,#2a1736d9);
  box-shadow:inset 0 1px #e1bcf522,0 0 18px #b35bff27;
}
.watch-metrics-overview{gap:10px}
.watch-rating-summary{
  gap:9px;padding:7px 11px;border:1px solid #9c6b53;
  border-radius:10px;background:linear-gradient(125deg,#3e273c,#24172e);
  box-shadow:inset 0 1px #ffdfab22,0 0 14px #e7b35a21;
}
.watch-rating-average{font-size:23px;color:#ffe1a5;text-shadow:0 0 9px #ffc36f48}
.watch-rating-average small{font-size:12px}
.watch-rating-stars{font-size:23px;letter-spacing:2px}
.watch-rating-stars .is-filled{color:#ffd06c;text-shadow:0 0 13px #e9ad58af}
.watch-rating-votes{font-size:12px;color:#e0c5ea}
.watch-rating-input{margin-top:10px;padding-top:10px}
.watch-rating-input strong{font-size:14px;color:#ffdfa8}
.watch-star-form-grid button{
  border-color:#956eae;background:#301e43;color:#927aa1;
}
.watch-star-form-grid button.is-selected{
  background:#503346;color:#ffdd78;border-color:#d9b56b;
  box-shadow:0 0 12px #e5b65d4a;
}
.watch-metrics-hint{margin-top:9px}
@media(max-width:650px){
  .watch-metrics{padding:11px}
  .watch-rating-summary{gap:5px;padding:6px 9px}
  .watch-rating-average{font-size:19px}
  .watch-rating-stars{font-size:18px;letter-spacing:0}
  .watch-rating-votes{font-size:10px}
}