:root{
--ink-900:#101112;
--ink-800:#141414;
--ink-700:#171717;
--ink-600:#1b1b1b;
--ink-500:#1e1e1e;
--ink-400:#242424;
--ink-300:#2a2a2a;
--ink-200:#3d3d3d;
--ink-100:#747474;
--paper:#ffffff;
--go-500:#1ed760;
--go-300:#4bdf80;
--go-700:#18ac4d;
--sun:#e8c823;
--ember:#e3621a;
--amethyst:#7925e3;
--magenta:#e82375;
--fuchsia:#eb17bc;
--nightviolet:#221634;
--sky:#2e7bd7;
--sky-700:#2562ac;
--alert:#df1818;
--r-xs:4px;
--r-sm:8px;
--r-md:12px;
--r-lg:18px;
--rail:258px;
--shellw:1290px;
--gut:20px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
margin:0;
background:var(--ink-900);
color:var(--paper);
font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
font-size:15px;
line-height:1.55;
}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible{outline:2px solid var(--go-500);outline-offset:2px;border-radius:var(--r-xs)}
img{border:0}
button{font:inherit}

.hatband{
position:sticky;
top:0;
z-index:40;
background:var(--ink-800);
box-shadow:0 1px 0 rgba(255,255,255,.05);
}
.hatband__in{
max-width:var(--shellw);
margin:0 auto;
min-height:62px;
padding:10px var(--gut);
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
}
.markstamp{display:flex;align-items:center;flex:0 1 auto}
.markstamp img{display:block;height:30px;width:auto}
.hatband__acts{display:flex;align-items:center;gap:10px;flex:0 0 auto}

