/* =========================================================
   SpinEmpire Denmark — site14 "Nordic Aurora"
   Distinct editorial layout · prefix: sn-
   ========================================================= */

:root{
  --sn-bg:        #0a0e1a;
  --sn-bg-2:      #0e1424;
  --sn-panel:     #131b2e;
  --sn-panel-2:   #182240;
  --sn-border:    rgba(120,150,200,0.16);
  --sn-border-str:rgba(120,150,200,0.30);
  --sn-text:      #e7edf7;
  --sn-muted:     #94a3bd;
  --sn-aurora:    #3ddc97;
  --sn-aurora-2:  #2fb6d6;
  --sn-blue:      #5aa0ff;
  --sn-gold:      #f4c04e;
  --sn-gold-2:    #ffd97a;
  --sn-danger:    #ff6b6b;
  --sn-radius:    16px;
  --sn-radius-sm: 10px;
  --sn-wrap:      1200px;
  --sn-shadow:    0 24px 60px -20px rgba(0,0,0,0.65);
  --sn-glow:      0 0 0 1px rgba(61,220,151,0.25), 0 12px 40px -12px rgba(61,220,151,0.28);
  font-synthesis: none;
}

*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  margin:0;
  font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  background:var(--sn-bg);
  color:var(--sn-text);
  line-height:1.7;
  font-size:16px;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
/* aurora ambient background */
body::before{
  content:"";
  position:fixed; inset:0; z-index:-1; pointer-events:none;
  background:
    radial-gradient(60% 40% at 12% 0%, rgba(61,220,151,0.10), transparent 60%),
    radial-gradient(50% 45% at 90% 8%, rgba(90,160,255,0.10), transparent 60%),
    radial-gradient(70% 50% at 50% 100%, rgba(47,182,214,0.07), transparent 65%);
}
img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
h1,h2,h3,h4{ font-family:"Space Grotesk","Inter",sans-serif; line-height:1.15; letter-spacing:-0.01em; margin:0 0 .5em; font-weight:700; }

.sn-wrap{ max-width:var(--sn-wrap); margin:0 auto; padding:0 22px; width:100%; }

/* ---------- Skip / progress ---------- */
.sn-progress{
  position:fixed; top:0; left:0; height:3px; width:0; z-index:200;
  background:linear-gradient(90deg,var(--sn-aurora),var(--sn-aurora-2),var(--sn-blue));
  box-shadow:0 0 12px rgba(61,220,151,0.6);
  transition:width .1s linear;
}

/* ---------- Buttons ---------- */
.sn-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.5em;
  font-family:"Space Grotesk",sans-serif; font-weight:600; font-size:15px;
  padding:12px 22px; border-radius:999px; border:1px solid transparent;
  cursor:pointer; transition:transform .16s ease, box-shadow .16s ease, background .16s ease;
  white-space:nowrap;
}
.sn-btn:hover{ transform:translateY(-2px); }
.sn-btn--gold{
  background:linear-gradient(135deg,var(--sn-gold),var(--sn-gold-2));
  color:#2a1e00; box-shadow:0 10px 28px -10px rgba(244,192,78,0.6);
}
.sn-btn--aurora{
  background:linear-gradient(135deg,var(--sn-aurora),var(--sn-aurora-2));
  color:#04231a; box-shadow:0 10px 28px -10px rgba(61,220,151,0.55);
}
.sn-btn--ghost{
  background:transparent; border-color:var(--sn-border-str); color:var(--sn-text);
}
.sn-btn--ghost:hover{ border-color:var(--sn-aurora); color:var(--sn-aurora); }
.sn-btn--lg{ padding:16px 34px; font-size:17px; }
.sn-btn--full{ width:100%; }

