/* BetFury Dice — page-specific styles only */
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(251,25,73,.12);border:1px solid rgba(251,25,73,.3);border-radius:30px;padding:7px 18px;margin-bottom:18px;font-size:.82rem;font-weight:700;color:var(--purple);letter-spacing:.04em}
.hero-sub{font-size:.93rem;color:var(--muted);line-height:1.7;margin-bottom:26px;max-width:540px}
section p{color:var(--muted);font-size:.88rem;line-height:1.75;margin-bottom:14px}
.btn-secondary-hero{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;padding:14px 28px;border-radius:8px;font-weight:600;font-size:.92rem;transition:.2s;display:inline-flex;align-items:center}
.btn-secondary-hero:hover{border-color:rgba(255,255,255,.5)}

.info-table{width:100%;border-collapse:collapse;background:var(--bg3);border:1px solid var(--border);border-radius:14px;overflow:hidden;font-size:.88rem}
.info-table td{padding:13px 20px;border-bottom:1px solid var(--border)}
.info-table tr:last-child td{border-bottom:none}
.info-table td:first-child{color:var(--muted);font-weight:400;width:50%}
.info-table td:last-child{color:var(--text);font-weight:600}

.hero-img-wrap{flex-shrink:0;width:220px;margin:60px 48px 60px 0;align-self:stretch;overflow:hidden;border-radius:12px}
.hero-img-wrap img{width:100%;height:100%;object-fit:cover;display:block}

.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.step-card{background:var(--bg3);border:1px solid var(--border);border-radius:14px;padding:22px}
.step-num{font-size:1.5rem;font-weight:900;color:var(--purple);margin-bottom:10px}
.step-card h3{font-size:.93rem;font-weight:700;margin-bottom:7px}
.step-card p{color:var(--muted);font-size:.83rem;line-height:1.65}

/* ── Dice interactive widget ─────────────────────────────── */
.dice-widget{background:var(--bg3);border:1px solid var(--border);border-radius:20px;padding:28px 28px 0;overflow:hidden;user-select:none;max-width:650px;margin-left:auto;margin-right:auto}

/* Labels */
.dw-titles{display:grid;grid-template-columns:1fr auto 1fr;margin-bottom:8px}
.dw-titles > :nth-child(2){min-width:60px}
.dw-col-label{font-size:.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;text-align:center;justify-self:center;width:100%}

