/* The original logo drives the website: yellow, pink, green, blue, purple
   and the same dark outline. This file changes presentation only. */
:root{--paper:#fff;--ink:#171819;--yellow:#ffdf00;--pink:#ff0070;--green:#13e600;--blue:#009dcc;--purple:#663399;--orange:var(--pink);--line:#d7d8dc;--muted:#555660}
body{background:#fff}
.header{max-width:none;height:122px;padding-inline:max(40px,calc((100vw - 1232px)/2));background:#fff;position:relative;z-index:3;border-bottom:2px solid var(--ink)}
.original-brand{mix-blend-mode:normal}
.original-brand-viewport{width:190px}
.header nav{gap:38px}
.header nav a{position:relative;font-size:16px;padding:8px 0}
.header nav a:after{content:'';position:absolute;left:0;bottom:0;width:0;height:4px;border-radius:10px;background:var(--pink);transition:width .2s}
.header nav a:nth-child(2):after{background:var(--blue)}
.header nav a:nth-child(3):after{background:var(--green)}
.header nav a:hover{color:var(--ink)}
.header nav a:hover:after{width:100%}
.button{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:16px;transition:transform .18s,box-shadow .18s}
.button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}
.button.dark{background:var(--pink);color:#fff}
.button.orange{background:var(--purple);color:#fff;box-shadow:5px 5px 0 var(--ink);min-height:64px;padding:16px 28px}
.button.orange:hover{background:#52277f;box-shadow:7px 7px 0 var(--ink)}
.hero{max-width:none;background:var(--yellow);padding:62px max(64px,calc((100vw - 1232px)/2)) 98px;min-height:710px;grid-template-columns:1fr 1fr;gap:44px;border-bottom:2px solid var(--ink);isolation:isolate}
.hero-copy{align-self:center}
.hero .eyebrow{display:inline-flex;background:#fff;border:2px solid var(--ink);border-radius:100px;padding:8px 15px;font-size:10px;letter-spacing:1.3px;gap:8px;box-shadow:3px 3px 0 #171819}
.hero .eyebrow>span{font-size:17px;color:var(--pink)}
.hero h1{font-size:86px;line-height:1.02;letter-spacing:-4px;margin:29px 0 24px}
.small-hands{display:block;color:var(--ink);font-size:.66em;letter-spacing:-2.5px;margin-bottom:8px}
.big-ideas{display:block;white-space:nowrap;color:var(--purple);text-shadow:3px 3px 0 #fff}
.big-ideas b{color:var(--pink);font-weight:900}
.intro{color:#333123;font-size:18px;line-height:1.7;margin-bottom:28px}
.hero-stores{font-size:12px;margin-top:25px;gap:13px}
.hero-stores>span:first-child{color:#504a20}
.hero-stores .divider{border-color:#6f6500}
.hero-playground{min-height:490px;height:490px;max-height:none;align-self:center}
.playground-disc{width:94%;height:420px;aspect-ratio:auto;left:4%;top:37px;border-radius:46% 47% 36% 48%;background:var(--blue);border:2px solid var(--ink);transform:rotate(-8deg)}
.main-photo{top:77px;left:1%;width:100%;transform:rotate(5deg);padding:10px;background:#fff;border:3px solid var(--ink);box-shadow:9px 9px 0 var(--purple);border-radius:20px}
.hero-photo img{border-radius:10px}
.photo-caption{font-size:12px;color:var(--ink);padding:10px 4px 2px}
.caption-dot{background:var(--pink)}
.mini-photo{width:55%;left:-5%;bottom:2px;transform:rotate(-9deg);border:3px solid var(--ink);box-shadow:5px 6px 0 var(--pink);border-radius:16px;padding:7px}
.floating-icon{border:3px solid var(--ink);box-shadow:4px 4px 0 #fff;border-radius:24px}
.icon-one{top:-12px;left:-1%;width:92px;transform:rotate(-10deg)}
.icon-two{bottom:39px;right:-3%;width:94px;transform:rotate(11deg)}
.hero-tag{top:-3px;right:9%;background:var(--green);border:2px solid var(--ink);border-radius:18px;box-shadow:4px 4px 0 var(--ink);padding:13px 22px;color:var(--ink);font-size:16px;transform:rotate(9deg);text-align:center}
.little-spark{top:-20px;right:-9px;color:var(--purple);font-size:61px}
.play-note{display:none}
.play-note span{color:var(--pink);font-size:34px}
.hero-bottom{bottom:20px;left:max(64px,calc((100vw - 1232px)/2));right:max(64px,calc((100vw - 1232px)/2));color:#4f481f;font-size:10px}
.hero-bottom a{background:#fff;border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);width:35px;height:35px}
.play-ribbon{background:var(--purple);color:#fff;transform:none;margin:0;gap:42px;padding:22px 32px;font-size:25px;border-bottom:2px solid var(--ink)}
.play-ribbon b{color:var(--yellow)}
.games-section{padding-top:82px;padding-bottom:88px}
.section-top .eyebrow,.parent-heading .eyebrow{display:inline-block;background:var(--green);padding:6px 12px;border-radius:7px;font-size:11px;letter-spacing:1.5px}
.section-top h2{font-size:54px}
.section-top h2>span{color:var(--purple)}
.section-top>p{font-size:16px;max-width:395px}
.catalog-toolbar{margin:34px 0 30px}
.platforms button{border:2px solid var(--ink);border-radius:12px;font-size:14px;padding:10px 21px;background:white;box-shadow:2px 2px 0 #171819}
.platforms button.active{background:var(--purple);color:white;border-color:var(--ink)}
.platforms button:not(.active):hover{background:var(--yellow)}
.game-grid{gap:30px 24px}
.game-card{border:2px solid var(--ink);border-radius:22px;background:#fff;overflow:hidden;box-shadow:4px 5px 0 #171819;transition:transform .2s,box-shadow .2s}
.game-card:hover{transform:translateY(-4px);box-shadow:5px 9px 0 #171819}
.game-picture{border-radius:0;padding:15px;border-bottom:2px solid var(--ink)}
.game-picture>img{border-radius:10px;background:white}
.game-body{padding:20px 19px 22px}
.game-heading{align-items:flex-start}
.game-heading img{border:1px solid #d9d9df}
.game-heading h3{font-size:20px}
.game-category{font-size:11px;color:#625d6c}
.game-description{font-size:15px;line-height:1.65}
.game-links a{border:1.5px solid var(--ink);border-radius:9px;font-size:12px;padding:9px 11px;background:white}
.game-links a:hover{background:var(--purple)}
.about-section{background:var(--purple);color:white;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:85px 0}
.about-layout{gap:80px}
.about-art{background:var(--yellow);color:var(--ink);border:2px solid var(--ink);box-shadow:9px 9px 0 #322042;border-radius:23px;padding:19px 19px 12px;transform:rotate(-4deg)}
.about-art img{border:2px solid var(--ink)}
.about-label{font-size:11px}
.about-copy h2{font-size:54px}
.about-copy h2 span{color:var(--yellow)}
.about-copy>p:not(.eyebrow){color:#f1eafa;font-size:16px;line-height:1.8}
.about-copy .eyebrow{color:var(--green)}
.about-copy .text-link{color:#fff;border-color:var(--yellow)}
.about-copy .text-link:hover{color:var(--yellow)}
.parents-section{padding-top:90px;padding-bottom:70px}
.parent-heading .eyebrow{background:var(--yellow)}
.parent-heading h2>span{color:var(--purple)}
.parent-row>span{display:grid;place-items:center;width:31px;height:31px;flex-shrink:0;border:1.5px solid var(--ink);border-radius:9px;background:var(--yellow);color:var(--ink);font-size:12px}
.parent-row:nth-of-type(2)>span{background:var(--green)}
.parent-row:nth-of-type(3)>span{background:#c4edfa}
.parent-row p{font-size:15px}
.final-cta{background:var(--pink);border-block:2px solid var(--ink);padding:70px 24px 78px;color:#fff}
.final-cta h2{color:#fff;font-size:84px;text-shadow:3px 3px 0 var(--ink)}
.final-cta h2 em{color:var(--yellow)}
.final-cta .eyebrow{color:white}
.cta-spark{color:var(--yellow)}
.store-button{border:2px solid var(--ink);background:#fff;color:var(--ink);box-shadow:4px 4px 0 var(--ink)}
.footer{padding-top:22px;position:relative}
.footer:before{content:'';position:absolute;height:7px;top:0;left:0;right:0;background:linear-gradient(90deg,var(--yellow) 0 20%,var(--pink) 20% 40%,var(--green) 40% 60%,var(--blue) 60% 80%,var(--purple) 80%)}
.footer nav a:hover{color:var(--purple)}
.footer-bottom{font-size:12px}
@media(min-width:1500px){.hero{min-height:730px}.hero-playground{height:510px}.mini-photo{bottom:0}}
@media(max-width:1200px){.hero{padding-inline:42px;gap:30px;min-height:660px}.hero h1{font-size:70px}.hero .eyebrow{font-size:9px;letter-spacing:.8px}.hero-playground{height:435px;min-height:435px}.playground-disc{height:365px}.main-photo{top:72px}.icon-one{width:80px}.icon-two{width:81px;right:-2%;bottom:20px}.mini-photo{bottom:0}.play-note{bottom:-9px;right:7%;font-size:11px}.hero-tag{font-size:14px}.hero-bottom{left:42px;right:42px}.game-heading h3{font-size:18px}.game-body{padding:17px 14px 19px}.about-layout{gap:50px}.about-copy h2{font-size:45px}}
@media(max-width:900px){.header{height:108px;padding-inline:28px}.original-brand-viewport{width:158px}.header nav{gap:23px}.header nav a{font-size:14px}.header>.button{display:none}.hero{min-height:610px;padding:45px 30px 90px;gap:25px}.hero h1{font-size:61px;letter-spacing:-3px}.small-hands{font-size:.69em;letter-spacing:-1.8px}.hero .eyebrow{font-size:8px;padding:7px 10px;letter-spacing:.7px}.intro{font-size:16px}.hero-playground{height:380px;min-height:380px}.playground-disc{height:300px;top:40px}.main-photo{top:72px}.hero-tag{font-size:12px;padding:11px 16px;right:4%}.mini-photo{width:58%;bottom:0}.icon-one{width:66px;top:0}.icon-two{width:68px;bottom:23px}.photo-caption{font-size:9px}.little-spark{display:none}.play-note{right:4%;font-size:10px;bottom:-15px}.play-note span{font-size:24px}.hero-stores{font-size:10px;gap:9px}.hero-bottom{left:30px;right:30px;font-size:8px}.play-ribbon{font-size:21px;gap:25px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-top h2{font-size:44px}.section-top>p{font-size:15px}.about-copy h2{font-size:38px}.about-copy>p:not(.eyebrow){font-size:15px}.about-layout{gap:32px}.parent-heading h2{font-size:36px}}
@media(max-width:600px){.header{height:105px;padding-inline:22px}.original-brand-viewport{width:150px}.menu-toggle{border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);background:var(--yellow);border-radius:12px}.mobile-nav{background:#fff;border-bottom:2px solid var(--ink)}.mobile-nav a:nth-child(1){color:var(--purple)}.mobile-nav a:nth-child(2){color:#ba0052}.mobile-nav a:nth-child(3){color:#00657f}.hero{grid-template-columns:1fr;padding:34px 22px 64px;gap:12px;min-height:0}.hero .eyebrow{font-size:8px;letter-spacing:.8px;padding:8px 10px}.hero .eyebrow>span{font-size:14px}.hero h1{font-size:clamp(57px,16.8vw,80px);letter-spacing:-3.5px;line-height:1;margin:27px 0 20px}.small-hands{font-size:.62em;margin-bottom:8px;letter-spacing:-1.8px}.big-ideas{text-shadow:2px 2px 0 white}.intro{font-size:16px;margin-bottom:24px}.button.orange{min-height:56px;padding:13px 23px;font-size:14px}.hero-stores{font-size:11px;margin-top:24px;gap:9px}.hero-playground{height:370px;min-height:370px;margin-top:38px;width:min(100%,370px)}.playground-disc{height:290px;left:5%;top:43px;width:91%}.main-photo{top:68px;width:94%;left:2%;padding:7px;border-width:2px;box-shadow:6px 6px 0 var(--purple);border-radius:15px}.mini-photo{width:54%;bottom:12px;left:0;border-width:2px;box-shadow:4px 4px 0 var(--pink)}.hero-tag{font-size:13px;right:10%;top:-9px}.icon-one{width:71px;top:-9px;left:0;border-width:2px}.icon-two{width:70px;right:0;bottom:39px;border-width:2px}.play-note{font-size:10px;right:17%;bottom:8px}.photo-caption{font-size:10px}.hero-bottom{left:22px;right:22px;bottom:14px}.play-ribbon{padding:18px 22px;font-size:18px;gap:25px}.games-section{padding-top:56px;padding-bottom:60px}.section-top h2{font-size:39px}.section-top .eyebrow,.parent-heading .eyebrow{font-size:10px;letter-spacing:1px}.section-top>p{font-size:15px}.platforms button{font-size:12px;padding:9px 13px}.game-grid{grid-template-columns:1fr;gap:28px}.game-body{padding:18px}.game-heading h3{font-size:20px}.game-description{font-size:15px}.game-links a{font-size:12px}.about-section{padding:53px 0}.about-layout{gap:40px}.about-art{margin-inline:6px;padding:15px;border-radius:18px;box-shadow:6px 6px 0 #322042}.about-copy h2{font-size:43px}.about-label{font-size:10px}.parents-section{padding-top:55px;padding-bottom:45px}.parent-heading h2{font-size:36px}.parent-row p{font-size:14px}.final-cta{padding:50px 0 57px}.final-cta h2{font-size:55px}.final-cta .eyebrow{font-size:9px}.store-button{padding:11px 10px}.footer{padding-top:22px}.footer-bottom{font-size:11px}.footer .original-brand-viewport{width:175px}}