/* gg-info: shared infographic + rating panel for all slot review pages */
.gg-info{background:#141d30;border:1px solid #1e2a42;border-radius:16px;padding:22px;margin:16px 0 20px}
.gg-info-h{font:900 20px 'Nunito',sans-serif;color:#fff;margin:0 0 16px;display:flex;align-items:center;gap:10px}
.gg-info-h::before{content:'';width:6px;height:20px;background:#FECC00;border-radius:4px;flex-shrink:0}
.gg-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.gg-graph{display:grid;grid-template-columns:1fr;gap:18px;margin-bottom:16px}
.gg-rtp-k{color:#7f8cab;font:800 13px 'Nunito',sans-serif}
.gg-rtp-head,.gg-vol-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}
.gg-rtp-v{color:#FECC00;font:900 18px 'Nunito',sans-serif}
.gg-vol-v{color:#fff;font:900 15px 'Nunito',sans-serif}
.gg-rtp-track{position:relative;height:10px;background:#0f1626;border:1px solid #1e2a42;border-radius:20px}
.gg-rtp-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#006AA7,#0085D1);border-radius:20px}
.gg-rtp-avg{position:absolute;top:-3px;width:2px;height:16px;background:#aebbd2;transform:translateX(-1px)}
.gg-rtp-dot{position:absolute;top:50%;width:14px;height:14px;background:#FECC00;border:2px solid #141d30;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #FECC00}
.gg-rtp-scale{position:relative;display:flex;justify-content:space-between;margin-top:8px;color:#7f8cab;font:800 11px 'Nunito',sans-serif}
.gg-rtp-avglbl{position:absolute;top:0;transform:translateX(-50%);color:#aebbd2;white-space:nowrap}

.gg-vol-track{display:flex;gap:5px}
.gg-vol-step{flex:1;height:12px;background:#2a3550;border-radius:3px}
.gg-vol-step.on{background:#FECC00}
.gg-vol-scale{display:flex;justify-content:space-between;margin-top:8px;color:#7f8cab;font:800 11px 'Nunito',sans-serif}

.gg-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.gg-chip{background:#FECC00;color:#0a0e1a;padding:6px 13px;border-radius:30px;font:800 12px 'Nunito',sans-serif}
.gg-chip.alt{background:#0085D1;color:#fff}
.gg-chip.ghost{background:transparent;color:#aebbd2;border:1px solid #1e2a42}

.gg-rate{border-top:1px solid #1e2a42;padding-top:18px;display:grid;grid-template-columns:1fr;gap:18px}
.gg-rate-overall{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:#0f1626;border:1px solid #1e2a42;border-radius:14px;padding:14px 16px}
.gg-rate-num{font:900 34px 'Nunito',sans-serif;color:#FECC00;line-height:1}
.gg-rate-num span{font-size:16px;color:#7f8cab}
.gg-stars{display:flex;gap:3px}
.gg-stars svg{width:22px;height:22px}
.gg-rate-lbl{font:800 13px 'Nunito',sans-serif;color:#aebbd2}
.gg-asps{display:grid;grid-template-columns:1fr;gap:13px}
.gg-asp-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}
.gg-asp-lbl{color:#aebbd2;font:800 13px 'Nunito',sans-serif}
.gg-asp-num{color:#fff;font:900 14px 'Nunito',sans-serif}
.gg-asp-num span{color:#7f8cab;font-size:11px}
.gg-asp-track{height:8px;background:#2a3550;border-radius:20px;overflow:hidden}
.gg-asp-fill{height:100%;background:linear-gradient(90deg,#FECC00,#ffd94d);border-radius:20px}

@media(min-width:560px){
  .gg-graph{grid-template-columns:1fr 1fr}
  .gg-rate{grid-template-columns:200px 1fr;align-items:start}
  .gg-rate-overall{flex-direction:column;align-items:flex-start;gap:10px}
  .gg-asps{grid-template-columns:1fr 1fr;gap:14px 22px}
}

html[data-theme=light] .gg-info{background:#fff;border-color:#e2e7f0}
html[data-theme=light] .gg-info-h,html[data-theme=light] .gg-vol-v,html[data-theme=light] .gg-asp-num{color:#0c1322}
html[data-theme=light] .gg-rtp-track{background:#eef1f7;border-color:#e2e7f0}
html[data-theme=light] .gg-rate-overall{background:#f4f6fb;border-color:#e2e7f0}
html[data-theme=light] .gg-rate,html[data-theme=light] .gg-rate{border-color:#e2e7f0}
html[data-theme=light] .gg-vol-step,html[data-theme=light] .gg-asp-track{background:#dbe1ec}
html[data-theme=light] .gg-rtp-dot{border-color:#fff}
html[data-theme=light] .gg-asp-lbl{color:#3a4255}
html[data-theme=light] .gg-rate-num{color:#c88a00}
/* demo-wrap chrome for pages that lack the batch-1 inline styles */
.demo-wrap .demo-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.demo-wrap .demo-head h2{margin:0}
.demo-wrap .fsbtn{background:#141d30;border:1px solid #1e2a42;color:#FECC00;font:800 12px 'Nunito',sans-serif;padding:8px 14px;border-radius:24px;cursor:pointer;white-space:nowrap}
.demo-wrap .fsbtn:hover{background:#FECC00;color:#0a0e1a}
html[data-theme=light] .demo-wrap .fsbtn{background:#fff;border-color:#e2e7f0;color:#946f00}