@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+Arabic:wght@400;600;700;800&family=Noto+Sans+Devanagari:wght@400;600;700;800&display=swap');
body{font-family:'Manrope',system-ui,sans-serif}h1,h2,h3,.closing a{font-family:'Manrope',system-ui,sans-serif;font-weight:800}h1{font-size:clamp(40px,4vw,58px);line-height:1.19;letter-spacing:-2px}h2{line-height:1.2}.hero-copy{min-width:0;padding-inline:8px}.hero .lead{font-size:14px}.hero{grid-template-columns:minmax(220px,1fr) minmax(470px,1.5fr) minmax(220px,1fr)}.section-head h2{font-size:38px}.section-head h2 br{display:block}.section-head h2 span{margin-inline-start:0}.nav{gap:20px;position:relative;z-index:10}.nav nav{margin-inline-start:auto;gap:28px}.brand{direction:ltr}.language-switch{position:relative;font-size:11px;font-weight:700;flex-shrink:0}.language-switch summary{display:flex;align-items:center;gap:7px;list-style:none;cursor:pointer;border:1px solid #d9e4dc;border-radius:25px;padding:11px 13px;background:white;user-select:none}.language-switch summary::-webkit-details-marker{display:none}.language-switch summary:focus-visible{outline:3px solid #2abd6c;outline-offset:4px}.language-switch[open] summary{background:#f0faf4}.language-menu{position:absolute;inset-inline-end:0;top:calc(100% + 10px);width:350px;display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:14px;border:1px solid #e0e9e3;background:white;border-radius:18px;box-shadow:0 15px 45px #243b341c;max-height:70vh;overflow:auto;z-index:50}.language-menu a{font-family:system-ui,sans-serif;font-size:12px;font-weight:500;padding:11px 12px;border-radius:9px}.language-menu a:hover,.language-menu a[aria-current]{background:#edf8f1;color:#168349}.game-sticker{font-size:13px;line-height:1.35}.button,.nav-play{line-height:1.5}.hero-scene{direction:ltr}.phone-caption{font-size:7px;text-align:center;padding-inline:8px;width:100%}.phone-title{font-family:'Nunito',system-ui,sans-serif}.puzzle-card #count{direction:ltr;unicode-bidi:isolate}.game-top{flex-wrap:wrap}.concept{padding-inline:15px;line-height:1.5}.studio h2{font-size:44px}.closing a{font-size:34px}.game-info h3{letter-spacing:-1.6px}.game-info>p{line-height:1.9}.play-copy .demo-note{line-height:1.8}
:lang(ur) body,:lang(ur) h1,:lang(ur) h2,:lang(ur) h3,:lang(ur) .closing a{font-family:'Noto Sans Arabic',system-ui,sans-serif;letter-spacing:0;line-height:1.7}:lang(ur) .eyebrow,:lang(hi) .eyebrow{letter-spacing:0}:lang(hi) body,:lang(hi) h1,:lang(hi) h2,:lang(hi) h3,:lang(hi) .closing a{font-family:'Noto Sans Devanagari',system-ui,sans-serif;letter-spacing:0;line-height:1.5}:lang(ja) h1,:lang(zh-Hans) h1,:lang(ko) h1{letter-spacing:-.5px;line-height:1.4}:lang(ja) body,:lang(zh-Hans) body,:lang(ko) body{font-family:'Manrope',system-ui,sans-serif}:lang(ja) .eyebrow,:lang(zh-Hans) .eyebrow,:lang(ko) .eyebrow{letter-spacing:1px}:lang(ur) .phone-caption{line-height:1.4}:lang(ur) .play-copy ol{padding-right:20px;padding-left:0}:lang(ur) .studio-text>img{margin-right:0}:lang(ur) .game-info h3{direction:ltr;justify-content:flex-end}:lang(ur) .hero{direction:ltr}:lang(ur) .game-actions .button span{display:inline-block}
@media(max-width:1050px){.hero{grid-template-columns:1fr 1.8fr 1fr}.hero-copy h1{font-size:44px}.nav nav{gap:18px}.nav{gap:15px}.studio h2{font-size:39px}}
@media(max-width:700px){.nav{gap:8px;flex-wrap:wrap}.nav nav{gap:12px}.nav-play{display:none}.language-switch summary{padding:9px 10px;font-size:10px;gap:5px}.language-switch summary svg{width:14px;height:14px}.language-menu{width:min(350px,calc(100vw - 36px));padding:10px}.language-menu a{font-size:12px;padding:10px}.hero{grid-template-columns:1fr 1fr;padding-top:32px}.hero-copy h1{font-size:clamp(34px,9vw,47px);letter-spacing:-1.5px}.hero-copy .lead{font-size:13px}.section-head h2{font-size:29px}.studio h2{font-size:35px}.play-copy h2{font-size:33px}.closing a{font-size:25px}.button{font-size:11px}.game-info h3{font-size:33px}.eyebrow{font-size:9px;letter-spacing:1.2px}.jelly-title-star{font-size:35px}.brand{font-size:18px}.brand img{width:48px}.brand-small{font-size:6px}:lang(ur) .hero-copy h1{font-size:37px}:lang(hi) .hero-copy h1{font-size:37px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
/* Trim transparent canvas margins in layout while retaining the image's native ratio. */
.wordmark-frame{position:relative;display:block;flex-shrink:0;width:190px;aspect-ratio:1976/300;overflow:hidden;direction:ltr}
.brand .brand-wordmark,.hero-wordmark .brand-wordmark,footer .brand .brand-wordmark{position:absolute;max-width:none;width:109.919%;height:auto;aspect-ratio:auto;inset:auto;top:-73.333%;left:-5.061%;object-fit:contain}
.hero-wordmark{display:flex;justify-content:center;margin:0 0 28px}.hero-wordmark .wordmark-frame{width:245px}
.nav .brand{gap:4px}.nav .brand>img{width:66px;height:auto}footer .wordmark-frame{width:160px}footer .brand{gap:4px}
@media(max-width:1050px){.nav .wordmark-frame{width:165px}.nav .brand>img{width:58px}}
@media(max-width:700px){.nav .wordmark-frame{width:135px}.nav .brand>img{width:46px}.hero-wordmark .wordmark-frame{width:210px}.hero-wordmark{margin-bottom:25px}footer .wordmark-frame{width:145px}}
@media(max-width:370px){.nav .wordmark-frame{width:125px}.nav .brand>img{width:42px}.nav nav{order:3;width:100%;justify-content:center;margin:0}.language-switch{margin-inline-start:auto}}
.games .section-head .section-eyebrow,.studio .section-head .section-eyebrow{display:flex;justify-content:center;align-items:center;text-align:center;margin:0 0 20px;font-size:11px;font-weight:800;line-height:1.7;letter-spacing:1.8px;text-transform:uppercase;color:#6f8176;max-width:none}
.studio-layout>.section-head{margin:0;text-align:center}
@media(max-width:700px){.games .section-head .section-eyebrow,.studio .section-head .section-eyebrow{font-size:10px;letter-spacing:1.2px;margin-bottom:20px}}
:lang(ur) .section-head .section-eyebrow,:lang(hi) .section-head .section-eyebrow{letter-spacing:0}