/* ---- Casino full-bleed hero ---- */
body .wrapper .casino-hero { position: relative; overflow: hidden; background-color: var(--osa-ink); color: #FFFFFF; }
body .wrapper .casino-hero .casino-hero-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; }
body .wrapper .casino-hero .casino-hero-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: linear-gradient(90deg, rgba(26, 16, 63, 0.94) 0%, rgba(26, 16, 63, 0.82) 45%, rgba(26, 16, 63, 0.45) 100%); z-index: 1; }
body .wrapper .casino-hero .casino-hero-inner { position: relative; z-index: 2; }
body .wrapper .casino-hero .casino-breadcrumb { font-size: 13px; color: #C7C1E0; margin: 0 0 14px; }
body .wrapper .casino-hero .casino-breadcrumb a { color: #C7C1E0; text-decoration: none; }
body .wrapper .casino-hero .casino-breadcrumb a:hover { color: var(--osa-lime); }
body .wrapper .casino-hero .casino-badge { display: inline-block; background-color: var(--osa-lime); color: var(--osa-ink); font-size: 12px; font-weight: 700; padding: 6px 12px; margin-bottom: 16px; }
body .wrapper .casino-hero .casino-eyebrow { font-size: 13px; font-weight: 700; color: var(--osa-lime); margin: 0 0 8px; letter-spacing: 0.5px; }
body .wrapper .casino-hero .casino-title { font-size: 46px; font-weight: 700; line-height: 1; margin: 0; letter-spacing: -1.8px; }
body .wrapper .casino-hero .casino-tagline { font-size: 18px; font-weight: 400; color: #E4E0F2; margin: 14px 0 0; max-width: 560px; }
body .wrapper .casino-hero .fact-tiles { list-style: none; margin: 28px 0 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; max-width: 760px; }
body .wrapper .casino-hero .fact-tile { background-color: rgba(255, 255, 255, 0.08); border-left: 3px solid var(--osa-lime); padding: 14px 16px; }
body .wrapper .casino-hero .fact-tile .fact-label { display: block; font-size: 12px; color: #C7C1E0; margin-bottom: 4px; }
body .wrapper .casino-hero .fact-tile .fact-value { display: block; font-size: 21px; font-weight: 700; color: #FFFFFF; line-height: 1.15; }
body .wrapper .casino-hero .fact-tile .fact-value.is-lime { color: var(--osa-lime); }
body .wrapper .casino-hero .slot-cta { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 28px; }

/* ---- Pro / Contra ---- */
body .wrapper .proscons-section { background-color: var(--osa-paper); }
body .wrapper .proscons-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr; gap: 22px; }
body .wrapper .proscons-col { padding: 26px; background-color: var(--osa-mist); box-shadow: var(--osa-shadow-1); }
body .wrapper .proscons-col.pros { border-top: 4px solid var(--osa-lime); }
body .wrapper .proscons-col.cons { border-top: 4px solid #A49CFF; }
body .wrapper .proscons-col .proscons-head { font-size: 19px; font-weight: 700; letter-spacing: -0.3px; color: var(--osa-ink); margin: 0 0 16px; }
body .wrapper .proscons-col .proscons-list { list-style: none; margin: 0; padding: 0; }
body .wrapper .proscons-col .proscons-list li { display: flex; gap: 12px; align-items: flex-start; font-size: 15px; line-height: 1.6; color: #2c2350; margin-bottom: 13px; }
body .wrapper .proscons-col .proscons-list li:last-child { margin-bottom: 0; }
body .wrapper .proscons-col .proscons-list li svg { flex-shrink: 0; margin-top: 2px; }

/* ---- Bewertungs-Scorecard ---- */
body .wrapper .scorecard-section { background-color: var(--osa-mist); }
body .wrapper .scorecard-section .score-overall { display: inline-flex; align-items: baseline; gap: 8px; background-color: var(--osa-ink); color: #FFFFFF; padding: 12px 20px; margin-bottom: 22px; }
body .wrapper .scorecard-section .score-overall .score-overall-num { font-size: 26px; font-weight: 700; color: var(--osa-lime); }
body .wrapper .scorecard-section .score-overall .score-overall-label { font-size: 14px; color: #E4E0F2; }
body .wrapper .scorecard { max-width: 780px; background-color: var(--osa-card); box-shadow: var(--osa-shadow-1); padding: 8px 26px; }
body .wrapper .scorecard .score-row { display: flex; align-items: center; gap: 16px; padding: 18px 0; border-bottom: 1px solid var(--osa-line); }
body .wrapper .scorecard .score-row:last-child { border-bottom: none; }
body .wrapper .scorecard .score-label { flex: 0 0 42%; font-size: 15px; font-weight: 700; color: var(--osa-ink); }
body .wrapper .scorecard .score-track { flex: 1; height: 8px; background-color: var(--osa-mist); position: relative; }
body .wrapper .scorecard .score-track .score-fill { position: absolute; top: 0; left: 0; height: 8px; background-color: var(--osa-lime); }
body .wrapper .scorecard .score-track .fill-70 { width: 70%; }
body .wrapper .scorecard .score-track .fill-80 { width: 80%; }
body .wrapper .scorecard .score-track .fill-90 { width: 90%; }
body .wrapper .scorecard .score-track .fill-100 { width: 100%; }
body .wrapper .scorecard .score-val { flex: 0 0 52px; text-align: right; font-size: 15px; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--osa-ink); }

@media (min-width: 768px) {
  body .wrapper .casino-hero .casino-title { font-size: 60px; letter-spacing: -2.4px; }
  body .wrapper .casino-hero .fact-tiles { grid-template-columns: repeat(4, 1fr); }
  body .wrapper .proscons-grid { grid-template-columns: 1fr 1fr; gap: 28px; }
}
@media (min-width: 1024px) {
  body .wrapper .casino-hero .casino-hero-inner { min-height: 460px; display: flex; flex-direction: column; justify-content: center; }
  body .wrapper .casino-hero .casino-title { font-size: 72px; letter-spacing: -3px; }
}