/* Numbers row */
.dw-nums-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin-bottom:16px}
.dw-numbox{background:var(--bg4);border-radius:14px;padding:20px 12px;text-align:center;font-size:2.6rem;font-weight:900;color:#fff;line-height:1;transition:box-shadow .35s,color .35s;min-width:0}
.dw-numbox.win {box-shadow:0 0 0 2px #22c55e,0 0 24px rgba(34,197,94,.25);color:#22c55e}
.dw-numbox.lose{box-shadow:0 0 0 2px #ef4444,0 0 24px rgba(239,68,68,.22);color:#ef4444}

/* Dice roll button */
.dw-dice-btn{background:none;border:none;font-size:3rem;line-height:1;padding:6px;cursor:pointer;transition:transform .2s,filter .2s;filter:drop-shadow(0 6px 14px rgba(0,0,0,.55));flex-shrink:0}
.dw-dice-btn:hover{transform:scale(1.12) rotate(-8deg)}
.dw-dice-btn.rolling{animation:diceRoll .5s ease forwards}
@keyframes diceRoll{0%{transform:rotate(0) scale(1)}25%{transform:rotate(-22deg) scale(1.18)}60%{transform:rotate(16deg) scale(1.1)}85%{transform:rotate(-8deg) scale(1.04)}100%{transform:rotate(0) scale(1)}}

/* Info cells row */
.dw-info{display:flex;align-items:stretch;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:0 -28px}
.dw-info-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 8px;gap:3px;text-align:center}
.dw-info-label{font-size:.65rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}
.dw-info-val{font-size:.88rem;font-weight:600;color:var(--text)}
.dw-info-val strong{font-weight:700;color:#fff}
.dw-info-sep{width:1px;background:var(--border);flex-shrink:0;align-self:stretch}

/* Bet amount row */
.dw-bet-row{display:flex;align-items:center;justify-content:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--border)}
.dw-bet-inner{display:flex;flex-direction:column;align-items:center;gap:5px}
.dw-bet-label{font-size:.65rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}
.dw-bet-val-wrap{display:flex;align-items:center;background:var(--bg4);border-radius:10px;padding:8px 14px;gap:4px}
.dw-bet-prefix{color:var(--muted);font-size:.88rem;font-weight:600;line-height:1}
.dw-bet-input{background:none;border:none;outline:none;color:#fff;font-size:1rem;font-weight:700;width:80px;text-align:center;-moz-appearance:textfield}
.dw-bet-input::-webkit-outer-spin-button,.dw-bet-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.dw-bet-btn{background:var(--bg4);border:1px solid var(--border);border-radius:10px;width:46px;height:46px;font-size:1.5rem;font-weight:700;color:#fff;cursor:pointer;transition:background .15s,transform .1s;flex-shrink:0;display:flex;align-items:center;justify-content:center;line-height:1}
.dw-bet-btn:hover{background:var(--bg2);border-color:rgba(255,255,255,.25)}
.dw-bet-btn:active{transform:scale(.93)}

/* Slider */
.dw-slider-wrap{padding:16px 0 14px}
.dice-slider{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:4px;outline:none;cursor:pointer;border:none}
.dice-slider::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;cursor:pointer;transition:box-shadow .15s}
.dice-widget[data-mode="under"] .dice-slider::-webkit-slider-thumb{border:3px solid #22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.2)}
.dice-widget[data-mode="under"] .dice-slider::-webkit-slider-thumb:hover{box-shadow:0 0 0 9px rgba(34,197,94,.25)}
.dice-widget[data-mode="over"]  .dice-slider::-webkit-slider-thumb{border:3px solid #fb1949;box-shadow:0 0 0 5px rgba(251,25,73,.18)}
.dice-widget[data-mode="over"]  .dice-slider::-webkit-slider-thumb:hover{box-shadow:0 0 0 9px rgba(251,25,73,.25)}
.dice-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid #22c55e;cursor:pointer}

/* Under/Over bottom tabs */
.dw-bottom{margin:0 -28px;height:52px;background:#131922;overflow:hidden}
.dw-bottom-btns{display:flex;height:100%;width:100%}
.dw-tab{flex:1;background:none;border:none;padding:0 0 6px;font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;color:var(--muted);transition:background .2s,color .2s;height:100%}
.dw-tab:hover{color:#fff}
.dice-widget[data-mode="under"] #tab-under.dw-tab-active{color:#22c55e;background:rgba(34,197,94,.12)}
.dice-widget[data-mode="over"]  #tab-over.dw-tab-active{color:#fb1949;background:rgba(251,25,73,.1)}

.mult-table{width:100%;border-collapse:collapse;background:var(--bg3);border:1px solid var(--border);border-radius:14px;overflow:hidden;font-size:.88rem}
.mult-table th{text-align:left;padding:13px 20px;color:var(--muted);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--border)}
.mult-table td{padding:13px 20px;border-bottom:1px solid var(--border);color:var(--muted);font-weight:400}
.mult-table tr:last-child td{border-bottom:none}

.features-list{padding-left:22px;display:flex;flex-direction:column;gap:10px}
ul.features-list{list-style:disc}
ol.features-list{list-style:decimal}
.features-list li{font-size:.88rem;color:var(--muted);line-height:1.7}

.jackpot-card{background:var(--bg3);border:1px solid rgba(255,184,48,.25);border-radius:16px;padding:32px;display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.jackpot-icon{font-size:3rem;flex-shrink:0}
.jackpot-body h3{font-size:1.1rem;font-weight:900;margin-bottom:8px;color:var(--gold)}
.jackpot-body p{color:var(--muted);font-size:.85rem;line-height:1.7}

.screenshots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.screenshot-slot{background:var(--bg3);border:1px solid var(--border);border-radius:14px;overflow:hidden}
.screenshot-slot img{width:100%;height:auto;display:block}
.screenshot-slot .cap{padding:12px 16px;font-size:.8rem;color:var(--muted);line-height:1.5}

@media(max-width:768px){
  .hero-content{padding:32px 20px 36px;width:100%}
  .hero-img-wrap{display:none}
  .range-demo{padding:20px}
  .jackpot-card{flex-direction:column;gap:16px}
  .btn-secondary-hero{justify-content:center}
}