@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap');
:root{--bg:#050c19;--panel:#0b1a30;--line:#1b4565;--cyan:#00dcf6;--blue:#138bf5;--gold:#f7b844;--text:#eaf5ff;--muted:#9bb3c9}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 60% -10%,#153e67 0%,#081529 43%,#050b17 85%);color:var(--text);font-family:Inter,Arial,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}.site-header{height:142px;border-bottom:1px solid #1e6383;background:linear-gradient(90deg,#051222,#0c2643 50%,#051222);display:flex;align-items:center;justify-content:space-between;padding:18px 5%;box-shadow:0 6px 30px #0008}.logo{width:min(390px,50vw);image-rendering:auto}.header-tag{color:#a9c7dc;font-size:12px;letter-spacing:2px;text-align:right;text-transform:uppercase}.header-tag strong{display:block;font-family:Rajdhani;font-size:25px;color:var(--gold);letter-spacing:1px}.layout{display:grid;grid-template-columns:280px minmax(0,1fr);max-width:1560px;margin:auto;min-height:calc(100vh - 205px)}aside{border-right:1px solid #1a405c;padding:36px 18px;background:linear-gradient(180deg,#091b31b8,#06101fa8)}main{padding:44px clamp(22px,4vw,65px) 70px;min-width:0}.orb-nav{position:relative;width:244px;height:285px;margin:12px auto 32px}.orbit{position:absolute;left:50%;transform:translateX(-50%);width:216px;height:102px;border:2px solid #1d9ad5;border-bottom:0;border-radius:115px 115px 0 0;background:linear-gradient(180deg,#104269,#0b243e);box-shadow:0 -3px 17px #00d7fa30;display:flex;align-items:flex-start;justify-content:center;padding-top:18px;color:#e9f8ff;font-family:Rajdhani;font-weight:700;font-size:18px;letter-spacing:.5px;transition:.2s}.orbit:hover,.orbit.active{color:var(--gold);border-color:var(--gold);filter:brightness(1.2)}.orbit.o1{top:0;width:235px}.orbit.o2{top:58px;width:205px;z-index:2}.orbit.o3{top:116px;width:177px;z-index:3}.orbit.o4{top:170px;width:151px;z-index:4}.home-orb{position:absolute;z-index:5;bottom:0;left:50%;transform:translateX(-50%);height:106px;width:106px;border-radius:50%;display:grid;place-items:center;border:3px solid var(--gold);background:radial-gradient(circle at 35% 28%,#1a719d,#07314e 68%,#061426);box-shadow:0 0 0 7px #0a233d,0 0 25px #06c6e34f;font:700 26px Rajdhani;color:white}.home-orb:hover,.home-orb.active{color:var(--gold)}.side-note{margin:25px 12px;border-top:1px solid #1e4b65;padding-top:22px;color:var(--muted);font-size:12px;line-height:1.9}.side-note strong{color:var(--gold);font-family:Rajdhani;font-size:22px}.eyebrow{color:var(--cyan);letter-spacing:3px;text-transform:uppercase;font-size:12px;font-weight:700}.hero h1,.page-title{font:700 clamp(40px,5vw,73px)/.98 Rajdhani;margin:16px 0;color:#fff}.hero h1 span,.page-title span{color:var(--gold)}.hero p,.lead{font-size:16px;line-height:1.85;color:#b7cde0;max-width:820px}.hero{position:relative;border:1px solid #24506a;border-radius:17px;padding:clamp(25px,4vw,58px);background:radial-gradient(circle at 95% 12%,#17608c60,transparent 45%),linear-gradient(120deg,#0d2946,#091727);box-shadow:0 16px 60px #0007;overflow:hidden}.hero:after{content:'◆';position:absolute;right:4%;bottom:-105px;font-size:320px;color:#00b9ed0b;pointer-events:none}.buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:27px}.btn{padding:13px 23px;border-radius:7px;background:linear-gradient(110deg,#0473c4,#04bbda);font:700 17px Rajdhani;letter-spacing:.7px;border:1px solid #42cffa;color:white}.btn.secondary{background:#112c45;border-color:#35698b}.btn:hover{filter:brightness(1.2)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:42px 0 20px}.section-head h2,h2{font:700 32px Rajdhani;margin:0}.section-head a{color:var(--cyan);font-size:13px}.stats,.features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.stat,.feature,.contact-card{background:linear-gradient(150deg,#102b46,#0a1a2d);border:1px solid #24516f;border-radius:11px;padding:22px}.stat b{font:700 35px Rajdhani;color:var(--gold);display:block}.stat span,.feature p{color:var(--muted);font-size:13px;line-height:1.6}.feature b{font:700 21px Rajdhani;color:#fff}.feature .icon{color:var(--cyan);font-size:26px;margin-bottom:12px}.features{grid-template-columns:repeat(3,minmax(0,1fr))}.games{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.game{overflow:hidden;background:#0d2239;border:1px solid #255473;border-radius:11px;transition:transform .2s,border-color .2s}.game:hover{transform:translateY(-5px);border-color:var(--cyan)}.game img{width:100%;aspect-ratio:1.45;object-fit:contain;background:radial-gradient(circle,#17416a,#071427);padding:10px;display:block}.game figcaption{padding:13px 12px;font:700 16px Rajdhani;text-align:center}.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:30px}.contact-card span{font:700 24px Rajdhani;display:block;margin-bottom:12px}.contact-card a{color:var(--cyan);overflow-wrap:anywhere}.contact-card p{color:var(--muted);font-size:13px}.banner{padding:28px;border-radius:12px;border:1px solid #3a6380;background:linear-gradient(110deg,#122d48,#071728);margin-top:36px}.banner h2{color:var(--gold)}footer{border-top:1px solid #23435e;padding:22px 5%;color:#819fb8;text-align:center;font-size:12px}.notice{color:#aac6dc;font-size:12px;line-height:1.6}.game-search{width:100%;max-width:400px;background:#0b223b;border:1px solid #2d6b8e;color:white;padding:13px;border-radius:7px;margin:18px 0 26px;font:inherit}a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}@media(max-width:1100px){.games{grid-template-columns:repeat(3,1fr)}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:750px){.site-header{height:auto;min-height:105px;padding:20px}.header-tag{display:none}.logo{width:min(360px,90vw)}.layout{display:block}aside{border-right:0;border-bottom:1px solid #1b4866;padding:10px}.orb-nav{transform:scale(.8);transform-origin:top center;height:235px;margin:5px auto}.side-note{display:none}main{padding:25px 18px 50px}.games,.features{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr}}@media(max-width:460px){.games,.features{grid-template-columns:1fr 1fr;gap:9px}.feature{padding:14px}.stats{gap:8px}.stat{padding:14px}.game figcaption{font-size:13px}.hero h1{font-size:43px}}

/* Three-at-a-time game carousel */
.game-carousel{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 2 * 12px)/3);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:12px 2px 22px;min-width:0}
.game-carousel::-webkit-scrollbar{display:none}
.game-carousel .game{min-width:0;scroll-snap-align:start;margin:0}
.game-carousel .game img{width:100%;height:auto;aspect-ratio:3/4;object-fit:contain}
.game-carousel .game figcaption{overflow-wrap:anywhere;font-size:12px}
.carousel-controls{display:flex;justify-content:center;align-items:center;gap:22px;margin:14px 0 8px}
.carousel-controls button{background:linear-gradient(135deg,#0a82b9,#07305b);border:1px solid #3edcff;border-radius:12px;color:white;font-size:25px;min-width:54px;min-height:48px;cursor:pointer}
.carousel-controls button:disabled{opacity:.35;cursor:not-allowed}
.carousel-controls span{color:#d4ecff;font-weight:700}
@media(max-width:720px){.game-carousel{grid-auto-columns:calc((100% - 12px)/2)}}
@media(max-width:400px){.game-carousel{grid-auto-columns:85%}}

/* Four independent, three-at-a-time categorized carousels */
.categorized-games{margin-top:32px}.categorized-games>h2{color:#f3d47d;font-size:1.5rem;margin:0 0 22px}.category-carousel{margin:0 0 35px;padding:20px 16px;border:1px solid rgba(65,211,255,.3);border-radius:18px;background:linear-gradient(145deg,rgba(6,30,62,.85),rgba(3,11,30,.8))}.category-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.category-heading h3,.pulltab-section h3{font-size:1.3rem;color:#70eaff;margin:0}.category-carousel .game-carousel{scroll-snap-type:x mandatory;scrollbar-width:none}.category-carousel .game-carousel::-webkit-scrollbar{display:none}.category-carousel .game{scroll-snap-align:start}.category-carousel .carousel-controls{margin:0;display:flex;align-items:center;gap:10px}.category-carousel .cat-counter{min-width:60px;text-align:center;color:#fff}.pulltab-section{margin:26px 0}.pulltab-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:15px}.pulltab-grid .game{min-width:0}@media(max-width:720px){.pulltab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Premium 3D wheel and showcase */
.site-header{background:radial-gradient(ellipse at center,#12507b 0%,#061529 65%);border-bottom:3px solid #c68b32;box-shadow:0 4px 24px #00aeff44}
.logo{filter:drop-shadow(0 0 11px #00cfff6b)}
aside{padding-top:38px;background:linear-gradient(155deg,#071d37,#030b1b)}
.orb-nav{width:252px;height:252px;margin:8px auto 38px;border-radius:50%;background:radial-gradient(circle at 35% 22%,#209ce3 0%,#004b99 22%,#03132b 75%);border:7px ridge #dba84c;box-shadow:inset 0 0 12px 4px #00d5ff,0 0 0 5px #05346c,0 0 23px #00aaff99,0 20px 25px #000b;isolation:isolate}
.orb-nav .orbit{position:absolute;transform:none;border:3px solid #d8a34c;border-radius:0;box-shadow:inset 0 2px 12px #20d8ff9c,inset 0 -12px 15px #010a27,0 2px 7px #000;display:flex;align-items:center;justify-content:center;padding:0;background:linear-gradient(150deg,#117cd0,#032758 72%,#00142f);text-shadow:0 2px 4px #000;font-size:15px;text-align:center;line-height:1.1;width:108px;height:92px;z-index:2}
.orb-nav .o1{top:6px;left:65px;clip-path:polygon(0 0,100% 0,84% 74%,50% 100%,16% 74%);padding-bottom:26px}
.orb-nav .o2{top:78px;left:2px;clip-path:polygon(0 0,78% 14%,100% 50%,78% 86%,0 100%);padding-right:20px}
.orb-nav .o3{top:78px;left:128px;clip-path:polygon(100% 0,22% 14%,0 50%,22% 86%,100% 100%);padding-left:20px}
.orb-nav .o4{top:154px;left:65px;clip-path:polygon(0 100%,100% 100%,84% 26%,50% 0,16% 26%);padding-top:23px}
.orb-nav .orbit:hover,.orb-nav .orbit.active{filter:brightness(1.5);color:#ffe39b}
.orb-nav .home-orb{top:72px;bottom:auto;left:50%;height:104px;width:104px;border:5px ridge #ffcc61;background:radial-gradient(circle at 36% 22%,#1baeff,#044482 45%,#00112c 88%);box-shadow:inset 0 0 14px #37dfff,0 0 0 5px #003264,0 0 22px #00b9ff;z-index:6;font-size:25px;text-shadow:0 2px 4px #000}
.showcase{border:2px solid #c7943c;border-radius:19px;background:linear-gradient(160deg,#102e54,#020b1d);overflow:hidden;box-shadow:0 0 0 3px #006ab4,0 0 32px #006bc45c}
.showcase-heading{text-align:center;padding:32px 25px 15px}.showcase-heading h1{font:700 clamp(29px,3.8vw,54px)/1.08 Rajdhani;margin:14px 0;color:#ffd17b;text-shadow:0 3px 5px #000,0 0 15px #c38c3166}.showcase-heading h1 span{color:#89e5ff}.showcase-heading p{max-width:810px;margin:0 auto 12px;color:#d0e7f7;line-height:1.75;font-size:15px}
.showcase-image{display:block;width:100%;height:auto;border-block:1px solid #1868a1}.showcase-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;padding:23px}
.benefit-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:26px}.benefit-row div{border:1px solid #215a8b;border-radius:9px;background:linear-gradient(180deg,#0f3557,#061629);text-align:center;padding:17px 5px;display:flex;align-items:center;flex-direction:column;gap:7px}.benefit-row strong{font-size:30px;color:#f6bd57}.benefit-row span{font:700 14px Rajdhani;color:#a5e7ff}
@media(max-width:850px){.benefit-row{grid-template-columns:repeat(3,1fr)}}
@media(max-width:460px){.benefit-row{grid-template-columns:repeat(2,1fr)}.showcase-heading{padding:25px 13px 10px}}

/* Approved original 3D navigation wheel: artwork + independently clickable areas */
.layout{grid-template-columns: minmax(285px,32%) minmax(0,1fr)}
.wheel-image-nav.orb-nav{position:relative;display:block;width:100%;max-width:437px;height:auto;aspect-ratio:437/542;margin:8px auto 24px;border:0;border-radius:0;background:none;box-shadow:none;isolation:auto;transform:none}
.wheel-image-nav .wheel-art{display:block;width:100%;height:100%;object-fit:contain}
.wheel-image-nav .wheel-link{position:absolute;display:block;z-index:5;border-radius:24px;transition:background .2s,box-shadow .2s}
.wheel-image-nav .wheel-link:hover{background:#3edbff24;box-shadow:inset 0 0 18px #45d8ff88}
.wheel-image-nav .wheel-link:focus-visible{outline:3px solid #ffcf68;outline-offset:2px}
.wheel-sweep{left:23%;top:7%;width:54%;height:21%}
.wheel-skill{left:3%;top:23%;width:29%;height:51%}
.wheel-contact{right:3%;top:23%;width:29%;height:51%}
.wheel-about{left:23%;bottom:4%;width:54%;height:24%}
.wheel-home{left:32%;top:32%;width:36%;height:35%;border-radius:50%!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:750px){.layout{display:block}.wheel-image-nav.orb-nav{width:min(400px,95vw);height:auto;transform:none;margin:8px auto 15px}}

/* Navigation wheel resized to fit fully within the left sidebar.
   Image and clickable regions scale together, preserving alignment. */
@media (min-width:751px){
  .layout{grid-template-columns:300px minmax(0,1fr)}
  .wheel-image-nav.orb-nav{width:100%;max-width:250px;margin:8px auto 22px}
}
@media (max-width:750px){
  .wheel-image-nav.orb-nav{width:min(250px,88vw);max-width:250px;margin:8px auto 15px}
}

/* 3D navigation wheel: 220px wide on all screen sizes. */
@media(min-width:751px){.wheel-image-nav.orb-nav{width:220px;max-width:220px;margin:6px auto 18px}}
@media(max-width:750px){.wheel-image-nav.orb-nav{width:min(220px,90vw);max-width:220px;margin:6px auto 12px}}

/* Wider left sidebar; retain approved 220px navigation wheel. */
@media (min-width:751px) {
  .layout { grid-template-columns: 360px minmax(0, 1fr); }
  .layout > aside { padding-left: 28px; padding-right: 28px; }
  .wheel-image-nav.orb-nav { width:220px; max-width:220px; }
}

/* 2026 layout revision: responsive, no overflowing columns or decorative lines */
html,body{width:100%;max-width:100%;overflow-x:hidden}
.site-header{min-height:200px;height:auto;background:linear-gradient(#06142655,#06142655),url("assets/casino-header-perf.webp") center/cover no-repeat;border-bottom:3px solid #eab65c;justify-content:center;padding:30px 18px}
.site-header .logo{width:min(440px,68vw);filter:drop-shadow(0 4px 8px #000)}
.site-header .header-tag{display:none}
.layout{width:100%;max-width:1536px;grid-template-columns:minmax(285px,29%) minmax(0,1fr);gap:14px;padding:16px;align-items:start}
.layout>aside{min-width:0;padding:42px 20px 26px;border:1px solid #008ff0;border-radius:19px;box-shadow:inset 0 0 22px #0279d84d;background:radial-gradient(ellipse at 50% 45%,#123b69,#061328 70%)}
.layout>main{min-width:0;padding:0 0 36px}
.wheel-image-nav.orb-nav{width:min(100%,300px)!important;max-width:300px!important;height:auto!important;margin:20px auto 30px!important;transform:none!important}
/* Gold and blue stripes are behind wheel and visible on BOTH sides, not over it */
.layout>aside{position:relative;isolation:isolate}
.layout>aside:before,.layout>aside:after{content:"";position:absolute;z-index:-1;left:0;right:0;height:5px;background:linear-gradient(#ffd88a 0 35%,#a76c18 36% 55%,#02c8ff 56% 100%);box-shadow:0 0 9px #00d9ff;pointer-events:none}
.layout>aside:before{top:clamp(140px,17vw,208px)}
.layout>aside:after{top:clamp(340px,35vw,425px)}
.wheel-image-nav .wheel-art{filter:drop-shadow(0 0 9px #00bbff44)}
.showcase{overflow:hidden;border:2px solid #00a7f8;border-radius:20px;background:linear-gradient(160deg,#071d36,#030c1d);box-shadow:inset 0 0 0 4px #bd8437,0 0 19px #007eff55;padding:clamp(16px,3vw,35px)}
.showcase-heading{text-align:center}
.showcase-heading h1{font-size:clamp(24px,3vw,43px);line-height:1.12;color:#ffc66b;text-shadow:0 2px 3px #000}
.showcase-heading h1 span{color:#84dfff}
.showcase-heading p{max-width:740px;margin:14px auto 20px;line-height:1.65}
.showcase-image{display:block;width:100%;max-height:510px;object-fit:contain;margin:0 auto;border-radius:8px}
.showcase-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:20px auto}
.benefit-row{margin-top:16px}
@media(max-width:800px){.layout{display:block;padding:12px}.layout>aside{margin-bottom:16px}.layout>main{padding:0}.wheel-image-nav.orb-nav{width:min(300px,90%)!important;max-width:300px!important}.layout>aside:before{top:190px}.layout>aside:after{top:400px}}
@media(max-width:450px){.site-header{min-height:120px}.showcase-heading h1{font-size:25px}.layout>aside:before{top:190px}.layout>aside:after{top:400px}}

/* Navigation revision: no tinted hover overlays anywhere. */
.wheel-image-nav .wheel-link:hover,.wheel-image-nav .wheel-link:focus-visible{background:transparent!important;box-shadow:none!important;filter:none!important}
.wheel-image-nav .wheel-link{background:transparent!important;box-shadow:none!important}
.wheel-image-nav .wheel-zoom{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.wheel-image-nav .wheel-zoom .zoom-copy{opacity:0;transition:opacity .16s ease;pointer-events:none}
@media(hover:hover) and (pointer:fine){.wheel-image-nav:has(.wheel-sweep:hover) .zoom-sweep,.wheel-image-nav:has(.wheel-skill:hover) .zoom-skill,.wheel-image-nav:has(.wheel-home:hover) .zoom-home,.wheel-image-nav:has(.wheel-contact:hover) .zoom-contact,.wheel-image-nav:has(.wheel-about:hover) .zoom-about{opacity:1}}
.wheel-image-nav:has(.wheel-sweep:focus-visible) .zoom-sweep,.wheel-image-nav:has(.wheel-skill:focus-visible) .zoom-skill,.wheel-image-nav:has(.wheel-home:focus-visible) .zoom-home,.wheel-image-nav:has(.wheel-contact:focus-visible) .zoom-contact,.wheel-image-nav:has(.wheel-about:focus-visible) .zoom-about{opacity:1}
@media(prefers-reduced-motion:reduce){.wheel-image-nav .wheel-zoom .zoom-copy{transition:none}}

.wheel-image-nav .wheel-zoom{z-index:3}.wheel-image-nav .wheel-link{z-index:5}

/* FINAL navigation interaction: individual transparent PNG button layers, NO filters or SVG image zoom. */
.wheel-image-nav .wheel-zoom{display:none!important}
.wheel-image-nav .wheel-grow{position:absolute;z-index:4;display:block;object-fit:fill;pointer-events:none;opacity:0;transform:scale(1);transition:transform .17s ease,opacity .12s ease;transform-origin:center center;filter:none!important;box-shadow:none!important;background:none!important}
.wheel-image-nav .wheel-link{z-index:8!important;background:transparent!important;box-shadow:none!important;filter:none!important}
.wheel-image-nav .wheel-link:hover,.wheel-image-nav .wheel-link:focus{background:transparent!important;box-shadow:none!important;filter:none!important}
@media(hover:hover) and (pointer:fine){
.wheel-image-nav:has(.wheel-sweep:hover) .wheel-grow-sweep,.wheel-image-nav:has(.wheel-skill:hover) .wheel-grow-skill,.wheel-image-nav:has(.wheel-contact:hover) .wheel-grow-contact,.wheel-image-nav:has(.wheel-about:hover) .wheel-grow-about,.wheel-image-nav:has(.wheel-home:hover) .wheel-grow-home{opacity:1;transform:scale(1.045)}
}
.wheel-image-nav:has(.wheel-link:focus-visible) .wheel-grow{opacity:0}
@media(prefers-reduced-motion:reduce){.wheel-image-nav .wheel-grow{transition:none!important}}

/* Keep the navigation wheel inside the sidebar border on all inner pages. */
.layout .wheel-image-nav.orb-nav{width:min(260px,100%)!important;max-width:260px!important;margin:20px auto 30px!important;}
@media(max-width:800px){.layout .wheel-image-nav.orb-nav{width:min(260px,85vw)!important;max-width:260px!important}}


/* Preferred navigation: single complete wheel image, individual true-image button zooms. */
.preferred-wheel{position:relative;width:min(100%,310px);aspect-ratio:1126/1397;margin:0 auto;isolation:isolate;overflow:visible}
.preferred-wheel-base{display:block;width:100%;height:100%;object-fit:contain}
.preferred-hit{position:absolute;display:block;z-index:3;cursor:pointer;outline-offset:3px}
.preferred-hit img{width:100%;height:100%;display:block;transform:scale(1);transition:transform .18s ease;transform-origin:center center;pointer-events:none}
@media(hover:hover) and (pointer:fine){.preferred-hit:hover img{transform:scale(1.045)}}
.preferred-hit:focus-visible{outline:2px solid #ffd37b}
@media(prefers-reduced-motion:reduce){.preferred-hit img{transition:none}}
/* no legacy highlight, filters or duplicate wheel */
.preferred-wheel .wheel-grow,.preferred-wheel .wheel-link{display:none!important}
.preferred-home{background:#020a19}
.preferred-banner{width:100%;background:#020a19;border-bottom:3px solid #d6a147;line-height:0}
.preferred-banner img{display:block;width:100%;max-width:1536px;height:auto;margin:auto}
.preferred-layout{max-width:1536px;margin:auto;display:grid;grid-template-columns:minmax(280px,29.3%) minmax(0,1fr);gap:12px;padding:14px 12px 25px}
.preferred-sidebar{border:2px solid #008bff;border-radius:19px;background:radial-gradient(ellipse at 50% 35%,#123f78 0%,#04172e 55%,#020a18 100%);padding:14px 22px 22px;min-width:0;overflow:hidden}
.preferred-sidebar .preferred-wheel{width:min(100%,340px);max-width:340px}
.preferred-operator{border-top:1px solid #b88c37;margin-top:14px;padding-top:17px}
.preferred-operator h2{color:#ffd071;font:700 24px Rajdhani,Arial,sans-serif;margin:0 0 10px}
.preferred-operator p{color:#c5e8ff;font-size:14px;line-height:1.65}
.preferred-operator a{color:#37c9ff;text-decoration:underline}
.preferred-content{padding:0;min-width:0;align-self:start;border:3px solid #058dff;border-radius:24px;box-shadow:0 0 0 2px #c69a45,0 0 25px #006bff88;overflow:hidden;background:#041126}
.preferred-content>img{width:100%;height:auto;display:block}
.preferred-mobile-links{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;padding:15px}
.preferred-mobile-links a{padding:10px 15px;background:#0c4071;border:1px solid #d6a147;border-radius:8px}
/* existing pages keep their original content, but share the new wheel */
aside .preferred-wheel{max-width:260px;width:100%;margin:4px auto 25px}
@media(max-width:850px){.preferred-layout{grid-template-columns:minmax(230px,34%) minmax(0,1fr)}.preferred-sidebar{padding:10px}}
@media(max-width:680px){.preferred-layout{display:block}.preferred-sidebar{margin-bottom:18px}.preferred-sidebar .preferred-wheel{width:min(100%,260px)}.preferred-content{border-radius:14px}}

/* Casino header only: clickable without overlay logo */
.site-header{position:relative}
.site-header .header-home-link{position:absolute;inset:0;display:block;z-index:1}
.site-header .header-home-link:focus-visible{outline:3px solid #f7b844;outline-offset:-5px}

/* Operator information: consistent lower placement and larger, readable type on every page. */
.layout > aside .side-note,
.layout > aside .preferred-operator {
  margin-top: 75px;
  padding-top: 26px;
  font-size: 16px;
  line-height: 1.8;
}
.layout > aside .side-note strong,
.layout > aside .preferred-operator h2 {
  font-family: Rajdhani, Arial, sans-serif;
  font-size: 27px;
  line-height: 1.2;
  font-weight: 700;
}
.layout > aside .preferred-operator p {
  font-size: 16px;
  line-height: 1.8;
}
.layout > aside .preferred-operator a {
  font-size: 16px;
  line-height: 1.6;
}
@media (max-width: 750px) {
  .layout > aside .side-note { display: block; }
  .layout > aside .side-note,
  .layout > aside .preferred-operator { margin-top: 38px; }
}

/* Sweepstakes screenshot lightbox */
.game-preview-dialog{width:min(96vw,1250px);max-width:1250px;max-height:94vh;padding:14px;border:1px solid #d4a955;border-radius:12px;background:#0c1525;color:#fff;box-shadow:0 18px 75px #000b;overflow:auto}.game-preview-dialog::backdrop{background:rgba(0,0,0,.83)}.game-preview-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;font-size:18px}.game-preview-top button{border:1px solid #d4a955;border-radius:8px;padding:9px 16px;color:#fff;background:#1a345a;cursor:pointer;font:inherit}.game-preview-top button:hover{background:#29558b}.game-preview-dialog>img{display:block;max-width:100%;max-height:calc(94vh - 130px);width:auto;height:auto;object-fit:contain;margin:auto}.game-preview-hint{text-align:center;font-size:13px;color:#c9c9c9;margin:12px 0 0}.game-screenshot-link:focus-visible{outline:3px solid #f7ce74;outline-offset:3px}

/* Account access remains at the top right of the original website. */
.dynasty-account-bar{position:relative;z-index:9999;display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:10px;background:#09162c;color:#f5d177;padding:10px 20px;font:14px 'Segoe UI',Arial,sans-serif;text-align:right}.dynasty-account-bar a{color:#c9e5ff}.dynasty-account-bar .dynasty-login-button,.dynasty-account-bar button{display:inline-block;border:1px solid #dfbc69;border-radius:6px;background:linear-gradient(#f6da8a,#b98b35);color:#10203a;text-decoration:none;padding:9px 24px;font-weight:bold;cursor:pointer}
