:root{
  --red:#fb1949;
  --green:#4ade80;
}

/* MAIN */
main{flex:1;max-width:820px;margin:0 auto;width:100%;padding:64px 32px 80px}
h1{font-size:clamp(27.2px,3.5vw,38.4px);font-weight:900;line-height:1.2;margin-bottom:16px}
h1 span{background:var(--red);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
h2{font-size:clamp(20.8px,2.6vw,25.6px);font-weight:800;line-height:1.3;margin:48px 0 16px}
.intro p,.recs p{color:var(--muted);font-size:15.2px;line-height:1.8;margin-bottom:16px}
.intro p strong,.recs p strong{color:var(--text)}
.intro a,.recs a{color:var(--purple2);font-weight:600}

/* UPDATED ROW */
.updated-row{display:flex;align-items:center;gap:10px;margin:8px 0 24px;flex-wrap:wrap}
.upd-badge{display:inline-flex;align-items:center;gap:6px;font-size:11.52px;font-weight:700;padding:4px 12px;border-radius:20px}
.upd-green{background:rgba(74,222,128,.12);border:1px solid rgba(74,222,128,.25);color:var(--green)}
.upd-gray{background:rgba(255,255,255,.05);border:1px solid var(--border);color:var(--muted)}

/* CASINO LIST */
.alt-list{list-style:none;display:flex;flex-direction:column;gap:14px;margin:0 0 16px;padding:0;counter-reset:alt}
.alt-card{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:20px 22px;display:grid;grid-template-columns:40px 1fr auto;gap:6px 18px;align-items:center;transition:border-color .2s,background .2s}
.alt-card:hover{border-color:rgba(251,25,73,.3);background:var(--bg3)}
.alt-rank{grid-row:span 2;width:40px;height:40px;border-radius:10px;background:var(--bg4);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:15.2px;color:var(--text)}
.alt-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}
.alt-name{font-size:17.6px;font-weight:800;color:var(--text);margin:0}
.alt-tag{font-size:11.2px;font-weight:700;padding:2px 9px;border-radius:20px;background:rgba(251,25,73,.12);color:var(--red);border:1px solid rgba(251,25,73,.2);white-space:nowrap}
.alt-bonus{grid-column:2;font-size:14.4px;font-weight:700;color:var(--gold);line-height:1.5}
.alt-bonus small{display:block;font-size:12px;font-weight:500;color:var(--muted)}
.alt-desc{grid-column:2 / 4;font-size:13.6px;color:var(--muted);line-height:1.7;margin:4px 0 0}
.alt-btn{grid-column:3;grid-row:1 / span 2;background:var(--red);color:#fff;padding:10px 20px;border-radius:8px;font-size:13.12px;font-weight:700;white-space:nowrap;transition:opacity .2s;text-align:center}
.alt-btn:hover{opacity:.85}
.alt-btn-off{background:var(--bg4);color:var(--muted);border:1px solid var(--border);cursor:default}
.alt-btn-off:hover{opacity:1}
.alt-note{font-size:12.48px;color:var(--muted);line-height:1.7;margin-top:8px}

@media(max-width:768px){
  main{padding:40px 16px 64px}
  .alt-card{grid-template-columns:36px 1fr;padding:18px 16px}
  .alt-rank{grid-row:auto;width:36px;height:36px}
  .alt-bonus,.alt-desc{grid-column:1 / -1}
  .alt-btn{grid-column:1 / -1;grid-row:auto;padding:12px 20px}
}