/* ---------- Header ---------- */
.sn-head{
  position:sticky; top:0; z-index:120;
  background:rgba(10,14,26,0.82);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--sn-border);
}
.sn-head__bar{
  display:flex; align-items:center; gap:18px;
  max-width:var(--sn-wrap); margin:0 auto; padding:12px 22px;
}
.sn-logo{
  font-family:"Space Grotesk",sans-serif; font-weight:700; font-size:20px;
  display:flex; align-items:center; gap:9px; letter-spacing:-.02em;
}
.sn-logo .sn-logo__mark{
  width:30px; height:30px; border-radius:9px;
  background:linear-gradient(135deg,var(--sn-aurora),var(--sn-aurora-2));
  display:grid; place-items:center; color:#04231a; flex:none;
  box-shadow:0 6px 18px -6px rgba(61,220,151,0.6);
}
.sn-logo b{ color:var(--sn-aurora); font-weight:700; }
.sn-logo small{
  font-size:11px; font-weight:600; color:var(--sn-muted);
  border:1px solid var(--sn-border); padding:2px 7px; border-radius:6px; margin-left:2px;
  font-family:"Inter",sans-serif; letter-spacing:.04em;
}
.sn-nav{ display:flex; gap:6px; margin:0 auto; }
.sn-nav a{
  font-size:14.5px; font-weight:500; color:var(--sn-muted);
  padding:8px 13px; border-radius:8px; transition:color .15s, background .15s;
}
.sn-nav a:hover{ color:var(--sn-text); background:rgba(255,255,255,0.04); }
.sn-nav a.active{ color:var(--sn-aurora); }
.sn-head__spacer{ flex:1; }
.sn-head__cta{ margin-left:0; }
.sn-head__mobile-cta{ display:none; }

.sn-lang{ position:relative; flex:none; }
.sn-lang__btn{
  display:flex; align-items:center; gap:7px; padding:7px 11px;
  border:1px solid var(--sn-border-str); border-radius:9px; background:transparent;
  color:var(--sn-text); font-size:12.5px; font-weight:600; letter-spacing:.02em; cursor:pointer;
  transition:border-color .15s, background .15s;
}
.sn-lang__btn:hover{ border-color:var(--sn-aurora); background:rgba(255,255,255,0.04); }
.sn-lang__flag{ font-size:15px; line-height:1; }
.sn-lang__chev{ color:var(--sn-muted); transition:transform .18s ease; }
.sn-lang.is-open .sn-lang__chev{ transform:rotate(180deg); }
.sn-lang__menu{
  position:absolute; top:calc(100% + 8px); right:0; min-width:158px;
  background:var(--sn-panel); border:1px solid var(--sn-border-str); border-radius:10px;
  padding:6px; display:flex; flex-direction:column; gap:2px;
  opacity:0; visibility:hidden; pointer-events:none; transform:translateY(-6px);
  transition:opacity .15s ease, transform .15s ease, visibility .15s; z-index:5;
  box-shadow:var(--sn-shadow);
}
.sn-lang.is-open .sn-lang__menu{ opacity:1; visibility:visible; pointer-events:auto; transform:translateY(0); }
.sn-lang__item{
  display:flex; align-items:center; gap:9px; padding:9px 10px; border-radius:7px;
  font-size:13.5px; font-weight:500; color:var(--sn-muted); transition:color .15s, background .15s;
}
.sn-lang__item .sn-lang__flag{ font-size:16px; }
.sn-lang__item:hover{ color:var(--sn-text); background:rgba(255,255,255,0.05); }
.sn-lang__item.active{ color:var(--sn-aurora); background:rgba(61,220,151,0.1); }

.sn-burger{
  display:none; width:42px; height:42px; border-radius:10px;
  background:transparent; border:1px solid var(--sn-border-str);
  flex-direction:column; gap:5px; align-items:center; justify-content:center; cursor:pointer;
}
.sn-burger span{ width:20px; height:2px; background:var(--sn-text); border-radius:2px; transition:.2s; }
.sn-burger.is-open span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.sn-burger.is-open span:nth-child(2){ opacity:0; }
.sn-burger.is-open span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

