:root{font-family:ui-rounded,"Nunito",system-ui,-apple-system,"Segoe UI",sans-serif;color:#16224b;background:#fffcf7;font-synthesis:none;--ink:#17224a;--sub:#64708c;--sky:#1496ff;--cyan:#27c1ed;--lemon:#ffcf34;--coral:#ff7753;--pink:#f45b95;--line:#e7e8f0}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;min-width:300px;overflow-x:hidden}a{color:inherit;text-decoration:none}button,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}::selection{background:#b7eefd;color:#142657}.container{width:min(1176px,calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;z-index:40;top:-110px;left:12px;background:#fff;padding:12px 20px}.skip-link:focus{top:12px}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #3385ff;outline-offset:4px}
.top-ribbon{height:35px;background:linear-gradient(90deg,#ffdd68,#ffe58b 45%,#ffdb68);display:flex;align-items:center;justify-content:center;gap:17px;color:#8c551e;font-size:10px;font-weight:1000;letter-spacing:2.3px}.ribbon-spark{font-size:16px;color:#ff952c}
.site-header{background:rgba(255,253,248,.94);border-bottom:1px solid #f3eae0;position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.header-inner{height:90px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:8px;min-width:195px;flex:none}.brand-symbol{position:relative;width:54px;height:55px;display:grid;place-items:center}.brand-device{display:grid;place-items:center;width:36px;height:49px;border-radius:10px;background:linear-gradient(145deg,#81efff,#0398f0);transform:rotate(-13deg);border:4px solid #1d3567;color:white;box-shadow:2px 4px 0 #ffc72b;font-size:15px}.brand-controller{position:absolute;right:-3px;bottom:2px;font-size:25px;filter:drop-shadow(0 2px 0 white)}.brand-star{position:absolute;right:-5px;top:-6px;color:#ffa800;font-size:22px}.brand-type{display:flex;flex-direction:column;line-height:1.08}.brand-title{font-weight:1000;font-size:25px;letter-spacing:-1.9px;white-space:nowrap;text-shadow:.6px .6px 0 #254581}.brand-title b{color:#ffa91a}.brand-title strong{color:#17b0ee}.brand-title i{font-size:18px;font-style:normal;color:#263c70;letter-spacing:-1px}.brand-subtitle{font-size:8px;font-weight:1000;letter-spacing:2px;color:#62728e;margin-top:6px}.desktop-nav{display:flex;gap:32px;align-items:center;margin-left:auto;margin-right:auto}.desktop-nav a{font-size:13px;font-weight:900;color:#354265;white-space:nowrap;transition:color .2s}.desktop-nav a:hover,.footer-links a:hover{color:#008dcf}.header-actions{display:flex;align-items:center;gap:15px}.language-control{display:flex;gap:5px;align-items:center;font-size:17px;background:#f3f8fb;border:1px solid #dfecf8;border-radius:13px;padding:10px 10px}.language-control select{background:transparent;border:0;max-width:102px;font-size:12px;font-weight:800;color:#31405f;outline:none}.header-play{background:#1fafd7;border:2px solid #148bad;border-radius:14px;box-shadow:0 4px 0 #126e9b;color:white;padding:11px 18px;font-size:13px;font-weight:1000;display:flex;align-items:center;gap:9px;white-space:nowrap;transition:transform .15s,box-shadow .15s}.header-play:hover,.cta-primary:hover,.game-link:hover{transform:translateY(-2px);box-shadow:0 6px 0 #126e9b}
.hero{position:relative;overflow:clip;display:grid;grid-template-columns:1fr 1.02fr;min-height:580px;align-items:center;gap:8px;padding-top:44px;padding-bottom:43px;isolation:isolate}.hero-glow{position:absolute;pointer-events:none;border-radius:50%;z-index:-2}.hero-glow-one{height:540px;width:540px;right:-125px;top:-30px;background:radial-gradient(circle,#ccefff 10%,#e8f8ff 57%,transparent 70%)}.hero-glow-two{height:420px;width:420px;left:-220px;bottom:-130px;background:radial-gradient(circle,#fff2d3 20%,transparent 70%)}.hero-content{padding:18px 0 22px;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:#fff0da;color:#b66a24;border-radius:99px;font-size:11px;font-weight:1000;letter-spacing:1.65px;padding:10px 15px;margin-bottom:23px}.eyebrow-dot{height:8px;width:8px;border-radius:50%;background:#f8a82c;box-shadow:0 0 0 4px #ffddae}.hero h1{font-size:clamp(56px,5.6vw,80px);letter-spacing:-3.7px;line-height:1.14;margin:0 0 24px;font-weight:1000;max-width:600px}.hero h1>span{display:block}.hero h1 .highlight{color:#ffad1f;text-shadow:2px 3px 0 #f7d2a3;white-space:nowrap}.hero-description{font-size:17px;line-height:1.88;color:#636d86;max-width:495px;margin:0 0 30px}.hero-cta{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.cta-primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(180deg,#ffaf3a,#fb851e);border:2px solid #ed8116;border-radius:17px;box-shadow:0 5px 0 #d76912;color:white;font-size:15px;font-weight:1000;padding:17px 20px;min-width:211px;transition:transform .15s,box-shadow .15s}.cta-primary>span:first-child{display:grid;place-items:center;background:rgba(255,255,255,.22);width:25px;height:25px;border-radius:50%;font-size:12px}.cta-arrow{margin-left:auto}.cta-secondary{color:#285783;font-weight:1000;display:flex;gap:13px;align-items:center;font-size:14px}.cta-secondary:hover{text-decoration:underline}.hero-proof{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:33px;font-size:12px;font-weight:850;color:#777e92}.hero-proof>span{display:flex;align-items:center;gap:6px}.hero-proof i{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#e6fae5;color:#22a660;font-size:11px;font-style:normal;font-weight:1000}
.hero-art{height:530px;position:relative;display:flex;align-items:center;justify-content:center;overflow:visible}.art-burst{position:absolute;z-index:-1;width:450px;height:450px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#cbecff,#a9e7fa 65%,#bde8fd);border:10px solid rgba(255,255,255,.63);box-shadow:0 30px 90px #b2e3f78a}.art-burst-1{right:25px;top:30px;transform:rotate(8deg)}.art-burst-2{width:325px;height:325px;right:-40px;bottom:-10px;background:radial-gradient(circle,#ffdfba,#ffb773);opacity:.45}.art-star{position:absolute;color:#ffbd30;text-shadow:2px 3px 0 #e89735;z-index:2}.art-star.a{top:48px;left:20px;font-size:56px}.art-star.b{right:30px;top:78px;font-size:49px}.art-star.c{left:5px;bottom:85px;font-size:25px}.hero-phone{height:442px;width:255px;background:linear-gradient(160deg,#23345f,#101939);border:8px solid #243462;border-radius:47px;padding:14px;transform:rotate(11deg);box-shadow:11px 18px 0 #bad9e4,25px 34px 45px #5b8cc84f;position:relative;z-index:1}.phone-camera{width:63px;height:12px;border-radius:0 0 12px 12px;background:#172a56;position:absolute;top:6px;left:calc(50% - 31px);z-index:3}.phone-screen{height:100%;background:linear-gradient(180deg,#fff4ce,#ffeeb6 46%,#ffe0d9);border-radius:28px;position:relative;display:flex;flex-direction:column;align-items:center;overflow:hidden;padding:29px 8px 20px}.screen-header{width:100%;display:flex;justify-content:space-between;font-size:9px;font-weight:1000;color:#b67124;letter-spacing:1px}.screen-hearts{color:#ff5c7b;letter-spacing:3px;font-size:14px}.screen-lanterns{position:absolute;top:64px;left:0;right:0;display:flex;justify-content:space-around;font-size:28px}.screen-lanterns span:nth-child(2){transform:translateY(13px)}.screen-mascot{font-size:126px;line-height:1;filter:drop-shadow(3px 10px 0 #efad7d);transform:rotate(-8deg);margin-top:78px;position:relative}.mascot-cheeks{position:absolute;font-size:30px;color:#ffd126;right:0;top:0}.screen-food-row{display:flex;gap:11px;background:#ffffffcc;border:2px solid #ffc769;border-radius:23px;padding:9px 13px;font-size:30px;margin-top:24px;box-shadow:0 6px 0 #ffcc86}.screen-game-label{background:#f79137;color:white;border-radius:30px;padding:9px 12px;font-size:11px;font-weight:1000;letter-spacing:.9px;margin-top:auto;white-space:nowrap}.hero-sticker{position:absolute;z-index:2;background:white;border:4px solid #fff;padding:11px 15px;box-shadow:0 7px 0 #253f73,0 14px 30px #4a6d8c36;color:#25396c;font-weight:1000;display:flex;align-items:center;gap:8px}.sticker-top{right:5px;top:80px;border-radius:19px;transform:rotate(12deg);font-size:13px}.sticker-top span:first-child{font-size:24px}.sticker-bottom{left:5px;bottom:86px;border-radius:20px;transform:rotate(-10deg)}.sticker-flame{font-size:36px}.sticker-bottom span:last-child{display:flex;flex-direction:column;font-size:15px;gap:3px}.sticker-bottom small{font-size:12px;color:#ff8a26}
.benefits-section{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:-5px;margin-bottom:86px}.benefit{background:#fff;border:1px solid #f0ebeb;border-radius:19px;box-shadow:0 8px 27px #263d7110;min-height:111px;display:flex;align-items:center;gap:17px;padding:21px}.benefit-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:17px;font-size:24px;flex:none}.benefit-icon.coral{background:#fff0d8}.benefit-icon.sky{background:#e0f4ff}.benefit-icon.lemon{background:#fff8d4}.benefit div{display:flex;flex-direction:column;gap:6px}.benefit b{font-size:15px}.benefit div span{font-size:12px;color:var(--sub);line-height:1.5}
.games-section{margin-bottom:110px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:32px;gap:25px}.section-overline{font-size:11px;letter-spacing:2.6px;font-weight:1000;color:#f4a12a}.section-heading h2,.how-heading h2,.community-copy h2{font-size:clamp(34px,3.3vw,49px);font-weight:1000;letter-spacing:-1.5px;line-height:1.22;margin:12px 0 10px}.blue{color:#14a8dc}.section-heading p,.how-heading p,.community-copy p{font-size:15px;color:var(--sub);line-height:1.8;margin:8px 0}.collection-stamp{color:#e0a53a;font-weight:1000;letter-spacing:3px;border:2px dashed #ffd98b;border-radius:25px;transform:rotate(-8deg);padding:12px 17px;white-space:nowrap}
.games-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:19px}.game-card{background:white;border:1px solid #eae9ef;border-radius:23px;overflow:hidden;box-shadow:0 9px 30px #1b2c5413;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.game-card:hover{transform:translateY(-4px);box-shadow:0 17px 42px #22385e1b}.game-visual{height:218px;position:relative;overflow:hidden;display:grid;place-items:center}.game-card.featured .game-visual{height:248px}.game-visual.night-market{background:radial-gradient(circle at 50% 20%,#ffee95,#ffd886 50%,#fec4a6)}.night-market-canopy{position:absolute;top:-9px;left:0;right:0;display:flex;justify-content:space-around;font-size:43px;filter:drop-shadow(0 3px 0 #eebc7f)}.game-illustration{position:relative;width:100%;height:100%}.night-shop{font-size:100px;position:absolute;bottom:26px;left:calc(50% - 52px);filter:drop-shadow(0 11px 0 #f3ba84)}.float-food{position:absolute;font-size:46px;filter:drop-shadow(0 8px 0 #ffffff80)}.float-food.f1{top:30%;left:14%;transform:rotate(-10deg)}.float-food.f2{top:22%;right:18%;transform:rotate(13deg)}.float-food.f3{bottom:20%;right:10%;transform:rotate(9deg)}.float-food.f4{bottom:24%;left:17%;transform:rotate(-9deg)}.status-label{position:absolute;left:15px;bottom:16px;font-size:10px;font-weight:1000;letter-spacing:1.1px;border-radius:100px;padding:9px 12px}.status-label.live{display:flex;align-items:center;gap:7px;color:#1a974f;background:#e8ffed}.pulse-dot{background:#31cd6d;width:7px;height:7px;border-radius:50%;box-shadow:0 0 0 4px #cbf7d8}.status-label.soon{color:#7f7482;background:#ffffffeb}.fruit-pop{background:linear-gradient(145deg,#ffdbe2,#ffaec5)}.fruit-confetti{position:absolute;top:31px;font-size:30px;color:#ffffffd9;letter-spacing:36px}.fruit-group{display:grid;grid-template-columns:repeat(2,1fr);gap:0 18px;font-size:63px;transform:rotate(-9deg);filter:drop-shadow(2px 9px 1px #d86c9560)}.fruit-group span:nth-child(2){transform:rotate(13deg)}.fruit-group span:nth-child(3){transform:rotate(-9deg)}.quiz-card{background:linear-gradient(145deg,#c9e3ff,#9dc8f9)}.quiz-cloud{position:absolute;color:white;font-size:70px;opacity:.8}.quiz-cloud.a{top:5px;left:17px}.quiz-cloud.b{bottom:15px;right:24px}.quiz-world{font-size:100px;filter:drop-shadow(5px 8px 0 #7da5d6)}.quiz-question{position:absolute;top:26px;right:47px;font-size:49px;font-weight:1000;color:#fd9c59;transform:rotate(10deg)}.game-details{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1}.game-meta{display:flex;justify-content:space-between;align-items:center;gap:6px}.game-category{color:#f29c2b;font-size:10px;font-weight:1000;letter-spacing:1.6px}.game-time{font-size:10px;font-weight:1000;color:#858b9b}.game-details h3{font-size:23px;letter-spacing:-.7px;margin:14px 0 11px;line-height:1.2}.game-details h3 span{font-size:20px}.game-details p{font-size:12px;line-height:1.8;color:#69758b;margin:0 0 22px}.game-bottom{display:flex;align-items:end;justify-content:space-between;gap:9px;margin-top:auto}.game-tags{display:flex;gap:7px;flex-wrap:wrap}.game-tags span{display:inline-block;padding:7px 10px;border-radius:7px;background:#f0f6fc;color:#60849f;font-size:10px;font-weight:850}.game-link{background:#1daed9;color:white;padding:12px 15px;border-radius:12px;font-size:12px;font-weight:1000;white-space:nowrap;box-shadow:0 4px 0 #1688a7;transition:transform .15s}.coming-label{color:#9ca3af;font-size:11px;font-weight:900;white-space:nowrap}
.how-section{background:linear-gradient(160deg,#e4f6ff,#f3faff);border-top:1px solid #d8f1fe;border-bottom:1px solid #d8f1fe;padding:75px 0}.how-layout{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.how-heading h2{max-width:480px}.how-heading p{max-width:420px}.text-action{display:inline-flex;align-items:center;gap:8px;margin-top:26px;border-bottom:2px solid #41b0d9;color:#178cb5;font-size:14px;font-weight:1000;padding-bottom:5px}.how-steps{display:flex;flex-direction:column;gap:14px}.step{display:flex;align-items:center;gap:19px;min-height:110px;padding:21px 23px;border:1px solid #dfeef6;border-radius:17px;background:#ffffffd9;box-shadow:0 5px 10px #24738a08}.step-no{font-size:22px;font-weight:1000;color:#8cd0e7}.step>div{flex:1}.step h3{font-size:16px;margin:0 0 8px;letter-spacing:-.25px}.step p{margin:0;color:var(--sub);line-height:1.5;font-size:12px}.step>span:last-child{font-size:33px}
.community-section{padding-top:85px;padding-bottom:58px}.community-card{border-radius:27px;min-height:295px;background:linear-gradient(125deg,#22345e,#2a5385);color:white;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;padding:50px 64px;gap:30px}.community-card:before,.community-card:after{content:"";position:absolute;width:300px;height:300px;border:2px dashed #ffffff22;border-radius:50%;right:1%;top:-26%}.community-card:after{width:470px;height:470px;right:-9%;top:-47%}.community-copy{max-width:650px;position:relative;z-index:1}.community-copy .section-overline{color:#fccc50}.community-copy h2{font-size:40px;margin:13px 0}.community-copy p{color:#cbdaed;max-width:560px;font-size:14px}.roadmap-status{display:inline-flex;align-items:center;gap:8px;color:#ffdb79;font-weight:1000;font-size:10px;letter-spacing:1.5px;margin-top:18px}.trophy-scene{flex:none;font-size:105px;position:relative;z-index:1;transform:rotate(9deg);filter:drop-shadow(8px 12px 0 #152955)}.spark{position:absolute;color:#ffcb49;font-size:40px}.spark.s1{top:-9px;left:-43px}.spark.s2{bottom:-8px;right:-25px}
.safety-note{display:flex;gap:15px;align-items:center;background:#fff9e6;border:1px solid #ffe5a2;border-radius:14px;padding:16px 20px;margin-bottom:70px}.safety-icon{flex:none;font-size:22px}.safety-note p{color:#977d42;font-size:12px;line-height:1.6;margin:0}
.footer{background:#fff5e8;border-top:1px solid #fae5d1;padding-top:44px}.footer-main{display:flex;justify-content:space-between;gap:30px;padding-bottom:36px}.footer-logo{display:flex;gap:9px;align-items:center;color:#273d62;font-size:23px}.footer-logo b{font-weight:1000;letter-spacing:-1px}.footer-brand p{font-size:12px;color:#7e8291;margin:11px 0}.footer-links{display:flex;gap:27px;align-items:center;font-size:12px;font-weight:900;color:#516077}.footer-bottom{border-top:1px solid #efdcc7;padding:20px 0;display:flex;justify-content:space-between;color:#98918c;font-size:11px;gap:15px}
@media(max-width:1120px){.hero h1{font-size:65px}.desktop-nav{gap:18px}.brand{min-width:auto}.header-play{padding:10px 14px}.hero-phone{transform:rotate(7deg)}.games-grid{grid-template-columns:1.2fr 1fr 1fr}.game-bottom{flex-wrap:wrap}}
@media(max-width:880px){.desktop-nav{display:none}.hero{grid-template-columns:1fr 1fr;min-height:500px}.hero h1{font-size:52px;letter-spacing:-2.4px}.hero-description{font-size:14px}.hero-art{height:435px}.art-burst-1{width:345px;height:345px;right:-18px}.hero-phone{height:355px;width:215px;border-radius:36px}.screen-mascot{font-size:99px;margin-top:54px}.screen-lanterns{font-size:21px}.screen-food-row{font-size:22px}.sticker-top{right:-12px;top:54px}.sticker-bottom{bottom:58px}.benefits-section{gap:10px}.benefit{padding:12px;gap:10px}.benefit-icon{width:42px;height:42px;font-size:20px}.games-grid{grid-template-columns:repeat(2,1fr)}.game-card.featured{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr}.game-card.featured .game-visual{height:auto;min-height:280px}.game-card.featured .game-details{padding:28px}.how-layout{gap:30px}}
@media(max-width:620px){.container{width:min(100% - 30px,540px)}.header-inner{height:74px;gap:10px}.brand-symbol{width:38px;height:44px}.brand-device{width:28px;height:36px;border-width:3px;border-radius:8px}.brand-controller{font-size:18px}.brand-star{font-size:16px}.brand-title{font-size:21px;letter-spacing:-1.6px}.brand-title i{font-size:14px}.brand-subtitle{font-size:7px;letter-spacing:1px}.language-control{padding:7px;gap:2px}.language-control select{font-size:11px;max-width:74px}.header-play{display:none}.hero{display:flex;flex-direction:column;padding-top:44px;padding-bottom:32px;min-height:unset;align-items:stretch;gap:8px}.hero-content{order:0;padding:0}.hero h1{font-size:clamp(43px,9.2vw,62px);letter-spacing:-2.5px;max-width:100%}.hero-description{font-size:14px;line-height:1.75;margin-bottom:24px}.hero-cta{gap:17px}.cta-primary{min-width:190px;padding:14px 16px}.hero-proof{margin-top:28px;gap:11px;font-size:11px}.eyebrow{margin-bottom:18px;font-size:10px}.hero-art{order:1;height:340px;overflow:hidden}.art-burst-1{height:310px;width:310px;top:26px;right:calc(50% - 164px)}.hero-phone{height:290px;width:175px;border-width:6px;padding:10px;border-radius:30px;box-shadow:6px 10px 0 #b9dce8,12px 18px 27px #5b8cc84f;transform:rotate(9deg)}.phone-screen{padding-top:22px;border-radius:19px}.screen-header{font-size:7px}.screen-hearts{font-size:9px}.screen-lanterns{font-size:15px;top:53px}.screen-mascot{font-size:78px;margin-top:48px}.screen-food-row{font-size:21px;gap:5px;padding:4px 9px;border-radius:13px;margin-top:10px}.screen-game-label{font-size:8px;padding:7px}.sticker-top{font-size:10px;right:5%;top:27px}.sticker-top span:first-child{font-size:17px}.sticker-bottom{left:0;bottom:36px;padding:6px 12px}.sticker-bottom span:last-child{font-size:10px}.sticker-bottom small{font-size:9px}.sticker-flame{font-size:22px}.art-star.a{top:36px;font-size:34px}.art-star.b{right:9%;top:50px;font-size:35px}.benefits-section{grid-template-columns:1fr;gap:11px;margin-bottom:65px}.benefit{min-height:75px;padding:11px 15px}.benefit-icon{width:46px;height:46px}.section-heading{margin-bottom:25px}.section-heading h2,.how-heading h2{font-size:35px}.section-heading p{font-size:13px}.collection-stamp{display:none}.games-grid{grid-template-columns:1fr;gap:18px}.game-card.featured{grid-column:span 1;display:flex}.game-card.featured .game-visual{height:230px;min-height:0}.game-details{padding:20px}.games-section{margin-bottom:64px}.how-section{padding:57px 0}.how-layout{grid-template-columns:1fr;gap:29px}.step{min-height:90px;padding:16px}.community-section{padding-top:65px;padding-bottom:37px}.community-card{padding:30px 25px;min-height:unset}.community-copy h2{font-size:31px}.community-copy p{font-size:12px}.trophy-scene{display:none}.safety-note{margin-bottom:55px}.footer-main{flex-direction:column;gap:15px}.footer-links{gap:20px}.footer-bottom{flex-direction:column;gap:7px}.top-ribbon{font-size:8px;letter-spacing:1.2px;gap:9px;height:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Official brand lockup — visually identical to user-approved 2026-10-22 PNG. */
.brand-official-img { display:block; width:min(270px,100%); max-height:86px; object-fit:contain; }
.footer-logo img { display:block; max-width:230px; height:auto; }
.brand { flex-shrink:0; }
@media(max-width:880px) {.brand-official-img{width:216px;max-height:70px}}
@media(max-width:620px) {.brand-official-img{width:174px;max-height:60px}.brand{min-width:0;max-width:190px}}
@media(max-width:350px) {.brand-official-img{width:161px}.header-actions{gap:3px}}