@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@500;600;700;800;900&display=swap');
:root{--ink:#211343;--pink:#ee2784;--lime:#e5ff54}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);font:17px/1.6 'DM Sans',sans-serif;background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}p{margin:0 0 24px}h1,h2,h3{font-family:Outfit,sans-serif;line-height:1;letter-spacing:-.04em;margin:0;font-weight:800}h1{font-size:clamp(64px,7.3vw,112px)}h2{font-size:clamp(40px,4.5vw,68px)}h3{font-size:32px}em{font-style:normal}figure{margin:0}.wrap{width:min(1240px,88%);margin:auto}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.8px;margin-bottom:22px}.button{display:inline-flex;align-items:center;justify-content:center;padding:17px 25px;border-radius:100px;background:var(--ink);color:#fff;font-size:15px;font-weight:700;box-shadow:0 4px 0 #00000020;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 7px 0 #00000020}.button.lime{background:var(--lime);color:var(--ink)}.button.white{background:#fff;color:var(--ink)}.button.small{padding:11px 22px}header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px 5%;min-height:106px}.logo{width:148px}nav{display:flex;gap:36px;font-size:15px;font-weight:700}nav a:hover{text-decoration:underline;text-underline-offset:5px}.hero{position:relative;background:#6234d2;color:white;min-height:750px;overflow:hidden;padding:90px 6% 95px;display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:20px}.hero-heading{position:relative;z-index:2;max-width:660px}.hero .eyebrow{color:#e6dcff}.hero h1 em{color:var(--lime)}.hero-heading>p:not(.eyebrow){font-size:21px;margin:28px 0}.hero-posters{position:relative;min-width:0;height:540px;margin-top:-30px}.poster{position:absolute;width:100%;border:8px solid #fff;border-radius:24px;box-shadow:0 25px 45px #22104655;overflow:hidden;color:var(--ink);max-width:560px}.poster-snake{background:#ffc24c;transform:rotate(-8deg);top:0;right:15px;z-index:1}.poster-merge{background:#ee78c7;transform:rotate(7deg);top:265px;right:-25px;z-index:2}.poster img{width:100%;height:225px;object-fit:contain;padding:15px}.poster figcaption{background:white;display:flex;justify-content:space-between;gap:12px;padding:10px 14px;font:700 22px Outfit,sans-serif}.poster small{font:700 12px 'DM Sans',sans-serif;align-self:center}.hero-partner{position:absolute;bottom:30px;left:6%;right:6%;border-top:1px solid #ffffff40;padding-top:20px;font-size:14px;display:flex;gap:18px}.ribbon{background:var(--lime);padding:20px 0;display:flex;justify-content:space-around;gap:35px;overflow:hidden;white-space:nowrap;font:800 23px Outfit,sans-serif}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;padding:88px 0 55px}.section-heading h2 em{color:var(--pink)}.section-heading>p{max-width:340px;margin:0;font-size:18px}.game-stage{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:center;min-height:580px;padding:70px 6% 100px}.snake{background:#ffba32}.merge{background:#ed66b5}.stage-copy{z-index:2}.stage-copy h3{font-size:clamp(48px,5.6vw,85px);margin:23px 0}.stage-copy p{font-size:22px;line-height:1.4}.gameplay{position:relative;z-index:1;width:100%;aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;border-radius:22px;background:#ffffff2b;box-shadow:0 15px 0 #21134312;border:2px solid #ffffff75;overflow:hidden}.gameplay img,.gameplay video{width:94%;max-height:90%;object-fit:contain;padding:15px;filter:drop-shadow(0 10px 10px #00000015)}.gameplay figcaption{position:absolute;bottom:9px;right:16px;font-size:12px}.stage-word{position:absolute;bottom:-20px;left:5%;font:900 clamp(100px,16vw,235px)/1 Outfit,sans-serif;color:#ffffff23;z-index:-1;white-space:nowrap;letter-spacing:-.05em}.also{padding:38px 0 45px}.also .eyebrow{margin-bottom:15px}.also>div{display:flex;align-items:center;justify-content:space-between;gap:24px}.also h3 span{color:var(--pink);padding:0 16px}.also a,.offerings a{font-size:15px;font-weight:700;text-decoration:underline;text-underline-offset:5px}.funplay{background:#40c9e8;overflow:hidden}.funplay-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center;padding-top:75px;padding-bottom:70px}.funplay-art{height:540px}.funplay-art img{width:100%;height:100%;object-fit:contain;transform:rotate(-8deg);filter:drop-shadow(15px 20px 0 #0f628a24)}.funplay-logo{width:190px;margin-bottom:30px}.funplay h2{margin-bottom:25px;font-size:clamp(40px,4.5vw,64px)}.funplay h2 em{color:#fff;text-shadow:0 3px #0a73972b}.funplay-copy>p{max-width:460px;font-size:20px}.funplay-copy .partner-note{font-size:14px;margin:28px 0 0;max-width:440px}.partners{padding-top:100px;padding-bottom:85px;display:grid;grid-template-columns:1.25fr .75fr;gap:50px 65px}.partner-intro h2{font-size:clamp(38px,4vw,60px);margin-bottom:28px}.partner-intro h2 em{color:#6234d2}.partner-intro>p:last-child{max-width:580px;color:#5c526d}.proof{background:var(--lime);padding:38px;align-self:center;transform:rotate(3deg);border-radius:14px}.proof strong{font:800 clamp(75px,8vw,115px)/1.2 Outfit,sans-serif;letter-spacing:-6px;display:block;margin-top:15px}.proof strong span{color:#6234d2}.proof>p{font-size:18px;margin:0}.platforms{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px 0;border-top:1px solid #ddd7e5;border-bottom:1px solid #ddd7e5}.platforms p{font-size:12px;letter-spacing:1.2px;margin:0}.platforms>span{font:700 25px/1.2 Outfit,sans-serif}.platforms small{display:block;font:400 13px 'DM Sans',sans-serif;margin-top:5px}.offerings{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:70px}.offerings h3{font-size:29px;margin:20px 0}.offerings p{font-size:16px;color:#5c526d;max-width:520px}.production{grid-column:1/-1;border-top:1px solid #ddd7e5;padding-top:32px;display:flex;justify-content:space-between;gap:45px}.production h3{font-size:26px;min-width:240px}.production p{font-size:16px;max-width:640px;color:#5c526d;margin:0}.contact{background:#6234d2;color:white;text-align:center;padding:80px 0 90px}.contact h2{font-size:clamp(55px,7vw,100px);margin-bottom:35px}.contact h2 em{color:var(--lime)}footer{padding:32px 0;display:flex;align-items:center;justify-content:space-between;gap:25px}footer p,footer>span{font-size:13px;margin:0}.skip{position:absolute;left:15px;top:-100px;z-index:20}.skip:focus{top:10px;background:#fff;padding:16px}a:focus-visible{outline:3px solid #138bc4;outline-offset:6px}@media(max-width:1000px){.hero{min-height:700px;padding-top:65px}.hero-posters{margin-top:15px}.poster img{height:180px}.poster-merge{top:240px}.game-stage{min-height:490px}.gameplay{aspect-ratio:4/3}.funplay-inner{gap:35px}.funplay-art{height:460px}.partners{gap:40px}.offerings{gap:40px}}@media(max-width:700px){header{padding:17px 5%;min-height:84px}.logo{width:120px}nav{display:none}.button.small{font-size:14px}.hero{display:block;padding:48px 6% 85px;min-height:auto}.hero-heading{text-align:center}.hero h1{font-size:68px}.hero-heading>p:not(.eyebrow){font-size:18px}.hero-posters{height:485px;margin-top:45px}.poster{width:88%;max-width:450px}.poster-snake{right:8%}.poster-merge{right:0;top:235px}.poster img{height:185px}.hero-partner{font-size:12px;justify-content:center;gap:10px}.ribbon{justify-content:flex-start;font-size:19px}.section-heading{display:block;padding:58px 0 35px}.section-heading h2{font-size:44px}.section-heading>p{margin-top:22px;font-size:17px}.game-stage{grid-template-columns:1fr;gap:30px;padding:40px 6% 65px;min-height:0}.stage-copy h3{font-size:54px;margin:15px 0}.stage-copy p{font-size:19px}.gameplay{aspect-ratio:16/11}.gameplay img{padding:5px}.stage-word{bottom:-9px;font-size:105px}.also>div{display:block}.also h3{font-size:28px;margin-bottom:20px}.also h3 span{padding:0 6px}.funplay-inner{display:flex;flex-direction:column-reverse;gap:30px;padding:50px 0}.funplay-art{height:370px;width:100%}.funplay-logo{width:150px}.funplay h2{font-size:42px}.funplay-copy>p{font-size:18px}.partners{grid-template-columns:1fr;padding:60px 0;gap:35px}.partner-intro h2{font-size:42px}.proof{max-width:400px;width:95%;justify-self:center;padding:28px;transform:rotate(2deg)}.proof strong{font-size:100px}.platforms{flex-wrap:wrap;justify-content:flex-start;gap:25px 35px}.platforms p{width:100%}.platforms>span{font-size:22px}.offerings{grid-template-columns:1fr;gap:35px}.production{display:block}.production h3{margin-bottom:20px}.contact{padding:60px 0}.contact h2{font-size:62px}.contact .button{font-size:14px}footer{flex-wrap:wrap}footer>span{width:100%;font-size:12px}.hero .eyebrow{letter-spacing:1px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* October 2026: flagship games, artwork collage and partner branding. */
.eyebrow{font-size:14px;letter-spacing:1.4px}
.hero{align-items:center;min-height:750px;padding-top:65px;padding-bottom:110px}
.hero-mix{height:555px;position:relative;min-width:0;isolation:isolate}
.art-fragment{display:block;position:absolute;overflow:hidden;width:49%;aspect-ratio:1/1.08;border-radius:24%;filter:drop-shadow(0 15px 16px #20103a40);transition:transform .2s}
.art-fragment img{width:auto;max-width:none;height:115%;position:absolute;left:-2%;top:-10%}
.art-animo{left:0;top:0;transform:rotate(-10deg);z-index:2;background:#ffce32}
.art-lucky{right:-1%;top:19%;transform:rotate(9deg);z-index:3;background:#e4f7ce}
.art-pet{left:0;bottom:1%;width:40%;transform:rotate(-5deg);background:#74d2ef}
.art-snake{right:12%;bottom:-5%;width:36%;transform:rotate(12deg);background:#ffc334;z-index:4}
.art-fragment:hover{transform:rotate(0) translateY(-5px)}
.hero-partner{font-size:14px}
.animo{background:#ffe25a}.lucky{background:#9ee6b4}
.stage-copy h3{overflow-wrap:anywhere}.stage-copy .eyebrow{display:block}
.mahjong{padding-top:48px;padding-bottom:48px;display:grid;grid-template-columns:1.5fr .5fr;gap:30px;align-items:center}
.mahjong h3{font-size:clamp(30px,3.2vw,46px);margin-bottom:20px}.mahjong p{max-width:640px}
.mahjong>img{max-height:260px;margin:auto;object-fit:contain}
.proof-brands{display:flex;align-items:center;justify-content:space-between;gap:14px}
.proof-brands img{width:40%;height:44px;object-fit:contain}.proof-brands span{font-size:26px}
.platforms{gap:24px;flex-wrap:wrap}.platforms p{font-size:14px}
.platform-brand{display:flex;align-items:center;gap:10px}.platform-brand>img{width:44px;height:44px;object-fit:contain}.platform-brand>span{font:700 21px/1.2 Outfit,sans-serif}.platform-brand small{font-size:14px}.platform-brand.wordmark>img{width:120px;height:42px}
@media(min-width:701px) and (max-width:1050px){.hero-mix{height:470px}.hero h1{font-size:clamp(60px,8vw,90px)}.art-pet{bottom:12%}.art-snake{bottom:8%}.proof{padding:25px}.proof-brands{gap:8px}}
@media(max-width:700px){.hero{padding-top:44px;padding-bottom:95px}.hero h1{font-size:clamp(50px,12vw,68px)}.hero-mix{height:auto;aspect-ratio:1/1.12;width:min(100%,450px);margin:35px auto 15px}.art-animo{left:3%;width:48%}.art-lucky{right:1%;top:21%;width:46%}.art-pet{bottom:7%;left:1%;width:39%}.art-snake{right:12%;bottom:0;width:35%}.hero-partner{flex-wrap:wrap;text-align:center;gap:2px 8px}.ribbon{font-size:18px;gap:24px}.mahjong{grid-template-columns:1fr;padding-top:40px;padding-bottom:40px}.mahjong>img{max-height:250px}.platforms{display:grid;grid-template-columns:1fr 1fr;gap:28px 18px}.platforms p{grid-column:1/-1}.platform-brand>span{font-size:18px}.platform-brand>img{width:34px;height:34px}.platform-brand.wordmark>img{width:115px}.stage-copy h3{font-size:clamp(42px,11vw,60px)}.proof-brands img{height:42px}}

/* Original game artwork supplied October 2026. */
.character-world{height:570px;margin-top:-15px;overflow:visible}
.world-piece{position:absolute;display:block;filter:drop-shadow(0 18px 12px #21134335);transition:transform .22s ease}
.world-piece img{width:100%;height:100%;object-fit:contain}
.world-tiles{width:44%;height:45%;left:-4%;top:3%;transform:rotate(-12deg);z-index:2}
.world-fox{width:29%;height:30%;right:3%;top:0;transform:rotate(12deg);z-index:3}
.world-lucky{width:42%;height:40%;left:-4%;bottom:3%;transform:rotate(-8deg);z-index:4}
.world-snake{width:78%;height:74%;left:20%;top:17%;transform:rotate(4deg);z-index:1}
.world-cat{width:29%;height:29%;right:-3%;bottom:0;transform:rotate(10deg);z-index:5}
.world-piece:hover{transform:translateY(-9px) rotate(0)}
.game-stage{grid-template-columns:.78fr 1.22fr;min-height:620px;padding-top:64px;padding-bottom:82px;gap:45px}
.stage-copy .game-title{margin:24px 0 28px;max-width:390px;height:140px;display:flex;align-items:center}
.game-title img{width:auto;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 7px 0 #21134312)}
.merge .game-title,.snake .game-title{height:165px;max-width:310px}
.gameplay.art-scene{aspect-ratio:1.28;max-height:540px;background:#ffffff35;border:0;border-radius:38px;box-shadow:0 18px 35px #2113431a;overflow:hidden;isolation:isolate;display:block}
.gameplay.art-scene>img{position:absolute;padding:0;max-height:none;filter:drop-shadow(0 12px 9px #21134330);object-fit:contain}
.art-scene .scene-back{height:79%;left:24%;top:10%;transform:rotate(-10deg);z-index:2}
.art-scene .scene-front{height:88%;right:9%;top:5%;transform:rotate(9deg);z-index:3}
.art-scene .scene-mascot{width:34%;height:42%;left:0;bottom:5%;z-index:4;transform:rotate(-7deg)}
.art-scene .scene-extra{width:21%;height:26%;left:1%;top:4%;z-index:1;transform:rotate(-8deg)}
.gameplay.art-scene figcaption{bottom:0;right:0;left:0;padding:9px 16px;background:#ffffffed;text-align:center;font-size:13px;z-index:6}
.gameplay.animo-scene{background:#c8ec83 url('/reviewed-assets/art/animo-bg.webp') center/cover}
.gameplay.lucky-scene{background:#b3df8e url('/reviewed-assets/art/lucky-bg.webp') center/cover}
.lucky-scene .scene-mascot{width:44%;height:45%;left:-1%;bottom:3%}
.gameplay.snake-scene{background:linear-gradient(155deg,#80d9ff,#d3f4ed 65%,#b8d966)}
.snake-scene .scene-mascot{width:53%;height:63%;left:-9%;bottom:0}
.snake-scene .scene-extra{width:36%;height:50%;left:-6%;top:-5%}
.gameplay.pet-scene{background:radial-gradient(ellipse at 35% 30%,#fff0fc,#efc5f4 60%,#bd8be1)}
.pet-scene .scene-mascot{width:39%;height:47%;left:-3%;bottom:0}
.pet-scene .scene-extra{width:20%;height:24%;left:2%;top:5%}
.mahjong{border-bottom:1px solid #eee6f5}.mahjong>img{filter:drop-shadow(0 12px 10px #21134320)}
@media(min-width:701px) and (max-width:1050px){.character-world{height:480px}.game-stage{gap:22px;padding-left:5%;padding-right:5%;min-height:520px}.stage-copy .game-title{height:105px}.merge .game-title,.snake .game-title{height:135px}.gameplay.art-scene{aspect-ratio:1.08}.world-cat{right:0}}
@media(max-width:700px){.character-world{height:auto;aspect-ratio:1/1.03;width:min(100%,470px);margin:28px auto 25px}.world-tiles{left:1%;top:1%;width:42%}.world-fox{right:3%}.world-lucky{left:0;bottom:1%;width:43%}.world-cat{right:0;bottom:0}.world-snake{left:21%;width:76%}.game-stage{grid-template-columns:1fr;gap:20px;padding:38px 6% 58px;min-height:0}.stage-copy .game-title{height:90px;max-width:300px;margin:15px 0 20px}.merge .game-title,.snake .game-title{height:115px;max-width:235px}.gameplay.art-scene{aspect-ratio:1.16;border-radius:24px;max-height:none}.stage-copy p{margin-bottom:22px}.gameplay.art-scene figcaption{font-size:12px;padding:7px 10px}.stage-word{font-size:90px}}
.gameplay.art-scene>img.scene-back,.gameplay.art-scene>img.scene-front{width:auto}

/* Compact deck-inspired game compositions and consistent platform labels. */
.gameplay.art-scene{aspect-ratio:1.42}
.gameplay.art-scene>img.scene-back{left:43%;right:auto;top:12%;height:78%;transform:rotate(-4deg);z-index:2}
.gameplay.art-scene>img.scene-front{left:62%;right:auto;top:6%;height:86%;transform:rotate(3deg);z-index:3}
.art-scene .scene-mascot{left:1%;bottom:9%;width:38%;height:56%;transform:rotate(-5deg)}
.art-scene .scene-extra{left:4%;top:7%;width:23%;height:29%;transform:rotate(-6deg)}
.lucky-scene .scene-mascot{left:0;bottom:13%;width:43%;height:66%}
.snake-scene .scene-mascot{left:-3%;bottom:8%;width:49%;height:73%}
.snake-scene .scene-extra{left:-3%;top:0;width:30%;height:43%}
.pet-scene .scene-mascot{left:0;bottom:6%;width:42%;height:65%}
.pet-scene .scene-extra{left:8%;top:5%;width:20%;height:25%}
.platform-brand .brand-icon{display:block;flex:none;width:44px;height:44px;overflow:hidden}
.platform-brand .brand-icon img{height:100%;width:auto;max-width:none;display:block}
.platform-brand>span:not(.brand-icon){font:700 21px/1.2 Outfit,sans-serif}
.platform-brand small{font:400 14px/1.4 'DM Sans',sans-serif;margin-top:5px}
@media(max-width:700px){.gameplay.art-scene{aspect-ratio:1.32}.platform-brand .brand-icon{width:34px;height:34px}.platform-brand>span:not(.brand-icon){font-size:18px}}

/* Logo bounds, original-resolution artwork and centered ribbon. */
.funplay-logo{width:210px;height:auto}
.proof-brands img{width:43%;height:48px;object-fit:contain}
.platform-brand .brand-icon img{width:100%;height:100%;max-width:100%;object-fit:contain}
.ribbon{justify-content:center;text-align:center;white-space:normal;padding:20px 5%;gap:0}
.ribbon span{display:block;max-width:100%;line-height:1.45}
@media(max-width:700px){.ribbon{font-size:clamp(14px,3.8vw,19px);padding:18px 4%}.funplay-logo{width:180px}.proof-brands img{height:42px}}

/* Four game worlds: flagships in front, supporting games behind. */
.game-fan{position:relative;isolation:isolate;width:100%;height:550px;margin:0 auto;max-width:640px}
.fan-card{position:absolute;display:block;border:3px solid #ffffff90;border-radius:30px;box-shadow:0 15px 25px #23114338;transition:translate .2s,box-shadow .2s;overflow:visible}
.fan-card:hover,.fan-card:focus-visible{translate:0 -8px;box-shadow:0 23px 30px #23114345}
.fan-card .fan-logo{position:absolute;object-fit:contain;left:9%;top:8%;width:82%;height:25%;filter:drop-shadow(0 3px 0 #21134316);z-index:2}
.fan-card .fan-art{position:absolute;object-fit:contain;left:5%;bottom:-5%;width:90%;height:72%;filter:drop-shadow(0 10px 8px #21134324);z-index:1}
.fan-animo{left:-1%;top:43%;width:53%;height:53%;background:linear-gradient(145deg,#ffed79,#ffbd39);transform:rotate(-6deg);z-index:3}
.fan-lucky{right:-1%;top:45%;width:53%;height:53%;background:linear-gradient(145deg,#d9ffbb,#79ddaa);transform:rotate(7deg);z-index:4}
.fan-pet{left:4%;top:0;width:44%;height:46%;background:linear-gradient(145deg,#ffcae7,#eb7abf);transform:rotate(-10deg);z-index:1}
.fan-snake{right:3%;top:3%;width:44%;height:46%;background:linear-gradient(145deg,#90e5ff,#36b7e8);transform:rotate(10deg);z-index:2}
.fan-pet .fan-logo,.fan-snake .fan-logo{height:31%;top:5%}
.fan-pet .fan-art{width:74%;left:13%;height:67%;bottom:-6%}
.fan-snake .fan-art{width:108%;left:-4%;height:79%;bottom:-10%}
@media(min-width:701px) and (max-width:1050px){.game-fan{height:470px}.fan-card{border-radius:23px}}
@media(max-width:700px){.game-fan{height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 15px;max-width:450px;margin:38px auto 30px;padding:0 3px}.fan-card{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:.9;border-radius:20px;border-width:2px;transform:rotate(-3deg)}.fan-lucky,.fan-snake{transform:rotate(3deg)}.fan-pet,.fan-snake{width:93%;justify-self:center;aspect-ratio:1}.fan-card .fan-logo{top:7%;height:24%}.fan-pet .fan-logo,.fan-snake .fan-logo{height:31%;top:4%}}

footer .social-link{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;border-radius:8px;transition:transform .2s}footer .social-link:hover{transform:translateY(-2px)}footer .social-link img{width:30px;height:30px}

footer nav{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:13px}
