/* Instant Casino theme. */
:root{--bg-dark:#060709;--bg-surface:#101114;--bg-card:#191b20;--bg-card-hover:#24262d;--primary:#ffb42b;--primary-hover:#ffc451;--primary-text:#08090b;--accent:#ff9c20;--text:#f6f6f7;--text-muted:#a6a7ae;--text-dim:#81828b;--border:#28292e;--border-light:#35363d;--font-main:Arial,Helvetica,sans-serif;--radius:8px;--radius-sm:6px;--shadow:none;--page-width:1180px}
html,body{background:#060709!important;color:var(--text);font-family:Arial,Helvetica,sans-serif;scroll-padding-top:80px}
body{margin:0;padding-bottom:105px;font-size:15px;line-height:1.65}
.container{max-width:1220px}
.site-header{height:56px;padding:0!important;background:#101114!important;border-bottom:1px solid #18191c!important;backdrop-filter:none;z-index:100}
.site-header .header-inner{max-width:none!important;width:100%;height:56px;padding:0 13px;display:flex;justify-content:space-between;align-items:center}
.brand-logo{display:inline-flex;gap:0;line-height:1;min-width:0}
.brand-logo .reference-logo{width:164px;height:31px;max-width:none;object-fit:contain}
.header-actions{gap:12px}
.btn{border-radius:6px!important;font-size:12px;font-weight:700;line-height:1.2;min-height:34px;padding:10px 18px;box-shadow:none!important;transition:filter .2s,transform .2s}
.btn:hover{transform:translateY(-1px);text-decoration:none;filter:brightness(1.12)}
.btn-primary{background:linear-gradient(180deg,#ffd15a,#f49716)!important;color:#08090b!important;border:1px solid transparent!important}
.btn-outline{background:#08090b!important;border:1px solid #bbb!important;color:#fff!important}
.header-actions .btn-primary{order:-1}
.header-actions .btn{min-width:73px;font-size:11px;padding:9px 14px}
body .mandatory-header-burger-nav{display:none!important}
.hamburger-btn{display:none}
.menu-overlay{top:56px;background:#141519;border:1px solid var(--border)}
.reference-shell{max-width:1180px;margin-left:auto;margin-right:auto;width:calc(100% - 40px)}
.reference-stage{padding-top:73px}
.reference-banner{height:255px;position:relative;border:1px solid #302923;border-radius:18px;overflow:hidden;background:#101114 url('./hero-roulette.webp') center/cover no-repeat}
.reference-banner-copy{position:relative;z-index:1;padding:28px 35px;width:66%}
.reference-promo{font-family:Arial Black,Arial,Helvetica,sans-serif;font-weight:1000;font-style:italic;text-transform:uppercase;font-size:48px;letter-spacing:-1.6px;line-height:.88;margin:0 0 12px!important}
.reference-promo span{display:block;color:#101114;-webkit-text-stroke:1px #ff8917;text-shadow:none}
.reference-promo span:last-child{-webkit-text-stroke-color:#ffd326}
.reference-subtitle{font-size:16px;line-height:1.4;color:#fff;margin:0 0 18px!important}
.reference-banner .btn{min-width:114px;font-size:11px;display:inline-flex;align-items:center;justify-content:center;min-height:37px}
.reference-dots{position:absolute;bottom:20px;left:41px;display:flex;gap:6px}
.reference-dots span{width:6px;height:6px;background:#6d6e73;border-radius:50%}
.reference-dots span:first-child{background:#ffbf35}
.reference-nav{display:grid;grid-template-columns:repeat(6,1fr);gap:15px;margin-top:13px}
.reference-nav a{height:49px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:6px;background:linear-gradient(125deg,#202229,#181a1f);color:#b8b9c0;font-size:12px;font-weight:700;text-decoration:none;border:1px solid transparent}
.reference-nav a:hover,.reference-nav a:focus-visible{color:#ffc34a;border-color:#805c28;background:#25262c}
.reference-nav svg{width:19px;height:19px;stroke:#ffc143;fill:none;stroke-width:1.7}
.reference-benefits{margin-top:26px}
.reference-benefits>h2{border:0!important;text-align:center!important;padding:0!important;margin:0 0 15px!important;font:800 19px/1.25 Arial,Helvetica,sans-serif!important;color:#bfc0c5;text-transform:uppercase}
.reference-benefit-grid{display:grid;grid-template-columns:3.12fr repeat(3,1fr);gap:12px}
.reference-benefit{border-radius:9px;border:1px solid #654019;border-bottom:0;overflow:hidden;position:relative;background:#101114;min-height:180px;text-align:center}
.reference-benefit img{width:100%;height:103px;object-fit:cover;object-position:50% 37%;mix-blend-mode:lighten}
.reference-benefit h3{color:white;font-size:15px;font-weight:900;text-transform:uppercase;line-height:1.05;margin:-5px 8px 7px;padding:0;position:relative}
.reference-benefit p{font-size:10px;color:#b6b6bf;line-height:1.45;margin:0 8px 12px}
.reference-bank{background:#101114 url('./banking-dice.webp') right center/auto 240px no-repeat;text-align:left;padding:30px 17px}
.reference-bank::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#101114 30%,rgba(16,17,20,.9) 45%,transparent 84%)}
.reference-bank>*{position:relative;z-index:1}
.reference-bank h3{font-size:21px;line-height:1;margin:0 0 12px;max-width:380px}
.reference-bank .payment-wordmarks{display:flex;align-items:center;gap:13px;font-size:15px;font-weight:700;margin-bottom:14px;white-space:nowrap}
.payment-wordmarks .visa{font-style:italic;font-size:24px;font-weight:900}
.payment-wordmarks .mastercard{display:flex;width:32px}
.payment-wordmarks .mastercard i{width:20px;height:20px;border-radius:50%;background:#eb001b}
.payment-wordmarks .mastercard i+i{background:#f79e1b;margin-left:-8px}
.payment-wordmarks .mifinity{font-size:9px;color:#39b4d5;line-height:1.1}
.reference-bank .btn{font-size:11px;min-height:33px;padding:9px 24px}
.reference-gallery{margin-top:27px}
.reference-gallery-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.reference-gallery-top h2{font-size:12px!important;line-height:1.4;border:0!important;padding:0!important;margin:0!important;color:#b8b9c0;text-transform:uppercase}
.reference-gallery-top a{font-size:11px;color:#b8b9c0}
.reference-gallery-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.reference-category{display:block;aspect-ratio:1.25;position:relative;border-radius:7px;overflow:hidden;background-image:url('./category-gallery.webp');background-size:600% 100%;background-position:calc(var(--tile) * 20%) center;transition:transform .2s}
.reference-category:hover{transform:translateY(-4px)}
.reference-category span{position:absolute;bottom:0;left:0;right:0;padding:25px 12px 10px;background:linear-gradient(transparent,rgba(0,0,0,.95));color:#fff;font-size:13px;font-weight:700}
.editorial-intro{width:calc(100% - 40px);max-width:1180px;margin:45px auto 28px;padding:28px;border:1px solid var(--border);border-radius:12px;background:#101114}
.editorial-intro .container{padding:0;max-width:none;width:100%}
.editorial-intro .hero-grid{grid-template-columns:1.65fr 1fr;gap:35px}
.editorial-intro h1{font-size:30px;line-height:1.15;letter-spacing:-.7px;margin:12px 0 16px}
.hero-badge{background:transparent;border:0;border-radius:0;padding:0;color:#ffbb3c;font-size:10px;letter-spacing:1.3px;text-transform:uppercase}
.hero-lead{font-size:15px;color:#b8b9c0;line-height:1.75}
.hero-card{background:#18191e;border:1px solid #553719;border-radius:9px;box-shadow:none;padding:24px}
.card-bonus-title{color:#ffc245;font-size:29px}
.card-tag{color:#ffba39;background:transparent;padding:0;font-size:11px}
.hero-trust-list{color:#a3a4ad;gap:10px;font-size:11px;margin-top:20px}
.hero-trust-list span{border:1px solid #303137;border-radius:4px;padding:5px 9px}
.hero-cta-group{gap:10px}
body:not(.reference-home) .hero-section{max-width:1180px;width:calc(100% - 40px);margin:54px auto 25px;padding:35px;background:linear-gradient(90deg,#101114 35%,rgba(16,17,20,.85) 65%,rgba(16,17,20,.25)),url('./hero-roulette.webp') center/cover;border:1px solid #503721;border-radius:16px}
body:not(.reference-home) .hero-section .container{max-width:none;width:100%;padding:0}
body:not(.reference-home) .hero-section h1{font-size:38px;line-height:1.1;letter-spacing:-1px;color:#fff;margin:15px 0}
body:not(.reference-home) .hero-section .hero-card{background:rgba(16,17,20,.87)}
.toc-bar{background:#0d0e11;border-top:1px solid #26272c;border-bottom:1px solid #26272c;position:relative;top:auto}
.toc-scroll{gap:9px;padding:14px 0}
.toc-pill{background:#1b1d22;border:1px solid #2a2b31;color:#bcbec5;font-size:12px;border-radius:5px;padding:8px 12px}
.toc-pill:hover{color:#ffc143;border-color:#876229}
.content-area{padding:28px 0 45px}
.content-area>.container{max-width:1220px}
.content-area>p{max-width:1180px;width:calc(100% - 40px);margin:0 auto 24px;font-size:13px;color:#a6a7b0;border-left:2px solid #ffad23;padding-left:15px}
.content-area h2{font-size:25px;letter-spacing:-.5px;border-bottom:1px solid #303137;padding-bottom:12px;color:#f5f5f7;margin-top:35px}
.content-area h3{font-size:19px;color:#e9e9ed}
.content-area p,.content-area li{color:#b9bac3}
.content-area strong{color:#eeeff3}
.answer-box,.callout-box,.app-card,.contact-form-section,.author-box,.faq-item{background:#141519!important;border-color:#303138!important;box-shadow:none!important;border-radius:8px}
.answer-label{color:#f3bc54;font-size:12px;letter-spacing:.5px}
.answer-text{font-size:13px;line-height:1.7}
.callout-box{border-left:3px solid #f6a921!important}
table{background:#101114;border-color:#2b2c31}
th{background:#22242a!important;color:#f3bc54!important;border-color:#34363c!important;font-size:12px;text-transform:none}
td{border-color:#292b30!important;color:#b9bac3;font-size:13px}
tr:nth-child(even){background:#17181d!important}
.table-scroll-wrap{border:1px solid #292b30;border-radius:8px}
.game-tile{background:#18191f!important;border-color:#363038!important}
.game-tile-icon{color:#ffad22}
.game-tile-badge{color:#ffbd46;background:#33291a}
input,textarea,select{background:#0c0d10!important;color:#eee!important;border-color:#3a3b42!important;border-radius:5px!important}
.site-footer{background:#101114!important;border-color:#292a30;padding:30px 20px 35px;color:#95969f}
.site-footer a{color:#c1c2ca}
body .sticky-bar{display:none!important}
.reference-cookie{position:fixed;bottom:0;left:0;right:0;z-index:200;background:#202127;border-top:1px solid #2a2b31;padding:22px 20px;display:flex;align-items:center;gap:17px;min-height:88px}
.reference-cookie[hidden]{display:none}
.reference-cookie svg{width:28px;height:28px;flex:none;fill:#92939b}
.reference-cookie p{color:#9697a0;font-size:12px;line-height:1.45;margin:0;max-width:1000px}
.reference-cookie a{color:#3d98df;text-decoration:underline}
.reference-cookie-actions{margin-left:auto;border-left:1px solid #73747d;padding-left:19px;flex:none}
.reference-cookie button{border:0;min-width:135px;padding:8px 18px;font-size:9px;font-weight:700;border-radius:5px;background:linear-gradient(#ffcf58,#ee971e);cursor:pointer;color:#08090b}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #ffb831;outline-offset:4px}
@media(min-width:1700px){.reference-shell,.editorial-intro,body:not(.reference-home) .hero-section{transform:translateX(100px)}}
@media(max-width:1100px){.reference-promo{font-size:39px}.reference-banner-copy{width:72%}.reference-benefit-grid{grid-template-columns:2.3fr repeat(3,1fr)}.reference-bank h3{font-size:17px}.reference-bank .payment-wordmarks{gap:8px;font-size:12px}.reference-bank .payment-wordmarks .visa{font-size:19px}}
@media(max-width:760px){body{padding-bottom:125px}.reference-stage{padding-top:22px}.reference-shell{width:calc(100% - 28px)}.reference-banner{height:300px;background-position:67% center}.reference-banner::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,8,10,.85),rgba(7,8,10,.35) 70%,transparent)}.reference-banner-copy{padding:27px 21px;width:100%}.reference-promo{font-size:clamp(30px,7vw,44px);max-width:500px;line-height:.96}.reference-subtitle{max-width:260px;font-size:13px;margin-top:15px!important}.reference-dots{left:24px}.reference-nav{grid-template-columns:repeat(3,1fr);gap:8px}.reference-nav a{height:45px;font-size:11px;gap:5px}.reference-benefit-grid{grid-template-columns:repeat(3,1fr);gap:8px}.reference-bank{grid-column:1/-1;min-height:174px;padding:25px 18px;background-size:auto 230px}.reference-bank h3{font-size:21px;max-width:280px}.reference-bank .payment-wordmarks{font-size:14px;gap:12px}.reference-benefit:not(.reference-bank){min-height:176px}.reference-benefit img{height:96px}.reference-benefit h3{font-size:12px;margin-top:0}.reference-benefit p{font-size:9px}.reference-benefits>h2{font-size:16px!important}.reference-gallery-grid{grid-template-columns:repeat(3,1fr);gap:9px}.reference-gallery{margin-top:22px}.editorial-intro{width:calc(100% - 28px);padding:20px;margin-top:30px}.editorial-intro .hero-grid{grid-template-columns:1fr}.editorial-intro h1{font-size:26px}.hero-card{padding:20px}.header-actions{gap:7px}.header-actions .btn{min-width:60px;padding:8px 10px;font-size:10px}.brand-logo .reference-logo{width:143px;height:28px}.hamburger-btn{display:flex;font-size:19px;width:28px;align-items:center;justify-content:center;color:#bbb}.site-header .header-inner{padding:0 10px}body:not(.reference-home) .hero-section{margin-top:22px;width:calc(100% - 28px);padding:24px}body:not(.reference-home) .hero-section h1{font-size:29px}.hero-grid{grid-template-columns:1fr}.reference-cookie{padding:15px 14px;gap:10px;min-height:100px}.reference-cookie p{font-size:10px}.reference-cookie svg{width:23px}.reference-cookie-actions{padding-left:10px}.reference-cookie button{min-width:90px;padding:9px 10px}.content-area h2{font-size:22px}.toc-scroll{padding:10px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:760px){.header-actions .btn-outline{display:inline-flex!important;align-items:center;justify-content:center}}