.gate{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:42px;
  padding:0 22px;
  border-radius:var(--r-sm);
  font-weight:700;
  font-size:14px;
  letter-spacing:.2px;
  color:var(--go-500);
  background:transparent;
  border:1px solid var(--go-700);
  cursor:pointer;
}
.gate:hover{color:var(--go-300);border-color:var(--go-500)}
.gate--solid{
color:#06210f;
background:var(--go-500);
border-color:var(--go-500);
}
.gate--solid:hover{background:var(--go-300);color:#06210f}

.gridcase{
max-width:var(--shellw);
margin:0 auto;
padding:18px var(--gut) 40px;
display:grid;
grid-template-columns:var(--rail) minmax(0,1fr);
gap:18px;
align-items:start;
}
.sidepost{
position:sticky;
top:80px;
display:flex;
flex-direction:column;
gap:12px;
min-width:0;
}
.sidepost>*{min-width:0}
.sidepost__set{
background:var(--ink-700);
border-radius:var(--r-md);
padding:6px;
display:flex;
flex-direction:column;
gap:2px;
}
.feattile{display:flex;align-items:center;justify-content:space-between;gap:8px;height:60px;padding:0 8px 0 14px;border-radius:var(--r-sm);overflow:hidden}
.feattile--mission{background:linear-gradient(102deg,#7925e3,#e82375)}
.feattile--wheel{background:linear-gradient(102deg,#2562ac,#2e7bd7)}
.feattile__txt{display:flex;flex-direction:column;line-height:1.15}
.feattile__txt span:first-child{font-size:11px;opacity:.82}
.feattile__txt span:last-child{font-size:16px;font-weight:800}
.feattile img{display:block;width:46px;height:46px;object-fit:contain}
.navhit{
 display:flex;
 align-items:center;
 gap:10px;
 height:46px;
 padding:0 12px;
 border-radius:var(--r-sm);
 font-weight:600;
 color:#d5d5d5;
}
.navhit svg{flex:0 0 22px;width:22px;height:22px;color:var(--ink-100)}
.navhit:hover{background:var(--ink-500);color:var(--paper)}
.navhit:hover svg{color:var(--go-500)}
.sidepost__club{
background:var(--ink-700);
border-radius:var(--r-md);
padding:14px 16px;
}
.sidepost__title{
font-size:11px;
letter-spacing:1.4px;
text-transform:uppercase;
color:var(--ink-100);
margin-bottom:10px;
}
.clubname{
display:block;
padding:7px 0;
font-size:14px;
color:#c9c9c9;
}
.clubname:hover{color:var(--go-500)}

.mainflow{display:flex;flex-direction:column;gap:30px;min-width:0}
.mainflow>*{min-width:0}

.bannerbay{
position:relative;
border-radius:var(--r-lg);
overflow:hidden;
background:var(--ink-700);
}
.bannerbay__art{
display:block;
width:100%;
height:auto;
aspect-ratio:20/7;
object-fit:cover;
object-position:78% 50%;
}
.bannerbay__copy{
position:absolute;
inset:0;
display:flex;
flex-direction:column;
justify-content:center;
gap:12px;
padding:0 6%;
max-width:56%;
}
.bannerbay__kicker{
font-size:12px;
letter-spacing:2.6px;
text-transform:uppercase;
color:rgba(255,255,255,.72);
}
.bannerbay__lead{
font-size:30px;
line-height:1.16;
font-weight:800;
max-width:11em;
text-shadow:0 2px 18px rgba(0,0,0,.45);
}
.bannerbay__act{align-self:flex-start;margin-top:4px}

.slate{display:flex;flex-direction:column;gap:14px}
.slate__cap{display:flex;align-items:flex-end;gap:14px}
.slate__head{display:flex;flex-direction:column;margin-right:auto;min-width:0}
.slate__name{font-size:21px;font-weight:800;letter-spacing:.2px}
.slate__sub{font-size:12px;color:var(--ink-100);margin-top:2px}
.slate__more{
display:inline-flex;
align-items:center;
gap:6px;
height:36px;
padding:0 16px;
border-radius:var(--r-sm);
background:var(--ink-500);
color:#cfcfcf;
font-size:13px;
font-weight:600;
white-space:nowrap;
}
.slate__more:hover{background:var(--ink-400);color:var(--paper)}
.slate__more svg{width:14px;height:14px;transform:rotate(-90deg)}

.pickrow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.picktile{
position:relative;
display:flex;
align-items:center;
justify-content:space-between;
gap:6px;
min-height:104px;
padding:14px 6px 14px 18px;
border-radius:var(--r-md);
overflow:hidden;
}
.picktile--sport{background:linear-gradient(118deg,#18ac4d,#0d6b30)}
.picktile--esport{background:linear-gradient(118deg,#2e7bd7,#1d3f7a)}
.picktile--aviator{background:linear-gradient(118deg,#e82375,#7a1240)}
.picktile--mines{background:linear-gradient(118deg,#e3621a,#8c2f0d)}
.picktile__txt{display:flex;flex-direction:column;line-height:1.2;position:relative;z-index:2}
.picktile__hint{font-size:11px;color:rgba(255,255,255,.78)}
.picktile__name{font-size:19px;font-weight:800}
.picktile img{
display:block;
width:82px;
height:82px;
object-fit:contain;
flex:0 0 82px;
}

.reelgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.reelgrid--fresh{grid-template-columns:repeat(4,1fr)}
.reelcard{display:block;border-radius:var(--r-md);overflow:hidden;background:var(--ink-600)}
.reelcard__shot{
display:block;
width:100%;
height:auto;
aspect-ratio:2/3;
object-fit:cover;
}
.reelcard__bar{
display:flex;
align-items:center;
justify-content:space-between;
gap:8px;
min-height:48px;
padding:9px 11px 11px;
}
.reelcard__title{font-size:13px;font-weight:700;line-height:1.25}
.reelcard__flag{font-size:10px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--sun);white-space:nowrap}
.reelcard:hover .reelcard__title{color:var(--go-500)}

.dealergrid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.dealercard{display:block;border-radius:var(--r-md);overflow:hidden;background:var(--ink-600)}
.dealercard img{
display:block;
width:100%;
height:auto;
aspect-ratio:2/3;
object-fit:cover;
transition:opacity .2s;
}
.dealercard:hover img{opacity:.82}

.promogrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.promocard{
display:flex;
flex-direction:column;
border-radius:var(--r-md);
overflow:hidden;
background:var(--ink-700);
}
.promocard__art{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.promocard__body{padding:14px 16px 18px;display:flex;flex-direction:column;gap:6px}
.promocard__eyebrow{
font-size:10px;
letter-spacing:1.6px;
text-transform:uppercase;
color:var(--go-500);
font-weight:700;
}
.promocard__name{font-size:17px;font-weight:800}
.promocard__note{font-size:13px;color:#b4b4b4}
.promocard__go{margin-top:8px;font-size:13px;font-weight:700;color:var(--sun)}
.promocard:hover .promocard__go{color:var(--paper)}

.clubband{
display:grid;
grid-template-columns:190px minmax(0,1fr);
gap:22px;
align-items:center;
padding:24px 26px;
border-radius:var(--r-lg);
background:url(/img/texture-confettis.webp) left top/230px auto no-repeat,url(/img/texture-lueur-cashback.webp) right center/58% auto no-repeat,var(--ink-700);
}
.clubband__art{display:block;width:100%;max-width:170px;height:auto;margin-inline:auto}
.clubband__copy{display:flex;flex-direction:column;gap:8px}
.clubband__name{font-size:22px;font-weight:800}
.clubband__note{font-size:14px;color:#bdbdbd;max-width:62ch}
.clubband__stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.statcell{
padding:9px 15px;
border-radius:var(--r-sm);
background:rgba(255,255,255,.05);
display:flex;
flex-direction:column;
line-height:1.2;
}
.statcell span{font-size:11px;color:var(--ink-100);letter-spacing:.4px}
.statcell .statcell__v{font-size:17px;font-weight:800;color:var(--go-500)}

.arena{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px}
.arena__lead{
border-radius:var(--r-md);
overflow:hidden;
background:linear-gradient(90deg,rgba(20,20,20,.95) 34%,rgba(20,20,20,.25)),var(--ink-700) url(/img/texture-etoiles.webp) center/cover no-repeat;
display:grid;
grid-template-columns:minmax(0,1fr) 250px;
gap:14px;
align-items:center;
padding:22px 24px;
}
.arena__lead img{display:block;width:100%;height:auto}
.arena__copy{display:flex;flex-direction:column;gap:8px}
.arena__name{font-size:20px;font-weight:800}
.arena__note{font-size:13px;color:#bdbdbd}
.arena__copy .gate{align-self:flex-start;margin-top:6px}
.arena__side{
border-radius:var(--r-md);
overflow:hidden;
background:var(--ink-700);
display:flex;
flex-direction:column;
}
.arena__side>img{display:block;width:100%;height:auto}
.arena__board{padding:10px 14px 16px}
.arena__row{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:13px}
.arena__row img{width:30px;height:auto;flex:0 0 30px}
.arena__row span{color:#cfcfcf}
.arena__row .arena__prize{margin-left:auto;font-weight:700;color:var(--sun)}

.vendorstrip{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.vendorcell{
    display:flex;
    align-items:center;
    justify-content:center;
    height:74px;
    border-radius:var(--r-sm);
    background:var(--ink-600);
    padding:12px;
}
.vendorcell:hover{background:var(--ink-500)}
.vendorcell img{display:block;width:100%;height:46px;object-fit:contain;opacity:.9}
.vendorcell:hover img{opacity:1}

.longform{
background:var(--ink-800);
border-radius:var(--r-lg);
padding:34px 40px 42px;
min-width:0;
}
.dateline{
font-size:12px;
letter-spacing:.4px;
color:var(--ink-100);
margin-bottom:10px;
}
.longform h1{font-size:32px;line-height:1.2;font-weight:800;margin:0 0 18px}
.longform h2{font-size:23px;line-height:1.28;font-weight:800;margin:34px 0 12px;color:#f4f4f4}
.longform h3{font-size:16px;line-height:1.35;font-weight:700;margin:20px 0 8px;color:var(--go-300)}
.longform p{margin:0 0 14px;color:#cccccc}
.longform em{color:#a8a8a8;font-style:italic}
.longform ul,.longform ol{margin:0 0 16px;padding:0;list-style:none}
.longform li{position:relative;padding-left:22px;margin-bottom:9px;color:#cccccc}
.longform ul>li::before{
content:"";
position:absolute;
left:2px;
top:.62em;
width:8px;
height:8px;
border-radius:2px;
background:var(--go-500);
}
.longform ol{counter-reset:step}
.longform ol>li{counter-increment:step;padding-left:30px}
.longform ol>li::before{
content:counter(step);
position:absolute;
left:0;
top:0;
font-size:12px;
font-weight:800;
color:var(--sun);
}
.longform img{
display:block;
margin:24px auto;
max-width:100%;
height:auto;
border-radius:var(--r-md);
}
.wideboard{overflow-x:auto;max-width:100%;margin:0 0 22px;border-radius:var(--r-md)}
.longform table{
width:100%;
min-width:520px;
border-collapse:collapse;
font-size:14px;
background:var(--ink-600);
}
.longform caption{
caption-side:top;
text-align:left;
padding:12px 16px;
font-size:12px;
letter-spacing:1.2px;
text-transform:uppercase;
color:var(--ink-100);
background:var(--ink-500);
}
.longform th{
text-align:left;
padding:12px 16px;
font-size:12px;
letter-spacing:.8px;
text-transform:uppercase;
color:#06210f;
background:var(--go-500);
font-weight:800;
}
.longform td{padding:11px 16px;color:#cfcfcf;vertical-align:top}
.longform tbody tr:nth-child(even){background:rgba(255,255,255,.032)}
.longform tbody tr:hover{background:rgba(30,215,96,.07)}

.cols-2,.cols-3,.cols-4{display:grid;gap:14px;margin:0 0 20px}
.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.cols-2>div,.cols-3>div,.cols-4>div{
background:var(--ink-600);
border-radius:var(--r-md);
padding:16px 18px 4px;
}
.cols-2>div>div:first-child,.cols-3>div>div:first-child,.cols-4>div>div:first-child{
font-size:12px;
letter-spacing:1.2px;
text-transform:uppercase;
color:var(--sun);
font-weight:700;
margin-bottom:6px;
}
.cols-2>div>h3:first-child,.cols-3>div>h3:first-child{margin-top:0}
.cols-2>div>ul:last-child,.cols-3>div>ul:last-child{margin-bottom:12px}

.ctaseat{display:flex;justify-content:center;margin:26px 0 30px}
.golink{
display:inline-flex;
align-items:center;
justify-content:center;
height:48px;padding:0 40px;
border-radius:var(--r-sm);
background:var(--go-500);
color:#06210f;
font-weight:800;font-size:15px;letter-spacing:.3px;
}
.golink:hover{background:var(--go-300)}


.basefoot{background:var(--ink-800)}
.basefoot__in{max-width:var(--shellw);margin:0 auto;padding:36px var(--gut) 30px}
.basefoot__top{display:grid;grid-template-columns:230px repeat(4,minmax(0,1fr));gap:24px}
.basefoot__brand img{display:block;height:30px;width:auto}
.basefoot__social{display:flex;gap:10px;margin-top:16px}
.basefoot__social img{display:block;width:28px;height:28px}
.basefoot__head{font-size:14px;font-weight:800;margin-bottom:10px}
.basefoot__link{display:block;padding:5px 0;font-size:13px;color:#a9a9a9}
.basefoot__link:hover{color:var(--go-500)}
.basefoot__legal{
margin-top:26px;
padding-top:20px;
border-top:1px solid rgba(255,255,255,.06);
display:flex;
flex-direction:column;
gap:10px;
}
.basefoot__legal p{margin:0;font-size:12px;line-height:1.75;color:#7d7d7d}
.basefoot__copy{font-size:12px;color:#5f5f5f}

@media (max-width:1080px){
.gridcase{grid-template-columns:1fr;gap:22px}
.sidepost{position:static;gap:10px}
.sidepost__set{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:6px;padding:8px}
.sidepost__set--feat{flex-direction:row}
.feattile{flex:0 0 210px;height:56px}
.navhit{flex:0 0 auto;height:40px;white-space:nowrap}
.sidepost__club{display:none}
.reelgrid{grid-template-columns:repeat(4,1fr)}
.dealergrid{grid-template-columns:repeat(4,1fr)}
.arena{grid-template-columns:1fr}
.bannerbay__lead{font-size:25px}
.bannerbay__copy{max-width:64%}
}
@media (max-width:860px){
.pickrow{grid-template-columns:repeat(2,1fr)}
.promogrid{grid-template-columns:1fr}
.vendorstrip{grid-template-columns:repeat(3,1fr)}
.basefoot__top{grid-template-columns:repeat(2,minmax(0,1fr))}
.longform{padding:26px 24px 32px}
.longform h1{font-size:26px}
.longform h2{font-size:20px}
.clubband{grid-template-columns:1fr;text-align:center;background-size:cover}
.clubband__copy{align-items:center}
.clubband__stats{justify-content:center}
.arena__lead{grid-template-columns:1fr;text-align:center}
.arena__copy .gate{align-self:center}
.arena__lead img{max-width:420px;margin-inline:auto}
.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}
.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
:root{--gut:14px}
.hatband__in{gap:10px;min-height:54px;padding:9px var(--gut)}
.markstamp img{height:25px}
.hatband__acts{gap:7px}
.gate{height:38px;padding:0 14px;font-size:13px}
.bannerbay__art{aspect-ratio:16/11;object-position:72% 50%}
.bannerbay__copy{
max-width:100%;
padding:0 20px 22px;
justify-content:flex-end;
background:linear-gradient(0deg,rgba(9,20,13,.88) 32%,rgba(9,20,13,0) 78%);
}
.bannerbay__lead{font-size:22px;max-width:100%}
.reelgrid,.reelgrid--fresh{grid-template-columns:repeat(2,1fr)}
.dealergrid{grid-template-columns:repeat(2,1fr)}
.slate__name{font-size:18px}
.cols-2,.cols-3,.cols-4{grid-template-columns:1fr}
.longform{padding:22px 16px 26px}
.longform h1{font-size:23px}
.longform table{font-size:13px}
.basefoot__top{grid-template-columns:1fr;gap:18px}
.golink{width:100%;padding:0 18px}
}