/* mobile nav panel */
.sn-mobile{
  position:fixed; inset:0 0 0 auto; width:min(320px,86vw); z-index:130;
  background:var(--sn-bg-2); border-left:1px solid var(--sn-border);
  transform:translateX(100%); transition:transform .28s cubic-bezier(.4,0,.2,1);
  padding:22px; display:flex; flex-direction:column; gap:6px;
  overflow-y:auto;
}
.sn-mobile.is-open{ transform:translateX(0); }
.sn-mobile a{ padding:13px 12px; border-radius:10px; font-weight:500; color:var(--sn-text); border-bottom:1px solid var(--sn-border); }
.sn-mobile a:hover{ background:rgba(255,255,255,0.04); }
.sn-mobile .sn-btn{ margin-top:14px; }
.sn-scrim{
  position:fixed; inset:0; background:rgba(4,7,15,0.6); z-index:125; opacity:0; visibility:hidden;
  transition:.28s; backdrop-filter:blur(2px);
}
.sn-scrim.is-open{ opacity:1; visibility:visible; }

/* ---------- Hero ---------- */
.sn-hero{ position:relative; overflow:hidden; }
.sn-hero__media{ position:relative; }
.sn-hero picture{ display:block; }
.sn-hero__media img{ width:100%; height:clamp(420px,58vh,600px); object-fit:cover; }
.sn-hero__media::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(90deg,rgba(10,14,26,0.94) 0%,rgba(10,14,26,0.78) 42%,rgba(10,14,26,0.35) 100%),
             linear-gradient(0deg,rgba(10,14,26,0.95) 2%,transparent 40%);
}
.sn-hero__inner{
  position:absolute; inset:0; display:flex; align-items:center;
}
.sn-hero__inner .sn-wrap{ display:flex; flex-direction:column; align-items:flex-start; }
.sn-hero__eyebrow{
  display:inline-flex; align-items:center; gap:8px;
  font-family:"Space Grotesk",sans-serif; font-size:12.5px; font-weight:600; letter-spacing:.14em; text-transform:uppercase;
  color:var(--sn-aurora); background:rgba(61,220,151,0.10); border:1px solid rgba(61,220,151,0.3);
  padding:6px 14px; border-radius:999px; margin-bottom:20px;
}
.sn-hero__title{ font-size:clamp(2.1rem,5vw,3.5rem); max-width:23ch; margin-bottom:16px; }
.sn-hero__title em{ color:var(--sn-aurora); font-style:normal; }
.sn-hero__sub{ font-size:clamp(1rem,1.6vw,1.22rem); color:var(--sn-muted); max-width:52ch; margin-bottom:28px; }
.sn-hero__cta{ display:flex; gap:14px; flex-wrap:wrap; }

/* ---------- Verdict / quick facts strip ---------- */
.sn-facts{
  margin-top:-42px; position:relative; z-index:5;
}
.sn-facts__grid{
  display:flex; flex-wrap:wrap; gap:14px;
  background:linear-gradient(180deg,var(--sn-panel),var(--sn-bg-2));
  border:1px solid var(--sn-border-str); border-radius:var(--sn-radius);
  padding:22px; box-shadow:var(--sn-shadow);
}
.sn-fact{ flex:1 1 150px; display:flex; gap:13px; align-items:flex-start; min-width:150px; }
.sn-fact + .sn-fact{ border-left:1px solid var(--sn-border); padding-left:14px; }
.sn-fact__ic{
  width:40px; height:40px; border-radius:11px; flex:none;
  background:rgba(61,220,151,0.10); border:1px solid rgba(61,220,151,0.22);
  display:grid; place-items:center; color:var(--sn-aurora);
}
.sn-fact__k{ font-size:12px; color:var(--sn-muted); text-transform:uppercase; letter-spacing:.06em; }
.sn-fact__v{ font-family:"Space Grotesk",sans-serif; font-weight:700; font-size:17px; }

/* ---------- Section shell ---------- */
.sn-section{ padding:64px 0; }
.sn-section--tight{ padding:44px 0; }
.sn-eyebrow{
  font-family:"Space Grotesk",sans-serif; font-size:12.5px; font-weight:600; letter-spacing:.14em; text-transform:uppercase;
  color:var(--sn-aurora-2); margin-bottom:12px;
}
.sn-h2{ font-size:clamp(1.5rem,3vw,2.15rem); margin-bottom:14px; }
.sn-lead{ color:var(--sn-muted); font-size:1.08rem; }

