:root{--yellow:#f0e43a;--green:#173e2b;--forest:#21513b;--cream:#fcfae9;--coral:#ed8762;--line:rgba(23,62,43,.2);--font:'Zen Maru Gothic','Hiragino Maru Gothic ProN','Yu Gothic',sans-serif;--latin:'Manrope',sans-serif;--page:clamp(22px,6vw,100px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--green);font-family:var(--font);font-weight:500;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{border:0;background:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:900}h1,h2{letter-spacing:.025em;line-height:1.5}p{line-height:2}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--coral);outline-offset:6px}::selection{background:var(--coral);color:var(--green)}[hidden]{display:none!important}section[id]{scroll-margin-top:100px}.eyebrow{font-family:var(--latin);font-size:11px;font-weight:800;letter-spacing:.15em;line-height:1.8}.mobile-only{display:none}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--green);color:var(--cream);padding:15px}.skip-link:focus{top:15px}.marker{background:linear-gradient(transparent 70%,var(--yellow) 70%,var(--yellow) 94%,transparent 94%)}
.site-header{height:94px;display:flex;align-items:center;gap:24px;justify-content:space-between;padding:0 var(--page);position:relative;z-index:20;background:var(--yellow)}.logo{display:flex;align-items:center;gap:11px;font-family:var(--latin);font-size:23px;font-weight:800;letter-spacing:-.06em;line-height:1.2;flex-shrink:0}.logo-mark{font-size:42px;line-height:1;font-weight:500;transition:transform .6s}.logo:hover .logo-mark{transform:rotate(90deg)}.logo-small{display:block;font-size:8px;font-weight:800;letter-spacing:.15em;margin-top:4px}.desktop-nav{display:flex;gap:clamp(14px,2vw,35px);font-size:12px;font-weight:700}.desktop-nav a{position:relative;padding:12px 0}.desktop-nav a:after{content:'';position:absolute;left:0;bottom:4px;height:2px;width:100%;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s}.desktop-nav a:hover:after{transform:scaleX(1)}.header-cta{border:1px solid var(--green);border-radius:100px;font-size:12px;font-weight:900;padding:13px 20px;display:flex;gap:22px;align-items:center;transition:background .2s,color .2s}.header-cta:hover{background:var(--green);color:var(--yellow)}.header-cta span{font-size:20px}.menu-toggle{display:none;width:44px;height:44px;position:relative;z-index:25;border:1px solid var(--green);border-radius:50%}.menu-toggle span{width:17px;height:2px;background:currentColor;display:block;margin:6px auto;transition:transform .3s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-menu{position:absolute;top:80px;left:0;right:0;padding:22px var(--page) 38px;background:var(--yellow);z-index:19;box-shadow:0 20px 24px #173e2b15}.mobile-menu a{padding:20px 0;border-bottom:1px solid var(--line);font-size:21px;font-weight:900;display:flex;justify-content:space-between}
.hero{background:var(--yellow);min-height:760px;min-height:min(840px,calc(100svh - 94px));padding:54px var(--page) 92px;position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;overflow:hidden}.hero-copy{position:relative;z-index:3}.hero-copy .eyebrow{display:flex;gap:10px;align-items:center}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green)}.hero h1{font-size:clamp(50px,6.5vw,96px);line-height:1.4;margin:27px 0 23px;white-space:nowrap;letter-spacing:.025em}.hero-underline{position:relative;display:inline-block}.hero-underline:after{content:'';width:95%;height:7px;background:var(--green);border-radius:50%;position:absolute;left:0;bottom:2px;transform:rotate(-2deg)}.hero-description{font-size:16px;line-height:2.1;letter-spacing:.045em;margin-bottom:28px}.button{min-height:56px;display:inline-flex;align-items:center;justify-content:space-between;gap:40px;border-radius:100px;padding:16px 26px;font-size:14px;font-weight:900;transition:transform .25s,box-shadow .25s,background .25s,color .25s}.button span:last-child{font-family:var(--latin);font-size:24px;line-height:1;font-weight:500}.button:hover{transform:translateY(-3px);box-shadow:0 6px 0 #173e2b18}.button-green{color:var(--cream);background:var(--green)}.button-green:hover{background:#2a6145}.button-outline{border:1px solid var(--green);background:transparent}.button-outline:hover{background:var(--green);color:var(--cream)}.hero-caption{font-size:10px;letter-spacing:.05em;margin-top:15px;opacity:.75}.hero-art{position:relative;align-self:center;width:115%;margin-left:-7%;z-index:2}.console{width:100%;height:auto;position:relative;animation:float 7s ease-in-out infinite;transform-origin:center;filter:drop-shadow(0 16px 15px #28451e05)}.hero-orbit{position:absolute;width:82%;aspect-ratio:1;border:1px solid #173e2b20;border-radius:50%;top:5%;left:8%;transform:rotate(-15deg)}.hero-orbit:after{content:'';position:absolute;inset:8%;border:1px dashed #173e2b1c;border-radius:50%}.idea-stamp{position:absolute;right:2%;top:8%;width:104px;height:104px;border-radius:50%;background:var(--coral);display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:13px;line-height:1.45;letter-spacing:.035em;transform:rotate(10deg);box-shadow:0 0 0 6px var(--yellow)}.idea-stamp strong{font-size:15px}.hero-side-note{position:absolute;right:-2%;top:36%;writing-mode:vertical-rl;letter-spacing:.2em;font-size:12px;font-weight:700}.hero-big-word{font-family:var(--latin);font-size:clamp(115px,24vw,350px);font-weight:800;line-height:.72;position:absolute;bottom:65px;right:3%;letter-spacing:-.08em;color:#173e2b0b;z-index:-1;user-select:none}.scroll-cue{position:absolute;bottom:26px;left:var(--page);font-size:10px;letter-spacing:.16em;font-family:var(--latin);font-weight:800;display:flex;gap:25px;align-items:center;z-index:3}.scroll-cue span{height:33px;width:33px;border:1px solid var(--green);border-radius:50%;display:grid;place-items:center;font-size:18px;transition:transform .3s}.scroll-cue:hover span{transform:translateY(4px)}
.marquee{overflow:hidden;border-top:1px solid var(--green);border-bottom:1px solid var(--green);background:var(--yellow);position:relative;z-index:2;transform:rotate(-1deg);margin:-1px -1% 0;width:102%}.marquee-track{width:max-content;display:flex;align-items:center;gap:42px;padding:18px 0;font-size:22px;font-family:var(--latin);font-weight:800;letter-spacing:-.02em;animation:marquee 30s linear infinite}.marquee-track span{font-size:31px;padding:0 15px}
.play-section{background:var(--green);color:var(--cream);padding:112px 0 80px;position:relative;overflow:hidden}.section-heading{text-align:center;padding:0 var(--page)}.section-heading h2{font-size:clamp(32px,4vw,56px);margin:20px 0 23px}.section-heading>p:last-child{font-size:15px;letter-spacing:.05em;color:#f9f8e5b3}.play-ribbon{width:100%;overflow:hidden;margin-top:64px}.ribbon-track{display:flex;align-items:flex-start;justify-content:center;gap:24px;width:max-content;min-width:100%;padding:18px 3vw 30px;transform:translateX(var(--ribbon-x,0px));will-change:transform}.ribbon-tile{width:clamp(135px,16vw,220px);transform:rotate(var(--tilt));flex-shrink:0}.ribbon-tile img{aspect-ratio:1;width:100%;height:auto;border:8px solid var(--cream);border-radius:31%;box-shadow:6px 9px 0 #091e1580}.ribbon-tile:first-child img{border-radius:28%}.ribbon-tile span{font-size:11px;font-weight:700;letter-spacing:.04em;display:block;text-align:center;margin-top:22px;color:var(--yellow)}.ribbon-caption{font-family:var(--latin);font-size:10px;letter-spacing:.17em;text-align:center;margin-top:36px;color:#fcfae999}.ribbon-caption span{display:inline-block;font-size:21px;margin-left:22px;color:var(--yellow)}
.latest-section{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,7vw,120px);align-items:center;padding:124px var(--page) 132px;background:var(--cream);position:relative;border-radius:55% 55% 0 0/50px 50px 0 0;margin-top:-35px;z-index:2}.latest-art{position:relative;max-width:520px;justify-self:center;width:100%;text-align:center}.outlined-badge{display:inline-block;border:1px solid var(--green);border-radius:50%;padding:13px 35px;font-family:var(--latin);font-size:11px;font-weight:800;letter-spacing:.12em;transform:rotate(-6deg);margin-bottom:32px}.latest-image-wrap{width:76%;margin:15px auto;border-radius:29%;overflow:hidden;transform:rotate(-6deg);box-shadow:10px 14px 0 var(--yellow)}.latest-image-wrap img{width:100%;height:auto}.latest-spark{position:absolute;color:var(--green)}.spark-one{font-size:80px;left:1%;top:19%;transform:rotate(10deg)}.spark-two{font-size:52px;right:2%;bottom:3%;color:var(--coral)}.award-seal{position:absolute;bottom:-15px;left:-12px;border-radius:50%;background:var(--yellow);border:1px dashed var(--green);outline:6px solid var(--yellow);width:142px;height:142px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:9px;line-height:1.7;transform:rotate(-12deg)}.award-seal strong{font-size:23px;font-weight:900;margin:3px 0}.award-seal small{font-size:9px}.latest-copy h2{font-size:clamp(38px,4.6vw,66px);line-height:1.4;margin:22px 0 28px}.latest-copy>p:not(.eyebrow):not(.link-caption){font-size:14px;margin:16px 0;line-height:2.2}.latest-copy .button{margin-top:12px;min-width:270px}.link-caption{font-size:10px;margin-top:10px;opacity:.7}
.games-section{background:#f6f1dd;padding:108px var(--page) 124px;border-radius:55% 55% 0 0/45px 45px 0 0}.games-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:43px;gap:35px}.games-heading h2{font-size:clamp(36px,4.3vw,61px);margin-top:17px;line-height:1.5}.games-heading>p{font-size:14px;line-height:2.2;padding-bottom:10px}.game-filters{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding-bottom:29px;border-bottom:1px solid var(--line);margin-bottom:40px}.filter{border:1px solid var(--line);border-radius:50px;padding:10px 19px;font-size:12px;display:flex;gap:16px;align-items:center;min-height:42px;font-weight:700;transition:background .2s}.filter span{font-family:var(--latin);font-size:10px;opacity:.7}.filter.active{background:var(--green);color:var(--cream);border-color:var(--green)}.filter:hover:not(.active){background:#e7e0c6}.game-count{margin-left:auto;font-size:11px}.games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:49px 30px}.game-card{min-width:0}.game-card[hidden]{display:none}.game-visual{width:100%;height:auto;aspect-ratio:1.12;position:relative;background:var(--card-color);border-radius:26px;display:grid;place-items:center;overflow:hidden;border:1px solid #173e2b15;transition:transform .4s}.game-visual:before{content:'';width:63%;aspect-ratio:1;border:1px solid #173e2b22;border-radius:50%;position:absolute}.game-visual img{height:69%;width:auto;aspect-ratio:1;border-radius:23%;box-shadow:4px 7px 0 #173e2b18;transform:rotate(-6deg);transition:transform .5s}.game-card:nth-child(2n) .game-visual img{transform:rotate(6deg)}.game-visual:hover img{transform:rotate(0) translateY(-5px) scale(1.035)}.game-number{position:absolute;left:19px;top:18px;font-family:var(--latin);font-size:10px;font-weight:800;letter-spacing:.05em}.game-new{position:absolute;right:16px;top:15px;background:var(--green);color:var(--cream);font-size:9px;padding:5px 12px;border-radius:50px}.visual-plus{position:absolute;right:14px;bottom:14px;height:34px;width:34px;border-radius:50%;border:1px solid var(--green);display:grid;place-items:center;font-size:20px;transition:background .3s,color .3s}.game-visual:hover .visual-plus{background:var(--green);color:var(--cream)}.game-info{padding-top:19px}.game-tag{font-size:10px;color:#456851}.game-info h3{font-size:21px;letter-spacing:.015em;margin:5px 0 8px}.game-info h3 button{padding:0;text-align:left;font-weight:900}.game-info>p:not(.game-tag){font-size:12px;line-height:1.9;color:#4a6856}.text-link{font-size:11px;display:inline-flex;gap:30px;align-items:center;font-weight:900;margin-top:17px;padding-bottom:4px;border-bottom:1px solid var(--green)}.text-link span{font-family:var(--latin);font-size:18px}.text-link:hover{color:#a4492c;border-color:#a4492c}
.about-section{padding:126px var(--page) 100px;background:var(--cream)}.about-intro{text-align:center}.about-intro h2{font-size:clamp(30px,3.8vw,52px);margin:23px 0 29px;line-height:1.65}.about-intro>p:last-child{font-size:14px;line-height:2.2;letter-spacing:.03em}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,9vw,150px);margin:66px auto 0;max-width:1040px;align-items:center}.about-poster{background:var(--coral);padding:33px;transform:rotate(-5deg);border-radius:6px;box-shadow:12px 15px 0 #ede8d0;max-width:430px;justify-self:center;width:100%}.poster-top{display:flex;justify-content:space-between;align-items:center;font-family:var(--latin);font-size:10px;letter-spacing:.14em;font-weight:800;line-height:1.6;padding-bottom:24px;border-bottom:1px solid var(--green)}.poster-star{font-size:44px;line-height:1;font-weight:500}.poster-copy{font-size:clamp(30px,3.5vw,48px);line-height:1.85;font-weight:900;padding:24px 0;letter-spacing:.04em}.poster-bottom{border-top:1px solid var(--green);padding-top:25px;font-family:var(--latin);font-size:9px;letter-spacing:.1em;font-weight:800;display:flex;align-items:center;justify-content:space-between}.poster-bottom span:last-child{font-size:29px;line-height:1}.about-story>p{font-size:14px;line-height:2.2;margin:0 0 22px}.about-story .hand-sign{margin-top:28px;font-weight:900;font-size:17px;transform:rotate(-3deg)}.hand-sign span{display:inline-block;margin-left:10px;font-size:30px;transform:rotate(12deg)}.facts-row{display:flex;justify-content:center;align-items:center;gap:80px;margin-top:85px;border-top:1px solid var(--line);padding-top:38px}.facts-row strong{font-family:var(--latin);font-size:65px;letter-spacing:-.07em;font-weight:800;line-height:1.6}.facts-row strong span{font-size:21px;letter-spacing:-.04em;margin-left:4px}.facts-row p{font-size:10px;letter-spacing:.04em}.facts-star{font-size:46px;line-height:1;color:var(--coral)}
.journey-section{background:var(--yellow);padding:110px var(--page);border-radius:55% 55% 0 0/45px 45px 0 0}.journey-heading{text-align:center;margin-bottom:54px}.journey-heading h2{font-size:clamp(35px,4vw,53px);margin-top:20px;line-height:1.5}.journey-list{max-width:950px;margin:auto;border-top:1px solid var(--green)}.journey-item{display:flex;align-items:center;border-bottom:1px solid var(--green);padding:35px 5px;gap:45px}.journey-number{font-family:var(--latin);font-size:13px;font-weight:800;align-self:flex-start;padding-top:7px}.journey-item .eyebrow{font-size:9px}.journey-item h3{font-size:27px;letter-spacing:.03em;margin:7px 0 10px}.journey-item p:not(.eyebrow){font-size:12px;line-height:1.9}.journey-star{font-size:66px;margin-left:auto;line-height:1;font-weight:400;transition:transform .6s}.journey-item:hover .journey-star{transform:rotate(120deg)}.journey-section>.button{display:flex;width:max-content;max-width:100%;margin:40px auto 0;min-width:290px}
.notes-promo{padding:110px var(--page);display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.notes-promo h2{font-size:clamp(31px,3.5vw,46px);margin:18px 0 20px}.notes-promo>div>p:last-child{font-size:13px;line-height:2.2}.notes-link{padding:30px 34px;background:#e9efd8;border-radius:25px;border:1px solid var(--line);display:block;transform:rotate(2deg);transition:transform .3s,background .3s}.notes-link:hover{transform:rotate(0);background:var(--yellow)}.notes-link>span{font-size:10px;font-family:var(--latin);letter-spacing:.13em;font-weight:800}.notes-link strong{display:flex;justify-content:space-between;align-items:center;font-size:30px;line-height:1.5;margin:32px 0}.notes-link strong span{border:1px solid var(--green);border-radius:50%;width:48px;height:48px;display:grid;place-items:center;font-size:25px;font-weight:500}.notes-link small{font-size:11px}
.contact-section{text-align:center;padding:90px var(--page) 100px;background:#f0edd9;border-radius:55% 55% 0 0/40px 40px 0 0}.contact-section h2{font-size:clamp(32px,4vw,50px);margin:18px 0 22px}.contact-section>p:not(.eyebrow){font-size:12px}.contact-mail{display:inline-flex;align-items:center;gap:35px;font-family:var(--latin);font-size:clamp(17px,3vw,31px);font-weight:800;margin:25px 0 35px;border-bottom:1px solid var(--green);padding-bottom:12px;letter-spacing:-.02em}.socials{display:flex;justify-content:center;gap:30px;font-family:var(--latin);font-size:10px;font-weight:800}.socials a{padding:10px 0;border-bottom:1px solid transparent}.socials a:hover{border-bottom-color:currentColor}
.footer{background:var(--green);color:var(--cream);padding:85px var(--page) 26px;overflow:hidden}.footer-top{display:flex;justify-content:space-between;align-items:center}.footer-top h2{font-size:clamp(28px,3.2vw,43px);margin-top:20px}.footer-top .eyebrow{color:#fcfae998;font-size:9px}.round-link{width:83px;height:83px;border:1px solid #fcfae969;border-radius:50%;display:grid;place-items:center;font-family:var(--latin);font-size:40px;color:var(--yellow);transition:background .3s,color .3s,transform .3s}.round-link:hover{background:var(--yellow);color:var(--green);transform:rotate(45deg)}.footer-word{font-family:var(--latin);font-weight:800;font-size:clamp(72px,15.5vw,228px);letter-spacing:-.065em;line-height:1.2;color:var(--yellow);margin:65px 0 27px;white-space:nowrap;position:relative}.footer-word>span{font-size:10px;letter-spacing:.1em;position:absolute;right:1%;bottom:8px;color:var(--cream)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #fcfae932;padding-top:25px;font-family:var(--latin);font-size:9px;color:#fcfae99c;align-items:center}.footer-bottom>div{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.footer-bottom a:not(.to-top):hover,.motion-toggle:hover{color:var(--yellow)}.motion-toggle{font-size:9px;padding:6px 0;color:inherit}.motion-toggle span{margin-left:8px}.to-top{border:1px solid #fcfae94a;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;font-size:17px;color:var(--cream)}
.game-dialog{border:0;border-radius:28px;max-width:900px;width:calc(100% - 40px);padding:0;background:var(--cream);color:var(--green);overflow:visible;max-height:calc(100svh - 60px)}.game-dialog::backdrop{background:#102b22c2;backdrop-filter:blur(5px)}.dialog-close{position:absolute;top:14px;right:14px;width:42px;height:42px;border-radius:50%;background:var(--cream);border:1px solid var(--green);font-family:var(--latin);font-size:25px;line-height:1;z-index:3}.dialog-layout{display:grid;grid-template-columns:40% 60%;border-radius:28px;overflow:hidden;max-height:calc(100svh - 60px);overflow-y:auto}.dialog-art{background:var(--dialog-color,var(--yellow));padding:35px;display:flex;align-items:center}.dialog-art img{width:100%;height:auto;border-radius:25%;transform:rotate(-6deg);box-shadow:7px 10px 0 #173e2b15}.dialog-copy{padding:55px 38px 40px}.dialog-copy h2{font-size:27px;line-height:1.4;margin:17px 0 8px}.dialog-grade{font-size:10px;opacity:.6;margin-bottom:19px}.dialog-copy #dialog-description{font-size:13px;line-height:2.2}.dialog-award{font-size:11px;background:#efedd7;padding:10px 16px;border-radius:8px;margin-top:19px;font-weight:700}.dialog-copy .button{margin-top:25px;width:100%;min-height:50px;font-size:12px}.dialog-copy .eyebrow{font-size:9px}.dialog-open{overflow:hidden}
.inner-main{background:var(--cream)}.inner-hero{background:var(--yellow);padding:42px var(--page) 85px;position:relative}.breadcrumb{font-size:9px;font-family:var(--latin);letter-spacing:.1em;display:block;width:max-content;padding-bottom:6px;margin-bottom:45px;border-bottom:1px solid var(--green)}.inner-hero h1{font-size:clamp(36px,5vw,68px);line-height:1.5;margin:22px 0}.inner-hero>p:not(.eyebrow){font-size:14px;line-height:2.2}.inner-hero.compact h1{font-size:clamp(35px,4vw,56px)}.activity-content{padding:85px var(--page) 105px;max-width:1440px;margin:auto}.section-title{display:flex;gap:30px;align-items:flex-start;margin-bottom:43px}.section-title>.asterisk{font-size:51px;line-height:1.4}.section-title h2{font-size:32px;margin:12px 0 15px}.section-title p:not(.eyebrow){font-size:13px;line-height:2.1}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-bottom:75px}.video-launch{display:block;text-align:left;position:relative;aspect-ratio:16/9;width:100%;background:var(--green);color:var(--yellow);border-radius:18px;padding:25px;overflow:hidden;transition:background .3s}.video-launch:after{content:'✳';position:absolute;right:-25px;bottom:-50px;font-size:200px;line-height:1;color:#f0e43a10;transition:transform .5s}.video-launch:hover:after{transform:rotate(90deg)}.video-pattern{font-family:var(--latin);font-size:clamp(20px,3vw,38px);line-height:1.2;letter-spacing:-.04em;font-weight:800;display:block}.video-label{position:absolute;bottom:20px;left:25px;font-size:10px;color:var(--cream)}.play-button{width:52px;height:52px;border:1px solid #fcfae980;border-radius:50%;display:grid;place-items:center;position:absolute;right:25px;bottom:25px;background:#ffffff12;color:var(--cream);font-size:17px}.video-alternate{background:var(--coral);color:var(--green)}.video-alternate .video-label,.video-alternate .play-button{color:var(--green)}.video-card h3{font-size:20px;margin:19px 0 8px}.video-card>p{font-size:11px}.video-frame{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:18px}.making-heading{margin-top:70px}.video-full{max-width:850px;margin-bottom:48px}.video-full .video-pattern{font-size:clamp(28px,5vw,62px)}.activity-content>.button{display:flex;width:max-content;margin:60px auto 0}.notes-jump{display:flex;gap:15px;margin-top:30px}.notes-content{max-width:1080px;padding:80px var(--page);margin:auto;box-sizing:content-box}.notes-content>h2{font-size:36px;margin:15px 0 35px}.resource-list{border-top:1px solid var(--green)}.resource{display:flex;gap:30px;align-items:center;padding:24px 6px;border-bottom:1px solid var(--line)}.resource>span{font-size:11px;font-family:var(--latin);font-weight:800}.resource small{font-size:10px;opacity:.7}.resource h3{font-size:21px;margin-top:5px}.resource b{margin-left:auto;font-size:30px;font-weight:500;transition:transform .3s}.resource:hover b{transform:translate(4px,-4px)}.resource:hover h3{color:#a4492b}.dev-tip{display:flex;gap:25px;padding:26px 32px;background:#e9efd8;border-radius:15px;margin-top:32px;align-items:center}.dev-tip>span{font-size:37px}.dev-tip p{font-size:12px;line-height:2.1}.notes-intro{font-size:12px;margin-bottom:25px}.sdk-links{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:33px}.sdk-links a{font-family:var(--latin);font-size:10px;font-weight:700;border:1px solid var(--line);padding:10px 16px;border-radius:20px}.sdk-links a:hover{background:var(--yellow)}.code-example{border-top:1px solid var(--green)}.code-example:last-child{border-bottom:1px solid var(--green)}.code-example summary{display:flex;align-items:center;gap:25px;padding:25px 5px;cursor:pointer;list-style:none;font-family:var(--latin);font-size:18px;font-weight:800;overflow-wrap:anywhere}.code-example summary::-webkit-details-marker{display:none}.code-index{font-size:11px;align-self:center;flex-shrink:0}.code-plus{margin-left:auto;flex-shrink:0;font-size:22px;font-weight:400;transition:transform .3s}.code-example[open] .code-plus{transform:rotate(45deg)}.code-toolbar{display:flex;gap:22px;align-items:center;background:#203e2e;color:var(--cream);font-family:var(--latin);font-size:10px;padding:16px 22px;border-radius:12px 12px 0 0}.code-toolbar>span{margin-right:auto;opacity:.65}.code-toolbar button{font-size:10px;padding:5px}.code-toolbar a{font-size:10px}.code-toolbar a:hover,.code-toolbar button:hover{color:var(--yellow)}.code-example pre{margin:0 0 26px;padding:24px;background:var(--green);color:var(--cream);border-radius:0 0 12px 12px;overflow:auto;max-height:600px;font-size:12px;line-height:1.8;tab-size:4}.policy-content{max-width:850px;margin:auto;padding:65px var(--page) 85px;box-sizing:content-box;font-family:var(--font);font-size:14px;line-height:2;overflow-wrap:anywhere}.policy-content h2{font-size:23px;margin:45px 0 19px;line-height:1.7}.policy-content ul{padding-left:23px}.policy-content p{margin:14px 0}.policy-content a{border-bottom:1px solid var(--line)}.policy-content .container{max-width:none;margin:0;padding:0}.policy-origin{font-size:11px;border-top:1px solid var(--line);padding-top:25px;margin-top:50px!important}
@keyframes float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-13px) rotate(1deg)}}@keyframes marquee{to{transform:translateX(-50%)}}.js-motion .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.65,.25,1)}.js-motion .reveal.is-visible{opacity:1;transform:translateY(0)}.js-motion .about-poster.reveal.is-visible{transform:rotate(-5deg)}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reduce-motion .reveal{opacity:1!important;transform:none!important}.reduce-motion .ribbon-track{transform:none!important}
@media(min-width:1600px){.hero,.latest-section,.games-section,.about-section,.journey-section,.notes-promo,.contact-section,.footer,.site-header{padding-left:max(var(--page),calc((100vw - 1420px)/2));padding-right:max(var(--page),calc((100vw - 1420px)/2))}.hero-art{max-width:790px;justify-self:end}.hero{min-height:850px}.hero-big-word{right:max(3%,calc((100vw - 1420px)/2))}}
@media(max-width:1080px){.desktop-nav{gap:15px;font-size:10px}.logo{font-size:20px}.logo-mark{font-size:36px}.header-cta{font-size:10px;padding:10px 15px;gap:15px}.site-header{gap:15px}.hero{padding-top:40px;min-height:690px;grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(48px,6.5vw,74px)}.hero-description{font-size:13px}.hero .button{font-size:12px;padding:14px 21px;gap:25px}.hero-art{width:123%;margin-left:-12%}.hero-side-note{right:1%;font-size:10px}.idea-stamp{right:7%;width:85px;height:85px;font-size:11px;top:6%}.idea-stamp strong{font-size:12px}.game-info h3{font-size:18px}.latest-section{gap:38px}.latest-copy>p:not(.eyebrow):not(.link-caption){font-size:12px}.latest-copy .button{min-width:230px}.about-grid{gap:65px}.about-story>p{font-size:12px}.poster-copy{font-size:36px}.footer-bottom{font-size:8px}.footer-bottom>div{gap:15px}}
@media(max-width:760px){:root{--page:24px}html{scroll-padding-top:28px}section[id]{scroll-margin-top:25px}.site-header{height:80px;gap:12px}.logo{font-size:21px}.logo-mark{font-size:37px}.logo-small{font-size:7px}.desktop-nav,.header-cta{display:none}.menu-toggle{display:block}.mobile-only{display:block}.hero{padding:38px var(--page) 74px;display:flex;flex-direction:column;align-items:stretch;min-height:0;text-align:center;overflow:hidden}.hero-copy .eyebrow{justify-content:center;font-size:9px;letter-spacing:.12em}.hero h1{font-size:clamp(49px,11.5vw,76px);margin:24px 0 23px;line-height:1.4;white-space:normal}.hero-underline:after{height:5px}.hero-description{font-size:13px;line-height:2;letter-spacing:.025em;margin:0 0 24px}.hero .button{font-size:12px;min-height:51px;padding:14px 22px;gap:23px}.hero-caption{font-size:8px;margin-top:12px}.hero-art{width:calc(100% + 48px);margin:10px -24px -20px;max-width:590px;align-self:center;z-index:1}.console{width:100%}.hero-orbit{width:78%;left:11%;top:9%}.idea-stamp{right:9%;top:4%;width:79px;height:79px;font-size:10px}.idea-stamp strong{font-size:11px}.hero-side-note{right:5%;top:34%;font-size:9px}.hero-big-word{font-size:33vw;bottom:35px;right:5%;line-height:.8;opacity:.9;z-index:0}.scroll-cue{font-size:8px;bottom:20px;left:24px;gap:15px}.scroll-cue span{width:28px;height:28px;font-size:15px}.marquee-track{font-size:15px;padding:13px 0;gap:23px}.marquee-track span{font-size:22px;padding:0 5px}.play-section{padding:79px 0 68px}.section-heading .eyebrow{font-size:9px}.section-heading h2{font-size:35px;margin:23px 0 25px;line-height:1.6}.section-heading>p:last-child{font-size:12px;line-height:2.1}.play-ribbon{margin-top:37px}.ribbon-track{justify-content:flex-start;gap:25px;padding-left:24px;min-width:0}.ribbon-tile{width:146px}.ribbon-tile img{border-width:6px;box-shadow:4px 7px 0 #091e1580}.ribbon-tile span{font-size:9px;margin-top:19px}.ribbon-caption{font-size:8px;letter-spacing:.09em;margin-top:24px}.ribbon-caption span{font-size:18px;margin-left:15px}.latest-section{display:flex;flex-direction:column;gap:51px;padding:84px var(--page) 84px;border-radius:60% 60% 0 0/28px 28px 0 0;margin-top:-23px}.latest-art{max-width:400px}.outlined-badge{padding:11px 24px;font-size:9px;margin-bottom:23px}.latest-image-wrap{width:70%;box-shadow:8px 11px 0 var(--yellow)}.award-seal{width:116px;height:116px;left:0;bottom:-17px;font-size:7px}.award-seal strong{font-size:20px;margin:2px 0}.award-seal small{font-size:8px}.spark-one{font-size:62px;left:3%;top:25%}.spark-two{font-size:41px;right:3%;bottom:1%}.latest-copy{text-align:center}.latest-copy .eyebrow{font-size:9px}.latest-copy h2{font-size:46px;line-height:1.4;margin:20px 0 25px}.latest-copy>p:not(.eyebrow):not(.link-caption){font-size:12px;line-height:2.1;margin:15px 0}.latest-copy .button{min-width:255px}.latest-copy .link-caption{font-size:9px;margin-top:11px}.games-section{padding:75px var(--page) 85px;border-radius:60% 60% 0 0/28px 28px 0 0}.games-heading{display:block;margin-bottom:29px}.games-heading .eyebrow{font-size:9px}.games-heading h2{font-size:41px;margin:17px 0 24px;line-height:1.5}.games-heading>p{font-size:12px;padding:0;line-height:2}.game-filters{gap:8px;margin-bottom:27px;padding-bottom:20px}.filter{font-size:10px;gap:9px;padding:9px 13px;min-height:37px}.filter span{font-size:8px}.game-count{font-size:9px;width:100%;text-align:right;margin:4px 0 0}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px}.game-card:first-child{grid-column:1/-1}.game-card:first-child .game-visual{aspect-ratio:1.65}.game-card:first-child .game-visual img{height:75%;border-radius:25%}.game-card:first-child .game-info h3{font-size:25px}.game-visual{border-radius:18px;aspect-ratio:1}.game-visual img{height:64%;box-shadow:3px 5px 0 #173e2b18}.game-number{font-size:8px;left:12px;top:12px}.visual-plus{width:25px;height:25px;font-size:15px;right:10px;bottom:10px}.game-new{font-size:9px;top:12px;right:12px}.game-info{padding-top:15px}.game-tag{font-size:8px;line-height:1.6}.game-info h3{font-size:17px;line-height:1.5;margin:5px 0 8px;overflow-wrap:anywhere}.game-info>p:not(.game-tag){font-size:10px;line-height:1.9}.text-link{font-size:9px;gap:14px;margin-top:13px;padding-bottom:3px}.text-link span{font-size:15px}.about-section{padding:86px var(--page) 75px}.about-intro .eyebrow{font-size:9px}.about-intro h2{font-size:28px;line-height:1.8;margin:20px -8px 25px;letter-spacing:0}.about-intro>p:last-child{font-size:12px;line-height:2.2}.about-grid{display:flex;flex-direction:column;gap:56px;margin-top:44px}.about-poster{max-width:315px;padding:26px;box-shadow:9px 12px 0 #ede8d0;width:88%}.poster-top{font-size:8px;padding-bottom:20px}.poster-star{font-size:36px}.poster-copy{font-size:34px;line-height:1.85;padding:20px 0}.poster-bottom{font-size:8px;padding-top:20px}.about-story{width:100%;max-width:315px}.about-story>p{font-size:13px;line-height:2.2;margin-bottom:23px}.about-story .hand-sign{font-size:15px}.hand-sign span{font-size:25px}.facts-row{gap:26px;margin-top:40px;padding-top:28px}.facts-row strong{font-size:49px;line-height:1.6}.facts-row strong span{font-size:15px}.facts-row p{font-size:8px;letter-spacing:0}.facts-star{font-size:31px}.journey-section{padding:78px var(--page) 80px;border-radius:60% 60% 0 0/28px 28px 0 0}.journey-heading{margin-bottom:40px}.journey-heading .eyebrow{font-size:8px}.journey-heading h2{font-size:36px;margin-top:19px;line-height:1.6}.journey-item{gap:20px;padding:26px 0}.journey-number{font-size:10px;padding-top:6px}.journey-item h3{font-size:22px;margin:6px 0 10px}.journey-item .eyebrow{font-size:7px;letter-spacing:.1em}.journey-item p:not(.eyebrow){font-size:10px;line-height:2}.journey-star{font-size:36px;margin-left:auto;flex-shrink:0}.journey-section>.button{font-size:12px;min-width:270px;margin-top:32px}.notes-promo{display:block;padding:80px var(--page)}.notes-promo h2{font-size:32px;margin:17px 0 20px}.notes-promo .eyebrow{font-size:9px}.notes-promo>div>p:last-child{font-size:12px}.notes-link{margin:36px 0 0;padding:25px 25px;border-radius:20px}.notes-link>span{font-size:8px}.notes-link strong{font-size:25px;margin:26px 0}.notes-link strong span{width:39px;height:39px;font-size:22px}.notes-link small{font-size:10px}.contact-section{padding:74px var(--page) 78px;border-radius:60% 60% 0 0/25px 25px 0 0}.contact-section .eyebrow{font-size:9px}.contact-section h2{font-size:35px;margin:18px 0 24px}.contact-section>p:not(.eyebrow){font-size:10px}.contact-mail{font-size:19px;gap:19px;margin:26px 0 30px;padding-bottom:10px}.socials{font-size:9px;gap:23px}.footer{padding:65px var(--page) 23px}.footer-top .eyebrow{font-size:7px;letter-spacing:.08em}.footer-top h2{font-size:27px;margin-top:16px;line-height:1.6}.round-link{width:55px;height:55px;font-size:30px;flex-shrink:0}.footer-word{font-size:15.2vw;margin:47px -3px 36px;letter-spacing:-.06em;line-height:1.1}.footer-word>span{font-size:7px;bottom:-17px;right:2px}.footer-bottom{flex-direction:column-reverse;align-items:flex-start;padding-top:22px;gap:21px;font-size:8px}.footer-bottom>div{gap:18px;width:100%;font-size:8px;justify-content:space-between}.motion-toggle{font-size:8px}.motion-toggle span{margin-left:3px}.to-top{width:26px;height:26px;font-size:15px}.game-dialog{width:calc(100% - 28px);border-radius:20px;max-height:calc(100svh - 35px)}.dialog-layout{display:block;border-radius:20px;max-height:calc(100svh - 35px)}.dialog-close{top:11px;right:11px;width:34px;height:34px;font-size:22px}.dialog-art{height:210px;padding:25px;justify-content:center}.dialog-art img{height:160px;width:160px}.dialog-copy{padding:29px 25px 32px}.dialog-copy h2{font-size:26px;margin:13px 0 7px}.dialog-copy #dialog-description{font-size:12px;line-height:2}.dialog-grade{font-size:9px;margin-bottom:18px}.dialog-copy .button{font-size:12px;margin-top:23px}.inner-hero{padding:24px var(--page) 63px}.breadcrumb{font-size:8px;margin-bottom:30px}.inner-hero .eyebrow{font-size:9px}.inner-hero h1{font-size:36px;line-height:1.6;margin:20px 0}.inner-hero>p:not(.eyebrow){font-size:12px;line-height:2.1}.inner-hero.compact h1{font-size:33px}.activity-content{padding:60px var(--page) 70px}.section-title{gap:16px;margin-bottom:30px}.section-title>.asterisk{font-size:34px}.section-title .eyebrow{font-size:8px}.section-title h2{font-size:23px;margin:10px 0 13px}.section-title p:not(.eyebrow){font-size:11px;line-height:2}.video-grid{display:block;margin-bottom:50px}.video-card{margin-bottom:35px}.video-launch{padding:23px;border-radius:15px}.video-pattern{font-size:30px}.play-button{right:22px;bottom:22px;width:43px;height:43px;font-size:13px}.video-label{font-size:8px;bottom:20px;left:23px}.video-card h3{font-size:18px;margin:16px 0 8px}.video-card>p{font-size:10px}.video-frame{border-radius:15px}.making-heading{margin-top:50px}.video-full .video-pattern{font-size:30px}.activity-content>.button{font-size:12px;margin-top:45px}.notes-jump{gap:10px;margin-top:25px}.notes-jump .button{font-size:11px;gap:20px;padding:12px 20px;min-height:46px}.notes-jump .button span:last-child{font-size:20px}.notes-content{box-sizing:border-box;padding:60px var(--page)}.notes-content .eyebrow{font-size:9px}.notes-content>h2{font-size:30px;margin:15px 0 28px}.resource{gap:18px;padding:22px 0}.resource>span{font-size:9px}.resource small{font-size:8px}.resource h3{font-size:16px;margin-top:6px}.resource b{font-size:24px;margin-left:auto}.dev-tip{padding:20px;gap:16px;border-radius:12px;margin-top:25px}.dev-tip>span{font-size:27px}.dev-tip p{font-size:10px;line-height:2}.notes-intro{font-size:11px;line-height:2}.sdk-links{gap:8px;margin-bottom:25px}.sdk-links a{font-size:8px;padding:9px 12px}.code-example summary{gap:17px;font-size:13px;padding:23px 0}.code-index{font-size:9px}.code-plus{font-size:20px}.code-toolbar{gap:11px;padding:12px;font-size:8px}.code-toolbar button,.code-toolbar a{font-size:8px}.code-example pre{padding:17px;font-size:10px;line-height:1.9;margin-bottom:20px}.policy-content{padding:45px var(--page) 65px;box-sizing:border-box;font-size:12px;line-height:2}.policy-content h2{font-size:19px;margin:32px 0 15px}.policy-origin{font-size:10px}}
@media(max-width:360px){:root{--page:19px}.logo{font-size:19px}.hero{padding-top:30px}.hero h1{font-size:47px}.hero-description{font-size:12px}.hero-art{width:calc(100% + 38px);margin-left:-19px;margin-right:-19px}.games-grid{gap:28px 12px}.game-info h3{font-size:15px}.game-info>p:not(.game-tag){font-size:9px}.filter{padding:8px 10px}.about-intro h2{font-size:25px}.about-story{padding:0 10px}.facts-row{gap:20px}.facts-row strong{font-size:43px}.facts-row p{font-size:7px}.journey-item{gap:14px}.journey-item h3{font-size:19px}.journey-star{font-size:29px}.contact-mail{font-size:17px;gap:14px}.footer-bottom>div{gap:11px}.footer-top h2{font-size:23px}.code-toolbar>span{display:none}.code-toolbar button{margin-right:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1!important;transform:none!important}.ribbon-track{transform:none!important}}
/* Keep the tilted ticker inside the viewport. */
body{overflow-x:clip}
.marquee{width:100%;margin:-1px 0 0;transform:none}
/* MasaMisa palette: the original lightbulb's yellow, ink-black drawings and the games' sky blues. */
:root{--yellow:#ffcf00;--green:#151515;--forest:#202124;--cream:#faf9f3;--coral:#b7574d;--line:rgba(21,21,21,.18)}
.site-header{background:var(--cream)}.logo{letter-spacing:-.045em}.logo-mark{width:43px;height:43px;display:block}.logo-mark img{width:100%;height:100%;border-radius:11px;border:1px solid #151515}.logo:hover .logo-mark{transform:rotate(-8deg)}.header-cta{background:var(--yellow);border-color:var(--green)}.header-cta:hover{background:var(--green);color:var(--yellow)}.mobile-menu{background:var(--cream)}
.hero{background:var(--cream);grid-template-columns:1fr 1.17fr;min-height:810px;padding-top:45px;padding-bottom:84px}.hero-copy .eyebrow{font-size:10px;letter-spacing:.14em}.hero h1{font-size:clamp(52px,6.4vw,93px);margin:25px 0 27px;line-height:1.4}.hero-underline{isolation:isolate}.hero-underline:after{height:26%;background:var(--yellow);bottom:.075em;z-index:-1;border-radius:2px;transform:rotate(-1.5deg);width:101%}.hero-description{font-size:14px;line-height:2.2;margin-bottom:30px}.hero .button{background:var(--yellow);color:var(--green);border:1px solid var(--green);box-shadow:3px 4px 0 var(--green);font-size:13px}.hero .button:hover{transform:translate(-1px,-3px);box-shadow:5px 7px 0 var(--green)}.hero-caption{font-size:9px;margin-top:18px}.hero-big-word{font-size:clamp(70px,13vw,185px);bottom:20px;right:2%;line-height:.9;color:#15151505;letter-spacing:-.05em;text-align:right}.hero-art.game-universe{width:109%;margin-left:-5%;aspect-ratio:1.05;position:relative;align-self:center;max-width:730px;z-index:2}.universe-orbit{position:absolute;width:81%;aspect-ratio:1;border:1px dashed #15151528;border-radius:50%;left:8%;top:9%;transform:rotate(-15deg)}.universe-orbit:after{content:'';position:absolute;inset:15%;border:1px solid #15151512;border-radius:50%}.universe-orbit:before{content:'';position:absolute;inset:-13%;border:1px solid #15151507;border-radius:50%}.orbit-game{position:absolute;border:0;padding:0;border-radius:23%;width:22%;aspect-ratio:1;box-shadow:5px 8px 0 #15151518,0 12px 27px #15151508;transform:rotate(var(--angle,0deg));transition:scale .4s,box-shadow .4s;animation:orbit-float 7s ease-in-out infinite;animation-delay:var(--delay,0s);background:var(--cream);overflow:hidden}.orbit-game img{width:100%;height:100%;border-radius:inherit;object-fit:cover;pointer-events:none}.orbit-game:hover,.orbit-game:focus-visible{scale:1.065;z-index:8;box-shadow:8px 13px 0 #15151524,0 12px 30px #1515150a}.orbit-main{width:51%;left:25%;top:26%;--angle:-7deg;--delay:0s;z-index:4;border:8px solid #151515;box-shadow:10px 13px 0 #ffcf00;overflow:visible;background:#000;border-radius:26px}.orbit-main img{border-radius:17px}.orbit-main:hover,.orbit-main:focus-visible{box-shadow:13px 17px 0 #ffcf00;scale:1.025}.orbit-caption{position:absolute;bottom:-28px;left:8%;width:84%;background:var(--cream);border:1px solid var(--green);box-shadow:2px 3px 0 #151515;display:flex;justify-content:space-between;align-items:center;padding:11px 17px;border-radius:50px;font-size:12px;font-weight:900;line-height:1.3;white-space:nowrap}.orbit-caption>span{font-size:20px;font-weight:500}.orbit-plane{left:0;top:10%;--angle:-15deg;--delay:-1s}.orbit-plant{right:1%;top:3%;width:25%;--angle:12deg;--delay:-3s}.orbit-music{right:-1%;top:47%;width:21%;--angle:12deg;--delay:-2s;z-index:5}.orbit-tap{left:0;top:53%;width:22%;--angle:-12deg;--delay:-4s}.orbit-fruit{right:17%;top:83%;width:17%;--angle:8deg;--delay:-3s}.orbit-bug{left:26%;top:87%;width:14%;--angle:-5deg;--delay:-2s}.universe-note{position:absolute;right:19%;top:6%;font-size:10px;line-height:1.9;font-weight:700;transform:rotate(10deg);background:var(--yellow);padding:15px 19px;border:1px solid var(--green);border-radius:50%;z-index:6}.universe-doodle{position:absolute;color:var(--green);font-family:var(--latin);font-weight:500;line-height:1}.doodle-one{font-size:43px;left:28%;top:7%;color:#eebd00;transform:rotate(15deg)}.doodle-two{font-size:45px;left:9%;bottom:12%;transform:rotate(-8deg)}.doodle-three{font-size:32px;right:8%;bottom:17%;transform:rotate(15deg)}.scroll-cue{bottom:28px;font-size:9px}.scroll-cue span{background:var(--yellow);border-color:var(--green)}.marquee{background:var(--yellow);border-color:var(--green)}.marquee-track{font-size:18px;padding:16px 0}.marquee-track>span{font-size:25px;color:var(--green)}
.play-section{background:#121316;padding:105px var(--page) 85px;color:#faf9f3;background-image:radial-gradient(circle at 85% 14%,#ffffff27 0 1px,transparent 1.5px),radial-gradient(circle at 12% 71%,#ffcf0050 0 1px,transparent 2px);background-size:160px 200px,230px 170px}.play-section .section-heading{padding:0}.section-heading h2{font-size:clamp(34px,4vw,54px);line-height:1.7;margin:24px 0}.play-section .eyebrow{color:var(--yellow)}.play-section .section-heading>p:last-child{color:#faf9f3b3;font-size:13px}.play-modes{max-width:1160px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin:64px auto 0}.play-mode{text-align:center;border-top:1px solid #faf9f341;padding-top:20px}.mode-number{font-family:var(--latin);font-size:9px;font-weight:800;letter-spacing:.14em;text-align:left;color:#faf9f39c}.mode-art{position:relative;height:260px;display:grid;place-items:center}.mode-art img{width:65%;aspect-ratio:1;height:auto;border-radius:23%;border:6px solid #faf9f3;box-shadow:5px 8px 0 #ffffff16;transform:rotate(-7deg);max-width:210px;transition:transform .5s}.mode-sound img{transform:rotate(7deg)}.mode-tap img{transform:rotate(-5deg);border-color:var(--yellow)}.play-mode:hover .mode-art img{transform:rotate(0deg) translateY(-4px)}.mode-doodle{font-size:54px;position:absolute;color:var(--yellow);right:4%;bottom:5%;line-height:1;transform:rotate(12deg)}.mode-breath .mode-doodle{left:4%;right:auto;top:16%;bottom:auto;color:#bdf4f6;transform:rotate(-25deg);font-size:70px}.mode-sound .mode-doodle{color:#da6be2;right:1%;top:10%;bottom:auto;font-size:55px}.play-mode h3{font-size:28px;letter-spacing:.045em;margin:14px 0}.play-mode>p:not(.mode-number){font-size:12px;line-height:2.2;color:#faf9f3a3}.mode-link{margin-top:20px;display:inline-flex;gap:28px;border-bottom:1px solid #faf9f356;padding:10px 0;font-size:10px;font-weight:700;color:#faf9f3}.mode-link>span{color:var(--yellow);font-size:16px}.mode-link:hover{border-color:var(--yellow);color:var(--yellow)}.play-ending{font-size:15px;text-align:center;font-weight:700;margin-top:70px;letter-spacing:.07em}.play-ending>span{color:var(--yellow)}
.latest-section{background:var(--yellow);border-radius:55% 55% 0 0/42px 42px 0 0;padding-top:117px;padding-bottom:115px}.latest-image-wrap{box-shadow:10px 14px 0 #151515;outline:1px solid #151515;border-radius:22%;width:74%}.outlined-badge{border-color:var(--green);background:var(--cream);box-shadow:2px 3px 0 #151515;font-size:10px}.award-seal{background:var(--cream);outline-color:var(--cream);border-color:var(--green);box-shadow:3px 4px 0 #151515;bottom:-25px;left:0;transform:rotate(-9deg)}.spark-one{color:var(--green)}.spark-two{color:var(--green)}.latest-copy .marker{background:linear-gradient(transparent 70%,#faf9f3 70%,#faf9f3 94%,transparent 94%)}.latest-copy h2{font-size:clamp(43px,4.5vw,66px);line-height:1.45}.latest-copy .button{color:var(--cream);background:var(--green)}.latest-copy>p:not(.eyebrow):not(.link-caption){font-size:13px}.games-section{background:#f4f4ef;border-radius:55% 55% 0 0/38px 38px 0 0}.games-heading h2{font-size:clamp(39px,4.3vw,61px)}.filter:hover:not(.active){background:#e8e8df}.game-visual{border-radius:22px;border-color:#1515151c}.game-visual img{border-radius:22%;box-shadow:5px 8px 0 #15151529;transform:rotate(-7deg)}.game-card:nth-child(2n) .game-visual img{transform:rotate(7deg)}.game-tag,.game-info>p:not(.game-tag){color:#5f6060}.game-card[data-game=music] .game-visual{color:#faf9f3}.game-card[data-game=music] .game-visual:before{border-color:#ffffff30}.game-card[data-game=music] .visual-plus{border-color:#faf9f3}.game-card[data-game=music] .visual-plus:hover{background:#faf9f3;color:#151515}.visual-plus{border-color:#151515}.game-new{background:#151515;color:#faf9f3}.text-link:hover{color:#a54840;border-color:#a54840}.about-section{background:var(--cream)}.about-poster{background:#b7574d;color:var(--cream);box-shadow:11px 14px 0 #deddd2}.poster-top,.poster-bottom{border-color:#faf9f37a}.poster-star{color:var(--yellow)}.facts-row .facts-star{color:#a54840}.journey-section{background:#bfe7f2;border-radius:55% 55% 0 0/38px 38px 0 0}.journey-item{border-color:#15151555}.journey-list{border-color:#151515}.notes-link{background:#f1eddb;border:1px solid #151515;box-shadow:5px 6px 0 #15151515}.notes-link:hover{background:var(--yellow)}.contact-section{background:#efefe8;border-radius:55% 55% 0 0/35px 35px 0 0}.footer{background:#121316}.footer-word{color:var(--yellow)}.footer-top .eyebrow,.footer-bottom{color:#faf9f3aa}.dialog-art{background:var(--dialog-color,var(--yellow))}.dialog-award{background:#f1eed8}.inner-hero{background:var(--yellow)}.video-launch{background:#121316}.video-alternate{background:#bfe7f2;color:var(--green)}.dev-tip{background:#e3f2f6}.sdk-links a:hover{background:var(--yellow)}.code-toolbar{background:#252528}.code-example pre{background:#121316}
@keyframes orbit-float{0%,100%{transform:translateY(0) rotate(var(--angle,0deg))}50%{transform:translateY(-10px) rotate(calc(var(--angle,0deg) + 2deg))}}
@media(max-width:1080px){.hero{min-height:700px;grid-template-columns:1fr 1fr}.hero-art.game-universe{width:116%;margin-left:-9%}.hero h1{font-size:clamp(48px,6.3vw,72px)}.hero-description{font-size:12px}.hero .button{font-size:11px;gap:25px}.orbit-main{border-width:6px;border-radius:23px}.orbit-main img{border-radius:16px}.orbit-caption{font-size:10px;bottom:-22px;padding:9px 13px}.orbit-caption>span{font-size:16px}.universe-note{font-size:8px;padding:12px 15px;right:18%}.play-modes{gap:28px}.mode-art{height:210px}.play-mode h3{font-size:24px}.play-mode>p:not(.mode-number){font-size:10px}.mode-link{font-size:9px;gap:18px}.mode-doodle{font-size:45px}.latest-copy>p:not(.eyebrow):not(.link-caption){font-size:12px}}
@media(max-width:760px){.site-header{height:79px}.logo-mark{width:36px;height:36px}.logo-mark img{border-radius:9px}.logo{font-size:20px;gap:10px}.hero{min-height:0;display:flex;padding:38px var(--page) 65px;text-align:center}.hero-copy .eyebrow{font-size:8px;letter-spacing:.1em}.hero h1{font-size:clamp(48px,11.6vw,73px);margin:25px 0 28px;line-height:1.42}.hero-underline:after{height:24%;bottom:.09em}.hero-description{font-size:12px;line-height:2.2;margin-bottom:25px;letter-spacing:.01em}.hero .button{font-size:11px;gap:23px;min-height:50px;padding:14px 19px}.hero-caption{font-size:8px;margin-top:16px}.hero-art.game-universe{width:calc(100% + 4px);max-width:475px;aspect-ratio:1.03;margin:37px -2px 21px}.universe-orbit{top:8%;left:8%;width:82%}.orbit-main{top:27%;left:25%;width:51%;border-width:5px;border-radius:18px;box-shadow:6px 8px 0 var(--yellow)}.orbit-main img{border-radius:12px}.orbit-main:hover,.orbit-main:focus-visible{box-shadow:6px 8px 0 var(--yellow)}.orbit-caption{font-size:8px;padding:7px 9px;bottom:-19px;left:4%;width:92%;box-shadow:1px 2px 0 #151515}.orbit-caption>span{font-size:13px}.orbit-plane{top:9%;left:-2%;width:23%}.orbit-plant{top:2%;right:0;width:25%}.orbit-music{top:48%;right:-1%;width:21%}.orbit-tap{left:-1%;top:54%;width:22%}.orbit-fruit{top:86%;right:17%;width:17%}.orbit-bug{top:89%;left:25%;width:14%}.orbit-game{box-shadow:3px 5px 0 #15151522,0 8px 18px #15151505}.universe-note{font-size:7px;padding:9px 13px;right:19%;top:5%;line-height:1.7}.doodle-one{font-size:30px;top:10%;left:32%}.doodle-two{font-size:32px;left:7%;bottom:10%}.doodle-three{font-size:25px;right:7%;bottom:15%}.hero-big-word{font-size:20vw;bottom:13px;right:7%;opacity:1;line-height:.85}.scroll-cue{font-size:7px;bottom:17px;gap:12px}.scroll-cue span{width:26px;height:26px;font-size:14px}.marquee-track{font-size:13px;padding:13px 0;gap:22px}.marquee-track>span{font-size:19px}.play-section{padding:80px var(--page) 69px;background-size:120px 150px,170px 140px}.play-section .section-heading h2{font-size:32px;margin:22px 0;line-height:1.8}.play-section .eyebrow{font-size:8px}.play-section .section-heading>p:last-child{font-size:11px;line-height:2.2}.play-modes{display:block;margin:37px auto 0;max-width:380px}.play-mode{position:relative;text-align:left;min-height:190px;padding:24px 0 26px 48%;margin:0;display:flex;flex-direction:column;justify-content:center}.mode-number{font-size:7px;letter-spacing:.1em}.mode-art{position:absolute;left:0;top:20px;width:42%;height:150px}.mode-art img{width:85%;border-width:4px;border-radius:23%;max-width:145px;box-shadow:3px 5px 0 #ffffff17}.mode-doodle{font-size:26px;bottom:6%;right:0}.mode-breath .mode-doodle{font-size:39px;top:4%;left:-3%}.mode-sound .mode-doodle{font-size:32px;right:-2%;top:2%}.play-mode h3{font-size:23px;letter-spacing:.02em;margin:13px 0 13px;white-space:nowrap}.play-mode>p:not(.mode-number){font-size:9px;line-height:2.2;letter-spacing:0}.mode-link{font-size:8px;margin-top:10px;padding:9px 0 5px;gap:11px;align-self:flex-start;line-height:1.4;white-space:nowrap}.mode-link>span{font-size:15px}.play-ending{font-size:11px;margin-top:31px;letter-spacing:.035em}.latest-section{padding:83px var(--page) 83px;border-radius:60% 60% 0 0/27px 27px 0 0;gap:55px}.latest-image-wrap{width:70%;border-radius:22%;box-shadow:7px 10px 0 var(--green)}.award-seal{width:112px;height:112px;bottom:-19px;left:0;box-shadow:2px 3px 0 var(--green)}.latest-copy h2{font-size:45px;line-height:1.45}.latest-copy .eyebrow{font-size:8px}.latest-copy>p:not(.eyebrow):not(.link-caption){font-size:11px;line-height:2.2}.latest-copy .button{font-size:12px;min-width:260px}.outlined-badge{font-size:8px;padding:10px 23px}.games-section{padding:77px var(--page) 82px;border-radius:60% 60% 0 0/25px 25px 0 0}.games-heading h2{font-size:39px;line-height:1.5}.game-visual{border-radius:17px}.game-visual img{box-shadow:3px 5px 0 #15151529}.game-card:first-child .game-visual{aspect-ratio:1.7}.game-card:first-child .game-visual img{height:74%;border-radius:23%}.about-poster{box-shadow:8px 11px 0 #deddd2}.journey-section{border-radius:60% 60% 0 0/26px 26px 0 0}.notes-link{box-shadow:4px 5px 0 #15151512}.footer{padding-top:65px}.footer-word{font-size:15.2vw}.inner-hero{padding-top:24px}.video-alternate .video-label,.video-alternate .play-button{color:var(--green)}}
@media(max-width:360px){.hero h1{font-size:46px}.hero-description{font-size:11px}.hero .button{font-size:10px;gap:20px;padding:13px 17px}.hero-art.game-universe{width:calc(100% + 2px);margin-left:-1px;margin-right:-1px}.orbit-caption{font-size:7px;bottom:-17px;padding:6px 8px}.universe-note{font-size:6px;padding:8px 10px}.play-mode{padding-left:47%;min-height:180px}.mode-art{height:139px}.play-mode h3{font-size:21px}.play-mode>p:not(.mode-number){font-size:8px}.mode-link{font-size:7px;gap:9px}.latest-copy>p:not(.eyebrow):not(.link-caption){font-size:10px}.games-heading h2{font-size:37px}}
/* Let people inspect and select moving icons without chasing them. */
.game-universe:hover .orbit-game,.game-universe:focus-within .orbit-game{animation-play-state:paused}
.orbit-game:focus-visible{outline:3px solid #ffcf00;outline-offset:6px}
@media(max-width:760px){.filter{min-height:44px}.text-link{font-size:11px;min-height:36px;gap:10px}.mode-link{font-size:10px;min-height:36px;gap:10px}.play-mode>p:not(.mode-number){font-size:10px}.footer-bottom{font-size:10px}.footer-bottom>div{font-size:11px;justify-content:flex-start;gap:8px 20px}.footer-bottom a:not(.to-top),.motion-toggle{min-height:36px;display:inline-flex;align-items:center;font-size:11px}.dialog-close{width:44px;height:44px}.to-top{width:36px;height:36px}.game-info>p:not(.game-tag){font-size:11px;line-height:1.9}}
@media(max-width:360px){.mode-link{font-size:9px;gap:8px}.play-mode>p:not(.mode-number){font-size:9px}.text-link{font-size:10px}}

/* Keep complete square artwork inside wide and square collection cards. */
.game-visual img{position:absolute;inset:0;margin:auto;max-width:75%;object-fit:contain}

.poster-copy{font-size:clamp(28px,2.6vw,37px)}
@media(max-width:760px){.poster-copy{font-size:clamp(20px,6.4vw,27px)}}