.pattern-maker-parade{--hot:#ea765d;--deep:#a74a4e;--ink:#59405d}.pattern-maker-parade.is-immersive{background:linear-gradient(180deg,#98dfed,#fff0b9 67%,#8fd07b 0)}.pattern-maker-parade.is-immersive .prek-machine{background:#df6e5e;box-shadow:0 10px #a3484d,0 22px 42px #633b5145}.pattern-maker-parade.is-immersive .prek-prompt{right:auto;left:50%;width:min(720px,calc(100% - 360px));min-height:58px;padding:7px 10px;transform:translateX(-50%)}.pattern-maker-parade.is-immersive .prek-prompt h2{font-size:clamp(19px,2.45vw,30px);line-height:1.08}.pmp-stage{position:absolute;inset:0;min-height:0;overflow:hidden;padding:0;border:0;border-radius:0;background:linear-gradient(180deg,#8eddf1 0 49%,#b9e989 49% 72%,#7ac267 72%);box-shadow:none;isolation:isolate}.pmp-stage:before{z-index:1;background:radial-gradient(circle at 16% 19%,#fff8 0 24px,transparent 25px),radial-gradient(circle at 83% 25%,#fff6 0 32px,transparent 33px),linear-gradient(180deg,transparent 0 48%,#ffffff2b 48% 51%,transparent 51%);opacity:1}.pmp-stage:after{position:absolute;z-index:2;right:-5%;bottom:22%;left:-5%;height:25%;border-radius:50% 50% 0 0;background:linear-gradient(165deg,#83d170,#65b95d);box-shadow:0 -12px 0 #a5dd7a;content:""}.pattern-maker-parade .kinder-parallax{z-index:0;background:transparent}.pattern-maker-parade .kinder-scene-light{display:none}.pattern-maker-parade .kinder-particle-canvas{z-index:30}.pattern-maker-parade .kinder-mascot-cherry{z-index:20;bottom:clamp(7px,1svh,14px);left:clamp(-20px,-1vw,-8px);width:clamp(175px,20vw,255px);filter:drop-shadow(0 13px 10px #3e4c5866)}.pmp-flags{position:absolute!important;z-index:4!important;top:96px;right:-2%;left:-2%;display:flex;justify-content:space-around;border-top:5px solid #fff8;transform:rotate(-1deg)}.pmp-flags span{width:0;height:0;border-top:34px solid #ffcf58;border-right:22px solid transparent;border-left:22px solid transparent;filter:drop-shadow(0 4px 2px #744e5233)}.pmp-flags span:nth-child(2n){border-top-color:#ee6e86}.pmp-flags span:nth-child(3n){border-top-color:#6dbae8}.pmp-flags span:nth-child(4n){border-top-color:#8b76df}.pmp-workshop{position:absolute!important;z-index:12!important;top:126px;right:0;left:0;display:grid;width:min(820px,calc(100% - 300px));height:clamp(315px,46svh,372px);margin-inline:auto;grid-template-rows:52px 112px 105px 62px;align-items:center;padding:10px 20px 14px;border:6px solid #fff8e3;border-radius:32px;background:linear-gradient(180deg,#fff9e9f2,#f5d8bde9);box-shadow:inset 0 -9px #d3aa88,0 9px #8b5e59,0 18px 28px #4d3e5040}.pmp-recipe{display:flex;align-items:center;justify-content:center;gap:14px;color:#74505b}.pmp-recipe>span{font-size:12px;font-weight:1000;letter-spacing:.14em}.pmp-recipe strong{display:flex;gap:7px}.pmp-recipe i{display:grid;width:39px;height:39px;place-items:center;border:3px solid #fff;border-radius:12px;color:#fff;background:linear-gradient(#8a78e8,#6552c8);box-shadow:0 4px #463699;font-size:23px;font-style:normal;font-weight:1000}.pmp-unit{display:flex;align-items:center;justify-content:center;gap:clamp(9px,1.5vw,18px)}.pmp-slot{position:relative;display:grid;width:clamp(82px,9vw,108px);aspect-ratio:1;place-items:center;padding:0;cursor:pointer;border:5px solid #fff;border-radius:25px;color:#765666;background:#fff7dd8a;box-shadow:inset 0 5px #fff7,inset 0 -7px #bd967b55,0 7px #a57868;transition:transform .15s,filter .15s}.pmp-slot:disabled{cursor:default;opacity:1}.pmp-slot.is-filled:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-4px)}.pmp-slot:focus-visible{outline:6px solid #fff14f;outline-offset:4px}.pmp-slot-letter{position:absolute;z-index:3;top:-11px;left:50%;display:grid;width:29px;height:29px;place-items:center;border:3px solid #fff;border-radius:50%;color:#fff;background:#ec6f71;box-shadow:0 3px #a84955;font-size:15px;font-weight:1000;transform:translateX(-50%)}.pmp-plus{color:#b68b91;font-size:48px;font-weight:1000;line-height:1}.pmp-piece{position:relative;display:grid;width:82%;height:82%;place-items:center;pointer-events:none}.pmp-piece i{display:block;width:78%;aspect-ratio:1;background:linear-gradient(135deg,#fff9 0 15%,transparent 28%),var(--piece-color);box-shadow:inset -8px -9px #0002,inset 4px 5px #fff4,0 8px 6px #57494a3d;filter:drop-shadow(0 3px 2px #674d5333)}.pmp-circle i{border-radius:50%}.pmp-square i{border-radius:20%}.pmp-star i{clip-path:polygon(50% 0,61% 34%,98% 35%,68% 56%,79% 93%,50% 71%,21% 93%,32% 56%,2% 35%,39% 34%)}.pmp-triangle i{clip-path:polygon(50% 2%,98% 94%,2% 94%)}.pmp-heart i{clip-path:polygon(50% 94%,43% 87%,18% 66%,8% 53%,3% 39%,3% 27%,8% 16%,17% 9%,28% 7%,39% 12%,50% 25%,61% 12%,72% 7%,83% 9%,92% 16%,97% 27%,97% 39%,92% 53%,82% 66%,57% 87%)}.pmp-diamond i{border-radius:18%;transform:rotate(45deg) scale(.74)}.pmp-palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:clamp(6px,1vw,12px)}.pmp-palette button{display:flex;min-width:0;min-height:93px;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:3px;cursor:pointer;border:0;border-radius:20px;color:#725360;background:transparent;font-size:11px;font-weight:1000;transition:transform .15s,background .15s}.pmp-palette button .pmp-piece{width:68px;height:65px}.pmp-palette button:hover:not(:disabled){background:#fff8;transform:translateY(-5px)}.pmp-palette button:active:not(:disabled){transform:translateY(2px) scale(.95)}.pmp-palette button:focus-visible{outline:5px solid #745ee0;outline-offset:1px}.pmp-palette button:disabled{cursor:default;opacity:.52}.pmp-actions{display:grid;grid-template-columns:minmax(95px,1fr) minmax(165px,1.35fr) minmax(95px,1fr);gap:10px}.pmp-actions button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:49px;padding:6px 10px;cursor:pointer;border:4px solid #fff;border-radius:17px;color:#fff;font-size:16px;font-weight:1000}.pmp-actions svg{width:20px;height:20px}.pmp-edit{background:linear-gradient(#78bfdb,#478eb8);box-shadow:0 5px #337099}.pmp-parade-button{background:linear-gradient(#ff936a,#e45b5c);box-shadow:0 5px #aa3f4e;font-size:19px!important}.pmp-actions button:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-3px)}.pmp-actions button:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px #6e4a63}.pmp-actions button:focus-visible{outline:6px solid #fff14f;outline-offset:3px}.pmp-actions button:disabled{cursor:default;opacity:.45;filter:grayscale(.25)}.pmp-workshop.is-wrong{animation:pmp-wiggle .45s ease}.pmp-workshop.is-solved{filter:brightness(1.05)}.pmp-road{position:absolute!important;z-index:9!important;bottom:48px;left:clamp(205px,19vw,232px);height:88px;overflow:hidden;border:5px solid #fff8;border-radius:24px;background:linear-gradient(#d8c7b8,#b49b8c);box-shadow:inset 0 8px #fff4,inset 0 -7px #7b655b40,0 7px #4e60493d}.pmp-road-line{position:absolute;top:50%;right:0;left:0;border-top:5px dashed #fff7}.pmp-parade-pieces{position:absolute;inset:4px 10px;display:flex;align-items:center;justify-content:space-evenly;gap:1px}.pmp-piece.is-small{width:min(64px,7%);height:64px;flex:0 1 64px}.pmp-road.is-moving .pmp-parade-pieces{animation:pmp-march .8s ease-out both}.pmp-feedback{position:absolute!important;z-index:24!important;bottom:13px;left:clamp(205px,19vw,232px);margin:0;overflow:hidden;color:#fff;font-size:clamp(14px,1.5vw,18px);font-weight:1000;line-height:1.15;text-align:center;text-shadow:0 2px 4px #4c4254,0 0 8px #4c4254;white-space:nowrap}.pmp-feedback.is-correct{color:#fff58d}.pmp-feedback.is-wrong{color:#ffe4de}@keyframes pmp-wiggle{25%{transform:translateX(-7px)}55%{transform:translateX(7px)}80%{transform:translateX(-4px)}}@keyframes pmp-march{0%{transform:translateX(-105%)}60%{transform:translateX(3%)}to{transform:translateX(0)}}@media(max-width:820px){.pattern-maker-parade.is-immersive .prek-prompt{right:auto;left:50%;width:calc(100% - 28px);transform:translateX(-50%)}.pattern-maker-parade.is-immersive .prek-prompt h2{font-size:clamp(16px,4vw,23px)}.pattern-maker-parade .kinder-mascot-cherry{bottom:135px;left:-20px;width:clamp(105px,24vw,145px)}.pmp-flags{top:116px}.pmp-flags span{border-top-width:25px;border-right-width:16px;border-left-width:16px}.pmp-workshop{top:140px;right:8px;left:8px;width:auto;height:clamp(330px,48svh,380px);margin-inline:0;grid-template-rows:46px 104px 106px 62px;padding:8px 8px 12px;border-width:5px;border-radius:24px}.pmp-slot{width:clamp(76px,23vw,99px);border-width:4px;border-radius:20px}.pmp-palette{gap:2px}.pmp-palette button{min-height:96px;font-size:9px}.pmp-palette button .pmp-piece{width:58px;height:58px}.pmp-actions{grid-template-columns:1fr 1.45fr 1fr;gap:5px}.pmp-actions button{min-height:48px;padding:4px;font-size:13px}.pmp-parade-button{font-size:16px!important}.pmp-road{right:8px;bottom:47px;left:8px;height:75px}.pmp-feedback{right:8px;bottom:12px;left:8px;font-size:13px}}@media(max-width:480px){.pmp-workshop{top:142px;height:352px;grid-template-rows:43px 100px 104px 66px}.pmp-recipe{gap:8px}.pmp-recipe>span{font-size:9px}.pmp-recipe i{width:32px;height:32px;font-size:18px}.pmp-unit{gap:7px}.pmp-slot{width:82px}.pmp-palette button .pmp-piece{width:52px;height:52px}.pmp-palette button span:last-child{max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pmp-actions button{flex-direction:column;gap:0}.pmp-actions svg{width:18px;height:18px}.pmp-road{height:69px}.pmp-piece.is-small{height:52px}.pmp-feedback{font-size:12px}}@media(max-height:700px) and (min-width:821px){.pmp-workshop{top:102px;height:310px;grid-template-rows:44px 96px 98px 58px}.pmp-flags{top:84px}.pmp-road{height:72px}.pmp-palette button{min-height:86px}}@media(prefers-reduced-motion:reduce){.pmp-road.is-moving .pmp-parade-pieces,.pmp-workshop.is-wrong{animation:none}.pmp-actions button,.pmp-palette button,.pmp-slot{transition:none}}.pmp-workshop{bottom:148px;height:auto;grid-template-rows:58px minmax(108px,1fr) minmax(106px,1fr) 66px;border:0;background:transparent;box-shadow:none}.pattern-maker-parade .kinder-mascot-cherry{right:auto;left:8px;width:clamp(155px,16vw,190px)}.pmp-feedback,.pmp-road{right:clamp(18px,3vw,42px);left:clamp(178px,18vw,210px)}@media(max-width:820px){.pmp-workshop{bottom:134px;height:auto;grid-template-rows:48px minmax(96px,1fr) minmax(96px,1fr) 62px}.pattern-maker-parade .kinder-mascot-cherry{right:auto;bottom:5px;left:2px;width:clamp(88px,22vw,118px)}.pmp-feedback,.pmp-road{right:8px;left:clamp(82px,23vw,108px)}}@media(max-height:700px) and (min-width:821px){.pmp-workshop{bottom:132px;height:auto;grid-template-rows:44px minmax(88px,1fr) minmax(88px,1fr) 58px}}