.prek-arcade{--ink:#503269;--hot:#ff5f8f;--deep:#c33168;--sun:#ffe55c;--sky:#8ce6ff;position:relative;min-height:100svh;overflow:hidden;padding:72px 12px 28px;color:var(--ink);background:linear-gradient(180deg,var(--sky),#f8f5b9 68%,#8ed56f 68%);isolation:isolate}.prek-arcade:before{content:"";position:absolute;inset:0;z-index:-2;background-image:radial-gradient(#fff9 2px,transparent 3px),linear-gradient(90deg,transparent 49%,#fff3 50%,transparent 51%);background-size:32px 32px,75px 75px}.prek-sparkles span{position:absolute;z-index:-1;color:#fff;font-size:clamp(25px,4vw,50px);filter:drop-shadow(0 4px #3b6f9855);animation:prek-float 3s ease-in-out infinite}.prek-sparkles span:first-child{top:15%;left:4%}.prek-sparkles span:nth-child(2){top:40%;right:5%;color:var(--sun);animation-delay:-1s}.prek-sparkles span:nth-child(3){bottom:10%;left:7%;color:#ff8eaa;animation-delay:-2s}.prek-sparkles span:nth-child(4){top:18%;right:8%;color:#fff;animation-delay:-.6s}.prek-machine{position:relative;width:min(930px,100%);margin:0 auto;padding:15px;border:5px solid #fff;border-radius:38px;background:linear-gradient(145deg,#ff9aba,var(--hot));box-shadow:inset 0 -10px 0 #df3f73,inset 0 5px 0 #ffd7e4,0 12px 0 var(--deep),0 25px 45px #50326945}.prek-marquee{position:relative;margin:0 auto 12px;padding:12px 68px 19px;text-align:center;border:4px solid #fff;border-radius:27px;background:linear-gradient(#fff9ba,#ffd83c);box-shadow:inset 0 -7px #e9a82f,0 6px #a92f5a}.prek-marquee p{margin:0;color:#a54157;font-size:13px;font-weight:1000;letter-spacing:.14em;text-transform:uppercase}.prek-marquee h1{margin:0;color:#fff;font-size:clamp(30px,6vw,52px);font-weight:1000;letter-spacing:-.045em;line-height:1;text-shadow:0 3px 0 var(--hot),0 6px 0 var(--deep),0 9px 12px #86203c55;-webkit-text-stroke:1px #9c3150;paint-order:stroke fill}.prek-bulbs{position:absolute;right:12px;bottom:4px;left:12px;overflow:hidden;color:#fff;font-size:12px;letter-spacing:clamp(5px,2vw,15px);white-space:nowrap;text-shadow:0 2px #e7a418}.prek-status{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 auto 10px;padding:7px 14px;border:3px solid #fff;border-radius:18px;background:#fffbed;box-shadow:0 5px #a92f5a}.prek-status p{margin:0;font-size:14px;font-weight:1000}.prek-stars{display:flex;gap:4px}.prek-stars svg{width:25px;height:25px;color:#b88aab;fill:#f8dcec}.prek-stars svg.is-done{color:#e69515;fill:#ffe04d}.prek-stars svg.is-current{color:#7640b8;fill:#caa2ff;animation:prek-pulse 1s ease-in-out infinite}.prek-screen{min-height:520px;padding:14px;border:6px solid #fff;border-radius:28px;background:linear-gradient(180deg,#fffdf0,#e9fbff);box-shadow:inset 0 0 0 5px #7b4ea8,inset 0 10px 24px #69448520}.prek-prompt{display:flex;align-items:center;justify-content:center;gap:12px;min-height:76px;padding:8px 14px;text-align:center}.prek-prompt h2{margin:0;color:var(--ink);font-size:clamp(24px,4.8vw,42px);font-weight:1000;letter-spacing:-.035em;line-height:1.05}.prek-prompt button{display:grid;flex:0 0 auto;place-items:center;width:54px;height:54px;cursor:pointer;border:4px solid #fff;border-radius:50%;color:#fff;background:linear-gradient(#8b7dff,#6654cf);box-shadow:0 6px #45349b}.prek-prompt button:active{translate:0 4px;box-shadow:0 2px #45349b}.prek-prompt svg{width:26px;height:26px}.prek-finish{position:fixed;z-index:40;inset:0;display:grid;place-items:center;padding:18px;background:#3f315d80;backdrop-filter:blur(6px)}.prek-finish-card{width:min(470px,95vw);padding:24px;text-align:center;border:7px solid #fff;border-radius:40px;background:linear-gradient(#fffbd6,#ffe9f2);box-shadow:0 12px #c84c7e,0 28px 60px #2e244957;animation:prek-pop .5s cubic-bezier(.2,1.5,.4,1)}.prek-finish-emoji{font-size:90px;filter:drop-shadow(0 8px #723c6c33);animation:prek-dance .8s ease-in-out infinite alternate}.prek-finish-emoji.has-image{position:relative;width:130px;height:130px;margin:0 auto}.prek-finish-emoji.has-image img{object-fit:contain}.prek-finish-card p{margin:4px 0;color:#8e607a;font-size:18px;font-weight:900}.prek-finish-card h2{margin:4px 0;color:#7350bd;font-size:clamp(38px,9vw,60px);font-weight:1000;letter-spacing:-.055em;line-height:1}.prek-finish-card .prek-finish-cheer{margin:7px 0 22px;color:#e1547f;font-size:24px}.prek-finish-card button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:64px;cursor:pointer;border:4px solid #fff;border-radius:22px;color:#fff;background:linear-gradient(#ff8fae,#ec5c88);box-shadow:0 7px #bd3d68;font-size:23px;font-weight:1000}.prek-finish-card button:active{translate:0 4px;box-shadow:0 3px #bd3d68}@keyframes prek-float{50%{transform:translateY(-13px) rotate(8deg)}}@keyframes prek-pulse{50%{transform:scale(1.2) rotate(8deg)}}@keyframes prek-pop{0%{opacity:0;transform:scale(.55) rotate(-4deg)}}@keyframes prek-dance{to{transform:translateY(-15px) rotate(5deg)}}@media(max-width:560px){.prek-arcade{padding:69px 6px 16px}.prek-machine{padding:8px;border-width:4px;border-radius:27px}.prek-marquee{padding:10px 35px 17px;border-radius:20px}.prek-marquee p{font-size:10px}.prek-status{padding:6px 9px}.prek-status p{font-size:12px}.prek-stars svg{width:20px;height:20px}.prek-screen{min-height:510px;padding:7px;border-width:4px;border-radius:20px}.prek-prompt{min-height:78px;padding:5px}.prek-prompt button{width:48px;height:48px}.prek-sparkles{display:none}}@media(prefers-reduced-motion:reduce){.prek-finish-emoji,.prek-sparkles span,.prek-stars svg.is-current{animation:none}}.prek-immersive-heading{position:relative;z-index:5;width:min(820px,calc(100% - 190px));margin:0 auto 10px;border-radius:0!important;box-shadow:none!important;text-align:center}.prek-immersive-heading p{margin:0;color:#8d3b61;font-size:12px;font-weight:1000;letter-spacing:.16em;text-transform:uppercase}.prek-immersive-heading h1{margin:1px 0 0;color:#fff;font-size:clamp(34px,5vw,58px);font-weight:1000;letter-spacing:-.05em;line-height:.95;text-shadow:0 3px 0 var(--hot),0 6px 0 var(--deep),0 10px 18px #51305745;-webkit-text-stroke:1px #9c3150;paint-order:stroke fill}.prek-arcade.is-immersive{padding:68px 12px 18px}.is-immersive .prek-machine{width:min(1180px,100%);margin:0 auto;padding:0;overflow:hidden;border:6px solid #fff;border-radius:38px;background:var(--hot);box-shadow:0 10px 0 var(--deep),0 22px 42px #50326945}.is-immersive .prek-screen{position:relative;min-height:clamp(540px,calc(100svh - 168px),790px);overflow:hidden;padding:0;border:0;border-radius:31px;background:transparent;box-shadow:none}.is-immersive .prek-prompt{position:absolute;z-index:24;top:17px;left:50%;width:min(610px,calc(100% - 500px));min-height:66px;padding:8px 13px;border:0;border-radius:22px;background:#fffdf0e8;box-shadow:0 8px 20px #4c31533d;backdrop-filter:blur(8px);transform:translateX(-50%)}.is-immersive .prek-prompt h2{font-size:clamp(24px,3.5vw,38px)}.is-immersive .prek-prompt button{border:0;box-shadow:0 5px #45349b}.is-immersive .prek-status{position:absolute;z-index:25;top:21px;right:18px;display:grid;gap:3px;margin:0;padding:7px 11px;border:0;border-radius:16px;background:#fffbeda8;box-shadow:0 6px 16px #4c31532b;backdrop-filter:blur(8px)}.is-immersive .prek-status p{text-align:center;font-size:12px}.is-immersive .prek-stars{gap:2px}.is-immersive .prek-stars svg{width:21px;height:21px}@media(max-width:1000px){.is-immersive .prek-prompt{width:min(620px,calc(100% - 32px))}.is-immersive .prek-status{top:94px;right:auto;left:16px;display:flex}.is-immersive .prek-status p{text-align:left}}@media(max-width:560px){.prek-arcade.is-immersive{padding:66px 5px 10px}.prek-immersive-heading{width:calc(100% - 112px);margin-bottom:8px}.prek-immersive-heading p{font-size:9px;letter-spacing:.1em}.prek-immersive-heading h1{font-size:clamp(27px,8vw,38px)}.is-immersive .prek-machine{padding:0;border-width:4px;border-radius:25px}.is-immersive .prek-screen{min-height:calc(100svh - 126px);border-radius:20px}.is-immersive .prek-prompt{top:12px;width:calc(100% - 20px);min-height:62px;padding:6px 8px;border-radius:18px}.is-immersive .prek-prompt h2{font-size:clamp(21px,6.5vw,30px)}.is-immersive .prek-prompt button{width:46px;height:46px}.is-immersive .prek-status{top:82px;left:10px;padding:5px 8px}.is-immersive .prek-status p{font-size:11px}.is-immersive .prek-stars svg{width:18px;height:18px}}