*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#100b25;color:white;font-family:Inter,Arial,Helvetica,sans-serif;padding-bottom:100px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header.top{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px max(18px,calc((100% - 1150px)/2));background:#100b26ed;border-bottom:1px solid #74518b;backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:9px}.brand strong{display:block;font-size:21px;color:#ffe063;line-height:1}.brand small{font-size:8px;font-weight:900;letter-spacing:.5px}.crown{font-size:40px;color:#ffce3b;line-height:1}.btn,.pill{display:inline-flex;align-items:center;justify-content:center;border:1px solid #ffe26b;background:linear-gradient(#fff183,#ffc728 54%,#ffab1a);color:#1b1025;font-weight:1000;box-shadow:0 3px 0 #9c510e,0 0 20px #ffb52b55;text-align:center;text-shadow:none}.btn{border-radius:18px;padding:15px 22px}.btn.sm{font-size:12px;padding:12px 18px}.btn.big{font-size:21px;min-height:61px;width:min(94%,620px);border-radius:22px}.btn:hover,.pill:hover{filter:brightness(1.08)}main{overflow:hidden}.hero{background:radial-gradient(ellipse at 50% 30%,#79307988,transparent 65%),linear-gradient(135deg,#180927,#431163 50%,#16082c);position:relative;min-height:595px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;padding:45px 18px 26px;isolation:isolate}.hero:after{content:"";position:absolute;inset:auto 0 0;height:130px;background:linear-gradient(transparent,#120924);z-index:-1}.hero-glow{position:absolute;inset:0;background:repeating-radial-gradient(circle at 50% -20%,transparent 0 65px,#e5a22613 70px 72px);z-index:-2}.hero-person{position:absolute;left:max(0px,calc(50% - 530px));top:25px;width:310px;height:380px;background:url('../assets/images/hero-character.webp') center 32% / cover no-repeat;mask-image:linear-gradient(to right,black 65%,transparent 100%);opacity:.85;z-index:-1}.hero-copy{width:min(790px,100%);margin-left:160px;margin-bottom:28px}.eyebrow{display:inline-block;background:#3c125c;border:2px solid #f8be44;padding:9px 17px;border-radius:26px;font-weight:900;transform:rotate(-2deg);font-size:14px;box-shadow:0 0 20px #d9a42b88}.reward{font-size:clamp(74px,10vw,148px);font-weight:1000;letter-spacing:-5px;line-height:1.08;color:#ffdb39;text-shadow:0 3px #9d4e04,0 7px #6b3103,0 13px 24px #000}.hero h1{margin:4px 0;font-size:clamp(27px,4vw,49px);color:#fff5a9;text-shadow:0 3px #842c4a}.hero .lead{font-weight:900;font-size:clamp(14px,2.7vw,23px);margin:9px 0}.hero .sub{margin:5px 0;font-size:clamp(13px,2vw,17px)}.fine{font-size:11px;margin-top:16px;color:#e2d9f0}.fine a{text-decoration:underline}.section{padding:34px max(22px,calc((100% - 1120px)/2))}.section h2{font-size:clamp(23px,3vw,37px);line-height:1.13;margin:0 0 10px;text-align:center;color:#fff}.section em{font-style:normal;color:#ffce3e}.sect-head h2{text-align:left}.sect-head p{margin:0 0 20px;color:#d9d0e7}.games{background:linear-gradient(130deg,#1d0d3b,#30104c 60%,#150b2f)}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.game{border:2px solid #c99434;background:#291544;border-radius:15px;overflow:hidden;box-shadow:0 0 14px #bb5c934d}.game img{width:100%;aspect-ratio:1.45;display:block;object-fit:cover}.game-body{padding:10px;display:flex;flex-direction:column;align-items:center;gap:10px}.game-body b{font-size:20px}.pill{padding:10px 20px;border-radius:24px;font-size:12px;width:100%}.features{background:#110c2c;text-align:center}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding-top:22px}.feature-grid>div{display:flex;flex-direction:column;align-items:center;gap:8px}.feature-grid span{font-size:40px}.feature-grid b{font-size:13px}.feature-grid p{font-size:12px;margin:0;color:#d8cee7}.steps{background:radial-gradient(ellipse at 80% 0%,#5a1269,#130928 75%);border-top:1px solid #a27535;border-bottom:1px solid #a27535;text-align:center}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:700px;margin:20px auto;gap:8px}.step-grid>div{display:flex;flex-direction:column;align-items:center;gap:9px}.step-grid span{width:65px;height:65px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(140deg,#873cef,#4c1c9c);border:2px solid #d58cff;font-size:30px}.step-grid strong{color:#ffd24c;font-size:28px}.step-grid p{font-size:13px;margin:0}.conditions,.terms p{font-size:12px;line-height:1.6;color:#cbbbd9;max-width:780px;margin:20px auto 0}.outro{text-align:center;position:relative;background:linear-gradient(135deg,#401657,#1a1236);min-height:190px}.outro h2{position:relative;text-shadow:0 2px 6px #000}.outro p{font-size:12px;position:relative}.palace{position:absolute;inset:0;opacity:.3;background:url('../assets/images/palace.webp') center/cover}.download-section{text-align:center;background:#1c103a;scroll-margin-top:70px}.download-section p{color:#dbd2e4}.download-note{font-size:12px}.terms{background:#100b25;text-align:center}.terms h3{font-size:13px;color:#e0c475}.sticky{position:fixed;bottom:0;left:0;right:0;background:#100a27f2;border-top:1px solid #b97537;display:flex;align-items:center;justify-content:center;gap:13px;padding:12px max(16px,env(safe-area-inset-left)) calc(12px + env(safe-area-inset-bottom));z-index:99;backdrop-filter:blur(9px)}.sticky button{max-width:520px;width:75%;font-size:19px}.sticky-icon{font-size:34px;color:#ffce4a}@media(max-width:650px){header.top{padding:10px 12px}.brand strong{font-size:17px}.brand small{font-size:7px}.crown{font-size:29px}.btn.sm{font-size:10px;padding:11px 10px;border-radius:15px}.hero{min-height:630px;padding:15px 12px 26px;justify-content:flex-end}.hero-person{top:40px;left:-20px;width:68%;height:370px;opacity:.86;mask-image:linear-gradient(to right,black 65%,transparent 98%)}.hero-copy{margin:0 0 25px;padding-top:210px;position:relative}.eyebrow{font-size:11px;padding:6px 12px}.reward{font-size:clamp(63px,15vw,104px);letter-spacing:-3px}.hero h1{font-size:clamp(24px,6.4vw,36px)}.hero .lead{font-size:15px}.hero .sub{font-size:12px}.btn.big{font-size:18px}.section{padding:27px 16px}.section h2{font-size:23px}.game-grid{grid-template-columns:repeat(2,1fr);gap:11px}.game-body b{font-size:17px}.pill{font-size:11px;padding:10px 5px}.feature-grid{grid-template-columns:repeat(2,1fr);row-gap:25px}.feature-grid span{font-size:34px}.steps h2{font-size:22px}.step-grid span{width:56px;height:56px;font-size:25px}.step-grid strong{font-size:21px}.step-grid p{font-size:11px}.sticky button{width:calc(100% - 65px);font-size:16px;padding:15px 6px}.sticky-icon{font-size:29px}}
/* Six-game card labels: accommodate longer game names */
.game-body{min-height:105px;justify-content:space-between}.game-body b{font-size:clamp(13px,1.5vw,18px);line-height:1.25;min-height:2.5em;text-align:center;display:flex;align-items:center;justify-content:center}.game img{aspect-ratio:1.45}.game .pill{white-space:nowrap}
@media(max-width:650px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-body{min-height:105px;padding:9px 7px;gap:7px}.game-body b{font-size:12px;min-height:3em}.game img{aspect-ratio:1.45}}


