.weight-game{--weight-ink:#312e81;min-height:100svh;position:relative;overflow:hidden;padding:5.5rem 1rem 2rem;color:var(--weight-ink);background:radial-gradient(circle at 50% -10%,#4338ca 0,#1e1b4b 46%,#11102e 100%)}.weight-game:before{content:"";position:absolute;inset:0;opacity:.5;pointer-events:none;background-image:radial-gradient(#fff 1.5px,transparent 0);background-size:34px 34px}.weight-stars{position:absolute;inset:2rem 0 auto;text-align:center;color:#fde68a;font-size:2rem;letter-spacing:1.6rem;opacity:.8}.weight-card{position:relative;z-index:1;width:min(920px,100%);margin:0 auto;overflow:hidden;border:4px solid var(--weight-ink);border-radius:2rem;background:#eef2ff;box-shadow:8px 10px 0 rgba(7,5,35,.45)}.weight-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-bottom:4px solid var(--weight-ink);background:linear-gradient(135deg,#c4b5fd,#67e8f9)}.weight-header>div{min-width:0;flex:1}.weight-header p{font-size:.9rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.weight-header h1{margin-top:.2rem;font-size:clamp(1.4rem,4vw,2.25rem);line-height:1.12;font-weight:1000}.weight-finish button,.weight-header button{min-width:4rem;min-height:4rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:4px solid var(--weight-ink);border-radius:1.3rem;background:#facc15;color:var(--weight-ink);box-shadow:4px 5px 0 rgba(49,46,129,.28);touch-action:manipulation}.weight-header button svg{width:1.8rem;height:1.8rem;stroke-width:3}.weight-cargo:focus-visible,.weight-finish button:focus-visible,.weight-header button:focus-visible{outline:4px solid #facc15;outline-offset:4px}.weight-progress{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.25rem;border-bottom:3px solid var(--weight-ink);background:#fff}.weight-progress>div{display:flex;gap:.35rem}.weight-progress svg{width:1.65rem;height:1.65rem;fill:#fff;stroke-width:2.5}.weight-progress svg.done{fill:#facc15}.weight-stage{min-height:500px;position:relative;display:grid;place-items:center;overflow:hidden;padding:1rem;background:linear-gradient(180deg,#312e81 0 68%,#64748b 68% 74%,#334155 74%)}.weight-stage:after{content:"";position:absolute;inset:auto 0 13% 0;height:12px;border-block:3px solid #111827;background:repeating-linear-gradient(90deg,#facc15 0 24px,#111827 24px 48px)}.weight-crane{width:76%;height:105px;border:10px solid #94a3b8;border-top:0;border-radius:0 0 1.5rem 1.5rem;box-shadow:inset 0 -7px 0 #475569,7px 7px 0 rgba(0,0,0,.25)}.weight-crane,.weight-crane:before{position:absolute;top:0;transform:translateX(-50%)}.weight-crane:before{content:"";left:50%;width:11px;height:70px;background:#facc15;border:3px solid #111827}.weight-crane span{position:absolute;left:50%;top:58px;width:42px;height:35px;border:4px solid #111827;border-radius:8px;background:#fb7185;transform:translateX(-50%);box-shadow:inset 0 -7px 0 #be123c}.weight-crane i{position:absolute;left:50%;top:88px;width:4px;height:65px;background:#111827}.weight-choices{width:min(700px,100%);position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,6vw,4rem);padding-top:5rem}.weight-cargo{position:relative;min-height:245px;display:flex;flex-direction:column;align-items:center;justify-content:end;padding:1.2rem;border:4px solid var(--weight-ink);border-radius:2rem;background:linear-gradient(145deg,#fff 0 18%,#dbeafe 20% 75%,#93c5fd 76%);box-shadow:inset -10px -12px 0 rgba(49,46,129,.13),9px 12px 0 rgba(3,7,18,.35);cursor:pointer;touch-action:manipulation}.weight-cargo:after{content:"";position:absolute;inset:9px;border:2px solid rgba(255,255,255,.7);border-radius:1.4rem;pointer-events:none}.weight-cargo.wrong{animation:weight-wobble .45s ease}.weight-hook{position:absolute;top:-48px;left:50%;width:4px;height:49px;background:#111827}.weight-hook:after{content:"";position:absolute;left:-13px;bottom:-5px;width:29px;height:24px;border:5px solid #111827;border-top:0;border-radius:0 0 50% 50%}.weight-object{z-index:1;font-size:clamp(4.8rem,15vw,7.8rem);line-height:1;filter:drop-shadow(7px 9px 0 rgba(49,46,129,.18))}.weight-cargo strong{z-index:1;margin-top:.65rem;font-size:1.15rem;text-transform:capitalize}.weight-score{position:absolute;inset-inline:0;top:40%;z-index:12;width:max-content;margin:auto;padding:.35rem .85rem;border:4px solid var(--weight-ink);border-radius:999px;background:#fff;color:#e11d48;font-size:2.2rem;font-weight:1000;box-shadow:4px 5px 0 rgba(0,0,0,.25);pointer-events:none}.weight-finish{position:relative;z-index:2;width:min(430px,92%);padding:1.5rem;text-align:center;border:4px solid var(--weight-ink);border-radius:2rem;background:#fff;box-shadow:8px 10px 0 rgba(3,7,18,.4)}.weight-finish>div{font-size:6rem;line-height:1}.weight-finish h2{margin-top:.5rem;font-size:2.2rem;font-weight:1000}.weight-finish p{margin:.5rem 0 1rem;font-size:1.1rem;font-weight:800}.weight-finish button{padding:.75rem 1.2rem;font-size:1.05rem;font-weight:900}@keyframes weight-wobble{25%{transform:rotate(-3deg)}60%{transform:rotate(3deg)}}@media (prefers-reduced-motion:reduce){.weight-cargo{animation:none!important}}@media (max-width:600px){.weight-game{padding:4.5rem .55rem 1rem}.weight-stage{min-height:440px}.weight-choices{gap:.7rem}.weight-cargo{min-height:205px;padding:.65rem}.weight-object{font-size:4.6rem}.weight-cargo strong{font-size:1rem}.weight-progress{align-items:flex-start;flex-direction:column;gap:.4rem}}.weight-stage{background:#312e81}.weight-crane{z-index:2;top:-10%;left:50%;width:min(760px,92%);height:250px;translate:-50% 0;transform:none;border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 14px 12px rgba(0,0,0,.35));animation:weight-crane-float 4.5s ease-in-out infinite alternate}.weight-crane:before,.weight-crane>i,.weight-crane>span:not(.prek-art-image){display:none}.weight-choices{z-index:3;padding-top:7rem}.weight-object{width:clamp(110px,18vw,170px);height:clamp(110px,18vw,170px);font-size:0;filter:drop-shadow(7px 9px 6px rgba(49,46,129,.2));animation:weight-cargo-float 2.8s ease-in-out infinite alternate}.weight-cargo strong{margin-top:.25rem}.weight-finish{z-index:4}.weight-finish-ship{width:130px;height:130px;margin:auto}.weight-finish>div{font-size:inherit}@keyframes weight-crane-float{to{transform:translateY(7px) rotate(.5deg)}}@keyframes weight-cargo-float{to{transform:translateY(-6px) rotate(1.5deg)}}@media(prefers-reduced-motion:reduce){.weight-crane,.weight-object{animation:none}}@media(max-width:600px){.weight-crane{top:-4%;height:190px}.weight-choices{padding-top:5rem}.weight-object{width:100px;height:100px}}.weight-object{width:clamp(112px,15vw,150px);height:clamp(112px,15vw,150px)}.weight-stage .prek-parallax-layer{inset:-4%}.weight-stage .prek-parallax-layer-1 img{transform:scale(1.04)}.weight-game{background:linear-gradient(180deg,#b8edff,#e7dcff 58%,#fff2ce)}.weight-game:before{opacity:.58;background-image:radial-gradient(#fff 2px,transparent 2.5px),radial-gradient(#fff3a8 1.5px,transparent 2px);background-position:0 0,17px 17px;background-size:42px 42px,54px 54px}.weight-space-scene{position:absolute;z-index:0;inset:0;width:100%;height:100%}.weight-space-scene img{object-fit:cover;object-position:center;filter:saturate(1.05) brightness(1.04)}.weight-stage:after{z-index:2;opacity:.78}.weight-crane{z-index:4;filter:drop-shadow(0 12px 10px rgba(72,59,128,.25))}.weight-choices{z-index:5}.weight-twinkle-field{position:absolute;z-index:1;inset:0;pointer-events:none}.weight-twinkle-field i{position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 8px 3px #fff,0 0 18px 7px #ffe985;animation:weight-twinkle 2.8s ease-in-out infinite}.weight-twinkle-field i:after,.weight-twinkle-field i:before{content:"";position:absolute;top:50%;left:50%;border-radius:99px;background:#fff;transform:translate(-50%,-50%)}.weight-twinkle-field i:before{width:28px;height:3px}.weight-twinkle-field i:after{width:3px;height:28px}.weight-twinkle-field i:first-child{top:22%;left:8%;scale:.55}.weight-twinkle-field i:nth-child(2){top:31%;left:18%;animation-delay:-1.2s}.weight-twinkle-field i:nth-child(3){top:17%;left:29%;scale:.72;animation-delay:-.5s}.weight-twinkle-field i:nth-child(4){top:37%;left:41%;scale:.5;animation-delay:-1.8s}.weight-twinkle-field i:nth-child(5){top:20%;left:53%;animation-delay:-2.3s}.weight-twinkle-field i:nth-child(6){top:33%;left:65%;scale:.62;animation-delay:-.9s}.weight-twinkle-field i:nth-child(7){top:15%;left:76%;scale:.8;animation-delay:-1.6s}.weight-twinkle-field i:nth-child(8){top:29%;left:89%;scale:.5;animation-delay:-2.5s}.weight-twinkle-field i:nth-child(9){top:57%;left:12%;scale:.55;animation-delay:-1.4s}.weight-twinkle-field i:nth-child(10){top:62%;left:91%;scale:.65;animation-delay:-.2s}.weight-twinkle-field i:nth-child(11){top:48%;left:4%;scale:.42;animation-delay:-2s}.weight-twinkle-field i:nth-child(12){top:49%;left:82%;scale:.48;animation-delay:-.7s}.weight-grabber{position:absolute;z-index:7;top:135px;width:5px;height:0;border-radius:0 0 5px 5px;background:linear-gradient(90deg,#425070,#d8e8ff 45%,#425070);box-shadow:0 0 7px #d8f4ff;animation:weight-cable-pickup 1.55s cubic-bezier(.42,0,.2,1) forwards;transform-origin:top}.weight-grabber:after{content:"";position:absolute;left:50%;bottom:-22px;width:36px;height:27px;border:6px solid #33415e;border-top:0;border-radius:0 0 18px 18px;filter:drop-shadow(0 4px 2px #27315244);transform:translateX(-50%)}.weight-grabber-left{left:35%}.weight-grabber-right{left:65%}.weight-cargo.is-lifted{border-color:#fff5a5;box-shadow:0 0 0 7px #fff5a566,0 0 34px #fff4a8,9px 12px 0 rgba(74,59,124,.22)}.weight-cargo.is-lifted .weight-object{animation:weight-object-pickup 1.05s cubic-bezier(.24,.75,.2,1) .42s forwards}.weight-cargo.is-lifted strong{animation:weight-label-fade .35s ease .42s forwards}@keyframes weight-twinkle{0%,to{opacity:.28;transform:scale(.65) rotate(0)}50%{opacity:1;transform:scale(1.08) rotate(45deg)}}@keyframes weight-cable-pickup{0%{height:0}38%{height:260px}52%{height:260px}to{height:92px}}@keyframes weight-object-pickup{0%,12%{transform:translateY(0) scale(1)}to{transform:translateY(-165px) scale(.82) rotate(3deg)}}@keyframes weight-label-fade{to{opacity:.18;transform:translateY(-16px)}}@media(prefers-reduced-motion:reduce){.weight-twinkle-field i{animation:none}.weight-grabber{display:none}.weight-cargo.is-lifted .weight-object,.weight-cargo.is-lifted strong{animation:none}}@media(max-width:600px){.weight-grabber{top:130px}.weight-grabber-left{left:29%}.weight-grabber-right{left:71%}@keyframes weight-cable-pickup{0%{height:0}38%{height:235px}52%{height:235px}to{height:88px}}@keyframes weight-object-pickup{0%,12%{transform:translateY(0) scale(1)}to{transform:translateY(-135px) scale(.8)}}}.weight-crane-rig{--crane-pick-x:50%;--crane-drop:190px;--crane-lift:55px;position:absolute;z-index:7;top:-85px;left:50%;width:clamp(230px,24vw,290px);height:clamp(230px,24vw,290px);pointer-events:none;transform:translateX(-50%);transform-origin:50% 0;filter:drop-shadow(0 12px 11px rgba(63,48,102,.28));animation:weight-crane-idle 4.8s ease-in-out infinite alternate;will-change:left,transform}.weight-crane-state{position:absolute!important;inset:0;width:100%;height:100%}.weight-crane-state img{object-fit:contain}.weight-crane-closed{opacity:0}.weight-crane-rig.is-left{--crane-pick-x:34%}.weight-crane-rig.is-right{--crane-pick-x:66%}.weight-crane-rig.is-picking{animation:weight-crane-direct-pick 1.9s cubic-bezier(.4,0,.18,1) forwards}.weight-crane-rig.is-picking .weight-crane-open{animation:weight-crane-open-swap 1.9s step-end forwards}.weight-crane-rig.is-picking .weight-crane-closed{animation:weight-crane-closed-swap 1.9s step-end forwards}.weight-cargo.is-lifted{z-index:6;transform-origin:50% 0;animation:weight-box-direct-pickup 1.9s cubic-bezier(.4,0,.18,1) forwards;will-change:transform}.weight-cargo.is-lifted .weight-object,.weight-cargo.is-lifted strong{animation:none}@keyframes weight-crane-idle{to{transform:translateX(-50%) translateY(4px) rotate(.35deg)}}@keyframes weight-crane-direct-pick{0%{left:50%;transform:translateX(-50%) translateY(0) rotate(0)}19%{left:var(--crane-pick-x);transform:translateX(-50%) translateY(0) rotate(0)}48%,58%{left:var(--crane-pick-x);transform:translateX(-50%) translateY(var(--crane-drop)) rotate(0)}to{left:var(--crane-pick-x);transform:translateX(-50%) translateY(var(--crane-lift)) rotate(.25deg)}}@keyframes weight-crane-open-swap{0%,47%{opacity:1}48%,to{opacity:0}}@keyframes weight-crane-closed-swap{0%,47%{opacity:0}48%,to{opacity:1}}@keyframes weight-box-direct-pickup{0%,57%{transform:translateZ(0) scale(1)}64%{transform:translate3d(0,-7px,0) scale(.985,1.015)}to{transform:translate3d(0,calc(-1 * var(--box-lift, 126px)),0) scale(.97)}}@media(prefers-reduced-motion:reduce){.weight-cargo.is-lifted,.weight-crane-rig,.weight-crane-rig.is-picking,.weight-crane-rig.is-picking .weight-crane-closed,.weight-crane-rig.is-picking .weight-crane-open{animation:none}.weight-crane-rig.is-picking .weight-crane-open{opacity:0}.weight-crane-rig.is-picking .weight-crane-closed{opacity:1}}@media(max-width:600px){.weight-crane-rig{--crane-drop:165px;--crane-lift:48px;top:-45px;width:215px;height:215px}.weight-crane-rig.is-left{--crane-pick-x:29%}.weight-crane-rig.is-right{--crane-pick-x:71%}@keyframes weight-box-direct-pickup{0%,57%{transform:translateZ(0) scale(1)}64%{transform:translate3d(0,-5px,0) scale(.985,1.015)}to{transform:translate3d(0,calc(-1 * var(--box-lift, 104px)),0) scale(.96)}}}