/* Ratings, member guides, suggestions, reports and moderation. Extends members.css. */
.gr-member-badge { display:inline-flex; align-items:center; padding:2px 8px; border:1px solid var(--gr-border,var(--slate-580)); border-radius:999px; color:var(--muted-bright); font-size:12px; font-weight:600; line-height:1.5; white-space:nowrap; }
.gr-member-badge.is-added { border-color:var(--green-260); color:var(--green-140); }
.gr-member-badge.is-hidden,.gr-member-badge.is-unsupported { border-color:var(--red-440); color:var(--red-140); }
.gr-app .gr-member-link-button { display:inline-flex; align-items:center; min-height:44px; padding:8px 4px; border:0; background:none; color:var(--accent); font:inherit; font-size:13px; text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
.gr-app .gr-member-link-button:disabled { cursor:wait; opacity:.6; }
.gr-member-note { margin:8px 0 0; padding:10px 12px; border-left:3px solid var(--gr-border-strong,var(--slate-460)); background:var(--gr-surface-soft,var(--slate-760)); color:var(--muted-bright); font-size:13px; line-height:1.55; overflow-wrap:anywhere; }
.gr-member-quote { margin:8px 0 0; color:var(--text); font-size:14px; line-height:1.6; white-space:pre-wrap; overflow-wrap:anywhere; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:6; overflow:hidden; }

/* Comment threads */
.gr-member-comment-meta a { color:inherit; }
.gr-member-comment-meta a:hover { color:var(--accent); }
.gr-member-comment-rating { color:var(--amber-120); font-size:12px; font-weight:600; }
.gr-member-comment-tools { display:flex; flex-wrap:wrap; gap:0 16px; margin-top:6px; }
.gr-member-replies { display:grid; gap:10px; margin-top:14px; padding-left:16px; border-left:2px solid var(--gr-border,var(--slate-580)); }
.gr-member-comment.gr-member-reply { padding:14px; background:var(--gr-surface-soft,var(--slate-760)); }
.gr-member-report-form { display:grid; gap:8px; margin-top:12px; padding:14px; border:1px solid var(--gr-border,var(--slate-580)); border-radius:8px; background:var(--gr-surface-soft,var(--slate-760)); }
.gr-member-report-form label { color:var(--text); font-size:13px; font-weight:600; }
.gr-app :is(.gr-member-report-form,.gr-member-field,.gr-member-preview,.gr-member-row-side) :is(select,textarea) { width:100%; min-width:0; min-height:46px; padding:10px 12px; border:1px solid var(--gr-border,var(--slate-580)); border-radius:6px; background:var(--slate-760); color:var(--text); font:inherit; font-size:15px; line-height:1.5; }
.gr-app :is(.gr-member-report-form,.gr-member-field,.gr-member-preview) textarea { display:block; resize:vertical; }
.gr-app .gr-member-row-side select { width:auto; font-size:13px; }
.gr-app .gr-member-field :is(select,textarea)[aria-invalid=true] { border-color:var(--red-220); }

/* Game page: member rating */
.gr-member-rating,.gr-member-game-guides { max-width:920px; margin-block:30px; scroll-margin-top:90px; }
.gr-member-rating-body { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px; padding:20px; border:1px solid var(--gr-border,var(--slate-580)); border-radius:8px; background:var(--gr-surface,var(--slate-730)); }
.gr-member-rating-value { margin:0 0 14px; color:var(--text); font-size:18px; font-weight:600; line-height:1.45; }
.gr-member-rating-bars { display:grid; gap:4px; }
.gr-member-rating-bar { display:grid; grid-template-columns:22px minmax(0,1fr) 44px; align-items:center; gap:8px; color:var(--muted); font-size:12px; }
.gr-member-rating-label { text-align:right; }
.gr-member-rating-track { height:8px; border-radius:4px; background:var(--slate-760); overflow:hidden; }
.gr-member-rating-fill { display:block; height:100%; min-width:0; border-radius:4px; background:var(--gr-primary,var(--cyan-400)); }
.gr-member-rating-prompt { margin:0 0 10px; color:var(--text); font-weight:600; }
.gr-member-rating-scale { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:6px; margin-bottom:12px; }
.gr-app .gr-member-rating-score { min-height:44px; border:1px solid var(--gr-action-border,var(--slate-520)); border-radius:6px; background:var(--gr-action-bg,var(--slate-700)); color:var(--slate-80); font:inherit; font-size:15px; font-weight:600; cursor:pointer; }
.gr-app .gr-member-rating-score:hover { background:var(--gr-action-hover,var(--slate-610)); }
.gr-app .gr-member-rating-score[aria-pressed=true] { background:var(--gr-primary,var(--cyan-400)); border-color:var(--cyan-250); color:#fff; }
.gr-app .gr-member-rating-score:disabled { cursor:wait; opacity:.6; }

.gr-card-member-rating { display:inline-flex; gap:5px; align-items:baseline; font-size:12px; line-height:1.4; white-space:nowrap; }
.gr-card-member-rating strong { color:var(--amber-120); font-size:14px; font-weight:700; font-variant-numeric:tabular-nums; }
[data-member-moderation-claim] { margin-top:14px; }
[data-member-moderation-claim] form { margin:6px 0 14px; }

/* Member guide lists */
.gr-member-guide-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.gr-member-guide-row { min-width:0; padding:16px; border:1px solid var(--gr-border,var(--slate-580)); border-radius:8px; background:var(--gr-surface,var(--slate-730)); }
.gr-app .gr-member-guide-row h3 { margin:0 0 8px; font-size:17px; line-height:1.4; overflow-wrap:anywhere; }
.gr-member-guide-row h3 a:hover,.gr-member-guide-row .gr-member-hint a { color:var(--accent); }
.gr-member-guide-summary { margin:0 0 4px; color:var(--muted-bright); font-size:14px; line-height:1.6; overflow-wrap:anywhere; }
.gr-member-hub-actions { display:flex; flex-wrap:wrap; gap:10px; }
.gr-member-hub-filter { margin:0 0 20px; color:var(--muted-bright); }
.gr-member-hub-filter a { color:var(--accent); }
.gr-guide-topics a[aria-current=true] { border-color:var(--gr-border-strong,var(--slate-460)); color:var(--text); }
.gr-guide-card-footer>span a { color:var(--accent); }
a.gr-guide-category:hover { text-decoration:underline; }
.gr-member-pagination { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; margin-top:26px; }

/* Member guide article */
.gr-guide-article blockquote { margin:0 0 20px; padding:4px 0 4px 18px; border-left:3px solid var(--gr-border-strong,var(--slate-460)); }
.gr-guide-article blockquote p { margin:0; color:var(--muted-bright); }
.gr-guide-article code { padding:2px 6px; border-radius:4px; background:var(--slate-760); font-size:.9em; overflow-wrap:anywhere; }
.gr-app .gr-guide-article h3 { margin:26px 0 12px; font-size:20px; line-height:1.35; overflow-wrap:anywhere; }
.gr-guide-article :is(p,li) a { color:var(--accent); text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere; }
.gr-member-guide-language { margin-top:14px; }
.gr-member-guide-footer { margin-top:10px; padding-top:22px; border-top:1px solid var(--gr-border,var(--slate-580)); }
.gr-guide-detail>.gr-member-guide-footer { margin-left:calc(var(--guide-toc-width) + var(--guide-column-gap)); }
.gr-member-guide-vote { display:flex; flex-wrap:wrap; align-items:center; gap:10px 16px; }
.gr-member-guide-vote .gr-member-hint { margin:0; }
.gr-app .gr-member-guide-vote button[aria-pressed=true] { border-color:var(--green-260); color:var(--green-140); }
.gr-member-guide-links { display:flex; flex-wrap:wrap; align-items:center; gap:0 14px; margin-top:8px; }
.gr-app .gr-container.gr-member-comments { margin-inline:auto; }

/* Wide member pages: suggestions, own guides, editor, moderation */
.gr-member-wide .gr-member-card { width:min(100%,720px); }
.gr-member-panel { width:min(100%,920px); margin:24px auto 0; padding:26px; border:1px solid var(--gr-border,var(--slate-580)); border-radius:10px; background:var(--gr-surface,var(--slate-730)); }
.gr-member-wide>.gr-member-panel:first-child { margin-top:0; }
.gr-member-panel-head { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; }
.gr-app .gr-member-panel-head :is(h1,h2) { margin:0; font-size:24px; line-height:1.3; }
.gr-app [data-member-moderation-body]>section>h2 { margin:30px 0 12px; font-size:19px; line-height:1.35; }
.gr-member-panel form { display:grid; gap:18px; }
.gr-member-tabs { display:flex; gap:8px; }
.gr-app .gr-member-tabs button[aria-pressed=true] { border-color:var(--cyan-250); color:#fff; }
.gr-member-rows { display:grid; gap:10px; margin:0; padding:0; list-style:none; }
.gr-member-row { display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:10px 18px; min-width:0; padding:14px 16px; border:1px solid var(--gr-border,var(--slate-580)); border-radius:8px; background:var(--gr-surface-soft,var(--slate-760)); }
.gr-member-row-main { flex:1 1 320px; min-width:0; display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 10px; }
.gr-member-row-main>p { flex:1 0 100%; margin:0; }
.gr-member-row-title { color:var(--text); font-size:15px; font-weight:600; overflow-wrap:anywhere; }
a.gr-member-row-title:hover { color:var(--accent); }
.gr-member-row-side { display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; }
.gr-member-rows+.gr-member-secondary { margin-top:14px; }
.gr-member-options { margin:6px 0 0; padding:6px 12px; border:1px solid var(--gr-border,var(--slate-580)); border-radius:6px; background:var(--slate-760); list-style:none; }
.gr-member-chosen { margin:0; color:var(--muted-bright); }
.gr-member-markup-help { padding:4px 14px; border:1px solid var(--gr-border,var(--slate-580)); border-radius:6px; }
.gr-member-markup-help summary { min-height:44px; padding-block:10px; color:var(--accent); cursor:pointer; }
.gr-member-markup-help ul { margin:0 0 12px; padding-left:20px; color:var(--muted-bright); font-size:13px; line-height:1.7; }
.gr-member-markup-help code { padding:1px 5px; border-radius:4px; background:var(--slate-760); }
.gr-member-editor-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.gr-member-preview { margin-top:26px; padding-top:22px; border-top:1px solid var(--gr-border,var(--slate-580)); }
.gr-app .gr-member-preview>h2,.gr-app .gr-member-preview>h3 { margin:0 0 14px; font-size:20px; line-height:1.35; overflow-wrap:anywhere; }
.gr-member-preview label { display:block; margin:14px 0 7px; font-weight:600; }
.gr-member-account-links { display:flex; flex-wrap:wrap; gap:4px 18px; margin:16px 0 4px; padding-top:14px; border-top:1px solid var(--line,var(--slate-580)); }
.gr-member-account-links a { display:inline-flex; align-items:center; min-height:44px; color:var(--accent); text-decoration:underline; text-underline-offset:3px; }

/* Public profile */
.gr-member-profile-page { max-width:1200px; padding-block:30px 52px; }
.gr-member-profile-head { display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px; margin-bottom:10px; }
.gr-app .gr-member-profile-head h1 { margin:0; font-size:clamp(26px,3vw,36px); line-height:1.25; overflow-wrap:anywhere; }
.gr-member-profile-head>p { flex:1 0 100%; margin:0; }
.gr-member-profile-counts { display:flex; flex-wrap:wrap; gap:12px 34px; flex:1 0 100%; margin:12px 0 0; }
.gr-member-profile-counts dt { color:var(--muted); font-size:12px; }
.gr-member-profile-counts dd { margin:2px 0 0; font-size:20px; font-weight:600; }
.gr-app .gr-member-profile-page section>h2 { margin:34px 0 16px; font-size:22px; line-height:1.3; }
.gr-member-profile-ratings { display:grid; gap:8px; max-width:720px; margin:0; padding:0; list-style:none; }
.gr-member-profile-ratings li { display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 14px; padding:12px 14px; border:1px solid var(--gr-border,var(--slate-580)); border-radius:8px; background:var(--gr-surface,var(--slate-730)); }
.gr-member-profile-ratings a { flex:1 1 200px; min-width:0; color:var(--text); overflow-wrap:anywhere; }
.gr-member-profile-ratings a:hover { color:var(--accent); }
.gr-member-profile-ratings time { color:var(--muted); font-size:12px; }

@media(max-width:960px) {
  .gr-guide-detail>.gr-member-guide-footer { margin-left:0; }
}
@media(max-width:760px) {
  .gr-member-rating-body { grid-template-columns:minmax(0,1fr); padding:16px; }
  .gr-member-guide-list { grid-template-columns:minmax(0,1fr); }
  .gr-member-panel { padding:20px 16px; }
  .gr-member-replies { padding-left:10px; }
  .gr-member-row-side { flex:1 0 100%; }
}