:root{--paper:#f8f6ef;--ink:#24251f;--yellow:#f7e64b;--purple:#b9a0e3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,'Microsoft YaHei',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #7751bc;outline-offset:6px}header{max-width:1440px;margin:auto;padding:30px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:23px;letter-spacing:-1px}.brand-icon{background:var(--yellow);font-size:30px;letter-spacing:-4px;width:47px;height:47px;border:2px solid var(--ink);border-radius:15px;display:flex;align-items:center;justify-content:center;padding-right:5px;transform:rotate(-8deg)}.brand-icon span{transform:translateY(3px)}.brand-fun{font-weight:400}.brand small{display:block;font-size:7px;letter-spacing:1.4px;margin-top:5px}nav{display:flex;gap:37px;font-size:13px;font-weight:600}nav a:hover,.text-link:hover{color:#7653b1}#language{background:transparent;border:1px solid #b9b9af;border-radius:24px;padding:10px 17px;cursor:pointer;font-size:12px}#language span{margin-left:12px}.hero{max-width:1440px;margin:auto;padding:66px 6% 84px;display:grid;grid-template-columns:1.05fr 1fr;min-height:630px;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;margin:0 0 30px;display:flex;align-items:center;gap:9px}.eyebrow>span{height:7px;width:7px;border-radius:50%;background:#7c9860}h1{font-size:clamp(60px,6.7vw,98px);line-height:1.01;letter-spacing:-6px;margin:0 0 27px;font-weight:800}em{font-style:normal;position:relative;z-index:0}h1 em:after{content:'';position:absolute;bottom:4px;left:0;right:-8px;height:23px;background:var(--yellow);z-index:-1;transform:rotate(-5deg)}.intro{font-size:15px;line-height:1.8;color:#68695f;margin-bottom:30px}.button{display:inline-flex;padding:18px 24px;border-radius:8px;font-size:14px;gap:44px;font-weight:600}.dark{color:white;background:var(--ink)}.button:hover{background:#574574}.hero-note{display:flex;gap:10px;align-items:center;font-size:11px;margin-top:30px;color:#6b6c60}.mini-star{font-size:24px;color:#8d70bc}.hero-art{position:relative;min-height:455px}.orbit{position:absolute;inset:5% 0 5% 5%;border:1px solid #dddacf;border-radius:50%;transform:rotate(-35deg)}.orbit-two{inset:18% -7% 17% -8%;transform:rotate(30deg)}.game-tile{position:absolute;background:white;padding:12px 12px 0;border-radius:27px;box-shadow:0 15px 30px #3c312516;width:220px;border:1px solid #e3ded2}.game-tile img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:18px;display:block}.game-tile>span{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:bold;padding:15px 5px}.tile-emoji{left:7%;top:2%;transform:rotate(-12deg);z-index:2}.tile-diff{right:-1%;top:27%;transform:rotate(11deg);z-index:3}.play-sticker{position:absolute;bottom:3%;left:10%;background:var(--yellow);padding:21px;border:1px solid var(--ink);border-radius:50%;width:151px;height:151px;transform:rotate(-13deg);font-size:13px;text-align:center;font-weight:bold;line-height:1.3;z-index:4}.play-sticker strong{font-size:26px}.play-sticker span{display:block;font-size:35px;line-height:1}.spark{position:absolute;line-height:1}.spark-one{right:6%;top:-6%;font-size:90px;color:#a38acb;transform:rotate(12deg)}.spark-two{left:0;bottom:29%;font-size:65px;color:#fa8b6a}.small-label{position:absolute;right:5%;bottom:-3%;font-size:9px;letter-spacing:1.3px;transform:rotate(-4deg)}.ticker{display:flex;align-items:center;justify-content:space-around;gap:35px;white-space:nowrap;overflow:hidden;border-block:1px solid var(--ink);background:var(--yellow);padding:20px;font-weight:800;font-size:17px;letter-spacing:1px}.ticker i{font-style:normal;font-size:26px}.section{padding:90px 6%;max-width:1440px;margin:auto}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}h2{font-size:clamp(38px,4.2vw,61px);line-height:1.08;letter-spacing:-2.8px;margin:0}.section-head>p{font-size:14px;line-height:1.9;color:#6b6c60;max-width:300px;margin-right:5%}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px}.game-visual{height:370px;display:flex;position:relative;border-radius:16px;overflow:hidden;align-items:flex-end;justify-content:center}.differences{background:#dce7d3}.emoji{background:#e3d8f4}.pill{position:absolute;top:23px;left:23px;font-size:9px;letter-spacing:1.2px;background:#ffffffaa;padding:9px 12px;border-radius:20px;z-index:2}.game-visual>img{height:320px;width:auto;max-width:76%;object-fit:cover;object-position:top;transform:rotate(-8deg) translateY(27px);border:7px solid white;border-radius:22px;box-shadow:0 10px 30px #25231b20;transition:transform .3s}.emoji>img{transform:rotate(8deg) translateY(27px)}.game-visual:hover>img{transform:rotate(0deg) translateY(15px)}.card-arrow{position:absolute;bottom:21px;right:21px;width:43px;height:43px;background:white;border-radius:50%;display:grid;place-items:center;font-size:24px}.game-info{display:flex;align-items:center;justify-content:space-between;margin-top:25px}.genre{font-size:9px;letter-spacing:1.5px;color:#727566}h3{font-size:27px;letter-spacing:-.8px;line-height:1.15;margin:11px 0 0}.game-info img{width:56px;height:56px;border-radius:13px}.game-card>p{font-size:14px;line-height:1.8;color:#6b6c60;max-width:410px;min-height:51px}.text-link{display:flex;border-bottom:1px solid #cccbbf;padding:15px 0;font-size:12px;font-weight:bold;justify-content:space-between}.text-link span{font-size:20px}.store-row{display:flex;align-items:center;justify-content:space-between;margin-top:42px;font-size:12px;gap:20px}.store-row>div{display:flex;gap:22px}.store-row a{border-bottom:1px solid #a8aa9d;padding-bottom:7px}.about{display:grid;grid-template-columns:1fr 1fr;gap:9%;border-top:1px solid #d8d8cb}.about-art{background:#e8e5db;min-height:420px;border-radius:160px 160px 14px 14px;position:relative;display:grid;place-items:center}.smile{height:240px;width:240px;background:var(--yellow);border:2px solid var(--ink);border-radius:50%;font-weight:bold;font-size:68px;letter-spacing:28px;text-align:center;padding-left:28px;padding-top:35px;transform:rotate(-12deg);box-shadow:12px 15px 0 #24251f}.smile span{display:block;letter-spacing:0;font-size:120px;line-height:.45;margin-left:-28px}.about-star{position:absolute;right:3%;top:9%;font-size:110px;color:#ae93d8}.about-caption{font-size:10px;letter-spacing:2px;position:absolute;bottom:22px;left:25px;line-height:1.5}.about-copy{padding-top:20px}.about-copy>p:not(.eyebrow){font-size:14px;color:#68695f;line-height:1.9;max-width:430px;margin-top:25px}.location{border-top:1px solid #d1d2c7;padding-top:20px;margin-top:25px;font-size:9px;letter-spacing:1px}.location span{margin-right:10px;font-size:20px}.contact{background:var(--purple);max-width:none;padding-inline:max(6%,calc((100vw - 1267px)/2));border-block:1px solid var(--ink)}.contact-top{display:flex;justify-content:space-between;align-items:center}.contact h2{font-size:clamp(45px,5.8vw,80px)}.contact h2 em{font-family:Georgia,serif;font-style:italic}.round-link{height:100px;width:100px;border-radius:50%;background:var(--ink);color:white;display:grid;place-items:center;font-size:45px}.round-link:hover{transform:rotate(45deg)}.contact-details{display:flex;gap:15%;border-top:1px solid #25251f50;margin-top:40px;padding-top:27px}.contact-details span{font-size:9px;letter-spacing:1.4px;display:block;margin-bottom:15px}.contact-details a{font-size:19px}.contact-details p{font-size:13px;line-height:1.7;margin:0}footer{max-width:1440px;margin:auto;padding:48px 6% 25px}.footer-top{display:flex;justify-content:space-between;align-items:start;gap:30px}.footer-brand{gap:0;font-size:30px}.footer-brand>span:last-child{font-size:44px;margin-left:12px;color:#9271bc;line-height:.8}.footer-top strong{font-size:11px}.footer-top p{font-size:11px;line-height:1.9;color:#6d7064}.footer-top>a:last-child{font-size:13px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #d8d8cd;margin-top:30px;padding-top:22px;font-size:9px;color:#737568}@media(min-width:1500px){.hero-art{max-width:560px}}@media(max-width:850px){header{padding:23px 5%}nav{gap:18px}.hero{padding:50px 5%;min-height:auto}h1{font-size:64px;letter-spacing:-4px}.hero-art{transform:scale(.8);transform-origin:center center;margin-left:-30px;margin-right:-25px}.game-tile{width:190px}.intro br{display:none}.section{padding:65px 5%}.game-visual{height:310px}.game-visual>img{height:270px}.about{gap:6%}.about-art{min-height:370px}.smile{width:190px;height:190px;padding-top:22px;font-size:55px}.smile span{font-size:100px}.store-row{align-items:start}.store-row>div{flex-direction:column;gap:12px}.contact{padding-inline:5%}}@media(max-width:600px){header{flex-wrap:wrap;padding:20px 6%;gap:22px}.brand{font-size:19px}.brand-icon{height:39px;width:39px;font-size:26px}nav{order:3;width:100%;justify-content:space-between;border-top:1px solid #ddd;padding-top:17px;font-size:12px}.hero{grid-template-columns:1fr;padding:38px 6% 35px}.hero h1{font-size:65px;letter-spacing:-4px}.eyebrow{font-size:8px;margin-bottom:23px}.intro{font-size:14px}.hero-art{height:390px;min-height:390px;transform:none;margin:35px 0 0}.game-tile{width:47%;max-width:190px}.tile-emoji{left:5%;top:5%}.tile-diff{right:0;top:30%}.play-sticker{height:120px;width:120px;padding:17px;font-size:10px;left:6%;bottom:1%}.play-sticker strong{font-size:21px}.play-sticker span{font-size:29px}.spark-one{font-size:72px;top:0}.spark-two{font-size:50px}.small-label{font-size:7px;bottom:0}.hero-note{margin-top:23px}.ticker{font-size:12px;padding:13px;gap:25px}.ticker i{font-size:20px}.section{padding:52px 6%}.section-head{display:block}.section-head>p{margin-top:24px;font-size:13px}.section-head>p br{display:none}h2{font-size:40px;letter-spacing:-2px}.game-grid{grid-template-columns:1fr;gap:37px}.game-visual{height:340px}.game-visual>img{height:300px}.game-card>p{min-height:0}.store-row{flex-direction:column;gap:20px}.about{grid-template-columns:1fr;gap:30px}.about-art{min-height:320px}.about-copy{padding:0}.about-star{right:10%;top:6%;font-size:85px}.contact-top{gap:15px}.contact h2{font-size:44px}.round-link{width:62px;height:62px;flex-shrink:0;font-size:30px}.contact-details{flex-direction:column;gap:28px}.contact-details a{font-size:17px}.footer-top{flex-wrap:wrap}.footer-brand{width:100%}.footer-bottom{flex-wrap:wrap;gap:20px;line-height:1.5}.footer-bottom span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

@media(max-width:600px){.hero h1{font-size:clamp(45px,12.7vw,65px);letter-spacing:-2.6px}header{column-gap:10px}header .brand{font-size:17px}header .brand small{font-size:6px;letter-spacing:1px}#language{padding:9px 12px}#language span{margin-left:5px}}

.more-games{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:42px}.more-games>a{display:flex;align-items:center;gap:13px;border:1px solid #d8d8ca;padding:17px;border-radius:13px}.more-games img{width:53px;height:53px;border-radius:12px}.more-games span{font-size:14px;font-weight:bold;flex:1}.more-games small{display:block;font-size:10px;color:#6b6c60;margin-top:7px;font-weight:normal}.more-games a:hover{background:#efeade}@media(max-width:850px){.more-games{grid-template-columns:1fr}.more-games>a{padding:13px}}

select#language{max-width:140px;color:var(--ink);font:inherit;font-size:12px;background:var(--paper)}
html:is([lang=fr],[lang=es],[lang=ja]) h1{font-size:clamp(42px,5.4vw,77px);letter-spacing:-3px;overflow-wrap:break-word}
html[lang=ja] h1,html[lang=zh-CN] h1{line-height:1.2;letter-spacing:-2px}
.play-sticker{overflow-wrap:break-word}.contact-details a{overflow-wrap:anywhere}
@media(max-width:850px){header nav{gap:16px}html:is([lang=fr],[lang=es]) .hero{grid-template-columns:1fr}.hero-copy{min-width:0}}
@media(max-width:600px){html:is([lang=fr],[lang=es],[lang=ja]) h1{font-size:clamp(37px,10.5vw,56px);letter-spacing:-1.8px}html:is([lang=fr],[lang=es],[lang=ja]) .contact h2{font-size:34px;letter-spacing:-1.5px}.contact-top h2{min-width:0;overflow-wrap:break-word}header nav{font-size:11px;gap:8px}select#language{max-width:106px;padding:9px}.play-sticker{font-size:8px}html[lang=fr] .brand small{letter-spacing:.3px;font-size:5.5px}}
