@font-face{font-family:"Fira Sans Condensed";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/fsc-500.woff2) format("woff2")}
@font-face{font-family:"Fira Sans Condensed";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/fsc-700.woff2) format("woff2")}
@font-face{font-family:"Fira Sans Condensed";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/fsc-800.woff2) format("woff2")}
@font-face{font-family:"Fira Sans Condensed";font-style:italic;font-weight:900;font-display:swap;src:url(/assets/fonts/fsc-900i.woff2) format("woff2")}

:root{
  --bg:#0A0503;--bg2:#1A0E0B;--bg3:#261510;--bg4:#130602;--line:#3B201B;
  --tx:#E7D3C1;--mut:#C3A9A5;--gold:#FFD563;--gold2:#FFB036;--or:#F97907;--rust:#94280B;--copper:#C79270;
  --green:#13AE0D;--green-h:#0ED309;--wrap:1200px;--r:12px;
  --gold-grad:linear-gradient(180deg,#FBD06E,#84600B);--fire:linear-gradient(135deg,#F97907,#94280B);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--tx);font:500 17px/1.6 "Fira Sans Condensed",Arial,sans-serif}
img{max-width:100%;height:auto;display:block}
a{color:var(--gold)}
a:hover{color:#fff}
h1,h2,h3{line-height:1.15;color:#fff;margin:0 0 .5em}
h1{overflow-wrap:break-word;font-size:clamp(30px,4.4vw,50px);font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:.2px}
h2{font-size:clamp(23px,2.6vw,30px);font-weight:800;margin-top:1.8em}
h3{font-size:20px;font-weight:700}
p{margin:0 0 1em}
.sa-wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
.sa-skip{position:absolute;left:-999px;top:0;background:var(--gold);color:#000;padding:8px 12px;z-index:100}
.sa-skip:focus{left:8px}
.sa-gold{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}

/* buttons */
.sa-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:12px 26px;border-radius:10px;font:800 18px/1 "Fira Sans Condensed",Arial,sans-serif;text-transform:uppercase;text-decoration:none;text-shadow:0 1px 0 rgba(0,0,0,.35);transition:filter .15s,transform .15s;border:0;cursor:pointer}
.sa-btn:hover{filter:brightness(1.12);transform:translateY(-1px)}
.sa-btn--go{background:linear-gradient(180deg,#47FF45 0%,var(--green) 45%,#038B02 100%);color:#000;text-shadow:none;box-shadow:0 0 0 2px #FBD06E inset,0 4px 18px rgba(19,174,13,.35)}
.sa-btn--go:hover{color:#000}
.sa-btn--wood{background:linear-gradient(180deg,#532F22,#321207);color:var(--tx);box-shadow:0 0 0 1px #6b3d2a inset}
.sa-btn--wood:hover{color:#fff}
.sa-btn--sm{min-height:42px;padding:10px 16px;font-size:16px}
.sa-btn--xl{min-height:62px;padding:16px 34px;font-size:22px}

/* header */
.sa-head{position:sticky;top:0;z-index:50;background:rgba(10,5,3,.96);border-bottom:1px solid var(--line)}
.sa-head__bar{display:flex;align-items:center;gap:22px;height:68px}
.sa-logo img{width:150px;height:auto}
.sa-nav{display:flex;gap:4px;flex:1}
.sa-nav a{color:var(--mut);text-decoration:none;font-weight:700;text-transform:uppercase;font-size:16px;padding:8px 12px;border-radius:8px}
.sa-nav a:hover,.sa-nav a[aria-current]{color:var(--gold);background:var(--bg3)}
.sa-nav__m{display:none!important}
.sa-head__act{display:flex;gap:10px}
.sa-burger{display:none;background:none;border:1px solid var(--line);border-radius:8px;width:44px;height:44px;padding:10px;cursor:pointer}
.sa-burger span{display:block;height:2px;background:var(--gold);margin:5px 0;border-radius:2px}

/* home hero: games + loyalty */
.sa-hero{position:relative;padding:44px 0 36px;background:radial-gradient(900px 420px at 78% 20%,rgba(249,121,7,.20),transparent 70%),radial-gradient(700px 400px at 10% 90%,rgba(148,40,11,.25),transparent 70%)}
.sa-hero__in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:40px;align-items:center}
.sa-kick{display:inline-block;background:var(--fire);color:#fff;font-weight:800;text-transform:uppercase;font-size:14px;letter-spacing:.6px;padding:6px 12px;border-radius:6px;margin-bottom:14px}
.sa-hero__lead{font-size:19px;color:var(--tx);max-width:600px}
.sa-offer{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,#261510,#130602);border:1px solid #6b3d2a;border-radius:var(--r);padding:14px 18px;margin:18px 0;max-width:560px}
.sa-offer b{display:block;font:900 italic 28px/1.05 "Fira Sans Condensed",Arial,sans-serif;text-transform:uppercase;color:var(--gold)}
.sa-offer small{color:var(--mut);font-size:15px}
.sa-age{flex:0 0 auto;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;border:2px solid var(--gold);color:var(--gold);font-weight:800;font-size:15px}
.sa-hero__m{display:none}
.sa-hero__cta{display:flex;flex-wrap:wrap;gap:12px}
.sa-hero__note{font-size:14px;color:var(--mut);margin-top:12px}
.sa-top{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;counter-reset:top}
.sa-top a{position:relative;display:block;padding-left:26px;text-decoration:none;color:var(--tx)}
.sa-top a::before{counter-increment:top;content:counter(top);position:absolute;left:-4px;bottom:22px;font:900 italic 92px/1 "Fira Sans Condensed",Arial,sans-serif;color:var(--bg);-webkit-text-stroke:2px var(--gold);z-index:2;text-shadow:0 0 18px rgba(255,213,99,.25)}
.sa-top img{border-radius:var(--r);width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;background:#130602;box-shadow:0 8px 16px rgba(0,0,0,.8)}
.sa-top span{display:block;font-size:13px;color:var(--mut);margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* loyalty ribbon */
.sa-loyal{background:linear-gradient(180deg,var(--bg4),var(--bg2));border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0}
.sa-loyal__h{font:900 italic 26px/1.1 "Fira Sans Condensed",Arial,sans-serif;text-transform:uppercase;color:#fff;margin:0 0 4px}
.sa-loyal__sub{color:var(--mut);margin:0 0 18px}
.sa-loyal__row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.sa-loyal__row li{position:relative;background:var(--bg3);border:1px solid var(--line);border-radius:var(--r);padding:14px;display:flex;flex-direction:column;gap:8px}
.sa-loyal__row li:not(:last-child)::after{content:"";position:absolute;right:-10px;top:38px;border:6px solid transparent;border-left-color:var(--or)}
.sa-loyal__row img{width:56px;height:56px}
.sa-loyal__row b{color:var(--gold);font-size:19px;text-transform:uppercase}
.sa-loyal__row span{font-size:15px;color:var(--tx);line-height:1.4}
.sa-loyal__row em{font-style:normal;color:#fff;font-weight:700}

/* inner hero */
.sa-ihero{padding:34px 0 26px;background:radial-gradient(800px 380px at 85% 30%,rgba(249,121,7,.18),transparent 70%)}
.sa-ihero__in{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:34px;align-items:center}
.sa-ihero__art img{border-radius:16px;width:100%;box-shadow:0 10px 30px rgba(0,0,0,.7);border:1px solid var(--line)}
.sa-ihero--info{padding:30px 0 6px}
.sa-crumbs{font-size:14px;color:var(--mut);margin-bottom:10px}
.sa-crumbs a{color:var(--mut)}

/* body */
.sa-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;padding:18px 20px 60px}
.sa-body--full{grid-template-columns:minmax(0,1fr)}
.sa-art{min-width:0;max-width:820px}
.sa-art ul,.sa-art ol{padding-left:22px;margin:0 0 1.1em}
.sa-art li{margin-bottom:6px}
.sa-lead{font-size:19px;border-left:4px solid var(--or);padding-left:14px}
.sa-table{overflow-x:auto;margin:0 0 1.3em;border:1px solid var(--line);border-radius:var(--r)}
.sa-table table{border-collapse:collapse;width:100%;min-width:480px;font-size:16px}
.sa-table th{background:var(--bg3);color:var(--gold);text-align:left;font-weight:800;text-transform:uppercase;font-size:14px;letter-spacing:.3px}
.sa-table th,.sa-table td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.sa-table tr:last-child td{border-bottom:0}
.sa-table tr:nth-child(even) td{background:rgba(38,21,16,.45)}
.sa-calc{background:linear-gradient(135deg,rgba(249,121,7,.14),rgba(148,40,11,.12));border:1px dashed var(--or);border-radius:var(--r);padding:14px 16px;margin:0 0 1.2em}
.sa-calc p{margin:0}
.sa-note{background:var(--bg2);border-left:4px solid var(--gold);padding:12px 14px;border-radius:0 10px 10px 0;font-size:16px}
.sa-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 1.3em}
.sa-card{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.sa-card img{width:100%;height:auto;background:#130602}
.sa-card div{padding:12px 14px}
.sa-card b{display:block;color:var(--gold);font-size:18px}
.sa-card span{font-size:15px}
.sa-games{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 1.2em}
.sa-games a{text-decoration:none;color:var(--mut);font-size:13px}
.sa-games img{border-radius:var(--r);aspect-ratio:2/3;object-fit:cover;width:100%;margin-bottom:4px}
.sa-steps{counter-reset:st;list-style:none;padding:0!important}
.sa-steps li{counter-increment:st;position:relative;padding:10px 12px 10px 56px;background:var(--bg2);border:1px solid var(--line);border-radius:10px;margin-bottom:8px}
.sa-steps li::before{content:counter(st);position:absolute;left:12px;top:8px;font:900 italic 30px/1 "Fira Sans Condensed",Arial,sans-serif;color:var(--gold)}
.sa-split{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 1.2em}
.sa-split>div{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px}
.sa-split h3{color:var(--gold)}
.sa-verdict{display:flex;gap:16px;align-items:flex-start;background:linear-gradient(135deg,#261510,#130602);border:1px solid #6b3d2a;border-radius:var(--r);padding:16px 18px;margin:0 0 1.3em}
.sa-verdict b{font:900 italic 22px/1.1 "Fira Sans Condensed",Arial,sans-serif;color:var(--gold);text-transform:uppercase;display:block;margin-bottom:6px}
.sa-verdict p{margin:0}

/* toc */
.sa-toc{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);margin:0 0 22px}
.sa-toc__btn{width:100%;text-align:left;background:none;border:0;color:var(--gold);font:800 17px "Fira Sans Condensed",Arial,sans-serif;text-transform:uppercase;padding:13px 16px;cursor:pointer;display:flex;justify-content:space-between}
.sa-toc__btn::after{content:"+";font-size:22px;line-height:1}
.sa-toc__btn[aria-expanded="true"]::after{content:"\2212"}
.sa-toc ol{margin:0;padding:0 16px 14px 36px}
.sa-toc li{margin:4px 0}
.sa-toc a{color:var(--tx);text-decoration:none}
.sa-toc a:hover{color:var(--gold)}

/* rail */
.sa-rail{position:relative}
.sa-rail__card{position:sticky;top:88px;background:var(--bg2);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.sa-rail__card img{width:100%;height:auto}
.sa-rail__in{padding:14px 16px 16px}
.sa-rail__t{font:900 italic 22px/1.1 "Fira Sans Condensed",Arial,sans-serif;color:var(--gold);text-transform:uppercase;margin-bottom:8px}
.sa-rail ul{margin:0 0 12px;padding-left:18px;font-size:15px}
.sa-rail .sa-btn{width:100%}
.sa-rail__n{font-size:13px;color:var(--mut);margin-top:8px;text-align:center}

/* faq */
.sa-faq{margin-top:2em}
.sa-faq__item{background:var(--bg2);border:1px solid var(--line);border-radius:10px;margin-bottom:8px}
.sa-faq__item summary{cursor:pointer;list-style:none;padding:13px 44px 13px 16px;font-weight:700;color:#fff;position:relative}
.sa-faq__item summary::-webkit-details-marker{display:none}
.sa-faq__item summary::after{content:"+";position:absolute;right:16px;top:9px;font-size:24px;color:var(--gold)}
.sa-faq__item[open] summary::after{content:"\2212"}
.sa-faq__a{padding:0 16px 12px}
.sa-faq__a p{margin:0 0 .6em}

/* rg + check */
.sa-rg{display:flex;gap:14px;align-items:flex-start;background:#160a07;border:1px solid var(--rust);border-radius:var(--r);padding:16px;margin:1.6em 0}
.sa-rg__t{font-weight:800;color:#fff;margin-bottom:4px}
.sa-rg p{margin:0 0 6px;font-size:16px}
.sa-rg__tel{font-size:16px}
.sa-check{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);padding:16px;margin:1.6em 0;font-size:16px}
.sa-check__t{font-weight:800;color:var(--gold);text-transform:uppercase;margin-bottom:6px}
.sa-check ul{margin:0 0 8px;padding-left:20px}
.sa-check__d{color:var(--mut);font-size:14px}

/* cta band */
.sa-band{display:flex;align-items:center;gap:20px;background:linear-gradient(90deg,#261510,#3B201B);border:1px solid #6b3d2a;border-radius:16px;padding:16px 20px;margin:1.6em 0}
.sa-band img{width:130px;border-radius:10px}
.sa-band div{flex:1}
.sa-band__t{font:900 italic 22px/1.1 "Fira Sans Condensed",Arial,sans-serif;color:var(--gold);text-transform:uppercase;margin:0 0 4px}
.sa-band p{margin:0}

/* footer */
.sa-foot{background:#0d0604 url(/img/wo/footer-bg.webp) center top/cover no-repeat;border-top:1px solid var(--line);padding:40px 0 90px;font-size:15px}
.sa-foot__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:28px}
.sa-foot__h{font-weight:800;color:var(--gold);text-transform:uppercase;margin:0 0 10px}
.sa-foot__col a{display:block;color:var(--tx);text-decoration:none;margin-bottom:6px}
.sa-foot__col a:hover{color:var(--gold)}
.sa-foot__brand img{width:140px;margin-bottom:10px}
.sa-foot__aff{color:var(--mut)}
.sa-foot__copy{margin-top:26px;padding-top:16px;border-top:1px solid var(--line);color:var(--mut);font-size:14px}

/* sticky mobile cta */
.sa-sticky{display:none}

@media (max-width:1024px){
  .sa-body{grid-template-columns:minmax(0,1fr)}
  .sa-rail{display:none}
  .sa-loyal__row{grid-template-columns:repeat(3,1fr)}
  .sa-loyal__row li::after{display:none}
  .sa-foot__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .sa-nav{display:none;position:fixed;left:0;right:0;top:68px;flex-direction:column;background:#120805;border-bottom:1px solid var(--line);padding:12px 16px 18px;gap:2px}
  .sa-nav.is-open{display:flex}
  .sa-nav a{font-size:18px;padding:12px}
  .sa-nav__m{display:inline-flex!important;margin-top:8px}
  .sa-burger{display:block;margin-left:auto}
  .sa-head__act{display:none}
  .sa-hero{padding:24px 0}
  .sa-hero__in,.sa-ihero__in{grid-template-columns:minmax(0,1fr);gap:22px}
  .sa-ihero__art{order:-1}
  .sa-ihero__art img{width:100%;height:auto}
  .sa-hero__m{display:block!important;width:100%;height:auto;border-radius:12px;margin:0 0 14px;border:1px solid var(--line)}
  .sa-top{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .sa-top a{padding-left:16px}
  .sa-top a::before{font-size:58px;bottom:20px;-webkit-text-stroke:1.5px var(--gold)}
  .sa-cards{grid-template-columns:1fr 1fr}
  .sa-games{grid-template-columns:repeat(3,1fr)}
  .sa-split{grid-template-columns:1fr}
  .sa-band{flex-direction:column;align-items:flex-start}
  .sa-band img{display:none}
  .sa-sticky{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;background:rgba(10,5,3,.97);border-top:1px solid var(--or)}
  .sa-sticky span{font-weight:800;color:var(--gold);font-size:15px;line-height:1.2}
}
@media (max-width:560px){
  body{font-size:16.5px}
  .sa-wrap{padding:0 16px}
  .sa-body{padding:10px 16px 50px}
  .sa-loyal__row{grid-template-columns:1fr 1fr}
  .sa-offer b{font-size:22px}
  .sa-cards{grid-template-columns:1fr}
  .sa-foot__grid{grid-template-columns:1fr}
  .sa-btn--xl{width:100%}
}
@media (max-width:767px){
  .sa-burger span{transition:transform .2s,opacity .2s}
  .sa-burger[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .sa-burger[aria-expanded=true] span:nth-child(2){opacity:0}
  .sa-burger[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .sa-nav a.sa-btn--go{color:#000}
  .sa-nav a.sa-btn--wood{color:var(--tx)}
  .sa-hero__m,.sa-ihero__art img{width:80%!important;height:auto;margin-left:auto;margin-right:auto}
  .sa-ihero__art img{display:block}
}
