@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fredoka:wght@500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{--bg:#f4f3e9;--ink:#16332b;--deep:#10251f;--green:#245b43;--muted:#69746b;--line:#d8dfd3;--lime:#e1f370;--coral:#f8987d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit}button{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Outfit,sans-serif}h1{font-size:clamp(3.5rem,7.7vw,7.3rem);line-height:.98;letter-spacing:-.075em;font-weight:700;margin-bottom:20px}h1 em,h2 em{font-style:normal;color:#83ab70}h2{font-size:clamp(2.5rem,4.5vw,4.9rem);line-height:1.05;letter-spacing:-.06em;font-weight:600;margin-bottom:0}h3{font-size:1.45rem;letter-spacing:-.035em;margin-bottom:10px}.site-header{height:79px;padding:0 clamp(22px,4vw,64px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:28px}.brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font:700 1.2rem/1 Outfit;letter-spacing:-.06em}.brand-mark{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:var(--lime);font-size:20px}.brand-sub{display:block;font:700 .47rem/1.6 'DM Sans',sans-serif;letter-spacing:.21em;color:#738276}.site-header nav{display:flex;gap:32px}.site-header nav a,footer nav a{font-size:.82rem;font-weight:700;text-decoration:none}.site-header nav a:hover,footer nav a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:4px}.header-cta{border:1px solid var(--ink);padding:11px 16px;border-radius:3px;font-weight:700;font-size:.78rem;text-decoration:none}.header-cta span{margin-left:22px}.play-section,.more-section,.guide-preview,.facts-section,.faq-preview,.article-wrap{max-width:1480px;margin:auto;padding-left:clamp(22px,4vw,64px);padding-right:clamp(22px,4vw,64px)}.play-section{padding-top:28px}.section-topline{display:flex;justify-content:space-between}.eyebrow,.small-label,.kicker,.step-no,.frame-overline{font-size:.68rem;font-weight:800;letter-spacing:.17em}.eyebrow{color:#538263}.live-dot,.bar-pip{display:inline-block;width:7px;height:7px;background:#a6c851;border-radius:50%;margin-right:8px}.small-label{color:#89918a}.hero-title{display:flex;justify-content:space-between;align-items:center;min-height:380px;padding-top:20px}.kicker{color:#7b9180;margin-bottom:16px}.hero-copy{max-width:540px;color:#607268;font-size:1.03rem;line-height:1.7}.hero-badge{width:230px;height:230px;position:relative;margin:20px 8% 0 20px;border-radius:50%;background:radial-gradient(circle at 55% 42%,#e2edb0 0,#bbd28d 48%,#9cb978 100%);flex:none}.badge-orbit{position:absolute;inset:17px;border:1px dashed #78996c;border-radius:50%}.badge-creature{position:absolute;width:105px;height:96px;border-radius:49% 51% 43% 44%;background:#2d6e53;top:62px;left:61px;transform:rotate(-11deg);box-shadow:inset -10px -10px 0 #20583e,0 18px 0 -11px #184e3a}.badge-creature:before,.badge-creature:after{content:"";position:absolute;width:17px;height:17px;background:#1b523c;border-radius:50%;top:-5px}.badge-creature:before{left:15px}.badge-creature:after{right:15px}.badge-creature i{position:absolute;width:10px;height:14px;border-radius:50%;background:#e4f4bb;top:28px}.badge-creature i:first-child{left:30px}.badge-creature i:last-child{right:30px}.badge-star{position:absolute;color:#f9f2ae;font-size:26px}.badge-star.one{top:36px;left:32px}.badge-star.two{right:24px;top:96px}.badge-caption{position:absolute;bottom:22px;width:100%;text-align:center;font-size:.55rem;letter-spacing:.14em;font-weight:800;color:#356a4a}.game-shell{background:var(--deep);border-radius:9px;overflow:hidden;box-shadow:0 24px 50px #123d2a1c}.game-bar,.game-bottom{height:48px;color:#dbe5d1;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-size:.65rem;letter-spacing:.15em;font-weight:700}.game-bar{border-bottom:1px solid #325342}.game-bar>span:last-child{color:#8da58f}.game-frame{height:min(55vw,610px);min-height:340px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 120%,#355a43,#193c31 54%,#143127);display:grid;place-items:center}.game-frame:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#93b67733 1px,transparent 1px);background-size:23px 23px}.game-frame iframe{width:100%;height:100%;border:0;position:absolute;inset:0}.frame-message{position:relative;text-align:center;color:#eef4df;max-width:430px;padding:20px;z-index:1}.frame-symbol{margin:auto auto 20px;width:68px;height:68px;display:grid;place-items:center;background:#c8e981;border-radius:50%;color:#23573b;font-size:2.6rem}.frame-overline{color:#b6d597}.frame-message h2{font-size:clamp(2rem,4vw,3.7rem);margin:10px 0 10px}.frame-message p:not(.frame-overline){color:#bbccbb;font-size:.88rem;line-height:1.6}.primary-button{display:inline-flex;gap:35px;align-items:center;background:var(--lime);color:var(--deep);text-decoration:none;padding:13px 18px;border-radius:3px;font-size:.8rem;font-weight:800;margin-top:12px}.primary-button:hover{background:#f0faab}.game-bottom{border-top:1px solid #325342}.game-bottom b{color:var(--lime);padding:0 8px}.game-bottom button{border:0;background:none;color:#dbe5d1;cursor:pointer;font-size:.8rem;font-weight:700}.share-row{display:flex;align-items:center;justify-content:center;gap:28px;padding:20px 0 30px;border-bottom:1px solid var(--line)}.share-row>span{font-size:.62rem;letter-spacing:.16em;font-weight:800;color:#7a8a7e}.share-links{display:flex;gap:9px}.share-links a{display:grid;place-items:center;width:37px;height:37px;border:1px solid #bdcbbd;border-radius:50%;font-size:1.05rem;font-weight:800;text-decoration:none;color:var(--green)}.share-links a:hover{background:var(--green);color:white}.more-section{padding-top:50px;padding-bottom:60px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:32px}.section-heading h2{margin-top:12px}.section-heading>p{max-width:270px;color:#728174;font-size:.85rem;line-height:1.6;margin:0}.more-link{max-width:350px;display:flex;align-items:center;gap:15px;border:1px solid var(--line);border-radius:5px;padding:17px;text-decoration:none;background:#fffef6}.more-link:hover{border-color:#8faa81;transform:translateY(-2px)}.more-icon{display:grid;place-items:center;width:53px;height:53px;border-radius:4px;background:#bcd598;color:#285b40;font-size:2rem}.more-link span:nth-child(2){flex:1}.more-link strong,.more-link small{display:block}.more-link strong{font-size:.82rem}.more-link small{font-size:.7rem;color:#8c988c;margin-top:4px}.guide-preview{background:#e9eddf;padding-top:80px;padding-bottom:88px;max-width:none}.guide-preview>.section-heading,.guide-preview>.steps{max-width:1352px;margin-left:auto;margin-right:auto}.text-link{font-weight:800;text-decoration:none;font-size:.82rem;white-space:nowrap}.text-link span{padding-left:20px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps article{background:#f8f9ed;padding:25px;border-radius:4px;min-height:370px}.step-no{color:#678069}.step-art{height:165px;position:relative;overflow:hidden;margin:18px 0 24px;border-radius:2px;background:#e5ecca}.move-art{background:repeating-linear-gradient(145deg,#dce9c3,#dce9c3 18px,#d3e3b7 18px,#d3e3b7 36px)}.path-dot,.safe-dot{position:absolute;left:24%;top:50%;width:30px;height:30px;border-radius:50%;background:#347553;box-shadow:0 0 0 9px #3475533d}.path-line{position:absolute;left:37%;top:58%;width:42%;border-top:3px dashed #5e9061;transform:rotate(-13deg)}.firefly{position:absolute;right:20%;top:33%;color:#e89958;font-size:2.5rem}.blend-art{background:repeating-radial-gradient(circle at center,#d4e3b5 0,#d4e3b5 17px,#c2d8a5 18px,#c2d8a5 30px)}.blend-creature{position:absolute;top:34%;left:47%;color:#5c9462;font-size:3rem}.blend-ring{position:absolute;top:21%;left:41%;width:95px;height:95px;border:2px dashed #789f69;border-radius:50%}.survive-art{background:#dae5ba}.light-cone{position:absolute;top:-22px;left:25%;width:65%;height:130%;background:#f8da80a8;clip-path:polygon(0 0,100% 60%,12% 100%);transform:rotate(-12deg)}.safe-dot{left:17%;top:57%;width:22px;height:22px;font-size:0}.steps p,.facts-section p,.faq-preview p{color:#69786c;font-size:.88rem;line-height:1.7}.facts-section{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-top:95px;padding-bottom:95px}.facts-section h2{margin:15px 0 25px}.facts-section p{max-width:460px}.facts{margin:0;border-top:1px solid var(--line)}.facts>div{display:flex;justify-content:space-between;gap:15px;padding:22px 0;border-bottom:1px solid var(--line)}.facts dt{font-size:.65rem;letter-spacing:.13em;font-weight:800;color:#8b988c}.facts dd{margin:0;font-size:.9rem;font-weight:700}.faq-preview{padding-bottom:95px}.faq-preview details{border-top:1px solid var(--line);padding:20px 0}.faq-preview details:last-child{border-bottom:1px solid var(--line)}.faq-preview summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between}.faq-preview summary:after{content:'+';font-size:1.4rem;line-height:1}.faq-preview details[open] summary:after{content:'−'}.faq-preview details p{max-width:700px;margin:14px 0 0}footer{background:var(--deep);color:#e6eddc;padding:55px clamp(22px,4vw,64px) 20px;display:grid;grid-template-columns:1fr auto;gap:40px}footer .brand-mark{background:var(--lime);color:var(--deep)}footer .brand-sub{color:#a7b6a5}footer p{max-width:390px;color:#9aaf9c;font-size:.78rem;line-height:1.6;margin:20px 0 0}footer nav{display:grid;grid-template-columns:repeat(2,auto);gap:20px 55px}.copyright{grid-column:1/-1;border-top:1px solid #365346;padding-top:20px;font-size:.7rem;color:#82998a}.article-wrap{max-width:1000px;padding-top:75px;padding-bottom:100px}.article-wrap h1{font-size:clamp(3.3rem,7vw,6rem);margin:14px 0 25px}.article-lead{font-size:1.25rem;line-height:1.65;color:#627566;max-width:750px}.article-body{margin-top:65px;display:grid;grid-template-columns:200px 1fr;gap:55px}.article-aside{font-size:.7rem;font-weight:800;letter-spacing:.14em;color:#879988;padding-top:10px}.article-content h2{font-size:2.25rem;margin:0 0 20px}.article-content h3{margin:30px 0 10px}.article-content p,.article-content li{color:#5f7165;font-size:1rem;line-height:1.8}.article-content section{padding-bottom:42px;margin-bottom:45px;border-bottom:1px solid var(--line)}.article-content a{color:#246a48;font-weight:700}.callout{background:#e5edda;padding:22px;border-left:4px solid #7eae71}.article-content ol{padding-left:22px}@media(max-width:800px){.site-header{height:auto;min-height:70px;flex-wrap:wrap;padding-top:15px;padding-bottom:15px}.site-header nav{order:3;width:100%;justify-content:space-between;gap:8px}.site-header nav a{font-size:.72rem}.header-cta{display:none}.small-label{display:none}.hero-title{min-height:0;padding:55px 0 30px}.hero-badge{display:none}.game-frame{height:55vh;min-height:390px}.game-bottom{gap:5px}.game-bottom>span{font-size:.5rem;line-height:1.6}.game-bottom button span{display:none}.section-heading{align-items:start;display:block}.section-heading>p,.section-heading>.text-link{display:block;margin-top:20px}.steps{grid-template-columns:1fr}.steps article{min-height:0}.step-art{height:145px}.facts-section{grid-template-columns:1fr;gap:35px}.article-body{grid-template-columns:1fr;gap:18px}.article-aside{padding-top:0}footer{grid-template-columns:1fr}.copyright{grid-column:auto}}@media(max-width:480px){h1{font-size:3.45rem}.share-row{justify-content:space-between;gap:8px}.share-row>span{font-size:.52rem}.share-links{gap:5px}.share-links a{width:34px;height:34px}.frame-message h2{font-size:2.25rem}.game-bar,.game-bottom{padding-left:12px;padding-right:12px}.game-bar{font-size:.55rem}.game-bottom b{padding:0 2px}.more-section,.guide-preview,.facts-section{padding-top:55px;padding-bottom:60px}}
/* Keep the direct game link available if embedding is blocked. */
.game-bottom a{color:#dbe5d1;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.game-bottom a:hover{color:var(--lime)}
@media(max-width:800px){.game-bottom{height:auto;min-height:48px;flex-wrap:wrap;column-gap:14px;row-gap:8px;padding-top:10px;padding-bottom:10px}.game-bottom>span{flex-basis:100%}}
.video-section{max-width:1480px;margin:auto;padding:75px clamp(22px,4vw,64px) 90px;border-top:1px solid var(--line)}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.video-grid article{background:#fffef6;border:1px solid var(--line);padding:12px;border-radius:5px}.video-grid video{display:block;width:100%;aspect-ratio:16/9;background:var(--deep);border-radius:3px}.video-grid h3{margin:19px 10px 6px;font-size:1.3rem}.video-grid p{margin:0 10px 15px;color:#6c7b6d;font-size:.85rem}@media(max-width:700px){.video-grid{grid-template-columns:1fr}.video-section{padding-top:55px;padding-bottom:65px}}
.game-loading{position:absolute;inset:0;z-index:2;display:grid;place-items:center;background:#173d30;color:#e1f370;font:700 1rem Outfit,sans-serif;letter-spacing:.06em}.game-frame:has(iframe:focus) .game-loading{display:none}

/* Mottle wordmark and matching face icon */
.brand{gap:11px;white-space:nowrap}.brand-icon{width:43px;height:43px;display:block;flex:none;border-radius:11px;box-shadow:0 2px 0 #67483144}.brand-wordmark{display:inline-block;font-family:Fredoka,Outfit,sans-serif;font-size:1.48rem;font-weight:700;line-height:1;letter-spacing:-.065em;color:#75523d;transform:rotate(-2deg);text-shadow:1px 2px 0 #d7b896}.brand-wordmark span{color:#d0845f;display:inline-block;transform:rotate(3deg) translateY(1px);text-shadow:1px 2px 0 #7a4e39}footer .brand-wordmark{color:#f0d6a6;text-shadow:1px 2px 0 #5e4130}footer .brand-wordmark span{color:#f3a978;text-shadow:1px 2px 0 #5e4130}@media(max-width:480px){.brand-icon{width:38px;height:38px}.brand-wordmark{font-size:1.28rem}}