/* Sugar Rush 1000 — content components. Scoped .sr-*, built on --sf-* tokens. */
.sr-card{border-radius:var(--sf-radius,10px);border:1px solid var(--sf-border,#332f47);background:var(--sf-surface-raised,#1b1930)}
.sr-h{display:block;font-family:var(--sf-font-heading,inherit);color:var(--sf-text,#f2f0fa)}
.sr-mut{color:var(--sf-text-muted,#a5a1bb)}

/* stat tiles */
.sr-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.9rem;margin:1.5rem 0}
@media(min-width:820px){.sr-stats{grid-template-columns:repeat(5,minmax(0,1fr))}}
.sr-stats>div{position:relative;overflow:hidden;text-align:center;padding:1.15rem .9rem}
.sr-stats>div::after{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--sf-accent,#8b5cf6),var(--sf-accent2,#22d3ee))}
.sr-stats b{display:block;font-family:var(--sf-font-heading,inherit);font-weight:800;line-height:1.15;font-size:clamp(1.3rem,3.4vw,1.7rem);color:var(--sf-text,#f2f0fa)}
.sr-stats span{display:block;margin-top:.35rem;font-size:.79rem;letter-spacing:.03em;text-transform:uppercase}

/* feature + strategy cards */
.sr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:1rem;margin:1.4rem 0}
.sr-grid>div{padding:1.2rem 1.25rem;transition:transform .15s ease,border-color .15s ease}
.sr-grid>div:hover{transform:translateY(-3px);border-color:var(--sf-accent,#8b5cf6)}
.sr-grid b{margin-bottom:.3rem;font-size:1.02rem}
.sr-grid p{margin:0;font-size:.94rem}
.sr-chip{display:inline-grid;place-items:center;width:2.3rem;height:2.3rem;margin-bottom:.65rem;border-radius:12px;
  font-size:1.1rem;font-weight:800;font-family:var(--sf-font-heading,inherit);
  background:var(--sf-accent-tint,rgba(139,92,246,.16));border:1px solid var(--sf-accent,#8b5cf6);color:var(--sf-text,#f2f0fa)}
.sr-strat>div{position:relative;overflow:hidden;padding-left:1.4rem}
.sr-strat>div::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--sf-accent,#8b5cf6),var(--sf-accent2,#22d3ee))}
.sr-strat .sr-chip{border-radius:999px;width:2rem;height:2rem;font-size:.9rem}

/* multiplier ladder */
.sr-lad-wrap{margin:1.5rem 0}
.sr-lad-wrap>b{margin-bottom:.15rem;font-size:1.05rem}
.sr-lad-wrap>i{display:block;margin-bottom:.9rem;font-size:.88rem;font-style:normal}
.sr-lad{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.6rem}
@media(min-width:900px){.sr-lad{grid-template-columns:repeat(5,minmax(0,1fr))}}
.sr-lad>div{position:relative;text-align:center;padding:.8rem .5rem}
.sr-lad small{display:block;font-size:.71rem;letter-spacing:.02em}
.sr-lad b{margin-top:.25rem;font-weight:800;font-size:1.15rem}
.sr-lad>div.is-max{border-color:var(--sf-accent,#8b5cf6);background:linear-gradient(160deg,var(--sf-accent-tint,rgba(139,92,246,.2)),var(--sf-surface-raised,#1b1930))}
.sr-lad>div.is-max b{font-size:1.3rem}
.sr-lad>div.is-max::after{content:"MAKS";position:absolute;top:-8px;left:50%;transform:translateX(-50%);padding:.1em .5em;
  border-radius:999px;font-size:.6rem;font-weight:800;letter-spacing:.06em;background:var(--sf-accent,#8b5cf6);color:var(--sf-on-accent,#fff)}

/* scatter -> free spins */
.sr-sc-wrap{margin:1.4rem 0}
.sr-sc-wrap>b{margin-bottom:.8rem;font-size:1.05rem}
.sr-sc{display:grid;grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:.7rem}
@media(min-width:760px){.sr-sc{grid-template-columns:repeat(5,minmax(0,1fr))}}
.sr-sc>div{display:flex;flex-direction:column;align-items:center;gap:.12rem;padding:.9rem .6rem}
.sr-sc small{font-size:.81rem}
.sr-sc em{font-style:normal;color:var(--sf-accent2,#22d3ee);font-size:1rem;line-height:1}
.sr-sc b{font-weight:800;font-size:1.5rem;line-height:1.1}
.sr-sc u{text-decoration:none;font-size:.73rem;text-transform:uppercase;letter-spacing:.04em}

/* bonus buy */
.sr-buy{display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:1rem;margin:1.4rem 0}
.sr-buy>div{padding:1.35rem 1.25rem 1.25rem}
.sr-buy>div.is-super{border-color:var(--sf-accent,#8b5cf6);background:linear-gradient(160deg,var(--sf-accent-tint,rgba(139,92,246,.18)),var(--sf-surface-raised,#1b1930))}
.sr-tag{display:inline-block;margin-bottom:.6rem;padding:.2em .7em;border-radius:999px;font-size:.71rem;font-weight:800;
  letter-spacing:.05em;text-transform:uppercase;background:var(--sf-accent-tint,rgba(139,92,246,.16));
  border:1px solid var(--sf-accent,#8b5cf6);color:var(--sf-text,#f2f0fa)}
.sr-buy b{margin-bottom:.1rem;font-size:1.08rem}
.sr-buy strong{display:block;margin-bottom:.6rem;font-family:var(--sf-font-heading,inherit);font-weight:800;font-size:1.55rem;color:var(--sf-text,#f2f0fa)}
.sr-buy strong small{font-size:.7rem;font-weight:600}
.sr-buy p{margin:0;font-size:.94rem}

/* RTP cards */
.sr-rtp{display:grid;grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:.9rem;margin:1.4rem 0}
.sr-rtp>div{text-align:center;padding:1.2rem 1rem}
.sr-rtp b{font-weight:800;font-size:1.75rem;line-height:1.1}
.sr-rtp em{display:inline-block;margin-top:.5rem;padding:.15em .6em;border-radius:999px;font-size:.69rem;font-weight:800;
  font-style:normal;letter-spacing:.05em;text-transform:uppercase;border:1px solid currentColor}
.sr-rtp p{margin:.55rem 0 0;font-size:.88rem}
.sr-rtp>div.is-best{border-color:var(--sf-success,#22c55e);background:linear-gradient(160deg,var(--sf-success-tint,rgba(34,197,94,.14)),var(--sf-surface-raised,#1b1930))}
.sr-rtp>div.is-best em{color:var(--sf-success,#22c55e)}
.sr-rtp>div.is-mid em{color:var(--sf-text-muted,#a5a1bb)}
.sr-rtp>div.is-low{border-color:var(--sf-danger,#ef4444)}
.sr-rtp>div.is-low em{color:var(--sf-danger,#ef4444)}

/* lazy demo */
.sr-demo{margin:1.6rem 0}
.sr-demo__frame{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:var(--sf-radius,10px);
  border:1px solid var(--sf-border,#332f47);background:var(--sf-surface-sunken,#0d0b16)}
.sr-demo__facade{position:absolute;inset:0;width:100%;height:100%;border:0;cursor:pointer;display:flex;
  flex-direction:column;align-items:center;justify-content:center;gap:.8rem;background-size:cover;background-position:center;color:#fff;font:inherit}
.sr-demo__facade::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(10,6,20,.45),rgba(10,6,20,.72))}
.sr-demo__play{position:relative;display:grid;place-items:center;width:74px;height:74px;border-radius:50%;font-size:1.7rem;
  background:var(--sf-accent,#8b5cf6);color:var(--sf-on-accent,#fff);box-shadow:0 12px 34px rgba(0,0,0,.45);transition:transform .15s ease}
.sr-demo__facade:hover .sr-demo__play{transform:scale(1.07)}
.sr-demo__facade b{position:relative;font-weight:800;font-size:clamp(1rem,2.6vw,1.25rem);text-shadow:0 1px 8px rgba(0,0,0,.6)}
.sr-demo__facade small{position:relative;font-size:.82rem;opacity:.92;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.sr-demo iframe{width:100%;height:100%;border:0;display:block}
.sr-demo__note{margin:.55rem 0 0;font-size:.82rem}