/* ROYAL PLAY — Maharaja Edition, 2026 premium visual system */
:root{--ink:#0d1028;--night:#10142f;--royal:#1d1b43;--gold:#eac47f;--lightgold:#fff1bc;--muted:#b8b5ca;--stroke:rgba(233,197,132,.28)}
html{scroll-padding-top:90px}body{background:var(--ink);color:#faf7f1;font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;letter-spacing:-.012em;padding-bottom:105px}body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 15% 25%,#40336633,transparent 37%),linear-gradient(135deg,#0c1129,#11112c)}
header.top{padding:14px max(22px,calc((100% - 1160px)/2));background:rgba(13,16,40,.92);border-bottom:1px solid var(--stroke);box-shadow:0 8px 30px #05061250}.brand{gap:11px}.brand strong{font-size:22px;font-weight:850;letter-spacing:.04em;color:var(--lightgold)}.brand small{color:#bdb1a4;letter-spacing:.16em;font-weight:750;margin-top:4px}.crown{font-size:37px;color:var(--gold);filter:drop-shadow(0 3px 7px #d8ad6555)}
.btn,.pill{border:1px solid #fff0c2;background:linear-gradient(115deg,#b88440 0%,#f3d597 29%,#f9e4ac 53%,#ce954d 100%);color:#282038;font-weight:850;letter-spacing:.025em;box-shadow:inset 0 1px #fff9da99,0 5px 16px #08071855,0 0 0 1px #9b6f3f2b;transition:transform .18s ease,filter .18s ease}.btn:hover,.pill:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn:focus-visible,.pill:focus-visible{outline:3px solid white;outline-offset:3px}.btn.big{border-radius:17px;font-size:19px;min-height:62px;max-width:570px}.btn.sm{border-radius:12px;font-size:11px;padding:12px 17px}
.hero{min-height:620px;overflow:hidden;padding:78px 20px 42px;background:radial-gradient(ellipse at 65% 12%,#7e567a4c,transparent 53%),radial-gradient(ellipse at 16% 50%,#6d3e6640,transparent 55%),linear-gradient(140deg,#151334,#2a204d 55%,#100e27);border-bottom:1px solid var(--stroke)}.hero::before{content:'';position:absolute;inset:0;z-index:-2;opacity:.36;background:url('../assets/images/palace.webp') 50% 35%/cover no-repeat;mask-image:linear-gradient(#0000 0%,#000 22%,#0004 88%,#0000 100%)}.hero-motif{position:absolute;inset:30px;z-index:-1;opacity:.42;border:1px solid #dfba796b;border-radius:180px 180px 24px 24px;box-shadow:0 0 0 9px #d8b67a0d,inset 0 0 60px #14122f}.hero-edition{position:absolute;top:26px;font-size:10px;letter-spacing:.32em;color:#f9d6a1;font-weight:750}.hero-person{left:max(0px,calc(50% - 580px));top:54px;width:360px;height:480px;opacity:.95;mask-image:linear-gradient(to right,#000 70%,transparent 100%),linear-gradient(to top,transparent,#000 23%);mask-composite:intersect;filter:drop-shadow(4px 9px 26px #09091a)}.hero-copy{margin-left:min(20vw,220px);margin-bottom:31px;position:relative}.eyebrow{transform:none;letter-spacing:.17em;font-size:11px;border:1px solid #e0b97d8a;border-radius:100px;color:#f3deb8;background:#21173bdf;box-shadow:0 5px 15px #0705145c;padding:9px 17px}.reward{font-size:clamp(76px,11vw,144px);font-weight:900;line-height:1.12;letter-spacing:-.065em;background:linear-gradient(#fff2be,#d9ad58 57%,#fbdb8f);background-clip:text;color:transparent;filter:drop-shadow(0 6px 1px #251222);text-shadow:none}.hero h1{font-size:clamp(24px,3vw,43px);letter-spacing:.02em;color:#fff3ce;text-shadow:none}.hero .lead{font-weight:650;color:#f1d6aa;letter-spacing:.045em;font-size:clamp(15px,2vw,20px)}.hero .sub{color:#e7dce6;max-width:560px;margin:14px auto 0;line-height:1.5}.fine{max-width:630px;margin-top:18px;line-height:1.6;color:#d0c6cf}.fine a{color:#f7d994}
.section{padding:66px max(22px,calc((100% - 1120px)/2))}.section-kicker{display:block;text-align:center;letter-spacing:.26em;font-weight:800;font-size:10px;color:var(--gold);margin-bottom:11px}.section h2{font-weight:800;letter-spacing:.025em;font-size:clamp(24px,3vw,35px)}.section em{color:var(--gold)}.sect-head h2{text-align:left}.sect-head p{color:var(--muted);margin:10px 0 27px}
.games{background:radial-gradient(circle at 83% 10%,#35255455,transparent 43%),linear-gradient(160deg,#111631,#1a1738 65%,#15122f)}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.game{background:linear-gradient(150deg,#2b2548,#161930 80%);border:1px solid var(--stroke);border-radius:19px;box-shadow:0 16px 35px #07081660,inset 0 1px #ffffff0d;transition:transform .2s ease,box-shadow .2s ease}.game:hover{transform:translateY(-5px);box-shadow:0 21px 40px #0708168a}.game img{aspect-ratio:1.45;object-fit:cover;background:radial-gradient(ellipse at 45% 38%,#614077,#241a43 63%,#15142c);border-bottom:1px solid #e9c88d24;filter:saturate(.92)}.game-body{padding:16px;min-height:115px;gap:13px}.game-body b{font-weight:750;font-size:clamp(14px,1.55vw,18px);line-height:1.32;min-height:2.6em}.pill{max-width:220px;border-radius:11px;font-size:11px;padding:11px 16px}
.features{background:linear-gradient(160deg,#0f142c,#171834);border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke)}.feature-grid{gap:18px}.feature-grid>div{border:1px solid #dfba7930;background:#ffffff05;border-radius:17px;padding:24px 11px}.feature-grid span{font-size:32px}.feature-grid b{letter-spacing:.055em;color:#f6e7c7}.feature-grid p{line-height:1.55;color:var(--muted)}
.steps{background:radial-gradient(ellipse at 80% 0%,#3b2b595d,transparent 65%),linear-gradient(130deg,#1b193c,#11142d);border-color:var(--stroke)}.step-grid{max-width:720px;gap:22px;margin:28px auto}.step-grid>div{position:relative;background:#ffffff06;border:1px solid #e6b97624;border-radius:16px;padding:20px 6px}.step-grid span{border:1px solid #ead49d8f;background:linear-gradient(130deg,#5d4782,#2b244e);box-shadow:inset 0 1px #fff5d01c}.step-grid strong{color:#f4d5a0}.conditions{color:#bdb5c7;max-width:690px}
.outro{padding-top:80px;padding-bottom:80px;background:#161a39;min-height:270px}.palace{opacity:.4;filter:saturate(.72)}.outro h2{font-size:clamp(30px,5vw,48px);text-shadow:0 4px 22px #050815}.outro p{color:#f4dbc0;letter-spacing:.12em}.download-section{background:linear-gradient(150deg,#242042,#11142c);border-top:1px solid var(--stroke)}.download-section p{color:var(--muted)}.terms{background:#0d1026;border-top:1px solid #efd39323}.terms h3{color:#efd39d;letter-spacing:.13em}.terms p{line-height:1.8;color:#aaa7be}
.sticky{background:rgba(11,15,35,.95);border-color:#dfb87c4d;box-shadow:0 -8px 30px #06081f80}.sticky button{border-radius:14px;font-size:16px;min-height:55px}.sticky-icon{color:var(--gold)}
@media(max-width:650px){header.top{padding:12px 15px}.brand strong{font-size:17px}.brand small{font-size:7px}.crown{font-size:29px}.btn.sm{font-size:9px;padding:12px 9px;min-width:112px}.hero{min-height:660px;padding:20px 16px 30px;justify-content:flex-end}.hero-edition{top:19px;font-size:8px;letter-spacing:.2em}.hero-motif{inset:62px 18px 24px;border-radius:130px 130px 20px 20px}.hero-person{width:75%;height:355px;left:-37px;top:69px;opacity:.91;mask-image:linear-gradient(to right,#000 48%,transparent 95%),linear-gradient(to top,transparent,#000 28%);mask-composite:intersect}.hero-copy{margin:0 0 25px;padding-top:240px;width:100%;text-align:center}.eyebrow{font-size:9px;letter-spacing:.1em;padding:7px 10px}.reward{font-size:clamp(67px,17vw,96px);letter-spacing:-.06em}.hero h1{font-size:clamp(21px,5.5vw,29px)}.hero .lead{font-size:14px;line-height:1.4}.hero .sub{font-size:11px;max-width:330px}.btn.big{min-height:58px;font-size:16px;border-radius:14px}.fine{font-size:10px;margin-top:13px}.section{padding:42px 16px}.section h2{font-size:22px}.sect-head p{font-size:12px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.game{border-radius:13px}.game-body{min-height:112px;padding:12px 9px;gap:8px}.game-body b{font-size:12px;min-height:3em}.game img{aspect-ratio:1.25}.pill{font-size:10px;padding:10px 5px}.feature-grid{gap:10px}.feature-grid>div{padding:17px 8px}.feature-grid b{font-size:10px}.feature-grid p{font-size:11px}.step-grid{gap:8px}.step-grid>div{padding:13px 5px}.step-grid span{width:46px;height:46px;font-size:21px}.step-grid p{font-size:10px}.outro{min-height:220px;padding:60px 16px}.sticky{padding:10px 13px calc(10px + env(safe-area-inset-bottom))}.sticky button{width:calc(100% - 45px);font-size:15px;padding:12px 8px}.sticky-icon{font-size:27px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* U.VIP-inspired original lobby revision: graphite, emerald and gold */
:root{--ink:#080f15;--night:#0b151a;--royal:#102329;--gold:#ffd570;--lightgold:#ffe9ab;--stroke:rgba(245,204,110,.25)}
body{background:#081115;color:#f7f9f5;font-family:system-ui,-apple-system,'Segoe UI',sans-serif}
header.top{background:#081216f7;border-bottom:1px solid #375352;box-shadow:0 2px 18px #02090999}.brand strong{color:#fff8de}.brand small{color:#93b2aa}.crown{color:#ffd470}
.btn,.pill{background:linear-gradient(180deg,#fff6bb 0%,#f8c85d 55%,#db9c31 100%);border-color:#ffedaa;box-shadow:inset 0 1px #fff5cb,0 4px 0 #885d20,0 9px 21px #0007;color:#192321}
.hero{background:radial-gradient(ellipse at 75% 25%,#164f427a,transparent 60%),radial-gradient(ellipse at 15% 15%,#bd812626,transparent 60%),linear-gradient(135deg,#07191a 0%,#12302e 55%,#071315 100%);border-bottom:3px solid #d0a149;padding-top:82px;min-height:615px}.hero::before{opacity:.16;filter:sepia(.5) hue-rotate(65deg)}.hero-motif{border-color:#bf9c4b80;box-shadow:0 0 0 6px #c3a05412,inset 0 0 60px #020c0c}.hero-edition{color:#ffe2a0}.hero-copy{position:relative;z-index:3}.hero-person{filter:saturate(.85) drop-shadow(0 12px 22px #0008)}.eyebrow{background:#062722ed;border-color:#ad884d;color:#f6e1ac;font-weight:900}.reward{background:linear-gradient(#fff8ca 5%,#ffd778 45%,#be762b 85%,#f7d78b);background-clip:text;filter:drop-shadow(0 9px 12px #0008);font-size:clamp(78px,11vw,154px)}.hero h1{color:#fff7e6;font-size:clamp(24px,3.2vw,42px)}.hero .lead{color:#fff4cc;font-weight:850}.hero .sub{color:#d4eee4}.fine{background:#031c18a8;border:1px solid #9a854263;border-radius:9px;padding:8px 12px;color:#ffebc3}.fine a{color:white}
.section em{color:#f9ce77}.section-kicker{color:#e7c47b}.games{background:linear-gradient(150deg,#081a1b,#112528 62%,#081418)}.game-nav{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#e9cb83;font-size:11px;font-weight:900;letter-spacing:.15em;border-bottom:1px solid #9e874858;padding-bottom:13px;margin-bottom:22px}.nav-accent{color:#87bcae}.sect-head p{color:#aac2bb}.game{background:linear-gradient(150deg,#17343a,#0b1b20);border:1px solid #bfa35b70;border-radius:14px;box-shadow:0 10px 30px #0007,inset 0 1px #e4d79d16}.game img{background:radial-gradient(circle at 50% 40%,#2b6662,#0b272b 72%);filter:saturate(1.04);aspect-ratio:1.25}.game-body b{color:#fcf4e1}.pill{border-radius:9px}.features{background:#081418;border-color:#735f32}.feature-grid>div{background:#18302b66;border-color:#c2a2603f}.steps{background:linear-gradient(145deg,#092222,#0b171a);border-color:#91743a}.step-grid>div{background:#122d2b;border-color:#9d874e77}.step-grid span{background:linear-gradient(130deg,#23685d,#16382f);border-color:#d7bb7d}.conditions{color:#aac4ba}.promo-strip{background:linear-gradient(90deg,#0c2b28,#25604b,#0c2b28);border-top:1px solid #c8a15a;border-bottom:1px solid #c8a15a;color:#fff0ce;display:flex;justify-content:center;align-items:center;gap:20px;padding:19px 15px;text-align:center;font-size:11px;letter-spacing:.08em}.promo-strip strong{font-size:36px;color:#ffdc86}.outro{background:#072321}.outro .palace{filter:sepia(.8) hue-rotate(40deg);opacity:.25}.download-section{background:#0a2725}.terms{background:#071619}.terms h3{color:#f3d386}.terms p{color:#b6c4bb}.sticky{background:#071416f5;border-color:#d3a55b}.sticky-icon{color:#e8cb83}
@media(max-width:650px){.hero{min-height:645px;padding-top:32px}.hero-copy{padding-top:238px}.reward{font-size:clamp(67px,17vw,100px);letter-spacing:-.07em}.hero-person{width:75%;top:63px;left:-25px}.hero h1{font-size:clamp(21px,5.8vw,29px)}.game-nav{font-size:9px;margin-bottom:17px}.promo-strip{gap:7px;flex-direction:column;padding:14px}.promo-strip strong{font-size:30px}.game-grid{gap:10px}.game-body{min-height:112px}.section{padding:36px 15px}.fine{font-size:9px}.sticky button{font-size:15px}}

/* Premium six-game cover artwork */
.game{overflow:hidden;border:1px solid rgba(228,184,104,.62);background:#091d1a;box-shadow:0 10px 24px rgba(0,0,0,.35)}
.game img{width:100%;aspect-ratio:1.16;object-fit:cover;object-position:center top;display:block;filter:none;transition:transform .3s ease}
.game:hover img{transform:scale(1.035)}
.game-body{background:linear-gradient(180deg,#102921,#081810);position:relative;z-index:1;padding:13px 10px 14px;gap:9px}
.game-body b{color:#f5e6c4;text-align:center;letter-spacing:-.01em}
.game .pill{background:linear-gradient(180deg,#f9e6a1,#d69b2b);border-color:#ffe4a3;box-shadow:0 3px 0 #78510e;color:#1c200e;font-weight:900}
@media(max-width:650px){.game img{aspect-ratio:1.12}.game-body{padding:10px 6px 12px}.game-body b{font-size:12px;min-height:2.6em}.game .pill{min-height:36px}}

/* Premium red-gold download CTA — fourth supplied concept */
.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}
.btn.premium-download{display:block;position:relative;flex:0 1 570px;width:min(94%,570px);height:auto;min-height:0;aspect-ratio:909 / 177;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent url('../assets/images/download-red-gold.webp') center / 100% 100% no-repeat!important;transition:filter .2s ease,transform .2s ease;cursor:pointer;color:transparent;font-size:0}
.btn.premium-download:hover{filter:brightness(1.09);transform:translateY(-2px)}
.btn.premium-download:focus-visible{outline:3px solid #fff;outline-offset:3px;border-radius:15px!important}
.hero>a.premium-download{margin-top:3px;flex:0 0 auto}
.download-section .premium-download{margin-inline:auto}
.sticky.premium-sticky{padding:8px 14px calc(8px + env(safe-area-inset-bottom));background:rgba(4,17,17,.96);border-top:1px solid #b68137}
.sticky.premium-sticky .premium-download{max-width:520px;width:min(100%,520px);flex:none}
.btn.sm.premium-top{background:linear-gradient(180deg,#e94926,#970a0a 58%,#570606);color:#ffe5ab;border:1px solid #e7b45b;box-shadow:inset 0 1px 0 #ffd9977a,0 4px 12px #0006;text-shadow:0 1px 2px #490700}
@media(max-width:650px){.btn.big.premium-download{width:min(96%,540px);min-height:0;font-size:0}.sticky.premium-sticky .premium-download{width:100%;padding:0!important;min-height:0}.sticky.premium-sticky{padding:9px 9px calc(9px + env(safe-area-inset-bottom))}}

/* Emerald/gold pill CTA – artwork-free and responsive; replaces red/gold rectangle */
.btn.premium-download{box-sizing:border-box!important;display:flex!important;align-items:center;justify-content:space-between;gap:8px;aspect-ratio:auto!important;width:min(94%,570px);height:74px!important;min-height:74px!important;padding:5px 6px 5px 8px!important;border-radius:999px!important;border:2px solid #f8d777!important;background:linear-gradient(180deg,#0d6145 0%,#06432f 45%,#03271f 100%)!important;color:#fff!important;font-size:16px!important;box-shadow:inset 0 2px 2px #f7e6a84b,inset 0 -5px 10px #001c18a8,0 5px 0 #95702f,0 12px 23px #0008!important;text-decoration:none;overflow:hidden;text-align:center}
.cta-android{width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 25%,#3ad987,#04734f 65%,#013322);border:2px solid #e8c46c;box-shadow:inset 0 2px 4px #fff7,0 2px 7px #001c16;color:transparent;font-size:0}
.cta-android::after{content:'↓';color:#ffedb3;font-size:38px;line-height:1;font-weight:900}
.cta-copy{min-width:0;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;white-space:nowrap}
.cta-copy strong{font-size:clamp(16px,3.8vw,25px);line-height:1.08;font-weight:950;letter-spacing:.025em;color:#fff;text-shadow:0 2px 4px #00160d}
.cta-copy small{font-size:clamp(10px,2.6vw,15px);font-weight:800;color:#ffdc75;letter-spacing:.018em}
.cta-arrow{height:59px;width:62px;flex:0 0 62px;display:grid;place-items:center;border-radius:99px;background:linear-gradient(155deg,#fff2b0,#ecc457 58%,#c48b26);color:#073d2f;font-size:37px;font-weight:900;box-shadow:inset 0 2px #fff9,0 0 0 1px #a87628}
.btn.premium-download:hover{filter:brightness(1.07)}
.btn.premium-download:focus-visible{outline:3px solid #fff;outline-offset:4px;border-radius:999px!important}
.btn.sm.premium-top{border-radius:999px;background:linear-gradient(160deg,#166c4c,#05392c);border:1px solid #e0c067;color:#fff1ba}
.sticky.premium-sticky .premium-download{height:64px!important;min-height:64px!important}
.sticky.premium-sticky .cta-android{height:48px;width:48px;flex-basis:48px}
.sticky.premium-sticky .cta-arrow{height:49px;width:54px;flex-basis:54px}
@media(max-width:650px){.btn.premium-download{height:68px!important;min-height:68px!important;padding:5px!important;gap:3px}.cta-android{width:49px;height:49px;flex-basis:49px}.cta-android::after{font-size:32px}.cta-arrow{height:51px;width:51px;flex-basis:51px;font-size:30px}.cta-copy strong{font-size:clamp(14px,4.3vw,20px)}.cta-copy small{font-size:clamp(9px,2.7vw,12px)}.sticky.premium-sticky .premium-download{height:60px!important;min-height:60px!important}}
@media(max-width:350px){.cta-android{width:42px;height:42px;flex-basis:42px}.cta-arrow{width:43px;height:45px;flex-basis:43px}.cta-copy strong{font-size:14px}.cta-copy small{font-size:9px}}

/* Welcome offer modal: mobile-first and accessible */
.welcome-overlay[hidden]{display:none!important}
.welcome-overlay{position:fixed;inset:0;z-index:9999;background:rgba(4,4,9,.82);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:12px;overflow-y:auto}
.welcome-modal{position:relative;width:min(100%,440px);max-height:calc(100dvh - 24px);overflow-y:auto;border:1.5px solid #d99544;border-radius:26px;background:linear-gradient(155deg,#3b1013 0%,#1c0b13 63%,#0a1420 100%);box-shadow:0 24px 70px #000b,0 0 0 1px #ffcd5b28;color:#fff;text-align:center;outline:none}
.welcome-close{position:absolute;top:12px;right:12px;z-index:2;width:42px;height:42px;border:1px solid #ffffff78;border-radius:50%;background:#181922ba;color:#fff;font:34px/1 Arial;cursor:pointer}
.welcome-art{height:clamp(155px,31dvh,260px);overflow:hidden;background:#330e18}.welcome-art img{width:100%;height:100%;display:block;object-fit:cover;object-position:center center}
.welcome-content{padding:12px 22px 18px}.welcome-kicker{font-size:clamp(10px,2.8vw,13px);font-weight:800;letter-spacing:1.5px;color:#ffe2a3}.welcome-content h2{margin:5px 0;font-size:clamp(32px,9vw,50px);line-height:1.05;color:#ffce5b;text-shadow:0 2px 14px #f58b284b}.welcome-content h2 span{display:block;margin-top:5px;font-size:clamp(16px,4.5vw,23px);letter-spacing:1px;color:#fff}.welcome-content>p#welcomeDesc{font-size:clamp(13px,3.5vw,17px);line-height:1.35;margin:11px auto 14px;max-width:340px}.welcome-benefits{display:flex;justify-content:space-around;gap:6px;padding:12px 5px;border-top:1px solid #b7754544;border-bottom:1px solid #b7754544;margin-bottom:15px}.welcome-benefits span{font-size:clamp(10px,2.7vw,13px);color:#f4d4ab}.welcome-cta{width:100%;min-height:62px;border:2px solid #ffd76b;border-radius:50px;background:linear-gradient(110deg,#fb1054,#ed2b3a 46%,#ff8c2b);color:white;font-size:clamp(16px,4.5vw,21px);font-weight:900;box-shadow:0 7px 18px #ff3b3859,inset 0 2px 2px #ffffff65;cursor:pointer}.welcome-terms{font-size:11px!important;color:#e2cbbd;margin:10px 0 2px!important}.welcome-terms a{color:#ffe0a2;text-decoration:underline}.welcome-later{border:0;background:none;color:#e2d3cf;font-size:14px;text-decoration:underline;min-height:38px;cursor:pointer}
body.welcome-open{overflow:hidden}@media(max-height:650px){.welcome-overlay{align-items:flex-start}.welcome-art{height:135px}.welcome-content{padding-top:8px}.welcome-benefits{padding:7px 2px;margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){.welcome-modal *{animation:none!important;transition:none!important}}

/* Mobile popup and page refinements – 2026-10-10 */
html,body{max-width:100%;overflow-x:clip}
.welcome-overlay{
  padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));
  overscroll-behavior:contain;
}
.welcome-modal{
  flex:0 1 auto;max-width:430px;width:100%;
  max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  scrollbar-width:thin;overscroll-behavior:contain;
  border-radius:22px;
}
.welcome-art{height:auto!important;aspect-ratio:933/524;overflow:hidden;background:#210a0d}
.welcome-art img{height:100%;width:100%;object-fit:contain;object-position:center;vertical-align:middle}
.welcome-content{padding:10px clamp(12px,4vw,22px) 13px}
.welcome-close{position:absolute;top:9px;right:9px;width:42px;height:42px;display:grid;place-items:center;font-size:28px;line-height:1;background:#111a23d9;border:1px solid #ffe3a5a3;box-shadow:0 2px 10px #0008}
.welcome-content h2{font-size:clamp(29px,9vw,45px);margin:4px 0 5px}
.welcome-content h2 span{font-size:clamp(14px,4vw,19px)}
.welcome-content>p#welcomeDesc{font-size:clamp(12px,3.5vw,15px);margin:8px auto 9px}
.welcome-benefits{margin:9px 0 11px;padding:9px 2px;gap:4px;flex-wrap:wrap}
.welcome-benefits span{font-size:clamp(9px,2.45vw,12px)}
.welcome-cta{min-height:54px;font-size:clamp(15px,4.5vw,19px)}
.welcome-terms{margin:9px 0 0!important;line-height:1.45}
.welcome-later{min-height:40px}
@media(max-width:430px){
 .welcome-overlay{padding-left:10px;padding-right:10px}
 .welcome-modal{width:100%;border-radius:18px}
 .hero .reward{font-size:clamp(52px,15vw,76px)}
 .brand{min-width:0}.brand strong{font-size:clamp(13px,4vw,17px)}
 .game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .game{min-width:0}.game-body b{overflow-wrap:anywhere;text-align:center}
 .section{min-width:0}
}
@media(max-width:350px){
 .welcome-content{padding:8px 11px 11px}
 .welcome-kicker{font-size:9px;letter-spacing:.6px}
 .welcome-benefits{gap:4px}.welcome-benefits span{font-size:9px}
 .welcome-cta{min-height:49px}
 .hero .reward{font-size:49px}
}
@media(max-height:720px){
 .welcome-overlay{align-items:flex-start}
 .welcome-content{padding-top:7px;padding-bottom:7px}
 .welcome-benefits{margin:6px 0 8px;padding:6px 2px}
 .welcome-later{min-height:34px}
}
@supports not (height:100dvh){.welcome-modal{max-height:calc(100vh - 24px)}}

/* QA hardening: popup accessibility, fluid sizing, and touch behavior */
.welcome-overlay{box-sizing:border-box;overscroll-behavior:contain;z-index:1000}
.welcome-modal{min-width:0;max-width:min(430px,100%);overflow-x:hidden;scrollbar-gutter:stable;box-shadow:0 20px 55px rgba(0,0,0,.75)}
.welcome-art{width:100%;aspect-ratio:933/524;background:#260b12}
.welcome-art img{display:block;width:100%;height:100%;object-fit:contain}
.welcome-close{position:sticky;float:right;top:8px;right:8px;margin:8px 8px -52px 0;z-index:5;flex-shrink:0}
.welcome-content{clear:both}
.welcome-cta{display:block;line-height:1.25;padding:12px 10px;white-space:normal;overflow-wrap:anywhere;touch-action:manipulation}
.welcome-terms a,.welcome-later{display:inline-flex;align-items:center;justify-content:center;min-height:42px}
.welcome-overlay [role=dialog] :focus-visible{outline:3px solid #ffe29b;outline-offset:3px}
.game-grid>*{min-width:0}.game img{height:auto}.game-body b{line-height:1.35;text-wrap:balance}
@media(max-width:350px){.welcome-modal{border-radius:15px}.welcome-overlay{padding:8px}.welcome-content h2{font-size:30px}.welcome-art{aspect-ratio:933/485}.welcome-cta{font-size:15px}.welcome-benefits span{font-size:10px}}
@media(max-height:620px){.welcome-overlay{align-items:flex-start}.welcome-modal{max-height:calc(100dvh - 16px)}.welcome-content{padding-block:8px}.welcome-benefits{margin:5px 0;padding:5px 0}}
