/* The Fun Minions playground: soft light, toy stages, and worlds with their own motion. */
.playground{--night:#191831;--cream:#fff7e9;--soft:#b7b6d0;--sun:#ffda82;color:var(--cream);background:var(--night);font-weight:600;overflow-x:clip}.playground a:focus-visible,.playground button:focus-visible,.playground input:focus-visible{outline:3px solid #ffda82;outline-offset:5px}.pg-wrap{width:min(1220px,calc(100% - 72px));margin:auto;position:relative}.skip-link{position:fixed;left:20px;top:-100px;background:#ffda82;color:#191831;padding:12px 18px;border-radius:12px;z-index:100}.skip-link:focus{top:20px}.pg-atmosphere{position:absolute;inset:0 0 auto;height:1600px;overflow:hidden;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 80% 20%,#3e2e6340,transparent 48%),radial-gradient(ellipse at 2% 48%,#36456730,transparent 45%)}.pg-atmosphere i{position:absolute;width:5px;height:5px;border-radius:50%;background:#c9b9f4;opacity:.3;box-shadow:150px 110px #a9caff,390px -25px #fff4bd,680px 180px #d4b4f2,890px 28px #a2cdff,1070px 240px #fff1b3,80px 570px #c9b9f4,900px 590px #fff1b3}.pg-atmosphere i:nth-child(1){left:6%;top:90px}.pg-atmosphere i:nth-child(2){left:16%;top:960px;scale:.6}.pg-atmosphere i:nth-child(3){left:35%;top:520px;scale:.5}.pg-header{height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px}.pg-brand{display:flex;align-items:center;gap:10px;font:600 27px/1 var(--heading);letter-spacing:-1.1px;white-space:nowrap}.brand-secondary{color:#cec5fc;margin-left:3px}.pg-brand sup{font-size:18px;color:#ffdc87;display:inline-block;vertical-align:top;margin-left:3px;rotate:12deg}.pg-brand-face{width:39px;height:39px;border-radius:14px 15px 12px 16px;background:linear-gradient(145deg,#fff2ad,#ffca59 70%);box-shadow:inset 2px 3px 4px #fff8,inset -2px -4px 4px #dd953788,0 5px 12px #090b2122;display:flex;align-items:center;justify-content:center;gap:2px;rotate:-9deg}.pg-brand-face i{width:11px;height:15px;border-radius:50%;background:#fff;position:relative;box-shadow:0 1px 3px #68421c33}.pg-brand-face i:after{content:'';position:absolute;right:1px;top:4px;width:6px;height:9px;border-radius:50%;background:#403052}.pg-header-actions{display:flex;align-items:center;gap:13px}.grownup-link{font-size:12px;color:#cbc8df;margin-right:7px}.pg-motion{display:inline-flex;gap:7px;align-items:center;border:1px solid #ffffff20;background:#ffffff08;color:#d0cde7;border-radius:30px;height:37px;padding:0 13px;font-size:11px}.pg-motion>span:first-child{font-size:14px}.pg-header .icon-button{width:38px;height:38px;background:#ffffff0c;color:#e5dffa;border:1px solid #ffffff20;box-shadow:none}.pg-hero{min-height:410px;display:grid;grid-template-columns:1fr 1.04fr;gap:20px;align-items:center;padding:18px 0 45px}.pg-hero-copy{position:relative;z-index:2}.pg-kicker{font-size:10px;letter-spacing:1.9px;font-weight:900;text-transform:uppercase;color:#bcb3df;margin:0 0 15px}.pg-hero-copy .pg-kicker{display:flex;align-items:center;gap:9px;font-size:10px}.pg-kicker>span{width:6px;height:6px;background:#94e1c6;border-radius:50%;box-shadow:0 0 13px #94e1c677}.pg-hero h1{font:500 clamp(44px,4.6vw,64px)/1.03 var(--heading);letter-spacing:-1.8px;margin:0 0 20px}.pg-hero h1 em{font-style:normal;color:#ffdd89}.hero-break{display:none}.pg-hero-description{font-size:15px;line-height:1.7;color:#c6c3d9;margin:0}.pg-hero-actions{display:flex;align-items:center;gap:22px;margin-top:24px}.pg-primary{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:49px;padding:13px 22px;background:linear-gradient(#ffe5a0,#ffd172);border-radius:16px;color:#49384b;font:500 18px var(--heading);box-shadow:inset 0 1px #fff8,0 5px 0 #bc854a,0 12px 24px #06051c2b;transition:translate .2s,box-shadow .2s}.pg-primary:hover{translate:0 -3px;box-shadow:inset 0 1px #fff8,0 8px 0 #bc854a,0 16px 24px #06051c2b}.pg-primary:active{translate:0 3px;box-shadow:0 2px 0 #bc854a}.pg-surprise{border:0;background:none;color:#ded7f8;font-size:13px;display:flex;align-items:center;gap:8px;padding:12px 0}.pg-surprise>span{font-size:24px;color:#bda8ef;transition:rotate .3s}.pg-surprise:hover>span{rotate:90deg}.pg-hero-footnote{font-size:10px;color:#918dad;margin:20px 0 0}.orbit-stage{height:365px;position:relative;isolation:isolate;perspective:900px}.orbit-stage:before{content:'';position:absolute;inset:-15px -20px -5px;background:radial-gradient(ellipse at 52% 56%,#a482c33d,transparent 66%);border-radius:50%;z-index:-1}.hero-orbit{position:absolute;border:1px solid #c3b0ef26;border-radius:50%;width:95%;height:78%;left:0;top:30px;rotate:-19deg;pointer-events:none}.orbit-two{width:80%;height:68%;top:50px;left:10%;rotate:30deg;border-color:#c3b0ef13}.hero-plinth{position:absolute;left:13%;right:8%;bottom:22px;height:55px;border-radius:50%;background:radial-gradient(ellipse,#74608a66,#6e56882b 45%,transparent 68%);filter:blur(3px)}.hero-friend{border:0;background:transparent;padding:0;position:absolute;cursor:pointer;transform-origin:50% 85%;transition:filter .2s,translate .25s;z-index:2}.hero-friend>span[data-minion]{display:block;width:100%;height:100%}.hero-friend .minion-avatar{filter:drop-shadow(0 17px 14px #08051f66);object-fit:contain}.hero-foo{width:310px;height:310px;left:calc(50% - 155px);top:15px;z-index:3;animation:hero-sway 5.5s ease-in-out infinite}.hero-boo{width:220px;height:220px;left:-20px;bottom:5px;rotate:-9deg;animation:hero-breathe 5s ease-in-out infinite 1.2s}.hero-doodle{width:218px;height:218px;right:-15px;bottom:0;rotate:11deg;animation:hero-breathe 5s ease-in-out infinite -2.2s}.hero-friend:hover{filter:brightness(1.05);translate:0 -9px}.hero-friend:focus-visible{border-radius:40%}.friend-name{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);font:500 12px var(--heading);background:#302c50db;border:1px solid #d5c5f033;color:#eee0fa;padding:4px 12px;border-radius:15px;opacity:0;transition:opacity .2s}.hero-friend:is(:hover,:focus-visible) .friend-name{opacity:1}.hero-bubble{position:absolute;right:5px;top:0;font:500 15px var(--heading);background:#efe5fc;color:#4c3c67;border-radius:18px 18px 18px 3px;padding:11px 16px;rotate:7deg;box-shadow:0 5px 0 #87709855;z-index:5;max-width:200px}.hero-tap-note{position:absolute;bottom:-20px;left:27%;font-size:11px;color:#a89fc4;rotate:-3deg}.hero-tap-note span{font-size:28px;display:inline-block;rotate:20deg;margin-left:12px}.hero-token{position:absolute;width:45px;height:47px;border-radius:12px;display:grid;place-items:center;font:500 31px var(--heading);box-shadow:inset 2px 2px 3px #fff7,inset -3px -3px 5px #0002,0 8px 13px #09061e33;animation:prop-drift 6s ease-in-out infinite;z-index:4}.token-a{left:9%;top:39px;background:#f7b5c2;color:#89465d;rotate:-20deg}.token-five{right:1%;top:125px;background:#a7e5df;color:#317f80;rotate:17deg;animation-delay:-2s}.token-paint{width:30px;height:36px;left:17%;bottom:65px;background:#a3a1ef;border-radius:65% 35% 70% 30%;rotate:30deg;animation-delay:-4s;z-index:1}.hero-spark{position:absolute;color:#e6cc9c;font-size:38px;z-index:0}.spark-one{left:38%;top:-15px;font-size:30px}.spark-two{right:27%;bottom:5px;font-size:19px}.hero-friend.antics{animation:pal-hop .75s ease-in-out 2}.pg-shelf{padding-top:26px}.pg-shelf-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:21px}.pg-shelf-heading .pg-kicker{font-size:9px;color:#9d90c0;margin-bottom:7px}.pg-shelf-heading h2{font:500 clamp(27px,3vw,36px) var(--heading);margin:0;letter-spacing:-.6px;scroll-margin-top:28px}.pg-count{font-size:11px;color:#a5a0c0;padding-bottom:6px;white-space:nowrap}.pg-browse{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:36px}.pg-categories{display:flex;gap:7px}.pg-categories button{border:1px solid transparent;background:#ffffff05;color:#bdb8d4;border-radius:13px;padding:11px 17px;font-size:12px;font-weight:800;display:flex;gap:8px;align-items:center;transition:background .2s,color .2s}.pg-categories button>span{font:500 16px var(--heading);color:#aaa0c5}.pg-categories button[aria-pressed=true]{background:#ece4ff;color:#433459;box-shadow:0 3px 0 #9785b4}.pg-categories button[aria-pressed=true]>span{color:#8b6aa3}.pg-categories button:hover{background:#e0ceff22;color:#fff}.pg-categories button[aria-pressed=true]:hover{background:#f8efff;color:#433459}.pg-search{display:flex;align-items:center;gap:10px;border-bottom:1px solid #ada3c83b;padding:9px 2px 9px 9px;width:200px;color:#aaa0c2}.pg-search .icon{width:17px;height:17px}.pg-search input{border:0;background:transparent;color:#f8e9fb;width:100%;min-width:0;font-size:12px;padding:3px}.pg-search input::placeholder{color:#a79fbd}.portal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px 24px}.portal-card{position:relative;border-radius:28px;background:#27243f;border:1px solid #d3c2ff26;box-shadow:0 14px 25px #08071925;isolation:isolate;transition:box-shadow .25s,border-color .25s;--pointer-x:0px;--pointer-y:0px}.portal-card:before{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px #fff2;pointer-events:none;z-index:6}.portal-card:is(:hover,:focus-within,.saying-hello){border-color:color-mix(in srgb,var(--accent) 65%,transparent);box-shadow:0 18px 35px #08071955,0 0 27px color-mix(in srgb,var(--accent) 10%,transparent)}.portal-link{display:flex;flex-direction:column;height:100%;border-radius:inherit}.portal-scene{height:230px;position:relative;isolation:isolate;border-radius:27px 27px 42% 12% / 27px 27px 9% 7%;background:radial-gradient(ellipse at 50% 110%,#aa789a,#554876 70%);overflow:hidden}.portal-category{position:absolute;top:17px;left:19px;font-size:9px;letter-spacing:1.1px;text-transform:uppercase;background:#1a17355c;color:#fff8f2;padding:6px 10px;border:1px solid #fff2;border-radius:9px;z-index:5;backdrop-filter:blur(8px)}.portal-recent{position:absolute;top:20px;right:19px;font-size:10px;color:#ffffffe0;z-index:2}.portal-backdrop{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.portal-platform{position:absolute;left:20%;right:20%;bottom:9px;height:29px;border-radius:50%;background:radial-gradient(ellipse,#17133266,transparent 70%)}.portal-avatar{position:absolute;width:240px;height:240px;bottom:-8px;left:calc(50% - 120px);z-index:2;transition:transform .5s cubic-bezier(.2,.7,.2,1);transform:translate(var(--pointer-x),var(--pointer-y));transform-origin:50% 82%}.portal-avatar .minion-avatar{object-fit:contain;filter:drop-shadow(0 9px 7px #130d3238);display:block}.portal-card:is(:hover,:focus-within,.saying-hello) .portal-avatar{transform:translate(calc(var(--pointer-x) - 15px),calc(var(--pointer-y) - 8px)) rotate(-4deg) scale(1.075)}.portal-reveal{position:absolute;right:12px;top:59px;padding:9px 12px;max-width:135px;border-radius:14px 14px 14px 2px;background:#fff6e8;color:#584758;font:500 13px/1.3 var(--heading);z-index:4;opacity:0;transform:translateY(8px) scale(.85) rotate(6deg);transition:opacity .2s,transform .35s cubic-bezier(.2,.8,.2,1.2);box-shadow:0 4px 0 #21193622;pointer-events:none}.portal-card:is(:hover,:focus-within,.saying-hello) .portal-reveal{opacity:1;transform:translateY(0) scale(1) rotate(4deg)}.portal-host{position:absolute;left:18px;bottom:13px;font-size:9px;letter-spacing:.3px;color:#fff9;z-index:3;text-shadow:0 1px 6px #22152e}.portal-copy{padding:19px 23px 22px;flex:1;display:flex;flex-direction:column}.portal-meta{font-size:9px;letter-spacing:.2px;color:var(--accent);opacity:.85;margin-bottom:7px}.portal-copy h3{font:500 25px/1.14 var(--heading);letter-spacing:-.3px;margin:0 0 10px;color:#fff7ed}.portal-copy p{font-size:12px;line-height:1.55;color:#bdb4d0;margin:0 0 20px;max-width:270px;min-height:36px}.portal-play{font:500 14px var(--heading);display:inline-flex;align-items:center;gap:11px;margin-top:auto;color:var(--accent);width:max-content}.portal-play>span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 15%,transparent);transition:translate .2s}.portal-play .icon{width:15px;height:15px}.portal-link:hover .portal-play>span{translate:3px 0}.pal-hello{position:absolute;right:18px;bottom:22px;border:1px solid #dcd1ff22;border-radius:30px;background:#ffffff05;color:#bdb3ce;font-size:10px;min-height:32px;padding:7px 11px;z-index:8}.pal-hello>span{font-size:13px;display:inline-block;margin-right:3px;color:var(--accent)}.pal-hello:hover,.pal-hello[aria-pressed=true]{background:#fff1;color:#fff6eb;border-color:#fff4}.prop{position:absolute;font-style:normal;transform-origin:center;transition:transform .5s ease,opacity .3s}.portal-card:is(:hover,:focus-within,.saying-hello) .prop{animation-play-state:running}.block{width:40px;height:43px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(140deg,#fff0d8,#f3c4ae);box-shadow:inset 2px 2px 2px #fff8,inset -3px -3px #d58b9055,0 6px 9px #1b12312b;font:500 30px var(--heading);color:#9a5575;animation:letter-dance 2.5s ease-in-out infinite paused}.block-a{left:24px;top:68px;rotate:-17deg}.block-b{right:31px;bottom:36px;rotate:13deg;animation-delay:-.8s;background:linear-gradient(145deg,#c9c5f8,#9b90d9);color:#655184}.block-c{right:18px;top:48px;scale:.7;rotate:22deg;animation-delay:-1.4s}.scene-arch{position:absolute;width:175px;height:210px;border:17px solid #ddadcf1c;border-radius:100px 100px 0 0;left:calc(50% - 87px);top:50px}.portal-bookwood .portal-scene{background:radial-gradient(ellipse at 50% 110%,#79b4a1,#285d67 80%)}.book{width:42px;height:52px;border-radius:3px 8px 8px 3px;background:#b5a5df;box-shadow:inset 4px 0 #86749c,inset 0 -5px #fff0d8,0 6px 10px #182d3133;animation:book-float 3s ease-in-out infinite paused}.book-one{left:26px;top:72px;rotate:-20deg}.book-two{right:28px;bottom:43px;rotate:22deg;background:#ffcf82;animation-delay:-1.5s;scale:.8}.leaf{width:22px;height:42px;border-radius:90% 0 90% 0;background:linear-gradient(145deg,#a1d79f,#559f7e);animation:book-float 2.8s ease-in-out infinite paused}.leaf-one{left:24px;bottom:27px;rotate:-45deg}.leaf-two{right:31px;top:45px;rotate:10deg}.scene-window{position:absolute;inset:48px 30% 25px;background:linear-gradient(#b0ddd41a,#eaffd21a);border-radius:90px 90px 7px 7px;border:4px solid #a2d0be18}.portal-orbit .portal-scene{background:radial-gradient(ellipse at 50% 90%,#8279bd,#343866 85%)}.mini-planet{width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffc4aa,#d885a9 60%,#985487);box-shadow:inset -7px -5px 10px #604c8177;right:26px;top:59px;animation:planet-bob 3s ease-in-out infinite paused}.mini-planet:after{content:'';position:absolute;width:84px;height:24px;border:6px solid #edafcd;border-radius:50%;left:-15px;top:14px;rotate:-25deg;box-shadow:0 2px 3px #69548255}.orbit-star{left:34px;top:65px;font-size:26px;color:#ffe09c;animation:star-turn 3.5s ease-in-out infinite paused}.orbit-moon{left:28px;bottom:40px;font-size:40px;color:#b5dce8;rotate:-15deg;animation:book-float 3s ease-in-out infinite paused}.scene-orbit{position:absolute;left:16%;top:17%;width:69%;height:80%;border:1px solid #d5c5fa29;border-radius:50%;rotate:35deg}.portal-disco .portal-scene{background:radial-gradient(ellipse at 50% 105%,#bd7db2,#573b76 80%)}.music-note{font:500 52px var(--heading);color:#ffc5bb;text-shadow:0 4px 0 #94577d44;animation:note-hop 1.3s ease-in-out infinite paused}.note-one{left:22px;top:60px;rotate:-20deg}.note-two{right:17px;top:60px;rotate:12deg;animation-delay:-.6s}.note-three{right:39px;bottom:30px;scale:.65;color:#a9e3d2;animation-delay:-.9s}.disco-rings{position:absolute;left:calc(50% - 110px);top:50px;width:220px;height:220px;border-radius:50%;border:10px solid #dd9dcc1a;box-shadow:0 0 0 15px #dd9dcc0d,0 0 0 30px #dd9dcc08}.portal-card.portal-disco:is(:hover,:focus-within,.saying-hello) .portal-avatar{animation:bop-dance 1.3s ease-in-out infinite}.portal-trail .portal-scene{background:radial-gradient(ellipse at 50% 110%,#a0b784,#456a61 80%)}.word-word{font:500 19px var(--heading);padding:6px 10px;border-radius:9px;background:#f3edc8;color:#657f66;box-shadow:inset 1px 1px #fff8,0 4px 0 #374d4633;animation:word-drift 3s ease-in-out infinite paused}.word-one{left:16px;top:66px;rotate:-13deg}.word-two{right:23px;top:48px;rotate:12deg;scale:.85;animation-delay:-1s}.word-three{right:27px;bottom:40px;rotate:-8deg;background:#e0c4d6;animation-delay:-2s}.trail-path{position:absolute;width:240px;height:140px;border-radius:50%;border:14px dashed #e0d6951c;left:calc(50% - 120px);bottom:-50px;rotate:-20deg}.portal-paint .portal-scene{background:radial-gradient(ellipse at 50% 110%,#dcaa87,#93617d 80%)}.paint-blob{width:44px;height:52px;border-radius:60% 40% 65% 35%;box-shadow:inset 4px 4px 6px #fff3,inset -4px -4px 5px #0001;animation:paint-squish 2.8s ease-in-out infinite paused}.blob-one{left:23px;top:68px;background:#86d8d1;rotate:-25deg}.blob-two{right:24px;bottom:30px;background:#e5a1c6;rotate:30deg;scale:.85;animation-delay:-1.3s}.blob-three{right:32px;top:57px;background:#ffdb80;scale:.55;animation-delay:-.7s}.paint-ribbon{position:absolute;left:8%;top:22%;width:85%;height:75%;border:17px solid #f4cb9f12;border-radius:40% 60% 30% 70%;rotate:-35deg}.portal-fireflies .portal-scene{background:radial-gradient(ellipse at 50% 100%,#688b75,#253d53 75%)}.scene-moon{position:absolute;right:15%;top:35px;width:55px;height:55px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff1ba,#d8cc8a);box-shadow:0 0 40px #edd68529;opacity:.5}.glowbug{width:11px;height:11px;border-radius:50%;background:#f6de7e;box-shadow:0 0 12px #f4d275,0 0 25px #f4d27566;animation:firefly-loop 4s ease-in-out infinite paused}.glowbug:after{content:'';position:absolute;width:17px;height:6px;border-radius:50%;background:#fff5;top:-3px;left:-3px}.bug-one{left:13%;top:39%;animation-delay:-1s}.bug-two{left:27%;top:18%;animation-delay:-2.6s;scale:.7}.bug-three{right:17%;bottom:27%;animation-delay:-3.3s}.bug-four{right:11%;top:33%;animation-delay:-.7s;scale:.65}.portal-grid.all-worlds .portal-fireflies{grid-column:1/-1}.portal-grid.all-worlds .portal-fireflies .portal-link{display:grid;grid-template-columns:1fr 1.3fr;min-height:280px}.portal-grid.all-worlds .portal-fireflies .portal-scene{height:100%;border-radius:27px 50% 8% 27px / 27px 30% 15% 27px}.portal-grid.all-worlds .portal-fireflies .portal-avatar{height:285px;width:285px;left:calc(50% - 142px);bottom:-12px}.portal-grid.all-worlds .portal-fireflies .portal-copy{justify-content:center;padding:28px 45px}.portal-grid.all-worlds .portal-fireflies h3{font-size:34px}.portal-grid.all-worlds .portal-fireflies .portal-copy p{font-size:14px;max-width:390px;margin-bottom:25px}.portal-grid.all-worlds .portal-fireflies .portal-play{margin-top:0}.portal-grid.all-worlds .portal-fireflies .pal-hello{right:35px;bottom:30px}.pg-hover-note{text-align:center;font-size:11px;color:#968cad;margin:28px 0 0}.pg-hover-note span{color:#c5addf;font-size:18px;padding-right:5px}.pg-empty{grid-column:1/-1;padding:45px;text-align:center;color:#c4b7d8;border:1px dashed #ffffff25;border-radius:20px}.pg-grownups{position:relative;display:grid;grid-template-columns:170px 1fr 160px;gap:32px;align-items:center;margin:75px 0 36px;padding:33px 45px;background:linear-gradient(125deg,#31314c,#2e2846);border-radius:40px 80px 40px 40px;border:1px solid #d5c5f51a}.grownups-art{height:210px;align-self:end;margin-bottom:-34px;rotate:-6deg}.grownups-art .minion-avatar{object-fit:contain;filter:drop-shadow(0 8px 5px #08071933)}.pg-grownups .pg-kicker{font-size:8px;margin-bottom:10px;color:#9d99be}.pg-grownups h2{font:500 29px/1.12 var(--heading);margin:0 0 12px;letter-spacing:-.5px}.pg-grownups p:not(.pg-kicker){font-size:12px;line-height:1.7;color:#b5aec9;max-width:450px;margin:0}.grownup-chips{display:flex;flex-direction:column;gap:12px;align-items:center}.grownup-chips span{font:500 13px var(--heading);padding:9px 14px;border-radius:12px;background:#e9c5f018;color:#e1c7e9;rotate:7deg}.grownup-chips span:nth-child(2){background:#b2d9d518;color:#b1d9d7;rotate:-6deg}.grownup-chips span:nth-child(3){background:#f6d78718;color:#e5d1a5;rotate:4deg}.pg-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 0 45px;color:#938aa9}.pg-footer .pg-brand{font-size:20px;color:#ded5ed}.pg-footer>p,.pg-footer>a:last-child{font-size:10px}.pg-footer .pg-brand sup{font-size:13px}.playground.motion-paused .portal-avatar{transform:none!important;animation:none!important}.playground.motion-paused .hero-friend{animation:none!important}.playground.motion-paused .prop{animation:none!important}.playground.motion-paused .portal-reveal{transition:none}.playground .pg-motion:disabled{opacity:.7;cursor:default}
@keyframes hero-sway{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(2deg)}}@keyframes hero-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes prop-drift{50%{translate:0 -10px;rotate:8deg}}@keyframes pal-hop{0%,100%{translate:0 0;scale:1}35%{translate:0 -28px;rotate:-8deg}65%{translate:0 -4px;scale:1.04 .97;rotate:5deg}}@keyframes letter-dance{50%{translate:0 -16px;rotate:10deg}}@keyframes book-float{50%{translate:0 -12px;rotate:10deg}}@keyframes planet-bob{50%{translate:4px -9px;rotate:14deg}}@keyframes star-turn{50%{rotate:90deg;scale:1.2}}@keyframes note-hop{50%{translate:0 -14px;rotate:-8deg}}@keyframes bop-dance{0%,100%{transform:translate(-12px,-5px) rotate(-5deg) scale(1.055)}50%{transform:translate(-6px,-13px) rotate(3deg) scale(1.055)}}@keyframes word-drift{50%{translate:10px -9px;rotate:6deg}}@keyframes paint-squish{50%{scale:1.15 .85;rotate:25deg;translate:0 -6px}}@keyframes firefly-loop{25%{translate:15px -14px}50%{translate:20px 3px;opacity:.7}75%{translate:-4px 10px}}
@media(min-width:1400px){.pg-hero{gap:40px;min-height:450px}.pg-hero h1{font-size:67px}.orbit-stage{height:385px}.hero-foo{width:335px;height:335px;left:calc(50% - 167px)}.hero-boo,.hero-doodle{width:235px;height:235px}}
@media(max-width:1000px){.pg-wrap{width:calc(100% - 48px)}.pg-hero h1{font-size:49px}.pg-hero{min-height:395px;gap:0}.pg-hero-description{font-size:14px}.orbit-stage{height:330px}.hero-foo{width:260px;height:275px;left:calc(50% - 130px);top:20px}.hero-boo{width:170px;height:180px;left:-15px}.hero-doodle{width:175px;height:185px;right:-15px}.hero-bubble{font-size:12px;right:-4px;top:3px;max-width:170px}.hero-token{scale:.8}.hero-tap-note{left:20%;font-size:10px}.pg-primary{font-size:16px;gap:13px;padding:12px 18px}.pg-hero-actions{gap:15px}.portal-grid{gap:23px 17px}.portal-avatar{width:205px;height:220px;left:calc(50% - 102px)}.portal-scene{height:213px}.portal-copy{padding:18px}.portal-copy h3{font-size:23px}.portal-copy p{font-size:11px}.pal-hello{font-size:9px;right:13px;bottom:19px;padding:7px 9px}.portal-play{font-size:13px;gap:7px}.portal-reveal{max-width:117px;font-size:11px}.block{scale:.8}.music-note{font-size:40px}.word-word{font-size:16px}.pg-grownups{grid-template-columns:130px 1fr 120px;gap:24px;padding:30px}.grownups-art{height:180px}.pg-grownups h2{font-size:26px}}
@media(max-width:760px){.pg-wrap{width:calc(100% - 36px)}.pg-header{height:79px}.pg-brand{font-size:25px}.pg-brand-face{width:34px;height:34px;border-radius:12px}.grownup-link{display:none}.pg-header-actions{gap:8px}.pg-motion{padding:0 11px}.pg-motion .motion-label{display:none}.pg-hero{grid-template-columns:1fr;min-height:0;padding:24px 0 14px;text-align:center}.pg-hero-copy .pg-kicker{justify-content:center;font-size:8px;letter-spacing:1.6px}.pg-hero h1{font-size:clamp(45px,7.4vw,61px);line-height:1.01;margin-bottom:16px;letter-spacing:-1.4px}.pg-hero-description{font-size:13px}.pg-hero-actions{justify-content:center;margin-top:20px;gap:22px}.pg-hero-footnote{font-size:9px;margin-top:15px}.orbit-stage{width:min(470px,100%);margin:12px auto 0;height:292px}.hero-foo{width:245px;height:260px;left:calc(50% - 122px);top:3px}.hero-boo{width:165px;height:175px;left:0;bottom:3px}.hero-doodle{width:165px;height:175px;right:0;bottom:0}.hero-bubble{top:5px;right:3px;font-size:11px;padding:9px 12px;max-width:155px}.hero-tap-note{bottom:-8px;left:26%;font-size:9px}.hero-tap-note span{font-size:22px}.hero-token.token-a{top:20px;left:13%}.hero-token.token-five{top:100px;right:3%}.hero-orbit{height:81%;width:85%;left:8%;top:20px}.spark-one{top:-7px;font-size:24px}.pg-shelf{padding-top:37px}.pg-shelf-heading h2{font-size:29px}.pg-shelf-heading{margin-bottom:17px}.pg-count{font-size:10px}.pg-browse{flex-wrap:wrap;gap:18px;margin-bottom:26px}.pg-categories{justify-content:space-between;width:100%;gap:5px}.pg-categories button{font-size:11px;padding:10px 12px;gap:6px}.pg-categories button>span{font-size:14px}.pg-search{width:100%;padding:10px 11px;background:#ffffff04;border:1px solid #ffffff12;border-radius:13px}.pg-search input{font-size:12px}.portal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 16px}.portal-copy h3{font-size:24px}.portal-copy{padding:18px}.portal-scene{height:220px}.portal-avatar{width:215px;height:225px;left:calc(50% - 107px)}.portal-copy p{font-size:12px;min-height:38px;margin-bottom:45px}.portal-play{font-size:14px}.pal-hello{bottom:59px;right:16px;font-size:9px;padding:6px 9px;min-height:28px}.portal-copy .portal-meta{font-size:9px}.portal-grid.all-worlds .portal-fireflies .portal-link{grid-template-columns:1fr 1.1fr;min-height:265px}.portal-grid.all-worlds .portal-fireflies .portal-avatar{height:245px;width:245px;left:calc(50% - 122px);bottom:0}.portal-grid.all-worlds .portal-fireflies .portal-copy{padding:24px}.portal-grid.all-worlds .portal-fireflies h3{font-size:28px}.portal-grid.all-worlds .portal-fireflies .portal-copy p{font-size:12px;margin-bottom:42px;min-height:0}.portal-grid.all-worlds .portal-fireflies .pal-hello{bottom:22px;right:20px}.portal-grid.all-worlds .portal-fireflies .portal-play{margin-bottom:33px}.pg-grownups{grid-template-columns:100px 1fr;gap:13px;padding:25px 23px 25px 13px;border-radius:30px 55px 30px 30px;margin-top:45px}.grownup-chips{display:none}.grownups-art{height:145px;margin-bottom:-20px}.pg-grownups h2{font-size:24px}.pg-grownups p:not(.pg-kicker){font-size:11px}.pg-grownups .pg-kicker{font-size:7px;letter-spacing:1.1px}.pg-footer{padding:20px 0 30px;flex-wrap:wrap;gap:16px}.pg-footer>p{order:3;width:100%;margin:0;font-size:9px}.pg-footer .pg-brand{font-size:20px}.pg-hover-note{font-size:9px;margin-top:20px}}
@media(max-width:480px){.orbit-stage:before{inset:-15px 0 -5px}.pg-wrap{width:calc(100% - 30px)}.pg-header{height:73px}.pg-brand{font-size:23px}.pg-hero{padding-top:16px}.pg-hero h1{font-size:44px}.pg-hero-copy .pg-kicker{font-size:7px;letter-spacing:1.15px}.pg-hero-description{font-size:12px}.pg-primary{font-size:15px;min-height:45px;padding:11px 17px}.pg-surprise{font-size:12px}.pg-hero-actions{gap:20px}.orbit-stage{height:260px;margin-top:18px}.hero-foo{height:230px;width:225px;left:calc(50% - 112px)}.hero-boo{height:156px;width:146px;left:-13px;bottom:0}.hero-doodle{height:154px;width:145px;right:15px;bottom:0}.hero-bubble{right:-2px;top:0;font-size:10px;max-width:135px}.hero-tap-note{left:19%;font-size:9px;bottom:-13px}.hero-token{scale:.67}.hero-token.token-a{left:6%;top:24px}.hero-token.token-five{right:-1%;top:76px}.hero-token.token-paint{left:17%;bottom:28px}.hero-spark.spark-one{left:41%;top:-15px}.hero-spark.spark-two{right:19%;bottom:8px}.pg-shelf{padding-top:39px}.pg-shelf-heading h2{font-size:27px}.pg-count{font-size:9px}.pg-categories button{padding:10px 9px;font-size:10px;gap:4px;border-radius:11px}.pg-categories button>span{font-size:13px}.portal-grid{gap:19px 12px}.portal-card{border-radius:22px}.portal-scene{height:175px;border-radius:21px 21px 32% 10% / 21px 21px 6% 4%}.portal-avatar{height:179px;width:175px;left:calc(50% - 87px);bottom:-7px}.portal-category{left:10px;top:12px;padding:4px 7px;font-size:7px;letter-spacing:.6px;border-radius:6px}.portal-recent{font-size:8px;top:14px;right:10px}.portal-host{font-size:7px;bottom:8px;left:10px}.portal-copy{padding:14px 12px 15px}.portal-meta{font-size:8px!important;line-height:1.4;margin-bottom:8px}.portal-copy h3{font-size:22px;line-height:1.08;min-height:46px}.portal-copy p{font-size:10px;line-height:1.55;min-height:32px;margin-bottom:45px}.portal-play{font-size:12px;gap:6px}.portal-play>span{width:23px;height:23px}.pal-hello{bottom:50px;right:11px;font-size:8px;padding:4px 8px;min-height:29px}.pal-hello>span{font-size:12px;margin-right:2px}.portal-reveal{right:7px;top:42px;max-width:98px;font-size:10px;line-height:1.25;padding:7px 8px;border-radius:10px 10px 10px 2px}.portal-card:is(:hover,:focus-within,.saying-hello) .portal-avatar{transform:translate(-9px,-5px) rotate(-4deg) scale(1.045)}.block{scale:.6}.block-a{left:1px;top:43px}.block-b{right:3px;bottom:16px}.block-c{right:0;top:31px;scale:.45}.book{scale:.6}.book-one{left:0;top:40px}.book-two{right:4px;bottom:20px}.leaf{scale:.6}.leaf-one{left:6px;bottom:15px}.leaf-two{right:9px;top:29px}.mini-planet{width:34px;height:34px;right:12px;top:38px}.mini-planet:after{width:52px;height:16px;left:-9px;top:9px;border-width:4px}.orbit-star{left:15px;top:47px;font-size:18px}.orbit-moon{left:13px;bottom:28px;font-size:28px}.music-note{font-size:33px}.note-one{left:5px;top:39px}.note-two{right:3px;top:42px}.note-three{right:13px;bottom:18px}.word-word{font-size:12px;padding:4px 7px}.word-one{left:4px;top:48px}.word-two{right:4px;top:32px}.word-three{right:10px;bottom:24px}.paint-blob{scale:.65}.blob-one{left:0;top:44px}.blob-two{right:0;bottom:18px}.blob-three{right:7px;top:32px;scale:.4}.portal-grid.all-worlds .portal-fireflies .portal-link{grid-template-columns:1fr 1.08fr;min-height:260px}.portal-grid.all-worlds .portal-fireflies .portal-scene{border-radius:21px 45% 10% 21px / 21px 20% 10% 21px}.portal-grid.all-worlds .portal-fireflies .portal-avatar{width:190px;height:215px;left:calc(50% - 95px);bottom:17px}.portal-grid.all-worlds .portal-fireflies .portal-copy{padding:21px 13px 15px}.portal-grid.all-worlds .portal-fireflies h3{font-size:26px;margin-bottom:10px;min-height:0}.portal-grid.all-worlds .portal-fireflies .portal-copy p{font-size:11px;line-height:1.55;margin-bottom:18px}.portal-grid.all-worlds .portal-fireflies .pal-hello{bottom:15px;right:13px}.portal-grid.all-worlds .portal-fireflies .portal-play{margin-bottom:27px}.portal-grid.all-worlds .portal-fireflies .portal-category{font-size:8px}.pg-grownups{grid-template-columns:80px 1fr;padding:24px 19px 24px 8px;gap:10px}.pg-grownups h2{font-size:24px}.grownups-art{height:130px;margin-bottom:-15px;align-self:end}.pg-grownups .pg-kicker{font-size:6px}.pg-footer .pg-brand{font-size:18px}}
@media(prefers-reduced-motion:reduce){.playground *, .playground *:before,.playground *:after{animation:none!important;transition:none!important}.portal-card .portal-avatar{transform:none!important}.hero-friend:hover{translate:none}}