@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;600;700&display=swap');
:root{--color-primary:#c7ea02;--color-secondary:#b636a6;--color-bg:#000;--color-header:#131313;--color-text:#e8e8e8;--muted:#a5a5a5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:Archivo,Arial,sans-serif;line-height:1.6}a{color:var(--color-primary);text-decoration:none}a:hover{color:#fff}.container{max-width:1180px;margin:auto;padding:0 20px}
.site-header{position:sticky;top:0;z-index:20;background:var(--color-header);border-bottom:1px solid #292929}.header-row{min-height:76px;display:flex;align-items:center;gap:22px}.logo{width:145px;height:auto}.main-nav{display:flex;gap:16px;align-items:center;flex:1}.main-nav a{color:#fff;font-size:.9rem}.header-actions{display:flex;gap:8px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:5px;padding:11px 18px;font-weight:700;transition:.2s;cursor:pointer}.btn-primary{background:var(--color-primary);color:#000}.btn-secondary{background:var(--color-secondary);color:#fff}.btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.burger{display:none;background:none;color:#fff;border:1px solid #555;font-size:24px;padding:3px 10px}.online-counter{font-size:.72rem;color:#bbb;white-space:nowrap}.online-counter strong{color:var(--color-primary)}
.hero{min-height:410px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.3)),url('/instasino-banner.png') center/cover}.hero h1{font-size:clamp(2rem,5vw,4.2rem);line-height:1.1;max-width:720px}.hero p{font-size:1.1rem;color:#ddd}.breadcrumbs{padding:18px 0;color:#999;font-size:.9rem}.toc,.info-box,.notice{background:#151515;border:1px solid #292929;border-radius:8px;padding:24px;margin:22px 0}.toc ul{display:flex;flex-wrap:wrap;gap:12px 28px;margin:10px 0;padding-left:18px}
.section-title{margin-top:44px;color:#fff}.section-title:after{content:'';display:block;width:55px;height:4px;background:var(--color-primary);margin-top:8px}.info-scroll{overflow-x:auto}.info-table,.comparison-table{width:100%;border-collapse:collapse;margin:18px 0}.info-table td,.info-table th,.comparison-table td,.comparison-table th{border:1px solid #414141;padding:12px;text-align:left;min-width:150px}.info-table th,.comparison-table th{background:#202020;color:var(--color-primary)}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card,.bonus-card,.slot-card,.review-card{background:#151515;border:1px solid #2c2c2c;border-radius:8px;padding:22px}.card h3,.bonus-card h3{color:var(--color-primary)}.bonus-card strong{font-size:1.7rem;color:#fff}.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pros,.cons{padding:22px;border-radius:8px;background:#151515}.pros li::first-letter{color:var(--color-primary)}.cons li::first-letter{color:#f66}.leaderboard{overflow-x:auto}.leaderboard table{width:100%;border-collapse:collapse}.leaderboard td,.leaderboard th{padding:9px;border-bottom:1px solid #333}.leaderboard th{color:var(--color-primary)}.game-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.slot-card{padding:10px}.slot-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:5px;background:#292929}.slot-card h4{font-size:.9rem;margin:8px 0}.slot-card .btn{width:100%;padding:7px;font-size:.8rem}.wheel-wrap{text-align:center;background:#141414;padding:25px;border-radius:8px}.wheel-wrap canvas{max-width:100%;background:#222;border-radius:50%}.faq-item{border-bottom:1px solid #333}.faq-question{padding:16px 4px;cursor:pointer;font-weight:700;color:#fff}.faq-answer{display:none;padding:0 4px 16px;color:#bbb}.faq-item.open .faq-answer{display:block}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stars{color:#ffd500;letter-spacing:2px}.avatar{width:44px;height:44px;border-radius:50%;background:#333;display:inline-block;vertical-align:middle;margin-right:8px}.author{display:flex;gap:20px;align-items:center;background:#151515;border-radius:8px;padding:24px;margin:25px 0}.author img{width:92px;height:92px;border-radius:50%;object-fit:cover}.form-control,.form-select{background:#101010!important;color:#fff!important;border:1px solid #444!important;padding:12px!important}.sticky-widget{position:fixed;bottom:0;left:0;right:0;background:#181818;border-top:1px solid #333;padding:10px;z-index:19}.sticky-inner{display:flex;justify-content:center;gap:24px;align-items:center}.site-footer{background:#131313;padding:45px 0 85px;margin-top:45px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}.footer-links{display:flex;flex-direction:column;gap:7px}.payment-list,.provider-list{display:flex;flex-wrap:wrap;gap:8px;color:#bbb;font-size:.8rem}.legal{color:#999;font-size:.8rem}.content-text h2,.content-text h3{color:#fff;margin-top:30px}.content-text p,.content-text li{color:#ccc}.jackpot{font-size:clamp(2rem,7vw,5rem);text-align:center;color:var(--color-primary);font-weight:700}.page-shell{padding-bottom:30px}.mobile-slider{display:flex;gap:16px}.fade-in{animation:fadeInUp .6s ease both}@keyframes fadeInUp{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}.x7k2m9,.q4r8p1,.n8v3d0,.a1f6z2,.r5t9x4,.k2p8b7,.m6w1e3,.h9j4s5,.v3c7l8,.d0q2y6,.u4i8o1,.z5b9n3{display:block}
@media(max-width:768px){.header-row{gap:8px}.logo{width:108px}.main-nav{display:none;position:absolute;top:76px;left:0;right:0;background:#131313;padding:18px;flex-direction:column;align-items:flex-start}.main-nav.open{display:flex}.burger{display:block}.header-actions{margin-left:auto}.header-actions .btn{padding:8px 9px;font-size:.72rem}.online-counter{display:none}.hero{min-height:360px}.card-grid,.review-grid{grid-template-columns:1fr}.pros-cons{grid-template-columns:1fr}.game-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.author{align-items:flex-start;flex-direction:column}.sticky-inner{font-size:.78rem;gap:9px}.sticky-inner .btn{padding:8px 10px}.mobile-slider{overflow-x:auto;scroll-snap-type:x mandatory}.mobile-slider>*{min-width:82%;scroll-snap-align:start}}
.card,.bonus-card,.slot-card,.review-card,.pros,.cons,.notice,.toc,.info-box,.author,.wheel-wrap{color:var(--color-text)}
.card p,.bonus-card p,.review-card p,.pros li,.cons li,.notice p,.author p{color:#d6d6d6}
.pros h3,.cons h3{color:#fff}

/* header: right aligned, actions inside burger menu on mobile */
.header-row{gap:18px}
.brand{display:inline-flex;align-items:center;flex:0 0 auto;font-size:0}
.brand .logo{display:block}
.main-nav{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-left:auto}
.header-actions{display:inline-flex;gap:8px;align-items:center}
.promo-code{-webkit-user-select:none;user-select:none;pointer-events:none;letter-spacing:2px}
/* content tables from pages */
.content-text{overflow-x:auto}
.content-text table{width:100%;border-collapse:collapse;margin:22px 0;background:#151515;border:1px solid #414141;border-radius:8px;overflow:hidden}
.content-text th,.content-text td{border:1px solid #414141;padding:12px;text-align:left;color:#e8e8e8}
.content-text th{background:#202020;color:var(--color-primary)}
.content-text tr:nth-child(even) td{background:#181818}
.content-text blockquote{border-left:3px solid var(--color-primary);background:#151515;padding:14px 18px;margin:20px 0;border-radius:0 8px 8px 0}
@media(max-width:768px){
.header-row{justify-content:flex-end;gap:10px}
.brand{margin-right:auto}
.main-nav{display:none;position:absolute;top:76px;left:0;right:0;background:#131313;border-top:1px solid #292929;padding:18px;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:14px;margin:0}
.main-nav.open{display:flex}
.header-actions{display:flex;width:100%;gap:10px}
.header-actions .btn{flex:1;padding:12px;font-size:.9rem}
.main-nav .online-counter{display:block;text-align:center}
.burger{display:block;order:2}
.content-text td,.content-text th{min-width:130px}
}

/* slot thumbnails: show the whole artwork instead of cropping it */
.slot-card img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#0d0d0d;border:1px solid #2c2c2c;border-radius:6px;padding:4px}
.slot-card h4{color:#fff;text-align:center}
@media(max-width:768px){.slot-card img{aspect-ratio:16/9}}

/* grid stays a grid on desktop; slider behaviour only on small screens */
.card-grid.mobile-slider,.game-grid.mobile-slider{display:grid}
.game-grid{grid-template-columns:repeat(6,1fr);align-items:stretch}
.slot-card{display:flex;flex-direction:column;gap:8px;height:100%}
.slot-card img{aspect-ratio:1;object-fit:contain}
.slot-card h4{margin:0;flex:1;display:flex;align-items:center;justify-content:center;font-size:.85rem}
.slot-card .btn{margin-top:auto}
@media(max-width:768px){
.card-grid.mobile-slider,.game-grid.mobile-slider{display:flex;overflow-x:auto;gap:14px;scroll-snap-type:x mandatory}
.card-grid.mobile-slider>*,.game-grid.mobile-slider>*{min-width:60%;scroll-snap-align:start}
.slot-card img{aspect-ratio:1}
}

/* page content block gets its own framed panel */
.content-text{background:#151515;border:1px solid #2c2c2c;border-radius:8px;padding:24px 26px;margin:26px 0}
.content-text>:first-child{margin-top:0}
.content-text>:last-child{margin-bottom:0}
.content-text h2:first-child,.content-text h3:first-child{margin-top:0}
@media(max-width:768px){.content-text{padding:18px 16px}}