:root {
  --ink: #06142f;
  --paper: #eaf3ff;
  --lime: #2563eb;
  --muted: #56719b;
  --line: #b9d2f3;
  --orange: #38bdf8;
}

body { background: #eaf3ff; color: #06142f; }
.nav { position: sticky; top: 0; z-index: 45; border-color: #b9d2f3; background: rgba(7,88,159,.94); box-shadow: 0 8px 24px rgba(3,35,79,.18); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
.nav.shell { width: 100%; max-width: none; margin: 0; padding-left: max(24px,calc((100% - 1180px)/2)); padding-right: max(24px,calc((100% - 1180px)/2)); }
.brand-logo { display: block; width: 230px; height: auto; object-fit: contain; }
.image-actions { align-items: center; gap: 8px; }
.image-actions a { display: block; line-height: 0; }
.image-actions .partner-badge { display: block; line-height: 0; }
.image-actions img { display: block; width: 120px; height: auto; transition: transform .2s ease, filter .2s ease; }
.image-actions .partner-badge img { width: 118px; max-height: 66px; object-fit: contain; }
.image-actions a:hover img { transform: translateY(-2px); filter: brightness(1.1); }
.account-actions { align-items: center; white-space: nowrap; }
.account-actions .btn { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 11px 17px; }
.footer-logo { width: 210px; }
.brand-mark { background: #08245a; color: #7dd3fc; }
.lime { color: #2563eb; }
.solid { background: #0b4dcc; color: white; }
.solid:hover { background: #073b9c; }
.ghost { border-color: #2563eb; color: #1247a3; }
.pulse { background: #38bdf8; box-shadow: 0 0 0 5px #38bdf833; }
.hero h1 span { -webkit-text-stroke-color: #2563eb; }
.hero-copy > p { color: #48658f; }
.avatars span { border-color: #eaf3ff; color: #06142f; }
.avatars span:first-child { background: #bfdbfe; }
.avatars span:nth-child(2) { background: #93c5fd; }
.avatars span:nth-child(3) { background: #60a5fa; }
.avatars span:last-child { background: #2563eb; color: white; }

.casino-visual { background: linear-gradient(145deg, #60a5fa 0 52%, #1d4ed8 100%); }
.casino-chip { background: #071a3d; color: #7dd3fc; border-color: #dbeafe99; }
.chip-two { background: #2563eb; }
.chip-three { background: #dbeafe; color: #123e8a; }
.jackpot-card,
.spin-card { background: #eff6ff; box-shadow: 0 16px 40px #031b4d55; }
.jackpot-card small,
.jackpot-card span { color: #52709e; }
.spin-card > span { background: #08245a; color: #7dd3fc; }
.spin-card button { background: #2563eb; }

.ticker { background: #071a3d; }
.ticker b { color: #60a5fa; }
.matches { background: #eaf3ff; }
.filters button { border-color: #9fc2ee; color: #16418a; }
.filters button.active { background: #0b4dcc; color: white; }
.filters span { background: #38bdf8; color: #06142f; }
.game { background: #f5f9ff; border-color: #b9d2f3; }
.game.dark { background: #08245a; border-color: #08245a; }
.game:hover { box-shadow: 0 15px 30px #0b4dcc20; }
.game-neon .game-art { background: linear-gradient(145deg, #93c5fd, #3b82f6); }
.game-roulette .game-art { background: radial-gradient(circle, #2563eb, #071a3d); }
.game-gold .game-art { background: linear-gradient(145deg, #60a5fa, #1d4ed8); color: white; }
.game-btn { background: #dbeafe; color: #0b3d91; }
.dark .game-btn { background: #3b82f6; color: white; }
.pick > strong { color: #2563eb; }

.how { background: linear-gradient(135deg, #06142f, #0b3b91); }
.light .kicker,
.steps article > span,
.live-tables a { color: #7dd3fc; }
.steps article { border-color: #60a5fa55; }
.steps p,
.section-head.light > p { color: #a8c7ee; }
.community { color: #06142f; }
.quote-mark { color: #2563eb; }
.reward-copy,
.community-strip span,
.responsible p { color: #56719b; }
.community-strip,
.community-strip > div,
.responsible { border-color: #b9d2f3; }
.responsible > span { border-color: #2563eb; color: #174da8; }

footer { background: #bdd8fa; }
.footer-row p { color: #48658f; }

/* Reference-inspired casino palette */
body,
.matches,
.community { background: #07589f; color: #fff; }
.nav { border-color: #ffffff38; }
.nav a,
.text-link,
.section-head > a,
.responsible a { color: #fff; }
.ghost { border-color: #fff; color: #fff; }
.solid { background: #ffe500; color: #082f61; }
.solid:hover { background: #fff06a; }
.hero h1 span { -webkit-text-stroke-color: #fff; }
.hero-copy > p,
.trust p,
.trust b { color: #d8ebff; }
.pulse { background: #ffe500; box-shadow: 0 0 0 5px #ffe50035; }
.eyebrow,
.kicker { color: #ffe500; }
.avatars span { border-color: #07589f; }
.casino-visual { background: linear-gradient(145deg, #69e8ff 0%, #0c9ddd 45%, #0749a8 100%); }
.casino-visual::after { border-color: #ffffff2b; }
.casino-chip { background: #063b79; color: #7eeaff; border-color: #fff9; }
.chip-two { background: #7115a8; color: white; }
.chip-three { background: #ffe500; color: #082f61; }
.spin-card button { background: #ffe500; color: #082f61; }
.ticker { background: #06356f; border-top: 2px solid #ffe500; border-bottom: 2px solid #ffe500; }
.ticker b { color: #ffe500; }
.filters button { border-color: #ffffff65; color: #fff; }
.filters button.active { background: #ffe500; color: #082f61; border-color: #ffe500; }
.filters span { background: #6ee7ff; color: #073a73; }
.game { background: #fff; border-color: #fff; color: #082f61; }
.game.dark { background: #062f67; border-color: #65d9ff; color: white; }
.game-btn { background: #d9f3ff; color: #073b76; }
.dark .game-btn { background: #ffe500; color: #082f61; }
.pick > strong { color: #087ac2; }
.game-neon .game-art { background: linear-gradient(145deg, #6ee7ff, #148ad1); }
.game-roulette .game-art { background: radial-gradient(circle, #7830bc, #082f68); }
.game-gold .game-art { background: linear-gradient(145deg, #32d8ee, #0857bd); }
.game-art.cover-art { height: 230px; display: block; background: #062f67; }
.game-art.cover-art img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.game:hover .game-art.cover-art img { transform: scale(1.04); }
.game-title { min-height: 24px; margin: 16px 0 4px; font: 17px "Archivo Black"; color: inherit; }
.before-play { padding: 35px 0 110px; }
.before-play-head { display: grid; grid-template-columns: 1fr 430px; align-items: end; gap: 60px; margin-bottom: 42px; }
.before-play-head .kicker { margin: 0 0 8px; color: #ffe500; }
.before-play-head h2 { margin: 0; font: clamp(42px,6vw,70px)/.95 "Archivo Black"; letter-spacing: -4px; }
.before-play-head h2 em { color: transparent; font-family: inherit; font-style: normal; -webkit-text-stroke: 2px white; }
.before-play-head > p { margin: 0; color: #c6e2fb; line-height: 1.65; }
.tips-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.tip-card { min-height: 390px; padding: 28px; position: relative; overflow: hidden; border: 1px solid #ffffff45; background: #064986; display: flex; flex-direction: column; align-items: flex-start; }
.tip-card.featured-tip { background: linear-gradient(145deg,#ffe500,#ffbd09); color: #082f61; border-color: #ffe500; }
.tip-card > span { position: absolute; right: 18px; top: 18px; color: #80dfff; font-weight: 800; }
.featured-tip > span { color: #07589f; }
.tip-icon { width: 62px; height: 62px; margin-bottom: auto; display: grid; place-items: center; border-radius: 50%; background: #0d65a8; color: #ffe500; font: 21px "Archivo Black"; }
.featured-tip .tip-icon { background: #082f61; color: #ffe500; }
.tip-card h3 { margin: 32px 0 12px; font: 22px/1.05 "Archivo Black"; }
.tip-card p { margin: 0; color: #d5eaff; line-height: 1.65; }
.featured-tip p { color: #123e72; }
.tip-card small { display: block; margin-top: 20px; padding-top: 16px; border-top: 1px solid #ffffff35; color: #a8d1f1; line-height: 1.55; }
.featured-tip small { border-color: #082f6130; color: #174d83; }
.game-categories { padding: 100px 0; background: #f2f8ff; color: #082f61; }
.game-category-head > p { max-width: 400px; margin: 0; color: #56719b; line-height: 1.65; }
.category-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.category-grid article { padding: 18px; border: 1px solid #bdd4ed; border-radius: 14px; background: white; box-shadow: 0 10px 25px #07589f0d; transition: transform .25s ease,box-shadow .25s ease; }
.category-grid article:hover { transform: translateY(-5px); box-shadow: 0 18px 35px #07589f20; }
.category-grid img { display: block; width: 100%; aspect-ratio: 500/182; object-fit: contain; }
.category-grid h3 { margin: 20px 5px 8px; font: 21px "Archivo Black"; }
.category-grid > article > p { min-height: 78px; margin: 0 5px 18px; color: #56719b; line-height: 1.55; }
.category-facts { margin: 0 5px 20px; border-top: 1px solid #d5e5f5; border-bottom: 1px solid #d5e5f5; }
.category-facts > div { padding: 14px 0; display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.category-facts small { color: #56719b; font-weight: 800; }
.category-facts b { color: #087ac2; text-align: right; }
.category-facts p { min-height: 102px; margin: 0; padding: 14px 0; border-top: 1px solid #d5e5f5; color: #56719b; line-height: 1.5; }
.category-facts p strong { color: #082f61; }
.suitable-for { margin: 0 5px 18px; padding: 15px; border-radius: 8px; background: linear-gradient(135deg,#fff7a6,#ffe500); color: #082f61; }
.suitable-for small { display: block; color: #07589f; font-weight: 800; letter-spacing: .7px; }
.suitable-for p { min-height: 72px; margin: 7px 0 0; color: #174d83; line-height: 1.45; }
.category-grid a { display: inline-block; margin: 0 5px 5px; color: #07589f; font-weight: 800; text-decoration: none; }
.game-highlights { padding: 105px 0; background: #07589f; color: white; }
.highlight-head > p { max-width: 420px; margin: 0; color: #c6e2fb; line-height: 1.65; }
.highlight-head h2 em { color: transparent; font: inherit; font-style: normal; -webkit-text-stroke: 1px white; }
.highlight-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.highlight-grid article { overflow: hidden; border: 1px solid #ffffff3d; border-radius: 14px; background: #064986; display: flex; flex-direction: column; }
.highlight-grid img { display: block; width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.highlight-grid article > div { height: 100%; padding: 25px; display: flex; flex-direction: column; align-items: flex-start; }
.highlight-grid span { color: #ffe500; font-weight: 800; letter-spacing: 1px; }
.highlight-grid h3 { margin: 9px 0 12px; font: 22px/1.1 "Archivo Black"; }
.highlight-grid p { margin: 0 0 22px; color: #c6e2fb; line-height: 1.6; }
.highlight-grid a { margin-top: auto; color: #ffe500; font-weight: 800; text-decoration: none; }
.payment-guide { padding: 110px 0; background: #e9f4ff; color: #082f61; }
.payment-head { display: grid; grid-template-columns: 1fr 440px; align-items: end; gap: 70px; margin-bottom: 45px; }
.payment-head .kicker { margin: 0 0 8px; color: #087ac2; }
.payment-head h2 { margin: 0; font: clamp(42px,6vw,68px)/.92 "Archivo Black"; letter-spacing: -4px; }
.payment-head h2 em { color: transparent; font: inherit; font-style: normal; -webkit-text-stroke: 2px #087ac2; }
.payment-head > p { margin: 0; color: #56719b; line-height: 1.65; }
.payment-layout { display: grid; grid-template-columns: 1.05fr .95fr; gap: 18px; align-items: stretch; }
.payment-methods,.bonus-steps { padding: 34px; border: 1px solid #b8d4ef; background: white; }
.payment-methods > h3 { margin: 0 0 24px; font: 21px "Archivo Black"; }
.method-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; }
.method-grid article { min-height: 115px; padding: 18px; display: flex; gap: 14px; align-items: flex-start; background: #eaf5ff; }
.method-grid article > span { min-width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; background: #07589f; color: #ffe500; font-size: 22px; }
.payment-icon { display: block; width: 25px; height: 25px; }
.method-grid b,.method-grid small { display: block; }
.method-grid small { margin-top: 6px; color: #56719b; line-height: 1.45; }
.payment-note { margin-top: 18px; padding: 20px; border-left: 4px solid #ffe500; background: #063f7d; color: white; }
.payment-note p { margin: 7px 0 0; color: #c6e2fb; line-height: 1.55; }
.bonus-steps { background: #063f7d; color: white; }
.bonus-steps .kicker { margin: 0 0 18px; color: #ffe500; }
.bonus-steps ol { margin: 0 0 28px; padding: 0; list-style: none; }
.bonus-steps li { display: grid; grid-template-columns: 44px 1fr; gap: 15px; padding: 16px 0; border-top: 1px solid #ffffff35; }
.bonus-steps li > span { color: #ffe500; font-weight: 800; }
.bonus-steps li b { display: block; }
.bonus-steps li p { margin: 5px 0 0; color: #c6e2fb; line-height: 1.5; }
.scrolling-games { padding: 100px 0; overflow: hidden; background: #052f65; color: white; }
.scrolling-head { margin-bottom: 38px; }
.scrolling-head .kicker { margin: 0 0 8px; color: #ffe500; }
.scrolling-head h2 { margin: 0; font: clamp(38px,5vw,60px)/1 "Archivo Black"; letter-spacing: -3px; }
.scrolling-head > p:last-child { margin: 12px 0 0; color: #b9dcfa; }
.scrolling-rows { display: grid; gap: 16px; }
.scroll-row { width: 100%; overflow: hidden; -webkit-mask-image: linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent); mask-image: linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent); }
.scroll-track { display: flex; width: max-content; animation: game-marquee 125s linear infinite; will-change: transform; }
.scroll-row.reverse .scroll-track { animation-direction: reverse; animation-duration: 140s; }
.scroll-group { display: flex; gap: 14px; padding-right: 14px; }
.scroll-game { width: 190px; flex: 0 0 190px; overflow: hidden; position: relative; border-radius: 12px; background: #074985; color: white; text-decoration: none; box-shadow: 0 8px 22px #021b3d70; }
.scroll-game img { display: block; width: 100%; height: 125px; object-fit: cover; transition: transform .25s ease; }
.scroll-game span { display: block; min-height: 50px; padding: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 700; }
.scroll-game:hover img { transform: scale(1.06); }
.scroll-row:hover .scroll-track { animation-play-state: paused; }
@keyframes game-marquee { to { transform: translateX(-50%); } }
@media(prefers-reduced-motion:reduce){.scroll-track{animation-play-state:paused}}
.about-section { padding: 110px 0; background: #f2f8ff; color: #082f61; }
.about-heading { display: grid; grid-template-columns: 1.2fr .8fr; align-items: end; gap: 50px; margin-bottom: 50px; }
.about-heading .kicker { grid-column: 1/-1; margin: 0 0 -30px; color: #087ac2; }
.about-heading h2 { margin: 0; font: clamp(40px,5vw,64px)/.94 "Archivo Black"; letter-spacing: -3px; }
.about-heading h2 span { color: transparent; -webkit-text-stroke: 2px #087ac2; }
.about-heading > p:last-child { margin: 0; color: #56719b; line-height: 1.7; }
.about-grid { display: grid; grid-template-columns: 1.15fr 1fr 1fr; gap: 16px; }
.about-card { min-height: 430px; padding: 30px; position: relative; overflow: hidden; border: 1px solid #bdd4ed; background: white; display: flex; flex-direction: column; align-items: flex-start; }
.about-card.about-main { background: linear-gradient(145deg,#0c8ed0,#07509a); color: white; border-color: #087ac2; }
.about-number { position: absolute; right: -5px; bottom: -35px; color: #087ac2; opacity: .08; font: 130px "Archivo Black"; }
.about-main .about-number { color: white; }
.about-icon { width: 58px; height: 58px; margin-bottom: auto; border-radius: 50%; display: grid; place-items: center; background: #dff3ff; color: #087ac2; font: 16px "Archivo Black"; }
.about-main .about-icon { background: #ffe500; color: #082f61; }
.about-card .kicker { margin: 30px 0 8px; color: #087ac2; }
.about-main .kicker { color: #ffe500; }
.about-card h3 { margin: 0 0 13px; font: 23px/1.05 "Archivo Black"; }
.about-card > p:not(.kicker) { margin: 0; color: #56719b; font-size: 13px; line-height: 1.65; }
.about-main > p:not(.kicker) { color: #d8efff; }
.about-card ul { padding: 0; margin: 18px 0 0; list-style: none; font-size: 12px; font-weight: 700; }
.about-card li { padding: 8px 0; border-top: 1px solid #d9e7f5; }
.about-card li::before { content: "✓"; margin-right: 8px; color: #087ac2; }
.how { background: linear-gradient(135deg, #052b61, #064e94); border-top: 1px solid #62dfff; border-bottom: 1px solid #62dfff; }
.social-section { padding: 110px 0; background: #07589f; color: white; }
.social-heading > p { max-width: 390px; margin: 0; color: #c6e2fb; line-height: 1.65; }
.social-heading h2 em { color: transparent; -webkit-text-stroke: 1px white; }
.social-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 20px; }
.social-card { overflow: hidden; border: 1px solid #ffffff35; border-radius: 14px; background: #064986; transition: transform .25s ease,box-shadow .25s ease; }
.social-card:hover { transform: translateY(-5px); box-shadow: 0 20px 40px #032b5860; }
.social-card > img { display: block; width: 100%; aspect-ratio: 1080/382; object-fit: cover; background: #063b79; }
.social-card > div { padding: 25px; }
.social-card span { color: #ffe500; font-size: 10px; font-weight: 800; letter-spacing: 1.4px; }
.social-card h3 { margin: 7px 0 9px; font: 21px "Archivo Black"; }
.social-card p { min-height: 44px; margin: 0 0 20px; color: #c6e2fb; font-size: 13px; line-height: 1.6; }
.social-card a { color: #ffe500; font-size: 12px; font-weight: 800; text-decoration: none; }
.faq-section { padding: 95px 0; background: #063f7d; color: white; border-top: 1px solid #ffffff35; }
.faq-layout { display: grid; grid-template-columns: .72fr 1.28fr; gap: 90px; align-items: start; }
.faq-intro { position: sticky; top: 30px; }
.faq-intro::after { content: none; }
.faq-intro .kicker { margin-top: 0; color: #ffe500; }
.faq-intro h2 { margin: 10px 0 18px; font: clamp(34px,4vw,52px)/.95 "Archivo Black"; letter-spacing: -2px; }
.faq-intro > p:last-child { color: #b9dcfa; line-height: 1.6; }
.faq-list { border-top: 1px solid #ffffff45; }
.faq-list details { border-bottom: 1px solid #ffffff45; }
.faq-list summary { position: relative; padding: 24px 45px 24px 0; cursor: pointer; list-style: none; font-weight: 700; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { content: "+"; position: absolute; right: 4px; top: 18px; color: #ffe500; font: 25px "Archivo Black"; transition: transform .2s ease; }
.faq-list details[open] summary::after { transform: rotate(45deg); }
.faq-list details p { max-width: 680px; margin: -5px 0 24px; padding: 20px 24px; border-radius: 10px; background: linear-gradient(100deg,rgba(255,229,0,.9) 0%,rgba(255,213,28,.48) 52%,rgba(255,229,0,0) 100%); color: white; font-size: 14px; line-height: 1.7; text-shadow: 0 1px 4px #082f61aa; }
.license-strip { padding: 25px 0; background: #052f65; border-top: 1px solid #ffffff30; }
.license-row { min-height: 82px; display: grid; grid-template-columns: minmax(170px,1fr) repeat(3,minmax(150px,220px)); align-items: center; gap: 26px; }
.license-heading span { display: block; margin-bottom: 5px; color: #ffe500; font-size: 12pt; font-weight: 800; letter-spacing: 1.2px; }
.license-heading strong { color: white; font: 20px "Archivo Black"; }
.license-row > img { display: block; width: 100%; max-height: 72px; object-fit: contain; justify-self: center; }
.license-row > img:first-of-type { width: 125%; max-width: 275px; max-height: 115px; }
.light .kicker,
.steps article > span,
.live-tables a { color: #ffe500; }
.steps p,
.section-head.light > p { color: #b9dcfa; }
.quote-mark { color: #ffe500; }
.reward-copy,
.community-strip span,
.responsible p { color: #c6e2fb; }
.community-strip,
.community-strip > div,
.responsible { border-color: #ffffff40; }
.responsible > span { border-color: #ffe500; color: #ffe500; }
footer { background: #063b79; color: #fff; border-top: 3px solid #ffe500; }
.footer-row p { color: #c8e3fa; }
.footer-row a { color: #fff; }
.nav-links .current { color: #ffe500; position: relative; }
.nav-links .current::after { content: ""; position: absolute; left: 0; right: 0; bottom: -12px; height: 3px; background: #ffe500; }
.inner-page { min-height: 75vh; }
.page-hero { padding: 95px 0 55px; }
.page-hero h1 { margin: 10px 0 22px; font: clamp(54px, 8vw, 105px)/.88 "Archivo Black"; letter-spacing: -6px; }
.page-hero h1 span { color: transparent; -webkit-text-stroke: 2px #fff; }
.page-hero > p:last-child { color: #c6e2fb; font-size: 18px; }
.games-page { padding-top: 20px; }
.games-hero-spin { min-height: 500px; display: grid; grid-template-columns: 1fr 390px; align-items: center; gap: 70px; }
.games-hero-spin > p,.games-hero-spin > h1 { grid-column: 1; }
.games-hero-spin > .kicker { align-self: end; margin-bottom: 0; }
.games-hero-spin > h1 { margin-block: 0; }
.games-hero-spin > p:last-of-type { align-self: start; }
.hero-spin { grid-column: 2; grid-row: 1/4; width: 340px; height: 430px; position: relative; display: flex; align-items: center; flex-direction: column; justify-content: center; }
.spin-wheel { width: 310px; height: 310px; position: relative; border: 12px solid #ffe500; border-radius: 50%; background: conic-gradient(#0ac9e8 0 45deg,#6d22ad 45deg 90deg,#087ac2 90deg 135deg,#ff5c35 135deg 180deg,#0ac9e8 180deg 225deg,#6d22ad 225deg 270deg,#087ac2 270deg 315deg,#ff5c35 315deg); box-shadow: inset 0 0 0 5px #fff,0 20px 45px #032b5966; transition: transform 3s cubic-bezier(.12,.64,.14,1); }
.spin-wheel::before { content: ""; position: absolute; inset: 20px; border: 2px dashed #ffffff99; border-radius: 50%; }
.spin-wheel > i { width: 76px; height: 76px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: grid; place-items: center; border: 7px solid white; border-radius: 50%; background: #082f61; color: #ffe500; font: normal 27px "Archivo Black"; box-shadow: 0 5px 15px #021b4a88; }
.spin-label { position: absolute; z-index: 1; color: white; font-weight: 800; text-shadow: 0 2px 4px #032b59; }
.label-one { left: 50%; top: 28px; transform: translateX(-50%); }
.label-two { right: 18px; top: 50%; transform: translateY(-50%) rotate(90deg); }
.label-three { left: 50%; bottom: 28px; transform: translateX(-50%) rotate(180deg); }
.label-four { left: 15px; top: 50%; transform: translateY(-50%) rotate(-90deg); }
.spin-pointer { width: 0; height: 0; position: absolute; z-index: 3; top: 36px; left: 50%; transform: translateX(-50%); border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 42px solid #ffe500; filter: drop-shadow(0 4px 3px #032b5977); }
.spin-trigger { z-index: 4; min-width: 140px; margin-top: -5px; padding: 12px 18px; border: 3px solid white; border-radius: 30px; background: #ffe500; color: #082f61; font-weight: 800; cursor: pointer; box-shadow: 0 8px 20px #032b5966; }
.spin-trigger:disabled { cursor: wait; opacity: .8; }
.hero-spin > small { width: 330px; min-height: 48px; margin-top: 11px; color: #c6e2fb; text-align: center; line-height: 1.45; }
.offers-grid { display: grid; grid-template-columns: 1.25fr 1fr 1fr; gap: 18px; padding-bottom: 100px; }
.offer-card { min-height: 390px; padding: 32px; background: #f5f9ff; color: #082f61; position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: flex-start; }
.offer-card.featured { background: linear-gradient(145deg,#64e6ff,#187bc9); color: #062d61; }
.offer-card > span { font-size: 11px; font-weight: 800; letter-spacing: 1.5px; }
.offer-card h2 { font: 32px/1 "Archivo Black"; margin: 65px 0 15px; }
.offer-card p { max-width: 310px; line-height: 1.6; }
.offer-card a:not(.btn) { color: #07589f; font-weight: 800; font-size: 13px; margin-top: auto; }
.offer-card > b { position: absolute; right: -8px; bottom: -35px; font: 130px "Archivo Black"; opacity: .08; }
.offer-card .btn { margin-top: auto; }
.offer-note { display: flex; gap: 20px; align-items: center; padding: 35px 0 70px; border-top: 1px solid #ffffff40; }
.offer-note > span { width: 60px; height: 60px; border: 2px solid #ffe500; color: #ffe500; border-radius: 50%; display: grid; place-items: center; font-weight: 800; }
.offer-note h3,.offer-note p { margin: 3px 0; }
.offer-note p { color: #c6e2fb; }
.promotion-gallery { padding: 100px 0; background: #f1f7ff; color: #082f61; }
.promotion-head > p { max-width: 430px; margin: 0; color: #56719b; line-height: 1.65; }
.promotion-head h2 em { color: transparent; font: inherit; font-style: normal; -webkit-text-stroke: 1px #087ac2; }
.promotion-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; align-items: stretch; }
.promotion-grid article { min-width: 0; overflow: hidden; border: 1px solid #b9d2f3; border-radius: 14px; background: white; display: flex; flex-direction: column; box-shadow: 0 10px 28px #063f7d10; transition: transform .25s ease,box-shadow .25s ease; }
.promotion-grid article:hover { transform: translateY(-5px); box-shadow: 0 18px 38px #063f7d24; }
.promotion-media { height: 245px; flex: 0 0 245px; padding: 12px; overflow: hidden; position: relative; display: grid; place-items: center; background: linear-gradient(145deg,#dceeff,#edf7ff); }
.promotion-media img { display: block; width: 100%; max-width: 100%; height: 100%; object-fit: contain; position: static; }
.promotion-copy { width: 100%; height: 100%; padding: 24px; position: relative; z-index: 2; border-top: 1px solid #d8e8f7; background: white; display: flex; flex-direction: column; align-items: flex-start; }
.promotion-copy > span { color: #087ac2; font-weight: 800; letter-spacing: 1px; }
.promotion-copy h3 { margin: 8px 0 10px; font: 21px/1.1 "Archivo Black"; }
.promotion-copy p { margin: 0 0 20px; color: #56719b; line-height: 1.55; }
.promotion-copy a { margin-top: auto; color: #07589f; font-weight: 800; text-decoration: none; }
.offer-guide { padding: 110px 0; background: #063f7d; color: white; }
.offer-guide-head { display: grid; grid-template-columns: 1fr 430px; align-items: end; gap: 70px; margin-bottom: 45px; }
.offer-guide-head .kicker { margin: 0 0 8px; color: #ffe500; }
.offer-guide-head h2 { margin: 0; font: clamp(42px,6vw,68px)/.92 "Archivo Black"; letter-spacing: -4px; }
.offer-guide-head h2 em { color: transparent; font: inherit; font-style: normal; -webkit-text-stroke: 2px white; }
.offer-guide-head > p { margin: 0; color: #c6e2fb; line-height: 1.65; }
.offer-knowledge-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.offer-knowledge-grid article { min-height: 345px; padding: 28px; border: 1px solid #ffffff3a; background: #064986; display: flex; flex-direction: column; align-items: flex-start; }
.offer-knowledge-grid article > span { color: #ffe500; font-weight: 800; }
.offer-knowledge-grid h3 { margin: 42px 0 12px; font: 22px/1.1 "Archivo Black"; }
.offer-knowledge-grid p { margin: 0 0 22px; color: #c6e2fb; line-height: 1.6; }
.term-example,.term-check { width: 100%; margin-top: auto; padding: 16px; background: #052f65; color: #d9edff; line-height: 1.5; }
.term-example { border-left: 4px solid #ffe500; }
.term-example b,.term-example small { display: block; }
.term-example small { margin-top: 5px; }
.claim-checklist { margin-top: 18px; padding: 28px; display: grid; grid-template-columns: .8fr 1.6fr auto; align-items: center; gap: 30px; background: linear-gradient(110deg,#ffe500,#ffc21a); color: #082f61; }
.claim-checklist .kicker { margin: 0 0 5px; color: #07589f; }
.claim-checklist h3 { margin: 0; font: 21px "Archivo Black"; }
.claim-checklist ul { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2,1fr); gap: 8px 20px; list-style: none; }
.claim-checklist li::before { content: "✓"; margin-right: 7px; color: #07589f; font-weight: 800; }
.claim-checklist .solid { white-space: nowrap; }
.coin-rain { position: fixed; inset: 0; z-index: 50; overflow: hidden; pointer-events: none; }
.offer-coin { width: var(--coin-size); height: var(--coin-size); position: absolute; left: var(--coin-left); top: -70px; display: grid; place-items: center; border: 3px solid #fff27a; border-radius: 50%; background: radial-gradient(circle at 35% 30%,#fff9a8 0 8%,#ffe500 28%,#f0a600 72%,#a96600 100%); color: #895200; box-shadow: inset 0 0 0 3px #d48b00,0 5px 12px #021c4950; font-style: normal; animation: offer-coin-fall var(--coin-duration) cubic-bezier(.28,.55,.48,1) var(--coin-delay) forwards; }
.offer-coin::before { content: "$"; font: 700 calc(var(--coin-size) * .48) "DM Sans"; }
@keyframes offer-coin-fall { 0% { transform: translate3d(0,-80px,0) rotateY(0) rotate(0); opacity: 0; } 8% { opacity: 1; } 85% { opacity: 1; } 100% { transform: translate3d(var(--coin-drift),calc(100vh + 120px),0) rotateY(var(--coin-spin)) rotate(540deg); opacity: 0; } }
@media(prefers-reduced-motion:reduce){.coin-rain{display:none}}
@media(max-width:850px){.offers-grid{grid-template-columns:1fr}.page-hero h1{letter-spacing:-3px}.offer-card{min-height:330px}}
@media(max-width:850px){.games-hero-spin{grid-template-columns:1fr;gap:25px;padding-bottom:50px}.games-hero-spin>p,.games-hero-spin>h1,.hero-spin{grid-column:1}.hero-spin{grid-row:auto;justify-self:center}}
@media(max-width:420px){.hero-spin{width:290px;height:410px}.spin-wheel{width:270px;height:270px}.spin-pointer{top:38px}.hero-spin>small{width:280px}}
@media(max-width:850px){.promotion-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.offer-guide-head{grid-template-columns:1fr;gap:25px}.offer-knowledge-grid{grid-template-columns:repeat(2,1fr)}.claim-checklist{grid-template-columns:1fr}.claim-checklist .solid{justify-self:start}}
@media(max-width:560px){.promotion-gallery{padding:70px 0}.promotion-grid{grid-template-columns:1fr}.promotion-media{height:280px;min-height:0;max-height:none;flex-basis:280px}.promotion-media img{height:100%;max-height:100%}}
@media(max-width:560px){.offer-guide{padding:70px 0}.offer-guide-head h2{letter-spacing:-3px}.offer-knowledge-grid{grid-template-columns:1fr}.claim-checklist{padding:24px 20px}.claim-checklist ul{grid-template-columns:1fr}}
@media(max-width:850px){.about-heading{grid-template-columns:1fr}.about-heading .kicker{margin-bottom:-25px}.about-grid{grid-template-columns:1fr}.about-card{min-height:360px}}
@media(max-width:700px){.social-grid{grid-template-columns:1fr}.social-card p{min-height:0}}
@media(max-width:850px){.category-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.before-play-head{grid-template-columns:1fr}.tips-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.payment-head,.payment-layout{grid-template-columns:1fr}.payment-head{gap:25px}}
@media(max-width:850px){.highlight-grid{grid-template-columns:1fr}.highlight-grid article{display:grid;grid-template-columns:1fr 1fr}.highlight-grid img{height:100%;aspect-ratio:auto}}
@media(max-width:560px){.game-categories{padding:70px 0}.category-grid{grid-template-columns:1fr}.category-grid>article>p,.category-facts p,.suitable-for p{min-height:0}}
@media(max-width:560px){.before-play{padding-bottom:70px}.before-play-head{gap:25px}.before-play-head h2{letter-spacing:-3px}.tips-grid{grid-template-columns:1fr}.tip-card{min-height:350px}}
@media(max-width:560px){.payment-guide{padding:70px 0}.payment-head h2{letter-spacing:-3px}.payment-methods,.bonus-steps{padding:24px 20px}.method-grid{grid-template-columns:1fr}}
@media(max-width:560px){.game-highlights{padding:70px 0}.highlight-grid article{display:block}.highlight-grid img{height:auto;aspect-ratio:16/9}}
@media(max-width:560px){.scrolling-games{padding:70px 0}.scroll-game{width:145px;flex-basis:145px}.scroll-game img{height:100px}.scroll-track{animation-duration:100s}.scroll-row.reverse .scroll-track{animation-duration:110s}}
@media(max-width:700px){.faq-layout{grid-template-columns:1fr;gap:35px}.faq-intro{position:static}.faq-section{padding:70px 0}}
@media(max-width:700px){.license-row{grid-template-columns:repeat(3,1fr);gap:14px}.license-heading{grid-column:1/-1;text-align:center}.license-row>img{max-height:58px}.license-row>img:first-of-type{width:115%;max-height:85px}}
@media(max-width:520px){.about-section{padding:75px 0}.about-heading h2{letter-spacing:-2px}.about-card{padding:25px}}
@media(max-width:520px){.social-section{padding:75px 0}.social-card>div{padding:20px}}

.register-page { min-height: 720px; padding: 80px 0 100px; display: grid; grid-template-columns: 1fr 480px; align-items: center; gap: 90px; }
.register-intro h1 { margin: 14px 0 25px; font: clamp(48px,6vw,78px)/.9 "Archivo Black"; letter-spacing: -4px; }
.register-intro h1 span { color: transparent; -webkit-text-stroke: 2px #fff; }
.register-intro > p:not(.kicker) { max-width: 550px; color: #c6e2fb; font-size: 17px; line-height: 1.6; }
.register-intro > a { display: inline-block; margin-top: 25px; color: white; font-size: 13px; font-weight: 700; }
.hero-play-cta { max-width: 540px; margin-top: 28px; padding: 20px; display: flex; align-items: center; justify-content: space-between; gap: 22px; background: linear-gradient(110deg,#ffe500,#ffbd09); color: #082f61; box-shadow: 0 16px 35px #032b5950; }
.hero-play-cta small,.hero-play-cta strong { display: block; }
.hero-play-cta small { color: #07589f; font-weight: 800; }
.hero-play-cta strong { margin-top: 5px; }
.hero-play-cta .btn { min-width: 125px; text-align: center; white-space: nowrap; }
.register-card { padding: 38px; border-radius: 18px; background: #f5f9ff; color: #082f61; box-shadow: 0 25px 60px #031d5266; }
.register-card .kicker { color: #087ac2; margin: 0; }
.register-card h2 { margin: 8px 0 25px; font: 28px "Archivo Black"; }
.register-card form { display: grid; gap: 16px; }
.register-card label { display: grid; gap: 7px; font-size: 12px; font-weight: 700; }
.register-card input:not([type="checkbox"]) { width: 100%; border: 1px solid #bdd4ed; border-radius: 5px; padding: 13px 14px; background: white; color: #082f61; font: 14px "DM Sans"; }
.register-card input:focus { outline: 2px solid #38bdf8; border-color: transparent; }
.register-card .check-row { display: grid; grid-template-columns: 18px 1fr; align-items: start; line-height: 1.45; color: #56719b; font-weight: 500; }
.register-card .check-row input { margin: 3px 0 0; }
.register-card button { width: 100%; margin-top: 5px; }
.login-note { margin: 20px 0 0; text-align: center; color: #56719b; font-size: 12px; }
.login-note a { color: #07589f; font-weight: 800; }
.login-options { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.login-options .check-row { display: flex; align-items: center; gap: 8px; }
.login-options .check-row input { margin: 0; }
.login-options > a { color: #07589f; font-size: 11px; font-weight: 800; white-space: nowrap; }
.account-guide { padding: 105px 0; background: #edf6ff; color: #082f61; }
.account-guide-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: 25px 70px; align-items: start; }
.account-guide-intro { grid-row: span 1; }
.account-guide-intro .kicker { margin: 0 0 8px; color: #087ac2; }
.account-guide-intro h2 { margin: 0 0 20px; font: clamp(39px,5vw,61px)/.92 "Archivo Black"; letter-spacing: -4px; }
.account-guide-intro h2 em { color: transparent; font: inherit; font-style: normal; -webkit-text-stroke: 2px #087ac2; }
.account-guide-intro > p { color: #56719b; line-height: 1.65; }
.security-callout { margin-top: 28px; padding: 20px; border-left: 4px solid #ffe500; background: #063f7d; color: white; }
.security-callout p { margin: 7px 0 0; color: #c6e2fb; line-height: 1.55; }
.account-steps { margin: 0; padding: 0; list-style: none; border-top: 1px solid #bdd4ed; }
.account-steps li { padding: 22px 0; display: grid; grid-template-columns: 52px 1fr; gap: 16px; border-bottom: 1px solid #bdd4ed; }
.account-steps li > span { color: #087ac2; font-weight: 800; }
.account-steps b { font: 18px "Archivo Black"; }
.account-steps p { margin: 6px 0 0; color: #56719b; line-height: 1.55; }
.account-guide-action { grid-column: 1/-1; margin-top: 15px; padding: 25px 28px; display: flex; align-items: center; justify-content: space-between; gap: 30px; background: linear-gradient(110deg,#ffe500,#ffbd09); color: #082f61; }
.account-guide-action small,.account-guide-action strong { display: block; }
.account-guide-action small { color: #07589f; font-weight: 800; }
.account-guide-action strong { margin-top: 5px; font: 20px "Archivo Black"; }
.play-now-btn { min-width: 150px; text-align: center; white-space: nowrap; }
.support-hero { text-align: center; }
.support-hero > p:last-child { margin-inline: auto; }
.support-topics { padding-bottom: 100px; display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; }
.support-topics article { min-height: 340px; padding: 26px; position: relative; overflow: hidden; border: 1px solid #ffffff40; background: #064986; display: flex; flex-direction: column; align-items: flex-start; }
.support-topics article > span { position: absolute; right: 18px; top: 16px; color: #ffe500; font-weight: 800; }
.support-icon { width: 56px; height: 56px; margin-bottom: auto; display: grid; place-items: center; border-radius: 50%; background: #ffe500; color: #082f61; font: 18px "Archivo Black"; }
.support-topics h2 { margin: 30px 0 10px; font: 21px "Archivo Black"; }
.support-topics p { margin: 0 0 20px; color: #c6e2fb; line-height: 1.55; }
.support-topics a { margin-top: auto; color: #ffe500; font-weight: 800; text-decoration: none; }
.contact-support { padding: 105px 0; background: #edf6ff; color: #082f61; }
.support-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: 80px; align-items: start; }
.support-copy .kicker { color: #087ac2; }
.support-copy h2 { margin: 10px 0 20px; font: clamp(42px,5vw,65px)/.92 "Archivo Black"; letter-spacing: -4px; }
.support-copy > p { color: #56719b; line-height: 1.65; }
.response-note { margin-top: 30px; padding: 22px; border-left: 4px solid #ffe500; background: #063f7d; color: white; }
.response-note ul { margin: 12px 0 0; padding-left: 20px; color: #c6e2fb; line-height: 1.7; }
.support-form { padding: 34px; display: grid; gap: 17px; background: white; border: 1px solid #bdd4ed; box-shadow: 0 20px 50px #063f7d20; }
.support-form label { display: grid; gap: 7px; font-weight: 700; }
.support-form input,.support-form select,.support-form textarea { width: 100%; padding: 13px 14px; border: 1px solid #bdd4ed; border-radius: 5px; background: white; color: #082f61; font: inherit; resize: vertical; }
.support-form input:focus,.support-form select:focus,.support-form textarea:focus { outline: 2px solid #38bdf8; border-color: transparent; }
.support-form small { color: #56719b; line-height: 1.5; }
.support-faq-header { text-align: center; }
.support-faq-header .kicker { margin: 0 0 8px; color: #ffe500; }
.support-faq-header h2 { margin: 0; font: clamp(42px,6vw,72px)/.9 "Archivo Black"; letter-spacing: -4px; }
.support-faq-header h2 span { color: transparent; -webkit-text-stroke: 2px white; }
.support-faq-header > p:last-child { color: #b9dcfa; }
.support-faq-tools { margin-top: 42px; padding: 24px; border: 1px solid #ffffff35; background: #052f65; }
.support-faq-tools > label { display: block; margin-bottom: 8px; color: #ffe500; font-weight: 800; }
.support-faq-tools > input { width: 100%; padding: 15px 17px; border: 1px solid #70bce9; border-radius: 4px; background: white; color: #082f61; font: inherit; }
.support-faq-tools > input:focus { outline: 3px solid #ffe500; border-color: transparent; }
.faq-categories { margin-top: 16px; display: flex; flex-wrap: wrap; gap: 8px; }
.faq-categories button { padding: 10px 14px; border: 1px solid #ffffff50; background: transparent; color: white; cursor: pointer; }
.faq-categories button.active { border-color: #ffe500; background: #ffe500; color: #082f61; }
.categorized-faq-list { margin-top: 28px; display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; align-items: start; }
.categorized-faq-list details { border: 1px solid #ffffff38; background: #064986; }
.categorized-faq-list details[open] { border-color: #ffe500; }
.categorized-faq-list summary { min-height: 105px; padding: 22px 55px 22px 22px; position: relative; cursor: pointer; list-style: none; font-weight: 700; }
.categorized-faq-list summary::-webkit-details-marker { display: none; }
.categorized-faq-list summary > span { display: block; margin-bottom: 7px; color: #ffe500; font-weight: 800; letter-spacing: .7px; }
.categorized-faq-list summary::after { content: "+"; position: absolute; right: 20px; top: 35px; color: #ffe500; font: 25px "Archivo Black"; }
.categorized-faq-list details[open] summary::after { transform: rotate(45deg); }
.categorized-faq-list details > p { margin: 0; padding: 22px; border-top: 1px solid #ffffff30; background: linear-gradient(100deg,rgba(255,229,0,.88),rgba(255,213,28,.35),rgba(255,229,0,.05)); color: white; line-height: 1.65; text-shadow: 0 1px 3px #082f61aa; }
.faq-empty { grid-column: 1/-1; padding: 35px; text-align: center; color: #b9dcfa; border: 1px dashed #ffffff50; }
@media(max-width:850px){.register-page{grid-template-columns:1fr;gap:45px;padding-top:60px}.register-card{width:min(100%,520px)}}
@media(max-width:850px){.account-guide-layout{grid-template-columns:1fr;gap:40px}.account-guide-action{grid-column:auto}}
@media(max-width:900px){.support-topics{grid-template-columns:repeat(2,1fr)}.support-layout{grid-template-columns:1fr;gap:45px}}
@media(max-width:750px){.categorized-faq-list{grid-template-columns:1fr}.support-faq-header h2{letter-spacing:-3px}}
@media(max-width:520px){.register-page{padding:45px 0 70px}.register-intro h1{font-size:43px;letter-spacing:-3px}.register-card{padding:25px 20px}}
@media(max-width:560px){.hero-play-cta{align-items:flex-start;flex-direction:column}.hero-play-cta .btn{width:100%}}
@media(max-width:560px){.account-guide{padding:70px 0}.account-guide-intro h2{letter-spacing:-3px}.account-guide-action{align-items:flex-start;flex-direction:column}.play-now-btn{width:100%}}
@media(max-width:560px){.support-topics{grid-template-columns:1fr}.support-topics article{min-height:300px}.contact-support{padding:70px 0}.support-copy h2{letter-spacing:-3px}.support-form{padding:24px 20px}}

/* Simple CSS phone for the Home hero */
.casino-hero .casino-visual {
  background: transparent;
  border-radius: 0;
  clip-path: none;
  overflow: visible;
  display: grid;
  place-items: center;
}
.casino-hero .casino-visual::after { display: none; }
.casino-hero .casino-visual::before {
  content: "";
  position: absolute;
  width: 390px;
  height: 390px;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  border-radius: 50%;
  background: #ffe500;
  filter: blur(70px);
  opacity: .72;
  pointer-events: none;
}
.simple-phone {
  width: 270px;
  height: 505px;
  padding: 10px;
  position: relative;
  z-index: 2;
  border: 5px solid #06142f;
  border-radius: 38px;
  background: #06142f;
  box-shadow: 22px 28px 45px #021b5070;
  transform: rotate(5deg);
}
.phone-speaker {
  position: absolute;
  z-index: 3;
  width: 70px;
  height: 18px;
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 0 0 12px 12px;
  background: #06142f;
}
.phone-screen {
  height: 100%;
  overflow: hidden;
  position: relative;
  border-radius: 27px;
  padding: 28px 16px 54px;
  background: #f4f9ff;
  color: #06142f;
}
.phone-top,.phone-label,.phone-nav { display: flex; align-items: center; justify-content: space-between; }
.phone-top strong { color: #07589f; font: 19px "Archivo Black"; }
.phone-top span { color: #6480a6; letter-spacing: 2px; }
.phone-welcome { margin: 24px 0 14px; }
.phone-welcome small { display: block; color: #6780a1; font-size: 8px; font-weight: 800; letter-spacing: 1px; }
.phone-welcome b { display: block; margin-top: 4px; font-size: 20px; }
.phone-carousel {
  width: 100%;
  overflow: hidden;
  border-radius: 20px;
  box-shadow: 0 12px 25px #0c5da833;
}
.phone-carousel-track {
  display: flex;
  width: 800%;
  animation: phone-games-scroll 32s steps(1,end) infinite;
}
.phone-feature {
  width: 12.5%;
  flex: 0 0 12.5%;
  min-height: 205px;
  padding: 20px;
  position: relative;
  overflow: hidden;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  color: white;
}
.phone-feature::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,rgba(4,26,68,.92),rgba(4,45,101,.2)); }
.phone-feature.game-179 { background-image: url("assets/images/imgi_179_3carts_of_gold.jpg"); }
.phone-feature.game-180 { background-image: url("assets/images/imgi_180_scharged_clovers.jpg"); }
.phone-feature.game-181 { background-image: url("assets/images/imgi_181_thunder_coins.jpg"); }
.phone-feature.game-182 { background-image: url("assets/images/imgi_182_energy_joker.jpg"); }
.phone-feature.game-183 { background-image: url("assets/images/imgi_183_arizona_heist.jpg"); }
.phone-feature.game-184 { background-image: url("assets/images/imgi_184_sunny_fruits_2.jpg"); }
.phone-feature.game-185 { background-image: url("assets/images/imgi_185_clover_charm.jpg"); }
.phone-feature.game-186 { background-image: url("assets/images/imgi_186_3_magic_lamps.jpg"); }
.phone-feature span,.phone-feature strong,.phone-feature > a { position: relative; z-index: 2; }
.phone-feature span { font-size: 8px; font-weight: 800; letter-spacing: 1.2px; color: #ffe500; }
.phone-feature strong { display: block; margin: 18px 0 24px; font: 28px/1 "Archivo Black"; text-shadow: 0 2px 8px #001b48; }
.phone-feature > a { display: inline-block; border: 0; border-radius: 20px; padding: 10px 16px; background: #ffe500; color: #082f61; font-size: 9px; font-weight: 800; text-decoration: none; cursor: pointer; }
@keyframes phone-games-scroll {
  0%,11% { transform: translateX(0); }
  12.5%,23.5% { transform: translateX(-12.5%); }
  25%,36% { transform: translateX(-25%); }
  37.5%,48.5% { transform: translateX(-37.5%); }
  50%,61% { transform: translateX(-50%); }
  62.5%,73.5% { transform: translateX(-62.5%); }
  75%,86% { transform: translateX(-75%); }
  87.5%,98.5% { transform: translateX(-87.5%); }
  100% { transform: translateX(0); }
}
@media(prefers-reduced-motion:reduce){.phone-carousel-track{animation:none}}
.phone-label { margin: 18px 0 9px; font-size: 10px; }
.phone-label span { color: #3670b8; font-size: 8px; }
.phone-games { display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; }
.phone-games img { display: block; width: 100%; height: 52px; border-radius: 11px; object-fit: cover; box-shadow: 0 4px 10px #082f6125; }
.phone-nav { position: absolute; left: 0; right: 0; bottom: 0; height: 45px; padding: 0 48px; border-top: 1px solid #d7e5f5; background: white; color: #6680a3; }
.phone-nav span:first-child { color: #0878c3; }
@media(max-width:520px){
  .casino-hero .casino-visual::before { width: 270px; height: 330px; filter: blur(55px); }
  .simple-phone { width: 225px; height: 420px; transform: rotate(3deg) scale(.92); }
  .phone-feature { min-height: 155px; }
  .phone-feature strong { font-size: 23px; margin: 12px 0 17px; }
}

@media (max-width: 650px) {
  .nav.shell { padding-left: 14px; padding-right: 14px; }
  .brand-logo { width: 180px; }
  .nav.open .image-actions { flex-direction: row; }
  .image-actions img { width: 112px; }
  .image-actions .partner-badge img { width: 112px; }
  .nav.open .account-actions { flex-direction: row; }
  .jackpot-card { top: 150px; }
  .spin-card { left: 5%; bottom: 25px; }
  .casino-chip { transform: scale(.8); }
  .responsible { align-items: flex-start; flex-wrap: wrap; }
  .responsible a { margin-left: 89px; }
}

/* Accessibility: keep readable interface text at 12pt / 16px minimum */
body { font-size: 12pt; }
p,
a,
button,
input,
label,
small,
li,
summary,
.eyebrow,
.kicker,
.card-top,
.game-meta,
.momentum,
.stat-card > span,
.community-strip span,
.phone-top,
.phone-label,
.phone-feature > span,
.about-card > span:not(.about-number),
.social-card span {
  font-size: max(12pt, 1em) !important;
}