/* Cookie Casino Finland — original Nordic appearance, shared interaction contract. */
:root {
 --purple-950:#061d3c; --purple-900:#082b59; --purple-800:#003580; --purple-700:#1763ad; --purple-100:#e8f4ff;
 --cream:#f2f9ff; --cream-2:#dceeff; --lime:#176bd5; --lime-dark:#0646a1; --orange:#70bfff;
 --ink:#17324c; --muted:#58718a; --page:#f2f7fc; --border:#d6e5f2; --surface:#fff;
 --casino-purple:#003580; --casino-purple-deep:#082b59; --casino-sand:#e6f3ff; --casino-yellow:#fff; --casino-green:#2575de;
 --shadow:0 12px 30px rgba(0,53,128,.08); --header-h:78px;
}
* { scrollbar-color:#4c91d8 #edf5fc; }
body,body[data-page] {
 font-family:Arial,Helvetica,sans-serif; color:var(--ink); font-size:15px;
 background-color:#f2f7fc;
 background-image:radial-gradient(circle at 1px 1px,rgba(0,53,128,.08) 1px,transparent 0),linear-gradient(130deg,rgba(255,255,255,.9),rgba(220,237,252,.4));
 background-size:24px 24px,100% 100%;
}
*::-webkit-scrollbar-track{background:#edf5fc} *::-webkit-scrollbar-thumb{background:linear-gradient(#83bff1,#003580);border-color:#edf5fc}
*::-webkit-scrollbar-thumb:hover{background:#1763ad}
.site-header,body.menu-open .site-header { background:linear-gradient(100deg,#082b59,#003580 55%,#082b59);box-shadow:0 3px 18px #061d3c20; }
.site-header { position:sticky;top:0; }
.header-inner { max-width:1440px; }
.brand { width:200px; } .brand img { width:200px;max-height:67px; }
.brand:hover { transform:translateY(-2px);filter:drop-shadow(0 5px 8px #9fd9ff66); }
body.menu-open .brand { opacity:1;pointer-events:auto; }
body.menu-open .header-actions,body.menu-open .header-bonus-trigger {opacity:1;pointer-events:auto;}
.scroll-progress span {background:linear-gradient(90deg,#fff,#5bb6ff,#fff);box-shadow:0 0 12px #bde5ff;}
.desktop-quick-nav a {position:relative;}
.desktop-quick-nav a::after {content:'';position:absolute;left:15px;right:15px;bottom:5px;height:2px;background:#d2efff;transform:scaleX(0);transform-origin:left;transition:transform .25s;}
.desktop-quick-nav a:hover::after {transform:scaleX(1)}
.desktop-quick-nav a:hover,.desktop-quick-nav a:focus-visible {color:#d5edff;background:#ffffff12;transform:translateY(-2px)}
.btn { border-radius:11px;letter-spacing:.025em;min-height:44px;box-shadow:0 4px 0 #001c4c55; }
.btn-main,.casino-hero .hero-cta .btn-main { background:linear-gradient(140deg,#2e86ee,#0053bb);color:#fff;border:1px solid #86c9ff80; }
.btn-main:hover {background:linear-gradient(140deg,#4ba0ff,#1268d3);box-shadow:0 5px 0 #032d68,0 10px 24px #54b8ff50;transform:translateY(-3px)}
.btn-bonus {background:linear-gradient(140deg,#fff,#d5edff);color:#003580;border:1px solid #fff;box-shadow:0 4px 0 #83b8df70;}
.btn-bonus:hover {color:#003580;background:#fff;transform:translateY(-2px) rotate(-.7deg);box-shadow:0 4px 0 #91c8ee,0 9px 24px #b2e1ff50;}
.btn-bonus::after{background:linear-gradient(105deg,transparent 25%,#5db5ff45 50%,transparent 75%)}
.btn:active {transform:translateY(1px);box-shadow:0 1px 0 #062b58}
.btn:focus-visible,button:focus-visible,a:focus-visible,.go-link:focus-visible {outline:3px solid #67baff;outline-offset:4px;}
.header-bonus-trigger .dock-trigger-count{background:#003580;color:#fff}
.burger {border-color:#9ad5ff90;color:white;background:#ffffff0a;transition:background .3s,box-shadow .3s;}
.burger:hover {background:#ffffff20;box-shadow:0 0 0 4px #ffffff08}
body.menu-open .burger {background:#003580;left:20px;top:17px;}
body .main-nav {background:radial-gradient(ellipse at 0 25%,#1763ad80,transparent 60%),linear-gradient(160deg,#072852,#003580);box-shadow:20px 0 50px #02152c66;}
body .main-nav > a {transition:background .3s,padding .3s;}
body .main-nav > a:hover {background:#a0d8ff1f;padding-left:24px;}
body .main-nav > a[aria-current=page]{background:#ffffff14;border-left:3px solid #a7ddff;}
body .main-nav .nav-mobile-actions .btn:last-child{background:linear-gradient(#2c85ed,#0753b5);border-color:#90cbff;}
.menu-scrim {background:#031b3988;backdrop-filter:blur(5px);}
/* Original template loader: animated cookie on a plain white stage. */
.loading-screen{gap:0;color:transparent;background:#fff;}
.loading-screen > img,.loading-screen .loading-bar{display:none;}
.loading-screen p{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.loading-cookie{width:min(250px,72vw);aspect-ratio:1;height:auto;border:0;border-radius:0;background:transparent url("cookiecasino-preloader.gif") center / contain no-repeat;box-shadow:none;animation:none;}
.loading-cookie::before,.loading-cookie::after,.loading-cookie span,.loading-cookie i{display:none;}
/* Four hero slides keep the AT reference's large character / copy composition. */
.casino-hero {min-height:640px;padding:76px max(30px,calc((100vw - 1180px)/2)) 118px;background-color:#061d3c;background-position:center;background-size:cover;box-shadow:none;}
.casino-hero::before,.casino-hero[data-slide-index="0"]::before {content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#061a32bd,transparent 66%);pointer-events:none;}
.casino-hero::after {inset:0;width:100%;height:100%;opacity:.5;bottom:auto;left:0;background-image:radial-gradient(circle,#fff 1px,transparent 2px),radial-gradient(circle,#b4e5ff 1px,transparent 2px);background-size:170px 190px,270px 250px;mask-image:linear-gradient(transparent,#0004);animation:fi-snow 18s linear infinite;}
@keyframes fi-snow{to{background-position:170px 380px,-100px 500px}}
.casino-hero .hero-copy,.casino-hero[data-slide-index] .hero-copy,body[data-page] .casino-hero[data-slide-index] .hero-copy {width:min(45vw,560px);margin:0 auto 0 0;text-align:left;filter:none;align-self:center;}
.casino-hero .hero-title {align-items:flex-start;gap:5px;text-wrap:balance;}
.casino-hero .hero-eyebrow {font-size:clamp(24px,2.5vw,35px);line-height:1.05;letter-spacing:.025em;text-transform:uppercase;white-space:normal;}
.casino-hero .hero-overline {font-size:19px;color:#bddfff;letter-spacing:.08em;}
.casino-hero .hero-title strong,.casino-hero[data-slide-index="1"] .hero-title strong,body[data-page] .casino-hero .hero-title strong {font-size:clamp(72px,8vw,116px);color:#fff;line-height:.95;letter-spacing:-.055em;text-shadow:0 5px 0 #003580,0 10px 32px #0004;white-space:nowrap;}
.casino-hero .hero-detail,body[data-page] .casino-hero .hero-detail {font-size:clamp(26px,2.8vw,38px);line-height:1.08;color:#c8e8ff;overflow-wrap:normal;max-width:100%;}
.casino-hero p {display:block;font-size:15px;font-weight:400;line-height:1.5;margin:18px 0;max-width:370px;color:#d6e9f9;}
.casino-hero .hero-cta {justify-content:flex-start;gap:12px;margin-top:16px;}
.casino-hero .hero-dots{justify-content:flex-start;margin:20px 0 0;gap:4px;}
.casino-hero .hero-dots button::before {background:conic-gradient(#bce9ff var(--hero-progress),#ffffff30 0);}
.casino-hero-media-stage{background:#061d3c;}
.casino-hero-media {object-position:center 50%;filter:none;}
.casino-hero-image {transform:scale(1.01);}
.casino-hero-image.is-visible {transform:scale(1.07) translateX(-.5%);}
.hero-terms-link{background:#f3faff;color:#003580;box-shadow:0 0 0 2px #003580,0 7px 18px #0004;bottom:104px;}
.casino-category-rail {border-radius:42% 42% 22px 22px / 30px 30px 22px 22px;background:linear-gradient(160deg,#fff,#deefff);min-height:135px;margin-top:-62px;padding-top:27px;box-shadow:0 7px 0 #b4d8f155,0 16px 30px #00358015;border:1px solid #fff;}
.casino-category-rail::before{display:none;}
.casino-category-rail .go-link {color:#003580;position:relative;transition:transform .3s,background .3s,box-shadow .3s;}
.casino-category-rail .go-link:hover {background:#fff;transform:translateY(-5px);box-shadow:0 9px 18px #00358015;}
.casino-category-rail .go-link:hover > span {transform:rotate(-9deg) scale(1.12);color:#1675ce;}
.casino-category-rail .go-link > span {transition:transform .3s;color:#003580;}
.casino-category-rail .go-link strong{font-size:12px;}
.casino-payment-strip {margin-top:18px;margin-bottom:12px;color:#59718b;}
.payment-mastercard i::before {background:#eb001b}.payment-mastercard i::after{background:#f79e1b}
.payment-maestro i::before{background:#eb001b}.payment-maestro i::after{background:#0099df}
.payment-skrill{color:#862165}
/* Editorial blocks: calm tables and occasional illustration, full text width. */
.content-section {padding:30px 34px;border:1px solid #d7e5f1;background:#fffffff5;box-shadow:0 8px 22px #00358008;overflow:visible;min-height:0;transition:box-shadow .35s,border-color .35s;}
.content-section:hover{transform:none;border-color:#a7cee9;box-shadow:0 10px 30px #00358010;}
.content-section > :is(h1,h2) {--ribbon-main:#003580;--ribbon-tail:#1463a4;--ribbon-fold:#072852;--ribbon-shadow:#00358016;max-width:calc(100% - 90px);margin:0 auto 28px;padding:12px 24px;line-height:1.22;background:#003580;color:#fff;font-size:28px;text-shadow:none;}
.content-column > .content-section:nth-child(n) > :is(h1,h2) {--ribbon-main:#003580;--ribbon-tail:#1463a4;--ribbon-fold:#072852;--ribbon-shadow:#00358016;}
.content-section > :is(h1,h2)::before,.content-section > :is(h1,h2)::after {width:62px;height:37px;}
.content-section > :is(h1,h2)::before{left:-40px}.content-section > :is(h1,h2)::after{right:-40px}
.content-section h3 {color:#003580;font-size:20px;margin:24px 0 10px;}
.content-section p,.content-section li {font-size:15px;line-height:1.7;text-align:left;}
.content-section p:last-child{margin-bottom:0;}
.content-section > ol,.content-section > ul{padding-left:24px;}
.fi-illustrated {position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(100deg,#fff 68%,#e5f3ff);}
.fi-illustrated::before {content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fff 66%,#ffffffc9 84%,#ffffff44);}
.fi-section-art {position:absolute;right:-16px;bottom:-12px;width:245px;max-height:280px;object-fit:contain;z-index:-2;opacity:.3;pointer-events:none;transform:rotate(-6deg);}
.fi-illustrated p,.fi-illustrated ul,.fi-illustrated ol{position:relative;z-index:0;}
.table-wrap {background:#fff;border:1px solid #d5e7f5;border-radius:12px;box-shadow:none;max-width:100%;}
.table-wrap table {min-width:0;width:100%;}
.table-wrap th {background:#003580;color:#fff;letter-spacing:.02em;padding:13px 16px;text-align:left;}
.table-wrap td {padding:12px 16px;vertical-align:top;border-color:#dceaf4;}
.table-wrap tr:nth-child(even){background:#f2f8fe;}
.table-wrap tbody tr:hover {background:#e7f4ff;box-shadow:inset 4px 0 #176bd5;}
.pros-cons .pros{border-color:#96c7ed;background:#f4faff}.pros-cons .cons{border-color:#c4d2df;background:#f7f9fb}
.pros-cons h3{color:#003580}
.expert-byline{font-size:18px!important;font-weight:700;color:#003580;background:#e9f5ff;border-left:5px solid #003580;border-radius:10px;padding:18px 22px;}
.author-meta {display:block;background:linear-gradient(90deg,#e9f5ff,#f6fbff);border-left-color:#176bd5;color:#274761;font-weight:500;box-shadow:none;}
.review-card {background:#fff;border-color:#d2e4f2;border-top:4px solid #176bd5;box-shadow:0 5px 16px #00358008;}
.review-card:hover{transform:translateY(-3px);box-shadow:0 12px 25px #00358015;}
.review-rating{background:#e4f2ff;color:#003580}.review-location{color:#5d7a91}
.faq-item{border-color:#d3e5f4;background:#fff;}
.faq-item:hover{border-color:#68ace3;box-shadow:0 4px 15px #00358012;}
.faq-item summary{color:#173c63;font-size:16px;}
.faq-item summary::after{background:#003580;box-shadow:0 0 0 4px #e7f3fd;transition:transform .3s,background .3s;}
.faq-item[open] summary::after{background:#176bd5;transform:rotate(180deg)}
.faq-answer{background:linear-gradient(#f7fbff,#fff);}
/* New animated banner stories: presenting a gift, showing a phone, and floating chips. */
.fi-promo {position:relative;isolation:isolate;min-height:355px;padding:38px 44px;overflow:hidden;background:radial-gradient(ellipse at 82% 46%,#2375b1 0,transparent 48%),linear-gradient(120deg,#06264e,#003580 60%,#10588f);border:1px solid #78b3e24d;border-radius:22px;box-shadow:0 12px 28px #00358015;}
.fi-promo::before {background:linear-gradient(90deg,#05254dec 0,#05254dab 47%,transparent 80%);}
.fi-promo::after{content:'';position:absolute;inset:0;z-index:-1;background-image:radial-gradient(circle,#b9e5ff90 1px,transparent 1.5px);background-size:43px 43px;opacity:.25;pointer-events:none;}
.fi-promo .promo-copy,body[data-page=app] .fi-promo .promo-copy {width:58%;max-width:610px;margin:0;text-align:left;transform:none;position:relative;z-index:3;}
.fi-promo .promo-kicker{color:#b3dbfb;font-size:11px;letter-spacing:.15em;background:none;padding:0;margin-bottom:15px;}
.fi-promo h2{color:#fff;font-size:clamp(25px,2.6vw,35px);line-height:1.13;margin:0 0 14px;text-transform:none;text-wrap:balance;}
.fi-promo .promo-copy > p{font-size:21px;font-weight:700;color:#d1ecff;line-height:1.35;margin:0 0 14px;}
.fi-promo .promo-copy small{display:block;color:#c1dbee;font-size:12px;line-height:1.5;margin:10px 0;}
.fi-promo-code{display:block;width:fit-content;color:#e0f4ff;border:1px dashed #78bfff90;padding:4px 10px;border-radius:6px;font-size:13px;letter-spacing:.05em;margin:0 0 18px;}
.fi-restriction{border-left:2px solid #afdfff;padding-left:10px;max-width:360px;}
.fi-promo-scene {position:absolute;inset:0 0 0 55%;z-index:1;pointer-events:none;}
.fi-promo-cookie{position:absolute;right:18px;bottom:-16px;height:350px;max-width:100%;width:auto;object-fit:contain;filter:drop-shadow(0 14px 22px #00172d77);transform-origin:50% 85%;animation:fi-present 5.5s ease-in-out infinite;}
.fi-promo-1 .fi-promo-cookie{animation:fi-gift 5s ease-in-out infinite;}
.fi-promo-2 .fi-promo-cookie{animation:fi-wave 4s ease-in-out infinite;}
.fi-promo-3 .fi-promo-cookie{animation:fi-present 6s ease-in-out infinite reverse;}
.fi-promo.promo-banner-bottom .fi-promo-cookie{animation:fi-phone 5s ease-in-out infinite;}
.fi-halo{position:absolute;width:310px;height:310px;border-radius:50%;right:35px;top:22px;border:1px solid #bce5ff60;box-shadow:0 0 0 28px #74c5ff0b,0 0 0 58px #74c5ff08;background:radial-gradient(circle,#83cfff33,transparent 66%);animation:fi-halo 6s ease-in-out infinite;}
.fi-floating-chip{position:absolute;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:repeating-conic-gradient(#003580 0 30deg,#e6f6ff 30deg 60deg);border:4px solid #a9dfff;color:#fff;font:bold 22px Arial;box-shadow:0 10px 25px #001c3980;animation:fi-chip 5s ease-in-out infinite;}
.fi-floating-chip::before{content:'';position:absolute;inset:5px;background:#1763ad;border-radius:50%;z-index:-1;}
.fi-chip-one{top:26px;left:16px;}.fi-chip-two{right:14px;bottom:38px;animation-delay:-2.5s;}
.fi-spark{position:absolute;left:calc(10% + var(--i)*16%);top:calc(20% + var(--i)*11%);width:7px;height:7px;background:#d1f0ff;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);animation:fi-twinkle 3s ease-in-out infinite;animation-delay:calc(var(--i)*-.6s);}
.fi-promo:hover .fi-halo{border-color:#d6f1ff;box-shadow:0 0 0 28px #74c5ff12,0 0 0 58px #74c5ff08;}
@keyframes fi-present{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-11px) rotate(2deg)}}
@keyframes fi-gift{0%,100%{transform:rotate(0)}40%{transform:translateY(-7px) rotate(-4deg)}65%{transform:translateY(-3px) rotate(2deg)}}
@keyframes fi-wave{0%,100%{transform:rotate(-3deg)}30%{transform:rotate(4deg)}50%{transform:rotate(0deg)}70%{transform:rotate(3deg)}}
@keyframes fi-phone{0%,100%{transform:translateY(0) rotate(-2deg)}45%{transform:translateY(-9px) rotate(2deg)}55%{transform:translateY(-9px) rotate(0)}}
@keyframes fi-chip{50%{transform:translateY(-24px) rotateY(32deg) rotate(12deg)}}
@keyframes fi-halo{50%{transform:scale(1.06);opacity:.65}}
@keyframes fi-twinkle{50%{transform:scale(1.8) rotate(90deg);opacity:.35}}
.store-btn{background:#003580;border:1px solid #8ccaff66;border-radius:12px;box-shadow:0 4px 0 #041c3d;color:#fff;display:flex;gap:10px;align-items:center;justify-content:center;padding:12px 14px;min-width:0;}
.store-btn:hover{background:#0b4b99;transform:translateY(-3px);box-shadow:0 7px 20px #54b8ff30;}
.store-copy{font-size:13px;line-height:1.3;color:#fff;}
.store-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:500px;}
.store-pair img{flex:0 0 26px;width:26px;height:26px;object-fit:contain;}
.fi-promo .store-pair {margin-top:20px;}
/* Distinct hover responses across the existing lobby and controls. */
.games-rail{background:linear-gradient(140deg,#072b58,#003580);border:1px solid #83b3d955;box-shadow:0 10px 26px #00358012;}
.game-card{border:1px solid #9cd5ff66;transition:transform .32s,box-shadow .32s;}
.game-card:hover,.game-card:focus-visible{transform:translateY(-6px) rotate(-1.3deg);box-shadow:0 13px 25px #0006,0 0 0 2px #afdfff80;}
.game-card::after{background:#003580;color:white;border:2px solid #a9dbff;}
.game-card:hover img{transform:scale(1.07);filter:saturate(1.1);}
.icon-btn{background:#eaf6ff;color:#003580;border-color:#a9d2ed;}
.icon-btn:hover{background:#fff;color:#0e65b9;transform:rotate(-7deg) scale(1.08);box-shadow:0 0 0 4px #a9dcff25;}
.rail-pause:hover{transform:scale(1.12);}
.lobby-tile{border:1px solid #badfff60;box-shadow:0 5px 16px #00358012;}
.lobby-tile:hover{transform:translateY(-7px) rotate(.8deg);border-color:#8fd0ff;box-shadow:0 14px 24px #00358025;}
.lobby-tile > span{background:linear-gradient(#2078d2,#003580);color:#fff;}
.lobby-tile::before{background:#e9f6ff;color:#003580;border-color:#8cc8f5;}
.lobby-ribbon{background:linear-gradient(95deg,#003580,#1469ac);}
.lobby-shelf.lobby-shelf-live,.lobby-shelf-live .lobby-ribbon{background:transparent;}
.lobby-shelf,.latest-winners {border-color:#c5def1;background:#f6fbff;}
.latest-winners h2{background:#003580;color:#fff;}
.latest-winners li:hover{background:#e9f5ff;box-shadow:inset 3px 0 #176bd5;}
.latest-winners li .go-link{color:#003580;}
.lobby-all-games{background:#003580;color:#fff;border-color:#003580;}
.lobby-all-games:hover{background:#1763ad;box-shadow:0 0 0 4px #a9dcff50;}
.lobby-jackpot {background:linear-gradient(90deg,#041b3c77 0%,#041b3c22 55%,transparent 80%),url('fi-jackpot-bg.webp') center/cover no-repeat #082b59;color:#fff;}
.lobby-jackpot > strong{color:#fff;text-shadow:0 4px 0 #062b58;font-variant-numeric:tabular-nums;}
.lobby-jackpot:hover img{transform:rotate(5deg) translateY(-5px)}
.lobby-live-tile{background:#092c56;border:1px solid #96d2ff44;}
.lobby-live-tile:hover{box-shadow:0 0 0 2px #8bcfff,0 12px 24px #00358030;transform:translateY(-4px)}
.live-card-art{background:radial-gradient(circle at 40% 10%,#1676bb,#082b59);}
.side-card,.app-mini{border-color:#cfe5f4}.side-card-title{background:#003580}.app-mini{background:linear-gradient(#1463ad,#003580)}
.offer-dock{background:linear-gradient(135deg,#062b58,#003580);border:1px solid #9cd2fb70;box-shadow:0 14px 40px #001d3d55;}
.offer-dock-item{background:#ffffff0a;border-color:#b4ddff30;}
.offer-dock-item:hover{background:#ffffff16;transform:translateX(3px)}
.random-promo{color:#fff;background:linear-gradient(135deg,#072b58,#003580);border:1px solid #91cefa;box-shadow:0 15px 45px #00358044;}
.random-promo-kicker{color:#bddfff;}
.wheel-panel,.chat-panel{background:linear-gradient(160deg,#f6fbff,#dcedfa);color:#003580;border:1px solid #fff;}
.wheel{background:conic-gradient(#003580 0 90deg,#76b9ed 90deg 180deg,#0e5796 180deg 270deg,#cee9ff 270deg);border-color:#fff;box-shadow:0 0 0 9px #003580,0 14px 32px #00358040;}
.wheel-sector-label{color:#fff;text-shadow:0 1px 3px #003580;}
.wheel-sector-label-4{color:#003580;text-shadow:none;}
.wheel-hub{background:#fff;color:#003580;border-color:#b0d9f9;}
.wheel-pointer{border-top-color:#fff;filter:drop-shadow(0 3px 2px #00358066);}
.wheel-result{background:#fff;color:#003580;border-color:#a5d1ee;}
.chat-panel header{background:#003580;color:#fff;}.chat-status-dot{background:#a7dbff;}
.chat-message.bot{background:#fff;border:1px solid #c6e1f3;color:#1c4265;}.chat-message.user{background:#003580;color:#fff;}
.chat-topics button{background:#fff;color:#003580;border-color:#bddbf1;}.chat-topics button:hover{background:#e2f3ff;transform:translateY(-2px);}
.cookie-panel {background:#f6fbfff5;border-top:2px solid #003580;box-shadow:0 -5px 22px #00358012;grid-template-columns:1fr auto auto;gap:14px;backdrop-filter:blur(10px);padding:10px max(18px,calc((100vw - 1180px)/2));}
.cookie-panel p{color:#365c79;font-size:12px;line-height:1.4}.cookie-panel a{font-size:12px;color:#003580;white-space:nowrap;}
.site-footer{background:#071e3c;color:#d4e7f7;}
.footer-inner {border-color:#ffffff1c;}.footer-inner a{color:#bddfff;}.footer-inner a:hover{color:#fff;transform:translateX(4px);}
.footer-links h2{color:#fff;}.responsible{color:#a6c2dd;border-color:#ffffff1a}.age-badge{border-color:#aad9ff;color:#fff;background:#0b3a6a;}
.service-shell{margin:40px auto 0;max-width:1080px;padding:0 24px;}
.service-content{padding:38px 42px;}
.service-kicker{color:#1463ad;font-size:12px!important;letter-spacing:.14em;font-weight:700;}
.service-content > h1 {margin:10px 0 18px;padding:0;width:auto;max-width:100%;text-align:left;color:#003580;background:none;box-shadow:none;font-size:clamp(30px,4vw,44px);}
.service-content > h1::before,.service-content > h1::after{display:none;}
.service-group{margin-top:26px;}.service-group h2{margin:0 0 8px;font-size:20px;line-height:1.3;color:#003580;}.service-group p{margin:0;}
@media(max-width:1080px){
 .header-inner{padding:0 20px}.brand,.brand img{width:170px}.header-actions .btn{min-width:95px;padding:9px 12px;font-size:11px;}
 .casino-hero{padding-left:36px;padding-right:36px;min-height:620px;}
 .casino-hero .hero-copy,body[data-page] .casino-hero[data-slide-index] .hero-copy{width:46%;}
 .fi-promo{padding:32px}.fi-promo-cookie{height:320px;right:5px}.fi-promo-scene{left:56%;}
}
@media(max-width:860px){
 .site-header{height:70px;--header-h:70px}.header-inner{padding:0 15px;grid-template-columns:44px 1fr 44px;gap:8px}.brand{position:static;translate:none;justify-self:center}.brand,.brand img{width:173px;max-height:62px}.header-actions{display:none}.header-bonus-trigger{min-width:44px;width:44px;padding:5px;}.header-bonus-trigger .dock-trigger-label{display:none}.header-bonus-trigger .dock-trigger-count{min-width:16px;font-size:10px}.desktop-quick-nav{display:none}
 body.menu-open .brand{opacity:1;}body.menu-open .burger{left:15px;top:13px;}body .main-nav{width:min(380px,90vw);padding-top:26px;}
 .casino-hero {min-height:700px;padding:340px 28px 95px;background-color:#061d3c;background-size:auto 360px;background-position:73% top;background-repeat:no-repeat;}
 .casino-hero::before,.casino-hero[data-slide-index="0"]::before{background:linear-gradient(0deg,#061d3c 0,#061d3c 41%,#061d3c00 65%);}
 .casino-hero-media-stage{height:370px;bottom:auto;}
 .casino-hero-media{object-position:74% 45%;}
 .casino-hero .hero-copy,.casino-hero[data-slide-index] .hero-copy,body[data-page] .casino-hero[data-slide-index] .hero-copy {width:min(100%,540px);margin:0 auto;text-align:center;align-self:end;}
 .casino-hero .hero-title{align-items:center;gap:3px;}
 .casino-hero .hero-eyebrow{font-size:23px;line-height:1.12;}.casino-hero .hero-overline{font-size:16px;margin-top:7px;}
 .casino-hero .hero-title strong,.casino-hero[data-slide-index="1"] .hero-title strong,body[data-page] .casino-hero .hero-title strong {font-size:clamp(64px,14vw,94px);}
 .casino-hero .hero-detail,body[data-page] .casino-hero .hero-detail{font-size:clamp(23px,5vw,31px);}
 .casino-hero p{font-size:14px;max-width:390px;margin:12px auto 16px;}.casino-hero .hero-cta{justify-content:center;display:flex;width:auto;}.casino-hero .hero-cta .btn{min-width:170px;width:auto;font-size:12px;}
 .casino-hero .hero-dots{justify-content:center;margin-top:14px;}.hero-terms-link{bottom:96px;right:15px;width:40px;height:40px;font-size:12px;}
 .casino-category-rail {width:calc(100% - 20px);margin-left:10px;margin-top:-54px;padding:20px 12px 12px;border-radius:28px 28px 16px 16px;min-height:115px;}
 .content-section{padding:25px 26px;}.content-section > :is(h1,h2){font-size:25px;}
 .fi-promo .promo-copy,body[data-page=app] .fi-promo .promo-copy{width:60%;}.fi-promo-scene{left:56%;}.fi-promo-cookie{height:300px;right:-8px;}.fi-halo{width:240px;height:240px;right:0;top:48px;}
 .fi-promo .promo-copy > p{font-size:19px}.fi-promo h2{font-size:28px}.fi-promo .store-pair{grid-template-columns:1fr;}
 .cookie-panel{grid-template-columns:1fr auto;gap:8px;padding:10px 14px;}.cookie-panel a{grid-column:1;grid-row:2;}.cookie-panel .btn{grid-column:2;grid-row:1/3;}
 .service-content{padding:28px}.service-shell{padding:0 18px;}
}
@media(max-width:560px){
 .casino-hero{min-height:704px;padding:334px 20px 91px;background-size:auto 340px;background-position:75% top;}
 .casino-hero-media-stage{height:350px;}.casino-hero-media{object-position:76% 45%;}
 .casino-hero .hero-copy,body[data-page] .casino-hero[data-slide-index] .hero-copy{width:100%;margin:0;}
 .casino-hero .hero-eyebrow{font-size:20px;line-height:1.15;}.casino-hero .hero-overline{font-size:15px;}
 .casino-hero .hero-title strong,.casino-hero[data-slide-index="1"] .hero-title strong,body[data-page] .casino-hero .hero-title strong{font-size:clamp(59px,17vw,78px);}
 .casino-hero .hero-detail,body[data-page] .casino-hero .hero-detail{font-size:24px;line-height:1.12;}
 .casino-hero .hero-cta .btn{min-width:158px;min-height:44px;padding:11px 14px;}.casino-hero p{font-size:13px;line-height:1.45;}
 .casino-category-rail{padding-top:17px;grid-template-columns:repeat(8,79px);min-height:103px;margin-top:-50px;}.casino-category-rail .go-link{min-height:64px;min-width:70px;}.casino-category-rail .go-link strong{font-size:10px;}
 .content-section{padding:22px 17px;}.content-section > :is(h1,h2){max-width:calc(100% - 32px);padding:11px 14px;font-size:22px;margin-bottom:24px;line-height:1.22;}
 .content-section > :is(h1,h2)::before,.content-section > :is(h1,h2)::after{width:30px;height:29px;}.content-section > :is(h1,h2)::before{left:-16px;}.content-section > :is(h1,h2)::after{right:-16px;}
 .content-section p,.content-section li{font-size:14px;line-height:1.65;}.content-section h3{font-size:19px;margin-top:22px;}
 .table-wrap table{min-width:520px;}.table-wrap td,.table-wrap th{padding:10px 12px;font-size:13px;}.table-wrap{overflow-x:auto;}
 .fi-section-art{width:200px;opacity:.18;right:-35px;}
 .fi-promo,.fi-promo.promo-banner-bottom{min-height:580px;padding:300px 22px 26px;display:flex;align-items:flex-end;}
 .fi-promo-scene{inset:0 0 auto 0;height:300px;}.fi-promo-cookie{height:296px;right:50%;bottom:-10px;translate:50% 0;max-width:100%;}.fi-halo{width:240px;height:240px;right:50%;translate:50% 0;top:28px;}
 .fi-promo .promo-copy,body[data-page=app] .fi-promo .promo-copy{width:100%;max-width:100%;margin:0;transform:none;}.fi-promo h2{font-size:27px;line-height:1.16;}.fi-promo .promo-copy > p{font-size:20px;}
 .fi-promo .promo-kicker{font-size:10px;margin-bottom:12px;}.fi-chip-one{top:35px;left:32px;}.fi-chip-two{right:24px;bottom:40px;}.fi-promo .store-pair{grid-template-columns:1fr 1fr;gap:8px;max-width:100%;}.store-btn{padding:10px 8px;gap:7px;}.store-copy{font-size:11px;}.store-pair img{width:23px;height:23px;flex-basis:23px;}
 .lobby-jackpot{padding-right:103px;}.lobby-jackpot > strong{font-size:clamp(21px,6.8vw,30px);white-space:nowrap;}.lobby-jackpot img{width:92px;}
 .latest-winners li img{width:38px;height:38px;}.latest-winners li .go-link{font-size:10px;padding:6px;}
 .cookie-panel p{font-size:11px;}.cookie-panel a{font-size:11px;}.cookie-panel .btn{padding:8px 13px;font-size:11px;}
 .offer-dock{width:calc(100% - 24px);left:12px;right:auto;top:82px;}.offer-dock-inner{padding:18px;}.offer-dock-item p{font-size:12px;}
 .wheel-panel{padding:22px 16px}.wheel{width:250px;height:250px}.wheel-wrap{width:270px;height:290px;margin-inline:auto;}.wheel-sector-label{font-size:11px;max-width:70px;}
 .service-shell{padding:0 12px;margin-top:22px}.service-content{padding:25px 20px;}.service-content > h1{font-size:31px;}.service-group h2{font-size:19px;}
 .footer-inner{gap:28px;padding:22px;}.footer-brand img{width:180px;}.site-footer{margin-top:88px;}
}
@media(max-width:350px){
 .brand,.brand img{width:151px}.header-inner{padding-inline:10px;gap:5px;}.casino-hero{padding-inline:16px;min-height:715px;}.casino-hero .hero-eyebrow{font-size:18px;}.casino-hero .hero-detail,body[data-page] .casino-hero .hero-detail{font-size:22px;}
 .casino-hero .store-pair{max-width:100%;gap:6px;}.hero-store-pair .store-btn{padding:10px 5px;}.hero-store-pair .store-copy{font-size:10px;}.hero-store-pair img{width:20px;flex-basis:20px;}
 .fi-promo{padding-inline:18px;}.fi-promo h2{font-size:25px;}.fi-promo .store-pair{grid-template-columns:1fr;}.fi-promo.promo-banner-bottom{min-height:650px;}
 .content-section > :is(h1,h2){font-size:21px;}.lobby-jackpot{padding-left:14px;padding-right:90px;}.lobby-jackpot > strong{font-size:20px;}.lobby-jackpot img{width:85px;}
 .wheel{width:230px;height:230px}.wheel-wrap{width:248px;height:265px;}.wheel-panel{padding:20px 12px;}.wheel-sector-label{font-size:10px;}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;}
 .casino-hero-image.is-visible{transform:none}.fi-promo-cookie{animation:none}.content-section{opacity:1;transform:none;}
}
/* The full-width stage uses the actual document width, including scrollbar space. */
body[data-page] {overflow-x:visible;}
.casino-hero {width:var(--fi-viewport,100%);margin-left:calc((min(1280px,var(--fi-viewport,100vw)) - var(--fi-viewport,100vw))/2);}
.casino-category-rail{--rail-width:min(1610px,calc(var(--fi-viewport,100vw) - 32px));margin-left:calc((min(1280px,var(--fi-viewport,100vw)) - var(--rail-width))/2);}
.inline-store-pair{margin-top:24px;}
@media(max-width:860px){.casino-category-rail{width:calc(100% - 20px);margin-left:10px;}}
body[data-page] .casino-hero[data-slide-index]::before{background:linear-gradient(90deg,#061d3cee 0%,#061d3cc9 31%,#061d3c30 60%,transparent 78%);}
@media(max-width:860px){body[data-page] .casino-hero[data-slide-index]::before{background:linear-gradient(0deg,#061d3c 0%,#061d3c 41%,#061d3c00 65%);}}
body[data-page] .games-rail .component-head h2{color:#fff;}
.float-btn.scroll-top{display:grid;place-items:center;border:1px solid #9bd3ff;color:#003580;background:linear-gradient(145deg,#fff,#cfeaff);font-size:29px;font-weight:800;line-height:1;}
.float-btn.scroll-top:hover,.float-btn.scroll-top:focus-visible{background:#fff;box-shadow:0 0 0 3px #8ccaff55,0 12px 26px #00358040;}

/* Offer wheel: labels sit in the centres of the coloured quarters. */
.wheel-sector-label{width:96px;max-width:28%;font-size:clamp(10px,1.15vw,13px);line-height:1.15;text-shadow:0 1px 2px #001c4c;transform:rotate(calc(-1 * var(--wheel-result-angle,0deg)));transition:transform 2.2s cubic-bezier(.22,1,.36,1);}
.wheel-sector-label-1{left:70%;top:30%;color:#fff;}
.wheel-sector-label-2{left:70%;top:70%;color:#003580;text-shadow:0 1px 0 #fff8;}
.wheel-sector-label-3{left:30%;top:70%;color:#fff;}
.wheel-sector-label-4{left:30%;top:30%;color:#003580;text-shadow:0 1px 0 #fff8;}
.wheel-hub{transform:rotate(calc(-1 * var(--wheel-result-angle,0deg)));transition:transform 2.2s cubic-bezier(.22,1,.36,1);}
.latest-winners li,.latest-winners li > span{color:#173c63;}
.latest-winners li{background:#fff;border:1px solid #dceaf5;}
.latest-winners b{opacity:1;color:#365c79;}
.latest-winners strong{color:#003580;}
.latest-winners li .go-link{background:#e9f5ff;border-color:#c1dff5;}
.game-card > span{display:none;}

/* Each offer keeps the shared mascot motion while having its own scene. */
.fi-promo-0{background:radial-gradient(circle at 79% 44%,#4b9bd0,transparent 44%),linear-gradient(115deg,#05264d,#0a568d);}
.fi-promo-1{background:radial-gradient(circle at 80% 38%,#8e80d6,transparent 44%),linear-gradient(115deg,#152653,#514b9b);}
.fi-promo-1 .fi-halo{border-radius:28%;transform:rotate(18deg);box-shadow:0 0 0 22px #cfbfff18,0 0 0 52px #cfbfff0d;}
.fi-promo-1 .fi-promo-cookie{right:2px;filter:drop-shadow(0 16px 23px #180e4f99) hue-rotate(12deg);}
.fi-promo-1 .fi-floating-chip{background:repeating-conic-gradient(#5b4cb0 0 30deg,#fff1cc 30deg 60deg);}
.fi-promo-2{background:radial-gradient(circle at 78% 43%,#38bcb9,transparent 43%),linear-gradient(115deg,#063b51,#126c8a);}
.fi-promo-2 .fi-halo{border-style:dashed;box-shadow:0 0 0 22px #a9fff414,0 0 0 55px #a9fff40d;}
.fi-promo-2 .fi-promo-cookie{right:30px;transform:rotate(-7deg);}
.fi-promo-2 .fi-floating-chip{background:repeating-conic-gradient(#087c85 0 30deg,#dcfff7 30deg 60deg);}
.fi-promo-3{background:radial-gradient(circle at 82% 40%,#5e8dce,transparent 46%),linear-gradient(115deg,#041b39,#173d77);}
.fi-promo-3 .fi-halo{box-shadow:0 0 0 14px #cde5ff1b,0 0 0 40px #cde5ff0b,0 0 0 68px #cde5ff0a;}
.fi-promo-3 .fi-promo-cookie{right:7px;filter:drop-shadow(0 16px 26px #061634bb) saturate(.85);}
body[data-page=app] .fi-promo-2{background:radial-gradient(circle at 78% 45%,#49a4e0,transparent 43%),linear-gradient(115deg,#062549,#0d4b93);}
body[data-page=bonus] .fi-promo{background-blend-mode:screen,normal;}
.store-pair{max-width:390px;grid-template-columns:repeat(2,max-content);gap:8px;}
.inline-store-pair{margin-inline:0 auto;}
.fi-promo .store-pair{max-width:390px;}

/* Consent is a compact card with a clear primary action. */
.cookie-panel{left:50%;bottom:16px;translate:-50% 0;width:min(540px,calc(100% - 28px));min-height:0;padding:18px 20px;grid-template-columns:1fr auto;gap:8px 16px;border:1px solid #a7d2ef;border-top:4px solid #176bd5;border-radius:18px;background:linear-gradient(150deg,#fff,#e8f5ff);box-shadow:0 18px 55px #082b5940;}
.cookie-panel h2{display:block;grid-column:1/-1;margin:0;color:#003580;font-size:19px;}
.cookie-panel p{grid-column:1/-1;font-size:13px;line-height:1.45;}
.cookie-panel .btn{grid-column:1;grid-row:3;min-height:40px;padding:9px 18px;font-size:12px;justify-self:start;}
.cookie-panel a{grid-column:2;grid-row:3;align-self:center;font-size:12px;font-weight:700;}
body.cookie-notice-visible .floating-actions,body.cookie-notice-visible .random-promo{bottom:170px;}

@media(max-width:860px){
 body[data-page] .casino-hero{min-height:650px;padding:190px 22px 105px;background-size:cover;background-position:center;background-repeat:no-repeat;}
 body[data-page] .casino-hero-media-stage{inset:0;height:100%;bottom:0;}
 body[data-page] .casino-hero-media{object-position:65% 50%;filter:brightness(.58);}
 body[data-page] .casino-hero[data-slide-index]::before{background:linear-gradient(0deg,#061d3cf2 0%,#061d3cbb 36%,#061d3c55 67%,#061d3c44 100%);}
 body[data-page] .casino-hero[data-slide-index] .hero-copy{position:relative;z-index:2;align-self:end;width:min(100%,540px);margin:0 auto;text-align:center;}
 body[data-page] .casino-hero .hero-title{align-items:center;}
 body[data-page] .casino-hero .hero-cta{justify-content:center;}
 body[data-page] .casino-hero .hero-dots{justify-content:center;}
}
@media(max-width:560px){
 body[data-page] .casino-hero{min-height:640px;padding:150px 18px 105px;}
 body[data-page] .casino-hero .hero-title strong{font-size:clamp(56px,16vw,78px);}
 body[data-page] .casino-hero[data-slide-index="1"] .hero-title strong{font-size:clamp(42px,12vw,58px);}
 body[data-page] .casino-hero .hero-detail{font-size:clamp(20px,6vw,27px);}
 .cookie-panel{padding:16px;gap:8px 12px;}
 .cookie-panel p{font-size:12px;}
 body.cookie-notice-visible .floating-actions,body.cookie-notice-visible .random-promo{bottom:190px;}
 .wheel-sector-label{font-size:10px;width:78px;max-width:30%;}
 .wheel-panel h2{max-width:calc(100% - 54px);margin:0 auto 10px;font-size:clamp(23px,6vw,28px);line-height:1.12;}
 .wheel-sector-label{font-size:11px;}
 .fi-promo-1 .fi-promo-cookie,.fi-promo-2 .fi-promo-cookie,.fi-promo-3 .fi-promo-cookie{right:50%;translate:50% 0;}
}
@media(max-width:360px){
 .inline-store-pair{width:min(100%,290px)!important;grid-template-columns:1fr;}
 .inline-store-pair .store-btn{width:100%;}
}