@font-face{font-family:'Noto Sans Arabic';font-style:normal;font-weight:400;font-display:swap;src:url(/checkout/assets/7e91b3b5a9e4d52a0f98.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;}
@font-face{font-family:'Noto Sans Arabic';font-style:normal;font-weight:700;font-display:swap;src:url(/checkout/assets/fc85091617c44a2e7e0a.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;}
@font-face{font-family:'Noto Sans Arabic';font-style:normal;font-weight:900;font-display:swap;src:url(/checkout/assets/78cdad6ac02fc0ffca69.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;}

/* YOGAME / THE SPARK — Stage 01. No framework, no old-site design. */
:root{--bg:#130b20;--surface:#1c122d;--surface-2:#231831;--text:#fff8f3;--muted:#b6a8c1;--muted-strong:#d8cbdc;--line:rgba(220,198,244,.13);--gold:#ffbd5a;--orange:#ff841d;--violet:#a88afa;--header:rgba(27,17,42,.88);--shadow:0 20px 70px rgba(0,0,0,.22);--font:'Noto Sans Arabic',-apple-system,BlinkMacSystemFont,Tahoma,Arial,sans-serif;--radius:28px;color-scheme:dark}
:root[data-theme=light]{--bg:#fff9f3;--surface:#fffefd;--surface-2:#f6eee9;--text:#2a1739;--muted:#74617a;--muted-strong:#5b4266;--line:rgba(60,26,84,.13);--gold:#bd6400;--orange:#d35902;--violet:#774cc4;--header:rgba(255,252,249,.94);--shadow:0 20px 70px rgba(76,37,66,.08);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:130px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.7;overflow-x:clip;-webkit-font-smoothing:antialiased}html[lang=en],html[lang=fr]{--font:'Inter',Arial,sans-serif}button,select,a{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button,a,select{touch-action:manipulation}button{color:inherit;cursor:pointer}button{border:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--violet);outline-offset:6px}button:disabled{cursor:default}.container{width:min(1240px,calc(100% - 112px));margin-inline:auto}.icon{width:22px;height:22px;flex:none;display:inline-block;vertical-align:middle}.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:fixed;top:-100px;left:20px;z-index:200;padding:12px 24px;background:var(--gold);color:#25122f;border-radius:12px}.skip:focus{top:12px}::selection{background:#ffb856;color:#261038}
.site-atmosphere{position:absolute;inset:0 0 auto;height:1150px;overflow:hidden;pointer-events:none;z-index:-1}.ambient{position:absolute;border-radius:50%;filter:blur(100px)}.ambient-one{width:640px;height:620px;left:-200px;top:-200px;background:rgba(92,22,158,.2)}.ambient-two{width:480px;height:620px;right:-300px;top:250px;background:rgba(123,39,157,.12)}.dot-field{position:absolute;inset:70px 0 0;background-image:radial-gradient(rgba(189,152,227,.2) .7px,transparent .7px);background-size:28px 28px;mask-image:linear-gradient(90deg,black,transparent 48%);opacity:.35}
.header-wrap{position:relative;z-index:30;padding-top:24px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:86px;background:var(--header);border:1px solid var(--line);padding:10px 16px;border-radius:23px;box-shadow:0 5px 30px #00000008}.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;direction:rtl}.brand img{width:54px;height:54px;border-radius:14px;object-fit:contain}.brand-name{font-family:'Inter',Arial,sans-serif;font-size:22px;font-weight:900;letter-spacing:.025em;line-height:1.2}.brand-caption{display:block;letter-spacing:.19em;font-size:6px;font-weight:600;margin-top:7px;color:var(--muted)}#main-nav{display:flex;align-items:center;gap:26px;font-size:13px;font-weight:600}#main-nav a{position:relative;white-space:nowrap;padding-block:14px;color:var(--muted-strong);transition:color .2s}#main-nav a:hover,#main-nav .nav-active{color:var(--gold)}#main-nav .nav-active:after{content:'';position:absolute;bottom:2px;left:50%;width:4px;height:4px;background:var(--gold);border-radius:50%;transform:translateX(-50%)}.nav-actions{display:flex;align-items:center;gap:9px}.language-label{display:flex;align-items:center;position:relative;color:var(--muted-strong);padding-inline-start:7px}.language-label>.icon{width:15px;height:15px}.language-label select{appearance:none;border:0;background:transparent;color:inherit;font-size:12px;cursor:pointer;padding:10px 7px 10px 18px;width:79px}.language-label select option{background:var(--surface);color:var(--text)}.select-chevron{position:absolute;inset-inline-end:0;pointer-events:none;width:12px!important;height:12px!important}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;background:transparent;border-radius:12px;border:1px solid transparent;transition:background .2s,border-color .2s}.icon-button:hover{background:var(--surface-2);border-color:var(--line)}.icon-button>.icon{width:19px;height:19px}.moon-icon{display:none}html[data-theme=light] .moon-icon{display:block}html[data-theme=light] .sun-icon{display:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:15px 24px;border-radius:15px;min-height:54px;line-height:1.5;font-weight:750;font-size:15px;position:relative;isolation:isolate;transition:transform .22s,box-shadow .22s,background .22s;white-space:nowrap}.button:hover{transform:translateY(-3px)}.button:active{transform:translateY(1px)}.button-gold{background:linear-gradient(120deg,#ffd47a,#ffad3b);color:#321d18;border:1px solid #ffde9580;box-shadow:0 4px 0 #a451203b,0 9px 28px #ff980814}.button-gold:hover{box-shadow:0 4px 0 #a4512050,0 12px 34px #ff980827}.button-quiet{border:1px solid var(--line);background:rgba(255,255,255,.02);color:var(--text)}.button-quiet:hover{background:var(--surface-2)}.header-cta{font-size:12px;min-height:43px;padding:12px 15px;gap:10px;border-radius:12px}.header-cta .icon{width:16px;height:16px}.menu-toggle{display:none}.directional{transform:none}html[dir=ltr] .directional{transform:rotate(180deg)}
/* Opening: editorial type opposite a fully live, layered CSS scene. */
.hero{display:grid;grid-template-columns:1fr 1.12fr;gap:6px 20px;align-items:center;position:relative;padding-top:36px;padding-bottom:29px}.hero-copy{position:relative;z-index:3;padding-top:10px;padding-inline-start:4px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:650;letter-spacing:.06em;color:var(--muted-strong);margin:0 0 24px;line-height:1.7}.tiny-pixel{display:block;width:9px;height:9px;border-radius:2px;background:var(--gold);box-shadow:0 0 20px #ffb74436;transform:rotate(-12deg);flex:none}.violet-pixel{background:var(--violet)}h1,h2,h3,p{margin-top:0}h1{position:relative;font-size:clamp(65px,6.4vw,92px);line-height:1.23;font-weight:900;letter-spacing:-.055em;margin:0 0 24px}h1>span:not(.title-spark){display:block}.gradient-text{background:linear-gradient(100deg,#ff852b 0,#ffb336 60%,#ffe2a7 100%);background-clip:text;-webkit-background-clip:text;color:transparent}html[data-theme=light] .gradient-text{background-image:linear-gradient(100deg,#d9560d,#bf700a 85%)}.title-spark{position:absolute;font-size:36px;top:96px;left:42px;color:var(--gold);font-weight:400;transform:rotate(12deg)}.hero-description{font-size:15px;line-height:2.05;max-width:480px;color:var(--muted);margin-bottom:31px}.hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.primary-cta{min-width:181px}.store-availability{margin-top:24px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.platform-pill{font-family:'Inter',Arial,sans-serif;letter-spacing:-.02em;font-size:11px;font-weight:750;border:1px solid var(--line);border-radius:6px;padding:2px 8px;color:var(--muted-strong);line-height:1.7}.android-pill{font-weight:500}.platform-separator{font-size:11px;color:var(--muted)}.availability-copy{font-size:10px;color:var(--muted);margin-inline-start:7px}.hero-signature{display:flex;gap:13px;align-items:center;margin-top:35px;color:var(--muted-strong);font-size:12px}.signature-dash{width:26px;height:1px;background:var(--gold);opacity:.65}.hero-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:22px;margin-top:-12px}.scroll-cue{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:10px}.mouse-cue{border:1px solid var(--muted);border-radius:8px;width:17px;height:25px;display:block;position:relative}.mouse-cue i{position:absolute;width:2px;height:5px;left:6.5px;top:5px;border-radius:2px;background:var(--gold);animation:scroll-mouse 2.4s ease infinite}.hero-edition{font-family:'Inter',Arial,sans-serif;color:var(--muted);font-size:8px;letter-spacing:.17em}.hero-edition i{font-style:normal;color:var(--gold);padding-inline:14px}.motion-control{display:flex;align-items:center;gap:8px;min-height:42px;padding:7px 14px;border-radius:12px;background:transparent;border:1px solid var(--line);color:var(--muted-strong);font-size:10px}.pause-mark{display:block;width:10px;height:11px;border-left:3px solid currentColor;border-right:3px solid currentColor}.motion-control[aria-pressed=true] .pause-mark{width:0;height:0;border:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor}.hero-scene{width:100%;aspect-ratio:1/1.02;position:relative;direction:ltr;min-width:0;--scene-scale:1;isolation:isolate;overflow:clip}.scene-inner{width:620px;height:632px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--scene-scale));transform-origin:center;direction:ltr}.orbit{position:absolute;border:1px solid #75509720;border-radius:50%;pointer-events:none}.orbit-outer{width:538px;height:538px;left:45px;top:34px}.orbit-inner{width:438px;height:438px;left:95px;top:84px;transform:rotate(24deg);border:1px dashed #79568f25}.orbit:before{content:'';position:absolute;width:5px;height:5px;background:#a083bf60;border-radius:50%;left:50px;top:97px}.arcade-door{position:absolute;left:156px;top:84px;width:334px;height:419px;border-radius:175px 175px 54px 54px;background:linear-gradient(140deg,#7944a0 0,#542961 24%,#552639 64%,#f7993b 100%);padding:2px;box-shadow:0 0 70px #7b278616,inset 0 0 20px #ee9f4810;transform:translate(calc(var(--px,0)*-4px),calc(var(--py,0)*-3px))}.door-inner{position:absolute;inset:2px;border-radius:inherit;background:radial-gradient(ellipse at 50% 70%,#6a3229,#351c37 49%,#29143e 100%);overflow:hidden}.door-inner:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 30px,#a86d8315 31px 32px);mask-image:linear-gradient(transparent,black)}.door-inner:after{content:'';position:absolute;inset:17px;border:1px solid #ddadcb14;border-radius:160px 160px 50px 50px}.door-text{position:absolute;top:87px;left:52px;font-family:'Inter',Arial,sans-serif;font-size:116px;font-weight:900;color:transparent;-webkit-text-stroke:1px #ffb89b1f;letter-spacing:-.065em;transform:rotate(-6deg)}.door-glow{position:absolute;inset:55% 0 0;background:radial-gradient(ellipse at 50% 100%,#ff80004d,transparent 70%);border-radius:0 0 54px 54px}.stage-floor{position:absolute;left:107px;top:305px;width:428px;height:318px;transform:perspective(850px) rotateX(61deg) rotateZ(-19deg);border:1px solid #91637e90;border-bottom:9px solid #3b204e;border-right:7px solid #542c5d;border-radius:35px;background:linear-gradient(135deg,#382344,#3c2643 48%,#6a3831);box-shadow:17px 19px 0 #1b1028,20px 24px 0 #3d244044,28px 38px 44px #0006;overflow:hidden}.floor-grid{position:absolute;inset:10px;border-radius:25px;border:1px solid #b2827033;background:linear-gradient(transparent 96%,#bf908334 96%),linear-gradient(90deg,transparent 96%,#bf908334 96%);background-size:54px 54px}.floor-grid:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,#ffbd6750,transparent 69%)}.warm-light{position:absolute;left:133px;top:327px;width:365px;height:185px;pointer-events:none;background:radial-gradient(ellipse,#ff982b25 0,#ff620615 40%,transparent 70%);filter:blur(18px);transition:opacity .3s}.actor-shadow{position:absolute;left:226px;top:431px;width:175px;height:29px;border-radius:50%;background:#35171a;filter:blur(8px);opacity:.6;animation:shadow-idle 3.8s ease-in-out infinite}.actor{padding:0;background:none;position:relative;display:block;border-radius:30%;line-height:1;z-index:5;cursor:pointer;user-select:none}.actor img{width:100%;height:100%;image-rendering:pixelated;object-fit:contain;max-width:none;pointer-events:none;transform:scaleX(var(--flip,1));filter:drop-shadow(0 12px 17px #ee70000d)}.hero-actor{position:absolute;left:116px;top:73px;width:400px;height:400px}.actor-hop,.actor-idle{display:block;width:100%;height:100%;transform-origin:50% 87%}.actor-idle{animation:actor-idle 3.8s ease-in-out infinite}.actor:hover .actor-idle{filter:brightness(1.06)}.actor:focus-visible{outline-offset:-44px}.float-element{position:absolute;animation:float 5s ease-in-out infinite}.voice-object{left:29px;top:171px;width:178px;height:111px;border:1px solid #a37abe52;background:linear-gradient(135deg,#463056,#2b193d);box-shadow:0 18px 35px #0004,inset 0 1px 0 #ecd2fc20;border-radius:20px;transform:rotate(-11deg);animation-name:float-voice;display:grid;grid-template-columns:41px 1fr;align-content:center;align-items:center;gap:8px;padding:15px;color:#e6ceff;z-index:6}.voice-object-icon{display:grid;place-items:center;width:38px;height:38px;background:#b788e42b;border-radius:12px;color:#d9bcf3}.voice-object-icon .icon{width:21px;height:21px}.voice-object>span:last-child{font-size:11px;line-height:1.8;grid-column:1/-1;text-align:center;color:#e5d5ef;white-space:nowrap;font-weight:600}.wave{display:flex;align-items:center;justify-content:center;gap:4px;height:35px;direction:ltr}.wave i{display:block;width:4px;height:calc(10px + mod(var(--i),4)*6px);height:17px;border-radius:5px;background:currentColor;animation:wave-bar 1.4s ease-in-out infinite;animation-delay:calc(var(--i)*-.16s);transform-origin:center}.wave i:nth-child(3n){height:32px}.wave i:nth-child(3n+1){height:10px}.wave i:nth-child(2n){height:23px}.fan-object{left:450px;top:134px;animation-delay:-1.5s;z-index:4}.card-fan{width:120px;height:150px;position:relative;transform:rotate(13deg)}.playing-card{position:absolute;left:0;top:0;width:89px;height:133px;border:5px solid #fae8c9;border-radius:14px;padding:7px;box-shadow:4px 5px 0 #503246,7px 14px 22px #100b2099;color:#fff5d6;font-family:Georgia,serif;text-align:left;transform-origin:50% 100%}.playing-card b{font-size:21px;line-height:1}.playing-card>span{display:block;font-size:42px;text-align:center;line-height:1.4;text-shadow:0 2px 0 #0002}.playing-card small{position:absolute;bottom:8px;width:100%;left:0;text-align:center;font-family:Arial,sans-serif;letter-spacing:2px;font-size:5px}.blue-card{background:linear-gradient(140deg,#586dd5,#241359);transform:rotate(31deg) translate(13px,-4px)}.green-card{background:linear-gradient(140deg,#21b897,#135268);transform:rotate(16deg) translate(6px,-4px)}.red-card{background:linear-gradient(150deg,#ff8071,#c4475c 60%,#943859);transform:rotate(-5deg)}.die-object{left:66px;top:398px;z-index:7;animation-delay:-2.8s}.dice-object{width:102px;height:111px;perspective:650px;direction:ltr}.cube{width:77px;height:77px;position:relative;transform-style:preserve-3d;transform:rotateX(-21deg) rotateY(-32deg) rotateZ(-14deg)}.dice-face{position:absolute;width:77px;height:77px;border-radius:14px;backface-visibility:hidden;display:block;border:1px solid #fde3b3;box-shadow:inset 2px 2px 6px #fff8,inset -2px -2px 6px #9d633328}.dice-face.front{transform:translateZ(38.5px);background:linear-gradient(135deg,#fff4d6,#f4d3a1)}.dice-face.right{transform:rotateY(90deg) translateZ(38.5px);background:linear-gradient(160deg,#eed1a8,#b98e72)}.dice-face.top{transform:rotateX(90deg) translateZ(38.5px);background:#ffedcc}.dice-face i{display:block;position:absolute;width:13px;height:13px;border-radius:50%;background:#372540;box-shadow:inset 0 2px 2px #0d041d60;border:1px solid #20102b}.dice-face i:nth-child(1){left:14px;top:14px}.dice-face i:nth-child(2){right:14px;bottom:14px}.dice-face i:nth-child(3){left:31px;top:31px}.dice-face i:nth-child(4){right:14px;top:14px}.dice-face i:nth-child(5){left:14px;bottom:14px}.tiny-sticker{position:absolute;left:43px;top:509px;display:flex;align-items:center;gap:12px;transform:rotate(-10deg);font-size:12px;font-weight:700;color:#28182f;background:#ead9b5;box-shadow:3px 4px 0 #4f365d;padding:7px 14px;border-radius:8px;z-index:8}.sticker-pip{width:6px;height:6px;border-radius:2px;background:#b9844b}.mascot-greeting{position:absolute;left:373px;top:336px;max-width:212px;min-width:158px;border:1px solid #ffe3c350;border-radius:16px 16px 16px 3px;background:linear-gradient(130deg,#ffeed5,#f7d6a1);padding:13px 17px;box-shadow:0 9px 20px #170e2660;transform:rotate(7deg);z-index:6;text-align:center;direction:rtl;color:#40243b}.mascot-greeting b{display:block;font-size:14px;font-weight:800}.mascot-greeting span{display:block;font-size:9px;margin-top:3px;color:#715166}.mascot-greeting i{position:absolute;bottom:-10px;left:14px;clip-path:polygon(0 0,100% 0,0 100%);width:15px;height:11px;background:#f7d6a1}.together-tag{position:absolute;left:345px;top:516px;border:1px solid #e2bd7d3d;background:#2a1c30e8;border-radius:30px;display:flex;align-items:center;gap:8px;padding:8px 14px;color:#f0d2a0;font-size:11px;z-index:6;transform:rotate(5deg)}.together-tag .icon{width:16px;height:16px;color:#ff9e94}.scene-caption{position:absolute;bottom:22px;left:0;right:0;display:flex;gap:12px;align-items:center;justify-content:center;color:var(--muted);font-size:10px}.caption-line{width:33px;height:1px;background:var(--line)}.scene-spark{position:absolute;line-height:1;color:#ecc07f;font-family:Georgia,serif;pointer-events:none}.spark-one{top:63px;left:106px;font-size:37px;transform:rotate(15deg)}.spark-two{top:310px;left:551px;font-size:28px;color:#b591e7}.spark-three{top:490px;left:282px;font-size:25px;color:#a083ae}.scene-pixel{position:absolute;width:7px;height:7px;border-radius:1px;transform:rotate(12deg);background:#a88afa7d}.pixel-one{left:410px;top:58px}.pixel-two{left:68px;top:326px;background:#d8a1637d}.particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:15}.landing-ripple{position:absolute;left:203px;top:418px;width:211px;height:41px;border:2px solid #ffa132;border-radius:50%;opacity:0;z-index:6}
/* The brand ribbon is static so the primary motion remains the mascot. */
.brand-strip{margin-top:16px;overflow:hidden;border-block:1px solid var(--line);background:linear-gradient(90deg,#75377008,#a274ca0a,#d8975308)}.strip-inner{min-width:1420px;display:flex;align-items:center;justify-content:space-around;gap:34px;padding:12px 35px;font-size:31px;line-height:1.6;font-weight:850;white-space:nowrap;color:var(--muted-strong)}.strip-inner>b{font-size:17px;font-weight:400;color:#bd9062}.outline-word{color:transparent;-webkit-text-stroke:1px var(--muted);opacity:.75}
/* One interactive product introduction; dedicated game pages are stage 02. */
.world-section{padding-block:100px 70px}.section-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:70px;margin-bottom:34px}.section-intro h2{margin:0}h2{font-weight:850;font-size:41px;letter-spacing:-.035em;line-height:1.5}.soft-text{color:var(--muted)}.section-intro>p{max-width:320px;color:var(--muted);font-size:13px;line-height:2;margin-bottom:8px}.section-intro .eyebrow{margin-bottom:13px}.world-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.world-tabs button{display:flex;gap:13px;align-items:center;padding:15px 22px;min-height:67px;border-radius:15px;background:var(--surface);border:1px solid var(--line);color:var(--muted);font-weight:700;font-size:16px;transition:background .25s,border-color .25s,color .25s}.world-tabs button .tab-no{margin-inline-start:auto;font-family:'Inter',Arial,sans-serif;font-size:10px;font-weight:450;opacity:.55}.world-tabs button[aria-selected=true]{background:linear-gradient(110deg,#69432223,#bc712115);border-color:#b281416b;color:var(--gold)}.world-tabs button:hover{border-color:var(--muted)}.world-tabs button[data-world=voice][aria-selected=true]{background:#a980e717;border-color:#9876cc85;color:var(--violet)}.world-tabs button[data-world=connect][aria-selected=true]{background:#d36b8515;border-color:#c7768863;color:#d58a9e}.world-panel{border:1px solid var(--line);border-radius:var(--radius);display:grid;grid-template-columns:1fr 1fr;overflow:hidden;background:linear-gradient(110deg,#2f182f4d,var(--surface) 70%);min-height:342px;position:relative}.world-panel-copy{padding:40px 45px;position:relative;z-index:3;align-self:center}.feature-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:19px}.feature-chips span{font-size:10px;color:var(--muted-strong);border:1px solid var(--line);padding:4px 10px;border-radius:30px;background:#ffffff04}.world-panel h3{font-size:26px;font-weight:800;line-height:1.55;margin-bottom:15px;letter-spacing:-.02em}.world-panel-copy>p{font-size:12px;color:var(--muted);line-height:2;max-width:360px;margin-bottom:19px}.inline-link{display:flex;align-items:center;gap:20px;background:none;color:var(--gold);font-size:12px;font-weight:750;padding:5px 0;min-height:36px}.inline-link:hover .icon{translate:-5px 0}.inline-link .icon{width:18px;height:18px;transition:translate .2s}.panel-note{display:block;font-size:9px;color:var(--muted);margin-top:10px}.world-panel-art{position:relative;direction:ltr;min-height:340px;overflow:hidden;background:radial-gradient(ellipse at 50% 62%,#a0694e1e,transparent 70%)}.world-panel-art:before{content:'';position:absolute;inset:15px;background-image:radial-gradient(#c8abd42e .75px,transparent .75px);background-size:24px 24px;mask-image:radial-gradient(ellipse,#000,transparent 68%)}.world-visual{position:absolute;inset:0;transition:opacity .3s,transform .35s}.world-panel[data-panel=play] .voice-visual,.world-panel[data-panel=play] .connect-visual,.world-panel[data-panel=voice] .play-visual,.world-panel[data-panel=voice] .connect-visual,.world-panel[data-panel=connect] .play-visual,.world-panel[data-panel=connect] .voice-visual{opacity:0;transform:translateY(15px) scale(.94);pointer-events:none}.visual-caption{position:absolute;bottom:24px;left:20px;right:20px;text-align:center;font-size:10px;color:var(--muted)}.board-object{position:absolute;left:50%;top:36px;margin-left:-125px;width:250px;height:250px;perspective:700px}.board-surface{position:relative;width:250px;height:250px;border-radius:29px;background:#f8eacb;box-shadow:0 11px 0 #b29781,0 18px 0 #422c47,0 35px 40px #0004;transform:rotateX(35deg) rotateZ(-17deg);border:8px solid #e3cdae;display:grid;grid-template-columns:1fr 1fr;gap:36px;padding:9px}.yard{border-radius:14px;padding:8px;z-index:2;position:relative}.yard>span{background:#fff8;padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:10px;border-radius:10px;height:100%;width:100%}.yard i{width:17px;height:17px;border-radius:50%;background:currentColor;box-shadow:0 3px 0 #0002,inset 0 2px 1px #fff8}.yard.red{background:#ec8a86;color:#d76168}.yard.blue{background:#92afe5;color:#5c87cc}.yard.green{background:#91c3a4;color:#4d9e76}.yard.yellow{background:#f0ce83;color:#dcb452}.track{position:absolute;background:repeating-linear-gradient(90deg,transparent 0 15px,#c7bba5 16px 17px);border-block:1px solid #d6cab5;left:7px;right:7px;top:101px;height:33px;background-color:#fffaf0}.track.vertical{transform:rotate(90deg)}.board-center{position:absolute;left:98px;top:98px;width:38px;height:38px;background:#ead7b5;border-radius:8px;z-index:4;text-align:center;line-height:38px;color:#ac8b60;font-size:20px}.board-dice{position:absolute;left:calc(50% + 81px);top:180px;transform:scale(.59)}.board-orbit{position:absolute;width:370px;height:230px;left:50%;top:59px;margin-left:-190px;border:1px solid #a7827740;border-radius:50%;transform:rotate(-20deg)}.floating-token{position:absolute;left:calc(50% - 180px);top:87px;width:27px;height:27px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#ffadb0,#cc4f67 70%);box-shadow:0 4px 0 #804053,0 9px 12px #0002}.token-blue{left:calc(50% + 130px);top:93px;background:radial-gradient(circle at 30% 20%,#b3ceff,#739bdc 70%);box-shadow:0 4px 0 #465a9a,0 9px 12px #0002}.board-spark{left:calc(50% - 160px);top:224px;font-size:26px}.voice-disc{position:absolute;width:170px;height:170px;border-radius:50%;background:linear-gradient(135deg,#9777d4,#4c2b77);border:1px solid #c7a9ef85;left:50%;top:52px;margin-left:-85px;box-shadow:0 12px 0 #38204d,0 25px 50px #a383f426;display:grid;place-items:center}.big-mic{width:118px;height:118px;border:1px solid #c8a7fc55;border-radius:50%;background:radial-gradient(#b38ceb33,transparent);display:grid;place-items:center;color:#f1deff}.big-mic .icon{width:60px;height:60px;stroke-width:1.3}.voice-wave{position:absolute;left:50%;top:220px;margin-left:-115px;width:230px;height:50px;display:grid;place-items:center;color:#ad85e6;background:var(--surface);border:1px solid #a77de449;border-radius:14px;box-shadow:0 9px 20px #0002}.voice-wave .wave{gap:8px}.voice-wave .wave i{width:7px}.voice-note{position:absolute;border:1px solid #c9a4e944;background:#432551;color:#d0acec;width:56px;height:56px;border-radius:17px;display:grid;place-items:center;top:135px;left:calc(50% - 169px);transform:rotate(-12deg)}.note-b{left:calc(50% + 117px);top:72px;transform:rotate(13deg)}.voice-orbit{position:absolute;top:61px;left:calc(50% - 182px);width:364px;height:216px;border-radius:50%;border:1px dashed #a67fd44f;z-index:-1;transform:rotate(-23deg)}.friend-card{position:absolute;top:61px;left:calc(50% - 120px);width:139px;height:200px;border:1px solid #b57ca072;border-radius:20px;background:linear-gradient(155deg,#4d304a,#28192f);box-shadow:0 12px 25px #0003;transform:rotate(-11deg);padding:15px 0;display:flex;flex-direction:column;align-items:center}.friend-card img{width:142px;height:142px;image-rendering:pixelated;object-fit:contain}.friend-card span{font-family:'Inter',Arial,sans-serif;font-size:8px;letter-spacing:.12em;color:#ddbecb}.friend-two{left:calc(50% + 13px);top:74px;transform:rotate(11deg);background:linear-gradient(155deg,#3c3055,#281b39)}.friend-two img{transform:scaleX(-1)}.heart-badge{position:absolute;left:calc(50% - 29px);top:131px;width:69px;height:69px;border-radius:23px;background:linear-gradient(135deg,#eea5a1,#bd647d);box-shadow:0 6px 0 #733e5a,0 15px 24px #2b122e55;color:#fff4e8;display:grid;place-items:center;transform:rotate(-5deg)}.heart-badge .icon{width:35px;height:35px;fill:#f7ded51a}.friend-dots{position:absolute;left:calc(50% - 140px);top:21px;letter-spacing:10px;color:#c091a57d}
/* Mascot playground: source poses, not redrawn faces. */
.shoola-section{display:grid;grid-template-columns:.94fr 1.06fr;gap:85px;align-items:center;padding-block:40px 108px}.shoola-copy h2{font-size:40px;line-height:1.5;margin-bottom:20px}.shoola-copy>p:not(.eyebrow){font-size:13px;line-height:2;color:var(--muted);max-width:415px}.shoola-copy .eyebrow{margin-bottom:13px}.character-controls{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.effect-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-width:101px;min-height:89px;padding:13px 15px;border:1px solid var(--line);border-radius:16px;background:var(--surface);font-size:10px;font-weight:650;color:var(--muted-strong);transition:transform .2s,border-color .2s,background .2s}.effect-button .icon{width:22px;height:22px;color:var(--violet)}.effect-button:hover{transform:translateY(-4px);border-color:var(--violet)}.effect-gold{background:linear-gradient(130deg,#c4873122,#92632311);border-color:#b98a4557;color:var(--gold)}.effect-gold .icon{color:var(--gold)}.safety-note{font-size:9px!important;line-height:1.9!important;display:flex;align-items:flex-start;gap:8px;margin-top:25px;max-width:370px!important}.safety-note .icon{width:15px;height:15px;margin-top:1px;color:var(--muted)}.character-lab{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;position:relative}.lab-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 25px 14px;direction:ltr;position:relative;z-index:5}.lab-wordmark{font-family:'Inter',Arial,sans-serif;font-weight:800;font-size:12px;letter-spacing:.1em}.lab-wordmark>span{display:block;font-weight:450;font-size:6px;letter-spacing:.15em;color:var(--muted);margin-top:5px}.actor-state{display:flex;align-items:center;gap:7px;direction:rtl;padding:6px 10px;border-radius:20px;border:1px solid var(--line);font-size:8px;color:var(--muted-strong);max-width:205px}.actor-state i{width:4px;height:4px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px #ffbc5855;flex:none}.lab-view{position:relative;height:293px;overflow:hidden;direction:ltr}.lab-grid{position:absolute;inset:0 20px;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:36px 36px;opacity:.3;mask-image:radial-gradient(ellipse,black,transparent 70%)}.lab-glow{position:absolute;width:260px;height:200px;left:calc(50% - 130px);top:60px;background:radial-gradient(ellipse,#fa912823,transparent 65%);filter:blur(10px)}.lab-shadow{position:absolute;width:109px;height:16px;left:calc(50% - 55px);top:228px;border-radius:50%;background:#5b321f4d;filter:blur(6px);animation:shadow-idle 3.8s ease infinite}.lab-actor{position:absolute;width:255px;height:255px;left:calc(50% - 127px);top:0}.lab-cross{position:absolute;font-family:monospace;color:var(--muted);opacity:.45;font-size:16px;line-height:1}.cross-a{top:26px;left:29px}.cross-b{top:26px;right:29px}.cross-c{bottom:45px;left:29px}.cross-d{bottom:45px;right:29px}.lab-angle{position:absolute;left:28px;bottom:16px;font-family:'Inter',Arial,sans-serif;letter-spacing:.12em;font-size:7px;color:var(--muted);font-weight:600}.lab-hint{position:absolute;right:28px;bottom:15px;font-size:8px;color:var(--muted)}.pose-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:10px 19px 20px;direction:ltr}.pose-button{background:#ffffff03;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2px 0 8px;color:var(--muted);transition:border-color .2s,background .2s;min-width:0;min-height:87px}.pose-button img{width:70px;height:70px;image-rendering:pixelated;object-fit:contain}.pose-button span{font-size:7px;line-height:1.5;max-width:100%;padding-inline:2px}.pose-button[aria-pressed=true]{background:#e7962b0f;border-color:#d798427f;color:var(--gold)}.pose-button:hover{border-color:var(--gold)}.lab-landing{position:absolute;width:118px;height:23px;left:calc(50% - 59px);top:222px;border:2px solid #ffb33c;border-radius:50%;opacity:0}
.closing-section{padding-bottom:77px}.closing-card{position:relative;overflow:hidden;isolation:isolate;text-align:center;border:1px solid #9e725144;border-radius:34px;padding:40px 30px 45px;background:radial-gradient(ellipse at 50% 0,#f8a02d13,transparent 70%),linear-gradient(115deg,#2a192f,var(--surface),#261724);display:flex;flex-direction:column;align-items:center}.closing-logo{width:66px;height:66px;border-radius:17px;box-shadow:0 10px 30px #0003;margin-bottom:20px}.closing-card .eyebrow{font-size:9px;color:var(--gold);margin-bottom:12px}.closing-card h2{font-size:36px;margin-bottom:12px}.closing-description{font-size:12px;color:var(--muted);max-width:470px;line-height:1.9;margin-bottom:25px}.closing-card .button{min-height:50px;font-size:12px;gap:20px;min-width:176px}.closing-card .button .icon{width:18px;height:18px}.closing-orbits{position:absolute;width:850px;height:850px;left:calc(50% - 425px);top:71px;border:1px solid var(--line);border-radius:50%;z-index:-1}.closing-orbits:before,.closing-orbits:after{content:'';position:absolute;inset:50px;border:1px solid var(--line);border-radius:50%}.closing-orbits:after{inset:100px}.closing-star{position:absolute;color:#f9ce934d;font-family:Georgia,serif;line-height:1}.star-a{left:14%;top:42%;font-size:45px;transform:rotate(-13deg)}.star-b{right:14%;top:57%;font-size:33px;transform:rotate(13deg)}.site-footer{padding-bottom:26px}.footer-main{display:flex;justify-content:space-between;gap:45px;padding-bottom:30px}.footer-brand>p{font-size:10px;max-width:315px;color:var(--muted);margin:15px 0 0;line-height:1.9}.site-footer .brand img{width:46px;height:46px;border-radius:12px}.site-footer .brand-name{font-size:21px}.footer-label{display:block;color:var(--muted);font-size:9px;margin-bottom:13px}.email-link{display:flex;align-items:center;gap:12px;font-family:'Inter',Arial,sans-serif;font-size:13px;font-weight:500}.email-link .icon{width:18px;height:18px;color:var(--gold)}.email-link:hover{color:var(--gold)}.whatsapp-link{display:flex;align-items:center;gap:8px;margin-top:11px;font-size:9px;color:var(--muted-strong)}.whatsapp-link .icon{width:13px;height:13px}.footer-bottom{display:flex;justify-content:space-between;gap:30px;align-items:center;border-top:1px solid var(--line);padding-top:21px;font-size:8px;color:var(--muted)}.company-address{display:block;margin-top:7px;font-size:8px;line-height:1.8}.back-top{display:flex;align-items:center;gap:13px;white-space:nowrap;font-size:9px}.back-top>span:last-child{border:1px solid var(--line);border-radius:9px;display:grid;place-items:center;width:30px;height:30px;font-size:15px}
/* Real download links. The modal never collects account or payment data. */
dialog{border:1px solid var(--line);border-radius:28px;background:var(--surface);color:var(--text);padding:0;width:min(470px,calc(100% - 36px));max-height:calc(100dvh - 48px);box-shadow:0 35px 130px #0007;overflow:auto}dialog::backdrop{background:#0b0618c7;backdrop-filter:blur(7px)}.download-modal{padding:38px;text-align:center;position:relative;display:flex;flex-direction:column;align-items:center}.modal-close{position:absolute;top:13px;inset-inline-end:13px;color:var(--muted)}.modal-logo{width:75px;height:75px;border-radius:20px;box-shadow:0 10px 25px #0002;margin-bottom:22px}.download-modal>.eyebrow{font-size:9px;color:var(--gold);justify-content:center;margin-bottom:10px;letter-spacing:.03em}.download-modal h2{font-size:30px;margin-bottom:10px}.download-modal>p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.9}.store-links{display:flex;flex-direction:column;gap:12px;width:100%;margin:10px 0 22px}.store-link{display:flex;gap:15px;align-items:center;min-height:83px;border:1px solid var(--line);border-radius:16px;text-align:start;padding:16px;background:var(--surface-2);transition:border-color .2s,transform .2s}.store-link:hover{border-color:var(--gold);transform:translateY(-2px)}.store-link>span:nth-child(2){display:flex;flex-direction:column;gap:4px}.store-link strong{font-family:'Inter',Arial,sans-serif;font-size:16px;line-height:1.3}.store-link small{font-size:9px;color:var(--muted)}.store-link>.icon{margin-inline-start:auto;width:17px;height:17px;color:var(--gold)}.store-os{width:43px;height:43px;display:grid;place-items:center;background:var(--surface);border-radius:12px;font-family:'Inter',Arial,sans-serif;font-size:15px;font-weight:650;flex-shrink:0}.google-os i{width:22px;height:25px;clip-path:polygon(0 0,100% 50%,0 100%);background:conic-gradient(from 60deg at 45% 50%,#fed275 0 80deg,#ed7980 80deg 160deg,#78bdd0 160deg 250deg,#7dc798 250deg);border-radius:2px}.stores-note{display:flex;align-items:flex-start;gap:9px;text-align:start;font-size:9px!important;margin:0}.stores-note>.icon{width:16px;height:16px;flex:none;margin-top:2px}.noscript-note{background:#ffe1ab;color:#2e1935;padding:20px;text-align:center}
/* Motion budget: CSS compositor transforms; JS particles exist only during an action. */
@keyframes actor-idle{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.013,1.016)}}
@keyframes shadow-idle{0%,100%{transform:scale(1);opacity:.55}50%{transform:scale(.91);opacity:.35}}
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes float-voice{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -9px;rotate:2deg}}
@keyframes wave-bar{0%,100%{transform:scaleY(.5)}50%{transform:scaleY(1)}}
@keyframes scroll-mouse{0%,100%{transform:translateY(0);opacity:.8}65%{transform:translateY(6px);opacity:.2}}
@keyframes jump{0%{transform:translateY(0) scale(1)}15%{transform:translateY(4px) scale(1.04,.94)}46%{transform:translateY(-64px) scale(.98,1.02) rotate(-3deg)}68%{transform:translateY(-46px) rotate(3deg)}85%{transform:translateY(0) scale(1.07,.93)}100%{transform:translateY(0) scale(1)}}
@keyframes celebrate{0%,100%{transform:translateY(0) rotate(0)}18%{transform:translateY(-18px) rotate(-9deg)}38%{transform:translateY(0) rotate(7deg)}57%{transform:translateY(-27px) rotate(-6deg)}78%{transform:translateY(0) rotate(7deg)}}
@keyframes landing{0%,65%{transform:scale(.7);opacity:0}77%{opacity:.8}100%{transform:scale(1.6);opacity:0}}
html[data-action=jump] .actor-hop{animation:jump 1.05s cubic-bezier(.26,.57,.48,1) both}html[data-action=jump] .actor-idle,html[data-action=celebrate] .actor-idle{animation:none}html[data-action=jump] .landing-ripple,html[data-action=jump] .lab-landing{animation:landing 1.22s ease-out both}html[data-action=celebrate] .actor-hop{animation:celebrate 1.25s ease-in-out both}html[data-action=celebrate] .warm-light{opacity:2}html[data-action=celebrate] .door-glow{background:radial-gradient(ellipse at 50% 100%,#ff870080,transparent 85%)}
html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after,html[data-active=false] *,html[data-active=false] *:before,html[data-active=false] *:after{animation-play-state:paused!important}html[data-motion=off]{scroll-behavior:auto}html[data-motion=off] .arcade-door{transform:none!important}html[data-reduced=true] *,html[data-reduced=true] *:before,html[data-reduced=true] *:after{animation:none!important;transition-duration:.01ms!important}html[data-reduced=true]{scroll-behavior:auto}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}}
/* Light theme has its own warmer surfaces, not inverted artwork. */
html[data-theme=light] .ambient-one{background:#ffd6b04d}html[data-theme=light] .ambient-two{background:#bea0e633}html[data-theme=light] .dot-field{opacity:.23}html[data-theme=light] .arcade-door{background:linear-gradient(140deg,#c8afcf,#edac6c);box-shadow:0 0 40px #c789721a}html[data-theme=light] .door-inner{background:radial-gradient(ellipse at 50% 80%,#edc59b,#e1c8d3 60%,#dac9e7)}html[data-theme=light] .door-inner:before{background:repeating-linear-gradient(90deg,transparent 0 30px,#9e7e991f 31px 32px)}html[data-theme=light] .door-inner:after{border-color:#81648220}html[data-theme=light] .door-text{-webkit-text-stroke:1px #91627330}html[data-theme=light] .stage-floor{background:linear-gradient(135deg,#b999c1,#c4a0bc 48%,#d9b197);border-color:#b191af;border-bottom-color:#9f7da8;border-right-color:#b289ab;box-shadow:17px 19px 0 #c2a6c9,20px 24px 0 #b9a0be66,28px 38px 44px #74486120}html[data-theme=light] .floor-grid{background-image:linear-gradient(transparent 96%,#fff5 96%),linear-gradient(90deg,transparent 96%,#fff5 96%)}html[data-theme=light] .scene-spark{color:#bd8a48}html[data-theme=light] .world-panel{background:linear-gradient(110deg,#f9efe9,var(--surface) 70%)}html[data-theme=light] .closing-card{background:radial-gradient(ellipse at 50% 0,#f8a02d17,transparent 70%),linear-gradient(115deg,#f8ecdf,#fff9f3,#f3e9f2)}html[data-theme=light] .closing-star{color:#ca9b576e}html[data-theme=light] .character-lab{background:#fffdfb}html[data-theme=light] .pose-button{background:#f6f0ec}html[data-theme=light] .lab-shadow{background:#8c572a47}
/* LTR is composed deliberately, not mirrored Latin text inside RTL positions. */
html[dir=ltr] .brand{direction:ltr}html[dir=ltr] .hero h1{font-size:clamp(68px,6.3vw,88px);line-height:1.08;letter-spacing:-.065em;margin-bottom:26px}html[dir=ltr] .title-spark{left:auto;right:28px;top:95px}html[dir=ltr] .hero-description{font-size:14px;line-height:1.95;max-width:430px}html[dir=ltr] .hero-copy>.eyebrow{font-size:9px;letter-spacing:.14em;margin-bottom:24px}html[dir=ltr] .hero-signature{margin-top:38px}html[dir=ltr] h2{line-height:1.25;font-size:37px}html[dir=ltr] .section-intro>p{line-height:1.8}html[dir=ltr] .shoola-copy h2{font-size:39px}html[dir=ltr] .world-panel h3{font-size:25px;line-height:1.35}html[dir=ltr] .world-panel-copy>p{line-height:1.8}html[dir=ltr] .mascot-greeting{direction:ltr;max-width:221px}html[dir=ltr] .mascot-greeting b{font-size:12px}html[dir=ltr] .mascot-greeting span{font-size:8px}html[dir=ltr] .voice-object>span:last-child{font-size:10px}html[dir=ltr] .together-tag{font-size:10px}html[dir=ltr] .effect-button{min-width:103px;font-size:10px}html[dir=ltr] .actor-state{direction:ltr}html[dir=ltr] .pose-button span{font-size:7px}html[dir=ltr] .closing-card .eyebrow{font-size:8px}html[lang=fr] .hero h1{font-size:clamp(57px,5.35vw,76px)}html[lang=fr] .hero-actions{gap:9px}html[lang=fr] .hero-actions .button{font-size:12px;padding-inline:18px}html[lang=fr] .primary-cta{min-width:155px}
/* Responsive layout: no hard-coded page-width screenshots. */
@media(min-width:1500px){.hero{padding-top:55px;padding-bottom:30px}.hero-copy{padding-inline-start:14px}.hero-description{font-size:16px}.hero-scene{aspect-ratio:1/1.03}.hero-bottom{margin-top:5px}}
@media(max-width:1190px){.container{width:calc(100% - 72px)}#main-nav{gap:17px;font-size:11px}.brand-name{font-size:19px}.brand{gap:8px}.brand img{width:48px;height:48px}.brand-caption{font-size:5px}.site-header{gap:12px;padding:10px 13px}.header-cta{font-size:11px;padding-inline:12px}.language-label select{width:70px;font-size:10px}.hero{gap:10px;padding-top:39px}.hero-copy{padding-inline-start:0}h1{font-size:76px}.hero-description{font-size:13px}.hero-actions{gap:10px}.hero-actions .button{font-size:13px;padding:14px 20px}.primary-cta{min-width:155px}.title-spark{left:20px;top:82px;font-size:29px}.hero-bottom{margin-top:10px}.shoola-section{gap:45px}.section-intro{gap:45px}.world-panel-copy{padding:32px}.shoola-copy h2{font-size:34px}.effect-button{min-width:88px;min-height:85px;padding-inline:10px}.lab-header{padding-inline:20px}.pose-picker{gap:6px;padding-inline:14px}.pose-button img{width:61px;height:61px}.world-panel-art{min-height:345px}html[dir=ltr] .hero h1{font-size:70px}html[lang=fr] .hero h1{font-size:58px}html[dir=ltr] .shoola-copy h2{font-size:33px}html[dir=ltr] .effect-button{min-width:91px;font-size:9px}}
@media(max-width:980px){.container{width:calc(100% - 48px)}.site-header{min-height:77px}.header-wrap{padding-top:18px}#main-nav{gap:17px}#main-nav a{font-size:10px}#main-nav a:last-child{display:none}.header-cta{padding:10px 12px;min-height:40px}.header-cta .icon{display:none}.nav-actions{gap:4px}.brand-name{font-size:18px}.hero{grid-template-columns:1fr 1fr;padding-top:38px;gap:0 15px}.hero-copy>.eyebrow{font-size:10px;margin-bottom:19px}h1{font-size:64px}.hero-description{font-size:12px;line-height:1.95;margin-bottom:25px}.hero-actions .button{font-size:11px;padding:12px 15px;gap:10px;min-height:47px}.primary-cta{min-width:137px}.hero-actions .button .icon{width:17px;height:17px}.availability-copy{font-size:8px;margin-inline-start:0}.hero-signature{font-size:10px;margin-top:24px}.hero-bottom{margin-top:25px}.hero-scene{aspect-ratio:1/1.16}.title-spark{font-size:22px;top:77px;left:9px}.world-section{padding-top:75px}.section-intro h2{font-size:34px}.section-intro>p{font-size:11px;max-width:265px}.world-panel-copy{padding:27px}.world-panel h3{font-size:23px}.world-panel-copy>p{font-size:11px}.world-panel-art{min-height:330px}.board-object{transform:scale(.85);transform-origin:center}.board-dice{transform:scale(.5)}.board-orbit{width:305px;height:200px;margin-left:-152px;top:74px}.floating-token{left:calc(50% - 150px)}.token-blue{left:calc(50% + 123px)}.board-spark{left:calc(50% - 135px)}.shoola-section{gap:29px}.shoola-copy h2{font-size:31px}.shoola-copy>p:not(.eyebrow){font-size:11px}.effect-button{min-width:78px;min-height:77px;padding-inline:9px;font-size:9px}.character-controls{gap:7px}.safety-note{font-size:8px!important}.lab-header{padding:19px 16px 9px}.lab-wordmark{font-size:10px}.lab-wordmark>span{font-size:5px}.actor-state{font-size:7px;padding:5px 8px}.pose-picker{gap:5px;padding-inline:11px}.pose-button img{width:55px;height:55px}.pose-button{min-height:74px}.pose-button span{font-size:6px}.lab-view{height:280px}.lab-hint{font-size:7px;right:15px}.lab-angle{left:16px;font-size:6px}.closing-card h2{font-size:31px}html[dir=ltr] .hero h1{font-size:60px}html[lang=fr] .hero h1{font-size:50px}html[dir=ltr] .title-spark{right:0;top:70px}html[dir=ltr] .hero-description{font-size:12px}html[dir=ltr] h2{font-size:32px}html[dir=ltr] .shoola-copy h2{font-size:29px}html[dir=ltr] .effect-button{min-width:80px;font-size:8px}html[lang=fr] .hero-actions .button{font-size:10px;padding-inline:14px}html[lang=fr] .primary-cta{min-width:130px}html[lang=fr] .hero-actions .button-quiet{padding-inline:9px}}
@media(max-width:760px){html{scroll-padding-top:25px}.container{width:calc(100% - 36px)}.header-wrap{padding-top:14px}.site-header{min-height:72px;border-radius:20px;padding:9px 11px;gap:10px}.brand{gap:8px}.brand img{width:44px;height:44px;border-radius:12px}.brand-name{font-size:17px}.brand-caption{font-size:4.8px;letter-spacing:.14em;margin-top:5px}.header-cta{display:none}.language-label{padding-inline-start:0}.language-label>.icon:not(.select-chevron){display:none}.language-label select{font-size:10px;width:61px;padding-inline:2px 15px}.icon-button{min-width:35px;min-height:38px}.icon-button>.icon{width:18px;height:18px}.menu-toggle{display:flex;flex-direction:column;gap:5px;padding:9px}.menu-toggle span{display:block;background:var(--text);width:16px;height:1.5px;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.3px) rotate(-45deg)}#main-nav{position:absolute;top:calc(100% + 9px);left:18px;right:18px;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:14px 20px;background:var(--surface);display:none;flex-direction:column;align-items:stretch;gap:0;z-index:50}#main-nav.is-open{display:flex}#main-nav a,#main-nav a:last-child{display:block;font-size:13px;padding:12px}#main-nav .nav-active:after{display:none}.hero{grid-template-columns:1fr;padding-top:42px;padding-bottom:20px;gap:0;overflow:visible}.hero-copy{padding:0;text-align:center;max-width:540px;margin-inline:auto}.hero-copy>.eyebrow{justify-content:center;margin-bottom:20px;font-size:10px}.hero h1{font-size:64px;line-height:1.2;letter-spacing:-.05em;display:inline-block;text-align:center;margin-bottom:23px}.title-spark{top:65px;left:-38px;font-size:26px}.hero-description{max-width:420px;margin:0 auto 24px;font-size:12px;line-height:2}.hero-actions{justify-content:center;gap:10px}.hero-actions .button{font-size:12px;padding:14px 19px;min-height:48px}.primary-cta{min-width:154px}.store-availability{justify-content:center;margin-top:19px;gap:6px}.availability-copy{font-size:8px;margin-inline-start:6px}.platform-pill{font-size:10px;padding:1px 6px}.hero-signature{display:none}.hero-scene{width:min(100%,490px);margin:10px auto 0;aspect-ratio:1/1.02}.hero-bottom{margin-top:1px;padding-top:14px;gap:12px}.hero-edition{font-size:6px;letter-spacing:.08em}.hero-edition i{padding-inline:4px}.hero-edition{display:none}.scroll-cue,.motion-control{font-size:9px}.motion-control{padding:6px 10px;min-height:37px}.brand-strip{margin-top:14px}.strip-inner{font-size:23px;min-width:1030px;gap:24px;padding:11px 23px}.strip-inner>b{font-size:13px}.world-section{padding-block:61px 39px}.section-intro{display:block;margin-bottom:25px}.section-intro .eyebrow{font-size:10px;margin-bottom:12px}.section-intro h2{font-size:31px;line-height:1.5}.section-intro>p{max-width:100%;font-size:11px;line-height:1.95;margin:17px 0 0}.world-tabs{gap:8px;margin-bottom:10px}.world-tabs button{min-height:58px;border-radius:12px;padding:12px;gap:8px;font-size:13px}.world-tabs button .icon{width:18px;height:18px}.world-tabs button .tab-no{font-size:7px}.world-panel{grid-template-columns:1fr;border-radius:23px}.world-panel-copy{padding:27px 25px 0;order:1}.world-panel h3{font-size:24px;margin-bottom:12px}.world-panel-copy>p{max-width:100%;font-size:11px;margin-bottom:12px}.feature-chips{margin-bottom:17px}.feature-chips span{font-size:9px}.world-panel-art{order:2;min-height:293px}.visual-caption{font-size:9px;bottom:20px}.panel-note{font-size:8px;margin-top:6px}.inline-link{font-size:11px}.board-object{top:18px;transform:scale(.8)}.board-dice{top:151px;left:calc(50% + 76px);transform:scale(.48)}.board-orbit{top:54px}.token-blue{top:66px}.token-red{top:88px}.board-spark{top:210px}.voice-disc{top:36px;transform:scale(.9)}.voice-wave{top:205px;transform:scale(.9)}.voice-note{top:110px;left:calc(50% - 153px);transform:scale(.9) rotate(-12deg)}.note-b{top:73px;left:calc(50% + 105px);transform:scale(.9) rotate(13deg)}.voice-orbit{transform:scale(.9) rotate(-23deg);top:50px}.friend-card{top:42px;transform:rotate(-11deg) scale(.9)}.friend-two{top:54px;transform:rotate(11deg) scale(.9)}.heart-badge{top:117px;transform:rotate(-5deg) scale(.9)}.friend-dots{top:12px}.shoola-section{grid-template-columns:1fr;gap:29px;padding-block:29px 60px}.shoola-copy h2{font-size:32px;margin-bottom:16px}.shoola-copy .eyebrow{font-size:10px}.shoola-copy>p:not(.eyebrow){max-width:100%;font-size:11px}.character-controls{margin-top:20px;gap:9px}.effect-button{min-width:96px;min-height:81px;font-size:9px}.safety-note{font-size:8px!important;margin-top:18px!important;max-width:100%!important}.character-lab{border-radius:23px;max-width:490px;width:100%;margin-inline:auto}.lab-header{padding:20px 19px 6px}.lab-wordmark{font-size:11px}.actor-state{font-size:8px;padding:6px 9px}.lab-view{height:278px}.lab-actor{width:245px;height:245px;left:calc(50% - 122.5px);top:3px}.lab-shadow{top:224px}.lab-landing{top:222px}.pose-picker{gap:6px;padding:10px 12px 15px}.pose-button img{width:65px;height:65px}.pose-button span{font-size:6.5px}.pose-button{min-height:79px}.lab-angle{left:19px;font-size:6px}.lab-hint{right:19px;font-size:7px}.closing-section{padding-bottom:49px}.closing-card{padding:32px 22px 35px;border-radius:24px}.closing-logo{width:59px;height:59px;border-radius:15px;margin-bottom:18px}.closing-card .eyebrow{font-size:8px}.closing-card h2{font-size:26px;line-height:1.65;margin-bottom:10px}.closing-description{font-size:10px;line-height:1.9;margin-bottom:20px}.closing-card .button{font-size:11px;min-height:48px}.closing-star.star-a{left:6%;top:30%;font-size:26px}.closing-star.star-b{right:6%;top:64%;font-size:22px}.footer-main{flex-direction:column;gap:27px;padding-bottom:25px}.footer-brand>p{font-size:10px;max-width:290px}.contact-block{padding-top:0}.footer-label{font-size:9px;margin-bottom:10px}.email-link{font-size:13px}.footer-bottom{font-size:7px;gap:15px;align-items:flex-start}.company-address{font-size:7px;max-width:260px}.back-top{font-size:8px;gap:8px}.back-top>span:last-child{width:26px;height:26px}.site-footer{padding-bottom:20px}.download-modal{padding:37px 24px 26px}.download-modal h2{font-size:27px}.download-modal>p:not(.eyebrow){font-size:11px}.stores-note{font-size:8px!important}.download-modal>.eyebrow{font-size:8px}.modal-logo{width:65px;height:65px;border-radius:17px}
html[dir=ltr] .hero h1{font-size:65px;line-height:1.07;margin-bottom:23px}html[dir=ltr] .hero-copy>.eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:21px}html[dir=ltr] .hero-description{font-size:12px;line-height:1.9;max-width:425px}html[dir=ltr] .title-spark{top:63px;right:-29px;font-size:23px}html[dir=ltr] .section-intro h2{font-size:29px;line-height:1.25}html[dir=ltr] .shoola-copy h2{font-size:33px;line-height:1.25}html[dir=ltr] .world-panel h3{font-size:23px}html[dir=ltr] .effect-button{min-width:96px;font-size:9px}html[dir=ltr] .closing-card h2{font-size:26px;line-height:1.3}html[lang=fr] .hero h1{font-size:57px}html[lang=fr] .hero-actions .button{font-size:10px;min-height:48px;padding-inline:15px}html[lang=fr] .primary-cta{min-width:133px}html[lang=fr] .brand-caption{font-size:4px}
}
@media(max-width:380px){.container{width:calc(100% - 28px)}.site-header{padding:8px}.brand img{width:39px;height:39px}.brand-name{font-size:15px}.brand-caption{font-size:4px}.brand{gap:6px}.nav-actions{gap:0}.icon-button{min-width:32px}.language-label select{width:57px;font-size:9px}.hero{padding-top:34px}.hero h1{font-size:59px}.hero-description{font-size:11px;padding-inline:4px}.title-spark{left:-26px;font-size:21px}.hero-actions .button{padding-inline:15px;font-size:11px;min-height:46px}.primary-cta{min-width:138px}.store-availability{gap:5px}.availability-copy{font-size:7px;margin-inline-start:0}.world-tabs button{padding:11px 10px;gap:7px;font-size:11px}.world-tabs .tab-no{display:none}.section-intro h2{font-size:28px}.effect-button{min-width:87px;font-size:8px}.character-controls{gap:7px}.shoola-copy h2{font-size:29px}.pose-picker{gap:4px;padding-inline:9px}.pose-button img{width:54px;height:54px}.pose-button span{font-size:6px}.pose-button{min-height:71px}.lab-header{padding-inline:14px}.actor-state{font-size:7px}.closing-card h2{font-size:24px}.footer-bottom{gap:10px}.back-top>span:first-child{display:none}html[dir=ltr] .hero h1{font-size:60px}html[lang=fr] .hero h1{font-size:50px}html[dir=ltr] .title-spark{right:-21px}html[dir=ltr] .effect-button{min-width:86px;font-size:8px}html[dir=ltr] .shoola-copy h2{font-size:30px}html[lang=fr] .hero-actions .button{font-size:9px;padding-inline:13px}.world-panel-copy{padding-inline:21px}}
@media(min-width:761px) and (max-height:740px){.hero{padding-top:20px}.hero-scene{max-height:520px}.hero h1{font-size:72px}.hero-signature{margin-top:22px}.hero-description{margin-bottom:24px}.hero-bottom{margin-top:0}}
body.modal-open{overflow:hidden}.motion-control:disabled{cursor:default;opacity:.7}
/* QA correction: keep the title's decorative star within narrow RTL viewports. */
@media(max-width:760px){.hero .title-spark{left:-9px}html[dir=ltr] .hero .title-spark{left:auto;right:-16px}}

/* Direct mobile access to checkout, independent of the collapsed navigation. */
.mobile-topup-cta{display:none}
@media(max-width:760px){
 html{scroll-padding-top:110px}
 .header-wrap{position:sticky;top:0;padding-bottom:10px}
 .mobile-topup-cta{display:inline-flex;flex-shrink:0;min-height:44px;padding:10px 12px;border-radius:12px;font-size:12px;line-height:1.5}
}
@media(max-width:480px){
 .site-header .brand-name{display:none}
 .site-header{gap:6px}
}