@font-face{font-family:'Bowlby One';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/bowlby-one-400.woff2) format('woff2')}
@font-face{font-family:'Archivo';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/archivo-var.woff2) format('woff2')}

:root{
  --cherry:#3a0710;
  --cherry-2:#4d0b17;
  --cherry-3:#651022;
  --flame:#e2231a;
  --lemon:#ffd23f;
  --lemon-hi:#ffe070;
  --melon:#3fbf5a;
  --cream:#fff1e0;
  --blush:#f0bcb4;
  --rim:rgba(255,210,63,.22);
  --fat:'Bowlby One',Impact,sans-serif;
  --body:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cherry);color:var(--cream);font:400 17px/1.65 var(--body)}
img{max-width:100%;height:auto;display:block}
a{color:var(--lemon)}
:focus-visible{outline:3px solid var(--lemon);outline-offset:3px}
h1,h2,h3{font-family:var(--fat);font-weight:400;line-height:1.05;margin:0 0 .5em}
h2{font-size:clamp(28px,3.2vw,40px)}
h3{font-size:21px}
p{margin:0 0 1em}
.wrap{max-width:1160px;margin:0 auto;padding:0 20px}
.measure{max-width:66ch}

.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 24px;border-radius:999px;background:var(--lemon);color:var(--cherry);font:700 16px/1.1 var(--body);text-decoration:none;border:0;cursor:pointer;white-space:nowrap;box-shadow:0 4px 0 #b88f00}
.btn:hover{background:var(--lemon-hi)}
.btn:active{transform:translateY(2px);box-shadow:0 2px 0 #b88f00}
.btn--line{background:transparent;color:var(--cream);box-shadow:inset 0 0 0 2px var(--cream)}
.btn--line:hover{background:rgba(255,241,224,.1)}
.btn--line:active{box-shadow:inset 0 0 0 2px var(--cream)}
.btn--sm{min-height:40px;padding:8px 18px;font-size:15px}

.top{position:sticky;top:0;z-index:20;background:rgba(58,7,16,.95);border-bottom:2px solid var(--flame);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.top__in{display:flex;align-items:center;gap:22px;min-height:64px}
.brand{display:flex;align-items:center;gap:10px;color:var(--cream);text-decoration:none;font:400 21px/1 var(--fat);margin-right:auto}
.brand img{border-radius:12px}
.nav{display:flex;gap:22px}
.nav a{color:var(--blush);text-decoration:none;font-weight:700;font-size:15px}
.nav a:hover{color:var(--cream)}
.menu-btn{display:none;background:none;border:2px solid var(--rim);color:var(--cream);border-radius:999px;font:700 15px var(--body);padding:7px 14px;cursor:pointer}

/* hero: red-hot, logo + copy left, slicing board right */
.hero{padding:48px 0 60px;background:
  radial-gradient(circle at 85% 0%,rgba(255,210,63,.28),transparent 45%),
  linear-gradient(160deg,#9b0f19 0%,#5a0a14 55%,var(--cherry) 100%)}
.hero__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:center}
.hero__logo{width:min(200px,50%);border-radius:24px;margin-bottom:18px;transform:rotate(-3deg);box-shadow:0 18px 30px -14px rgba(0,0,0,.7)}
.hero h1{font-size:clamp(34px,4.2vw,54px);max-width:15ch}
.hero__lede{font-size:18.5px;max-width:50ch}
.hero__acts{display:flex;flex-wrap:wrap;gap:14px;margin:24px 0 26px}
.byline{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--blush);margin:0}
.byline img{border-radius:50%;border:2px solid var(--lemon);flex:none}
.byline b{color:var(--cream)}

/* slicing board */
.board{background:var(--cream);color:var(--cherry);border-radius:28px;padding:24px;box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.board h2{color:var(--flame);font-size:28px;margin-bottom:.2em}
.board__intro{font-size:15px;color:#5b2a2a;margin-bottom:16px}
.fruits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px;border-radius:20px;background:repeating-linear-gradient(90deg,#f2d6b3 0 22px,#ecc9a0 22px 44px)}
.fruit{position:relative;aspect-ratio:1;border:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#ffe9c9 70%);box-shadow:0 6px 0 #d9b78a,0 10px 18px -8px rgba(0,0,0,.35);cursor:pointer;display:grid;place-items:center;padding:0;font:inherit}
.fruit:hover{transform:translateY(-2px)}
.fruit__icon{font-size:clamp(30px,4vw,46px);line-height:1;transition:transform .35s ease,opacity .35s ease}
.fruit__val{position:absolute;left:50%;bottom:10%;transform:translateX(-50%);font:400 clamp(14px,1.6vw,19px)/1 var(--fat);color:var(--flame);white-space:nowrap}
.fruit.is-gold{background:radial-gradient(circle at 35% 30%,#fff7c2,#ffc400 70%);box-shadow:0 6px 0 #b88f00,0 0 0 3px #fff3a0}
.fruit.is-gold .fruit__icon{font:400 clamp(30px,4vw,46px)/1 var(--fat);color:var(--flame)}
.fruit.is-gold .fruit__val{color:var(--cherry)}
.fruit.is-hit{animation:shake .3s ease}
.fruit.is-cut .fruit__icon{transform:rotate(-25deg) scale(.6);opacity:.35}
.fruit.is-cut::after{content:"";position:absolute;left:12%;right:12%;top:48%;height:4px;border-radius:4px;background:var(--flame);transform:rotate(-25deg)}
@keyframes shake{0%,100%{transform:none}25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}
.tally{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0 0;padding:0}
.tally div{padding:10px 12px;border-radius:14px;background:#ffe4c2}
.tally dt{font-size:12.5px;color:#7a3b35}
.tally dd{margin:0;font:400 22px/1.1 var(--fat);color:var(--cherry)}
.board__foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:14px}
.board__msg{flex:1 1 220px;margin:0;font-weight:700;min-height:3.2em}
.board__foot .btn--line{color:var(--cherry);box-shadow:inset 0 0 0 2px var(--cherry)}
.board__foot .btn--line:hover{background:rgba(58,7,16,.08)}
.board__note{margin:12px 0 0;font-size:13px;color:#6d3a34;line-height:1.5}

/* casinos */
.picks{padding:62px 0;background:var(--cherry-2);border-top:2px solid var(--flame)}
.picks__list{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.pick{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px 16px;align-items:start;padding:20px;border-radius:22px;background:var(--cherry-3);border:2px solid transparent}
.pick--hot{border-color:var(--lemon);background:linear-gradient(135deg,#7a1428,var(--cherry-3))}
.pick img{border-radius:14px}
.pick h3{margin:0 0 2px;font-size:20px}
.pick__amt{margin:0;font:400 24px/1.1 var(--fat);color:var(--lemon)}
.pick ul{grid-column:1/-1;margin:0;padding-left:18px;font-size:15px;line-height:1.5;color:#f6d9d2}
.pick__go{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}
.pick__go small{font-size:12px;color:var(--blush)}
.picks__small{font-size:14px;color:var(--blush);margin:20px 0 0;max-width:72ch}

/* content blocks */
.blk{padding:58px 0;border-top:1px solid var(--rim)}
.blk--alt{background:var(--cherry-2)}
.blk__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:44px;align-items:center}
.blk__grid img{border-radius:22px;width:min(440px,100%)}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0;padding:0;list-style:none}
.chips li{padding:10px 16px;border-radius:999px;background:var(--cherry-3);font-size:15px}
.chips b{color:var(--lemon);margin-left:6px}
.pots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}
.pot{padding:20px;border-radius:20px;text-align:center;background:var(--cherry-3)}
.pot span{display:block;font-size:14px;color:var(--blush)}
.pot b{display:block;font:400 34px/1.1 var(--fat);color:var(--lemon);margin-top:4px}
.pot--grand{background:linear-gradient(160deg,#c8101e,#7a0b16)}
.bullets{margin:0;padding-left:20px;max-width:70ch}
.bullets li{margin:7px 0}
.nums{margin:0;padding-left:24px;max-width:70ch}
.nums li{padding:5px 0 5px 4px}
.nums li::marker{font:400 18px var(--fat);color:var(--lemon)}
.verdict{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:900px}
.verdict>div{padding:20px 22px;border-radius:20px;background:var(--cherry-3)}
.verdict>div:first-child{box-shadow:inset 0 4px 0 var(--melon)}
.verdict>div:last-child{box-shadow:inset 0 4px 0 var(--flame)}
.verdict ul{margin:0;padding-left:20px}
.qa{max-width:860px}
.qa details{border-bottom:1px solid var(--rim)}
.qa summary{cursor:pointer;list-style:none;padding:16px 36px 16px 0;font-weight:700;font-size:17.5px;position:relative}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"+";position:absolute;right:6px;top:12px;font:400 24px/1 var(--fat);color:var(--lemon)}
.qa details[open] summary::after{content:"−"}
.qa details p{margin:0 0 18px;color:#f6d9d2}

.last{padding:66px 0;text-align:center;background:radial-gradient(circle at 50% 120%,rgba(226,35,26,.55),transparent 60%),var(--cherry);border-top:2px solid var(--flame)}
.last img{margin:0 auto 18px;border-radius:20px;transform:rotate(3deg)}
.last p{color:var(--blush);max-width:46ch;margin:0 auto 22px}

.foot{padding:44px 0 110px;background:#24040a;font-size:14px;color:var(--blush)}
.foot__in{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px}
.foot nav{display:flex;flex-wrap:wrap;gap:8px 18px}
.foot nav a{color:var(--cream)}
.marks{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.marks img{width:84px;height:auto}
.plus18{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;border:3px solid var(--lemon);color:var(--cream);font:400 15px/1 var(--fat)}
.foot__c{margin:14px 0 0}

.deal{position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--lemon);color:var(--cherry);box-shadow:0 -10px 30px rgba(0,0,0,.35);transform:translateY(110%);transition:transform .3s ease}
.deal.is-on{transform:none}
.deal__in{display:flex;align-items:center;gap:14px;min-height:64px}
.deal p{margin:0;flex:1;min-width:0;font-size:14px;line-height:1.35}
.deal b{display:block;font:400 17px/1.15 var(--fat)}
.deal .btn{flex:none;background:var(--cherry);color:var(--lemon);box-shadow:none}
.deal__x{flex:none;background:none;border:0;font-size:28px;line-height:1;color:var(--cherry);cursor:pointer;padding:4px 6px}

.gone{padding:90px 20px 110px;max-width:640px}
.gone h1{font-size:46px}

@media (max-width:960px){
  .hero__in,.blk__grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  body{font-size:16px}
  .nav{display:none;position:absolute;left:0;right:0;top:64px;flex-direction:column;gap:0;background:var(--cherry);border-bottom:2px solid var(--flame);padding:6px 20px 14px}
  .nav.is-open{display:flex}
  .nav a{padding:12px 0;border-bottom:1px solid var(--rim)}
  .menu-btn{display:block}
  .top__in>.btn{display:none}
  .hero{padding:30px 0 44px}
  .hero__lede{font-size:17px}
  .board{padding:18px 14px;border-radius:22px}
  .fruits{gap:8px;padding:10px}
  .tally dd{font-size:18px}
  .picks,.blk{padding:46px 0}
  .picks__list,.verdict{grid-template-columns:minmax(0,1fr)}
  .pots{grid-template-columns:minmax(0,1fr)}
  .foot__in{grid-template-columns:minmax(0,1fr);gap:24px}
  .deal span{display:none}
}
@media (prefers-reduced-motion:reduce){
  .fruit.is-hit{animation:none}
  .fruit__icon,.deal{transition:none}
}
.wrap.measure{max-width:1160px}
.wrap.measure>*{max-width:66ch}