/* Game sentiment is separate from the votes for individual distributions. */
.game-rating-section { container-type:inline-size; margin-top:64px; scroll-margin-top:26px; }
.game-rating-heading { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:10px 20px; margin-bottom:24px; }
.game-rating-heading h2 { color:#18282d; font-size:clamp(28px,3.4cqw,34px); font-weight:670; line-height:1.14; letter-spacing:-.045em; }
.game-rating-heading > span { display:flex; align-items:center; gap:9px; font-size:11px; color:#77877d; }
.game-rating-demo { padding:2px 5px; border:1px solid #dfe7dc; border-radius:var(--radius-detail); font-size:9px; color:#7a8974; }
.game-rating-card { display:grid; grid-template-columns:155px minmax(160px,1fr) 190px; align-items:center; gap:27px; padding:28px; border:1px solid #dce5d9; border-radius:var(--radius-surface); background:linear-gradient(110deg,#f4f8ef,#fbfcfa 40%,#fff); }
.game-rating-caption { display:block; font-size:10px; color:#6d8065; font-weight:600; line-height:1.4; }
.game-rating-value { display:flex; align-items:baseline; gap:9px; margin:9px 0 8px; }
.game-rating-value strong { color:#263d28; font-size:65px; line-height:1; font-weight:720; letter-spacing:-.07em; font-variant-numeric:tabular-nums; }
.game-rating-value > span { font-size:13px; color:#6d7e67; white-space:nowrap; }
.game-rating-stars { display:inline-block; position:relative; color:#d5e0ca; font-size:21px; line-height:1.2; letter-spacing:.065em; white-space:nowrap; }
.game-rating-stars-fill { position:absolute; top:0; left:0; width:0; overflow:hidden; color:#7aa54b; }
#rating-read-reviews { display:flex; align-items:center; gap:8px; width:max-content; margin-top:12px; color:#52713d; font-size:12px; font-weight:550; }
#rating-read-reviews:hover { text-decoration:underline; text-underline-offset:3px; }
#rating-read-reviews .icon { width:14px; height:14px; }
.game-rating-distribution { min-width:0; }
.game-rating-distribution > .game-rating-caption { margin:0 6px 8px; }
.game-rating-row { display:grid; grid-template-columns:28px minmax(0,1fr) 22px; align-items:center; gap:9px; width:100%; min-height:26px; padding:3px 6px; border-radius:var(--radius-detail); }
.game-rating-level { display:flex; align-items:center; gap:5px; font-size:12px; font-weight:600; color:#5c744c; }
.game-rating-level > span { font-size:11px; color:#849c6d; }
.game-rating-track { display:block; height:7px; border-radius:var(--radius-line); background:#e7ece2; overflow:hidden; }
.game-rating-fill { display:block; height:100%; width:0; background:#86ab5d; border-radius:var(--radius-line); }
.game-rating-count { font-size:11px; color:#55713f; text-align:right; font-variant-numeric:tabular-nums; }
.game-rating-row:not(:disabled):hover, .game-rating-row[aria-pressed=true] { background:#eaf1e2; }
.game-rating-row:not(:disabled):hover .game-rating-fill { background:#6d963f; }
.game-rating-row:disabled .game-rating-level, .game-rating-row:disabled .game-rating-level > span, .game-rating-row:disabled .game-rating-count { color:#96a18e; }
.game-rating-invitation { align-self:stretch; display:flex; flex-direction:column; justify-content:center; padding-left:25px; border-left:1px solid #e0e7d9; }
.game-rating-invitation h3 { color:#2d442c; font-size:15px; font-weight:650; letter-spacing:-.015em; }
.game-rating-invitation p { font-size:11px; color:#75836d; line-height:1.65; margin:7px 0 15px; }
.game-rating-write { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:39px; padding:8px 12px; border-radius:var(--radius-control); background:#e3edce; border:1px solid #d1dfb6; color:#3f5f2b; font-size:12px; font-weight:650; }
.game-rating-write:hover { background:#d6e7b6; color:#304f21; }
.game-rating-write .icon { width:15px; height:15px; }
.game-rating-invitation > span { margin-top:8px; font-size:9px; color:#859179; text-align:center; }
.game-rating-note { color:#7f8b76; font-size:10px; line-height:1.65; margin-top:11px; }
.game-rating-section + .versions-section { margin-top:64px; }
.review-rating-filter { display:flex; flex-wrap:wrap; align-items:center; gap:10px; justify-content:space-between; padding:11px 14px; border-radius:var(--radius-control); color:#4f6c3d; background:#f0f5e9; font-size:12px; margin:15px 0 5px; }
.review-rating-filter[hidden] { display:none; }
.review-rating-filter button { display:flex; align-items:center; gap:9px; color:#587a3c; font-size:11px; font-weight:600; }
.review-rating-filter button > span { font-size:17px; font-weight:400; }
#reviews-title:focus { outline:none; }
@container (max-width:700px) {
  .game-rating-card { grid-template-columns:135px minmax(0,1fr); gap:23px 28px; padding:24px; }
  .game-rating-invitation { grid-column:1/-1; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px 20px; align-items:center; border-left:0; border-top:1px solid #dfe7d6; padding:19px 0 0; }
  .game-rating-invitation h3 { grid-column:1; font-size:14px; }
  .game-rating-invitation p { grid-column:1; margin:0; }
  .game-rating-invitation p br { display:none; }
  .game-rating-write { grid-column:2; grid-row:1/3; min-width:150px; }
  .game-rating-invitation > span { display:none; }
}
@container (max-width:420px) {
  .game-rating-card { grid-template-columns:108px minmax(0,1fr); padding:19px 17px; gap:20px 15px; }
  .game-rating-value strong { font-size:50px; }
  .game-rating-value { gap:6px; }
  .game-rating-value > span { font-size:11px; }
  .game-rating-stars { font-size:16px; }
  .game-rating-caption { font-size:9px; }
  .game-rating-row { grid-template-columns:24px minmax(0,1fr) 14px; padding-inline:3px; gap:7px; min-height:27px; }
  .game-rating-distribution > .game-rating-caption { margin-left:3px; }
  .game-rating-invitation { grid-template-columns:1fr; gap:8px; padding-top:17px; }
  .game-rating-invitation p { font-size:11px; }
  .game-rating-write { grid-column:1; grid-row:auto; margin-top:4px; min-height:42px; }
  .game-rating-heading { margin-bottom:20px; gap:9px; }
  .game-rating-heading > span { font-size:10px; }
  .game-rating-note { font-size:10px; }
}
@media (max-width:900px) {
  .game-rating-section { grid-row:4; margin-top:56px; }
  .game-rating-section + .versions-section { margin-top:56px; }
}
@media (max-width:540px) {
  .game-rating-section { margin-top:48px; }
  .game-rating-heading h2 { font-size:27px; }
  .game-rating-section + .versions-section { margin-top:48px; }
}