/* ---------- Article layout: sticky TOC + content ---------- */
.sn-article{ display:flex; gap:44px; align-items:flex-start; }
.sn-toc{
  position:sticky; top:88px; flex:none; width:238px;
  border:1px solid var(--sn-border); border-radius:var(--sn-radius);
  background:var(--sn-panel); padding:20px; font-size:14px;
}
.sn-toc h4{ font-size:12px; text-transform:uppercase; letter-spacing:.1em; color:var(--sn-muted); margin-bottom:14px; }
.sn-toc a{
  display:block; padding:7px 10px; border-radius:8px; color:var(--sn-muted);
  border-left:2px solid transparent; transition:.15s; line-height:1.4;
}
.sn-toc a:hover{ color:var(--sn-text); background:rgba(255,255,255,0.03); }
.sn-toc a.is-active{ color:var(--sn-aurora); border-left-color:var(--sn-aurora); background:rgba(61,220,151,0.06); }
.sn-content{ flex:1; min-width:0; }

/* content blocks */
.sn-block{ margin-bottom:34px; scroll-margin-top:84px; }
.sn-block:last-child{ margin-bottom:0; }
.sn-block > h2{
  font-size:clamp(1.35rem,2.4vw,1.75rem); margin-bottom:14px; position:relative; padding-left:18px;
}
.sn-block > h2::before{
  content:""; position:absolute; left:0; top:.15em; bottom:.15em; width:4px; border-radius:4px;
  background:linear-gradient(180deg,var(--sn-aurora),var(--sn-aurora-2));
}
.sn-block p{ color:#cdd6e6; margin:0 0 14px; }
.sn-block p:last-child{ margin-bottom:0; }
.sn-block strong{ color:var(--sn-text); }
.sn-block ul{ margin:0 0 14px; padding:0; list-style:none; display:flex; flex-direction:column; gap:10px; }
.sn-block ul li{ position:relative; padding-left:28px; color:#cdd6e6; }
.sn-block ul li::before{
  content:""; position:absolute; left:0; top:.55em; width:8px; height:8px; border-radius:50%;
  background:var(--sn-aurora); box-shadow:0 0 0 4px rgba(61,220,151,0.14);
}

/* callout */
.sn-callout{
  border:1px solid var(--sn-border-str); border-left:3px solid var(--sn-gold);
  background:linear-gradient(180deg,rgba(244,192,78,0.06),transparent);
  border-radius:var(--sn-radius-sm); padding:16px 18px; margin:18px 0; display:flex; gap:14px;
}
.sn-callout__ic{ color:var(--sn-gold); flex:none; }
.sn-callout p{ margin:0; color:#dbe3f0; font-size:14.5px; }
.sn-callout--info{ border-left-color:var(--sn-aurora-2); }
.sn-callout--info .sn-callout__ic{ color:var(--sn-aurora-2); }

/* ---------- Bonus timeline / cards ---------- */
.sn-bonus-head{
  text-align:center; margin:0 auto 40px;
}
.sn-bonus-hero{
  display:flex; align-items:center; justify-content:center; gap:20px; flex-wrap:wrap;
  background:linear-gradient(135deg,var(--sn-panel-2),var(--sn-panel));
  border:1px solid var(--sn-border-str); border-radius:var(--sn-radius);
  padding:26px 30px; margin-bottom:40px; box-shadow:var(--sn-shadow);
}
.sn-bonus-hero__big{
  font-family:"Space Grotesk",sans-serif; font-weight:700; font-size:clamp(1.8rem,4vw,2.6rem);
  background:linear-gradient(135deg,var(--sn-gold),var(--sn-gold-2)); -webkit-background-clip:text; background-clip:text; color:transparent;
}
.sn-bonus-hero__meta{ display:flex; gap:22px; flex-wrap:wrap; color:var(--sn-muted); font-size:14px; }
.sn-bonus-hero__meta b{ display:block; color:var(--sn-text); font-family:"Space Grotesk",sans-serif; font-size:16px; }

.sn-stages{ display:flex; flex-direction:column; gap:18px; position:relative; }
.sn-bonus-card{
  display:flex; gap:0; background:var(--sn-panel); border:1px solid var(--sn-border);
  border-radius:var(--sn-radius); overflow:hidden; transition:border-color .2s, transform .2s;
}
.sn-bonus-card:hover{ border-color:var(--sn-border-str); transform:translateY(-3px); }
.sn-bonus-card__image{ flex:none; width:220px; position:relative; background:var(--sn-bg-2); }
.sn-bonus-card__image img{ width:100%; height:100%; object-fit:cover; min-height:220px; }
.sn-bonus-card__num{
  position:absolute; top:14px; left:14px; width:38px; height:38px; border-radius:11px;
  background:rgba(10,14,26,0.8); border:1px solid var(--sn-aurora); color:var(--sn-aurora);
  display:grid; place-items:center; font-family:"Space Grotesk",sans-serif; font-weight:700; backdrop-filter:blur(4px);
}
.sn-bonus-card__content{ flex:1; padding:22px 24px; min-width:0; }
.sn-bonus-card__stage{
  display:inline-block; font-family:"Space Grotesk",sans-serif; font-size:12.5px; font-weight:600; letter-spacing:.05em;
  color:var(--sn-aurora); background:rgba(61,220,151,0.08); border:1px solid rgba(61,220,151,0.2);
  padding:4px 11px; border-radius:999px; margin-bottom:10px;
}
.sn-bonus-card__title{ font-size:1.25rem; margin-bottom:8px; }
.sn-bonus-card__desc{ color:var(--sn-muted); font-size:14.5px; margin-bottom:16px; }
.sn-bonus-stats{
  list-style:none; margin:0 0 16px; padding:0; display:grid; grid-template-columns:1fr 1fr;
  gap:1px; background:var(--sn-border); border:1px solid var(--sn-border); border-radius:var(--sn-radius-sm); overflow:hidden;
}
.sn-bonus-stats li{ display:flex; justify-content:space-between; gap:10px; padding:9px 13px; font-size:13px; background:var(--sn-panel); }
.sn-bonus-stats li span:first-child{ color:var(--sn-muted); }
.sn-bonus-stats li span:last-child{ font-family:"Space Grotesk",sans-serif; font-weight:600; text-align:right; }
.sn-bonus-card__terms{ font-size:11.5px; color:var(--sn-muted); margin:0 0 16px; line-height:1.6; }

/* ---------- Games grid ---------- */
.sn-games{ display:flex; flex-wrap:wrap; gap:16px; }
.sn-game{
  flex:1 1 180px; max-width:220px; border:1px solid var(--sn-border); border-radius:var(--sn-radius-sm);
  overflow:hidden; background:var(--sn-panel); transition:transform .2s, border-color .2s;
}
.sn-game:hover{ transform:translateY(-4px); border-color:var(--sn-border-str); }
.sn-game__img{ aspect-ratio:1/1; overflow:hidden; }
.sn-game__img img{ width:100%; height:100%; object-fit:cover; }
.sn-game__body{ padding:11px 13px; }
.sn-game__name{ font-family:"Space Grotesk",sans-serif; font-weight:600; font-size:13.5px; margin:0 0 3px; }
.sn-game__prov{ font-size:11.5px; color:var(--sn-muted); }

/* ---------- Providers ---------- */
.sn-providers{ display:flex; flex-wrap:wrap; gap:14px; justify-content:center; }
.sn-prov{
  height:66px; flex:1 1 130px; max-width:170px; display:grid; place-items:center; padding:14px 20px;
  background:var(--sn-panel); border:1px solid var(--sn-border); border-radius:var(--sn-radius-sm);
  transition:border-color .2s;
}
.sn-prov:hover{ border-color:var(--sn-border-str); }
.sn-prov img{ max-height:30px; max-width:100%; width:auto; object-fit:contain; filter:brightness(0) invert(1); opacity:.82; }

/* ---------- Steps (app page) ---------- */
.sn-steps{ display:flex; flex-direction:column; gap:0; counter-reset:step; }
.sn-step{ display:flex; gap:20px; padding:20px 0; border-bottom:1px solid var(--sn-border); }
.sn-step:last-child{ border-bottom:none; }
.sn-step__n{
  flex:none; width:44px; height:44px; border-radius:13px; counter-increment:step;
  background:linear-gradient(135deg,var(--sn-aurora),var(--sn-aurora-2)); color:#04231a;
  display:grid; place-items:center; font-family:"Space Grotesk",sans-serif; font-weight:700; font-size:18px;
}
.sn-step__n::before{ content:counter(step); }
.sn-step__body h3{ font-size:1.15rem; margin-bottom:6px; }
.sn-step__body p{ color:var(--sn-muted); margin:0; }

/* ---------- Feature cards ---------- */
.sn-features{ display:flex; flex-wrap:wrap; gap:18px; }
.sn-feature{
  flex:1 1 240px; background:var(--sn-panel); border:1px solid var(--sn-border);
  border-radius:var(--sn-radius); padding:24px; transition:transform .2s, border-color .2s;
}
.sn-feature:hover{ transform:translateY(-4px); border-color:var(--sn-border-str); }
.sn-feature__ic{
  width:52px; height:52px; border-radius:14px; margin-bottom:16px;
  background:rgba(61,220,151,0.08); border:1px solid rgba(61,220,151,0.2);
  display:grid; place-items:center; color:var(--sn-aurora);
}
.sn-feature h3{ font-size:1.15rem; margin-bottom:8px; }
.sn-feature p{ color:var(--sn-muted); margin:0; font-size:14.5px; }

/* ---------- FAQ ---------- */
.sn-faq{ display:flex; flex-direction:column; gap:12px; }
.sn-faq details{
  border:1px solid var(--sn-border); border-radius:var(--sn-radius-sm); background:var(--sn-panel);
  overflow:hidden; transition:border-color .2s;
}
.sn-faq details[open]{ border-color:var(--sn-border-str); }
.sn-faq summary{
  list-style:none; cursor:pointer; padding:18px 22px; font-family:"Space Grotesk",sans-serif; font-weight:600;
  display:flex; align-items:center; justify-content:space-between; gap:14px; font-size:15.5px;
}
.sn-faq summary::-webkit-details-marker{ display:none; }
.sn-faq summary .sn-faq__ic{ flex:none; transition:transform .2s; color:var(--sn-aurora); }
.sn-faq details[open] summary .sn-faq__ic{ transform:rotate(45deg); }
.sn-faq__a{ padding:0 22px 20px; color:#cdd6e6; }

/* ---------- CTA banner ---------- */
.sn-ctaband{
  background:linear-gradient(135deg,var(--sn-panel-2),var(--sn-panel));
  border:1px solid var(--sn-border-str); border-radius:var(--sn-radius);
  padding:44px; text-align:center; box-shadow:var(--sn-shadow); position:relative; overflow:hidden;
}
.sn-ctaband::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(60% 120% at 50% 0%, rgba(61,220,151,0.12), transparent 60%);
}
.sn-ctaband h2{ font-size:clamp(1.5rem,3vw,2rem); margin-bottom:12px; position:relative; }
.sn-ctaband p{ color:var(--sn-muted); max-width:52ch; margin:0 auto 24px; position:relative; }

/* ---------- Reviewed by ---------- */
.sn-author{
  display:flex; gap:18px; align-items:center; margin-top:44px;
  background:var(--sn-panel); border:1px solid var(--sn-border); border-radius:var(--sn-radius); padding:22px 24px;
}
.sn-author__av{
  width:56px; height:56px; border-radius:50%; flex:none;
  background:linear-gradient(135deg,var(--sn-aurora),var(--sn-aurora-2)); color:#04231a;
  display:grid; place-items:center; font-family:"Space Grotesk",sans-serif; font-weight:700; font-size:20px;
}
.sn-author__name{ font-family:"Space Grotesk",sans-serif; font-weight:700; }
.sn-author__role{ color:var(--sn-aurora); font-size:13px; margin-bottom:4px; }
.sn-author p{ color:var(--sn-muted); font-size:14px; margin:0; }

/* ---------- Divider label ---------- */
.sn-divider{ display:flex; align-items:center; gap:16px; margin:8px 0 28px; }
.sn-divider span{ font-family:"Space Grotesk",sans-serif; font-weight:600; color:var(--sn-muted); font-size:13px; text-transform:uppercase; letter-spacing:.1em; }
.sn-divider::before,.sn-divider::after{ content:""; flex:1; height:1px; background:var(--sn-border); }

/* ---------- Footer ---------- */
.sn-foot{ background:var(--sn-bg-2); border-top:1px solid var(--sn-border); padding:56px 0 28px; margin-top:24px; }
.sn-foot__aggr{ margin-bottom:44px; }
.sn-foot__aggr h4{ text-align:center; font-size:12px; text-transform:uppercase; letter-spacing:.12em; color:var(--sn-muted); margin-bottom:22px; }
.sn-aggr-grid{ display:flex; flex-wrap:wrap; gap:14px; justify-content:center; }
.sn-aggr-grid a{
  height:56px; flex:1 1 120px; max-width:150px; display:grid; place-items:center; padding:10px 18px;
  background:#eef2f8; border:1px solid var(--sn-border); border-radius:var(--sn-radius-sm);
  transition:transform .2s, box-shadow .2s;
}
.sn-aggr-grid a:hover{ transform:translateY(-2px); box-shadow:0 8px 20px -8px rgba(0,0,0,0.5); }
.sn-aggr-grid img{ max-height:28px; max-width:100%; width:auto; object-fit:contain; }
.sn-foot__main{ display:flex; flex-wrap:wrap; gap:40px; padding-bottom:32px; border-bottom:1px solid var(--sn-border); }
.sn-foot__col{ flex:1 1 190px; min-width:170px; }
.sn-foot__col p{ color:var(--sn-muted); font-size:14px; margin:12px 0; }
.sn-foot__col h5{ font-family:"Space Grotesk",sans-serif; font-size:13px; text-transform:uppercase; letter-spacing:.08em; color:var(--sn-text); margin:0 0 14px; }
.sn-foot__col a{ display:block; color:var(--sn-muted); font-size:14px; padding:5px 0; transition:color .15s; }
.sn-foot__col a:hover{ color:var(--sn-aurora); }
.sn-foot__bottom{ padding-top:24px; color:var(--sn-muted); font-size:13px; }
.sn-foot__bottom p{ margin:0 0 8px; }
.plus18{
  display:inline-grid; place-items:center; width:26px; height:26px; border-radius:50%;
  background:var(--sn-danger); color:#fff; font-family:"Space Grotesk",sans-serif; font-weight:700; font-size:11px; margin-right:8px; vertical-align:middle;
}

/* ---------- Legal pages ---------- */
.sn-legal h2{ font-size:1.25rem; margin:28px 0 10px; }
.sn-legal p{ color:#cdd6e6; }
.sn-legal .sn-eyebrow{ margin-bottom:8px; }

/* ---------- Responsive ---------- */
@media (max-width:940px){
  .sn-nav{ display:none; }
  .sn-head__cta{ display:none; }
  .sn-head__mobile-cta{ display:inline-flex; }
  .sn-burger{ display:flex; }
  .sn-lang{ margin-left:auto; }
  .sn-toc{ display:none; }
  .sn-article{ flex-direction:column; gap:0; }
}
@media (max-width:680px){
  .sn-hero__media img{ height:clamp(560px,85vh,760px); }
  .sn-hero__title{ font-size:clamp(2rem,7vw,2.8rem); }
  .sn-hero__sub{ font-size:1rem; }
  .sn-section{ padding:48px 0; }
  .sn-fact + .sn-fact{ border-left:none; padding-left:0; }
  .sn-fact{ flex:1 1 46%; min-width:130px; }
  .sn-bonus-card{ flex-direction:column; }
  .sn-bonus-card__image{ width:100%; height:170px; }
  .sn-bonus-card__image img{ min-height:170px; }
  .sn-bonus-stats{ grid-template-columns:1fr; }
  .sn-ctaband{ padding:30px 22px; }
  .sn-game{ flex:1 1 44%; }
  .sn-author{ flex-direction:column; text-align:center; }
}