.piece-choice{position:fixed;z-index:60;inset:0;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 50% 42%,#173e72d9,#030514f4 68%);backdrop-filter:blur(9px)}.piece-choice[hidden]{display:none}.choice-card{width:min(610px,94vw);padding:28px;text-align:center;border:1px solid #5aeaff;background:linear-gradient(145deg,#07142af5,#1c0b3af5);box-shadow:0 0 70px #3f8dff55;clip-path:polygon(7% 0,93% 0,100% 10%,100% 90%,93% 100%,7% 100%,0 90%,0 10%)}.choice-card>small{color:#ffd34d;font:900 8px monospace;letter-spacing:.25em}.choice-card h2{margin:7px 0 6px;font:900 clamp(38px,8vw,72px)/.9 Impact;color:#fff;text-shadow:0 0 22px #8f4cff}.choice-card p{margin:0 auto 20px;color:#a9c7dc;font-weight:700}.choice-pieces{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice-pieces button{display:grid;grid-template-columns:90px 1fr;grid-template-rows:1fr 1fr;align-items:center;min-height:116px;padding:10px 17px;border:1px solid #4e759d;background:#08182f;color:#fff;text-align:left;cursor:pointer;transition:.18s}.choice-pieces button:hover,.choice-pieces button:focus-visible{translate:0 -5px;outline:2px solid #fff;box-shadow:0 18px 30px #0008}.choice-pieces i{grid-row:1/3;width:88px;height:88px;background:center/contain no-repeat;filter:drop-shadow(0 0 16px currentColor)}.choice-pieces button:first-child{color:#4deaff}.choice-pieces button:last-child{color:#ef78ff}.choice-pieces button:first-child i{background-image:url('assets/x-prisma.png')}.choice-pieces button:last-child i{background-image:url('assets/o-portal.png')}.choice-pieces b{align-self:end;font:900 27px Impact;letter-spacing:.08em}.choice-pieces span{align-self:start;color:#9fb7ca;font:900 7px monospace;letter-spacing:.2em}
/* El huevo es una imagen real; las piezas de confeti tienen trayectorias propias. */
.confetti-field{overflow:hidden;pointer-events:none}.confetti-field i{display:none!important}.egg-stage{position:absolute;z-index:7;left:50%;bottom:-3%;width:clamp(115px,16vw,205px);aspect-ratio:1/1.42;translate:-50% 0;opacity:0;filter:drop-shadow(0 15px 17px #000c) drop-shadow(0 0 20px #ffd34d)}.egg-half{position:absolute;left:0;width:100%;height:auto;transform-origin:50% 62%}.egg-top{top:-14%}.egg-bottom{top:11%}.confetti-burst-image{position:absolute;z-index:3;left:50%;bottom:-15%;width:clamp(280px,44vw,570px);height:auto;translate:-50% 0;opacity:0;filter:drop-shadow(0 0 20px #ffd34daa)}.egg-flash{position:absolute;z-index:6;left:50%;bottom:9%;width:30px;height:30px;border-radius:50%;translate:-50% 50%;background:#fff;box-shadow:0 0 25px #fff,0 0 70px #ffd34d,0 0 130px #ff4fd8;opacity:0}.egg-boom .egg-stage{animation:eggStageLaunch 2.55s cubic-bezier(.2,.78,.18,1) both}.egg-boom .egg-top{animation:eggTopSplit 2.55s cubic-bezier(.18,.7,.2,1) both}.egg-boom .egg-bottom{animation:eggBottomSplit 2.55s cubic-bezier(.18,.7,.2,1) both}.egg-boom .confetti-burst-image{animation:confettiImageBurst 2.85s 1.66s cubic-bezier(.14,.7,.2,1) both}.egg-boom .egg-flash{animation:eggFlash .78s 1.63s ease-out both}.real-confetti{position:absolute;z-index:5;left:50%;bottom:8%;width:9px;height:16px;border-radius:2px;background:var(--color);box-shadow:0 0 5px color-mix(in srgb,var(--color),#fff 28%);opacity:0;animation:realConfetti 3s cubic-bezier(.12,.62,.24,1) var(--delay) both}.real-confetti:nth-of-type(3n){width:12px;height:7px;border-radius:50%}.real-confetti:nth-of-type(4n){clip-path:polygon(50% 0,100% 100%,0 100%)}@keyframes eggStageLaunch{0%{opacity:0;translate:-50% 48%;scale:.55}11%{opacity:1;translate:-50% -4%;scale:1}18%{translate:-50% -1%;rotate:-3deg;scale:.96}25%{translate:-50% -9%;rotate:3deg;scale:1.07}31%{translate:-50% -2%;rotate:-2deg;scale:.97}38%{translate:-50% -11%;rotate:4deg;scale:1.09}45%{translate:-50% -3%;rotate:-4deg;scale:.98}52%{translate:-50% -13%;rotate:5deg;scale:1.11}59%{translate:-50% -4%;rotate:-5deg;scale:.99}66%{translate:-50% -16%;rotate:6deg;scale:1.14}72%,100%{opacity:1;translate:-50% -6%;rotate:0;scale:1.02}}@keyframes eggTopSplit{0%,64%{opacity:1;translate:0 0;rotate:0;scale:1}71%{opacity:1;translate:7% -10%;rotate:7deg;scale:1.03}100%{opacity:0;translate:78% -96%;rotate:42deg;scale:.7}}@keyframes eggBottomSplit{0%,64%{opacity:1;translate:0 0;rotate:0;scale:1}71%{opacity:1;translate:-5% 7%;rotate:-5deg;scale:1.02}100%{opacity:0;translate:-66% 70%;rotate:-34deg;scale:.76}}@keyframes confettiImageBurst{0%{opacity:0;translate:-50% 34%;scale:.16}11%{opacity:1;translate:-50% -7%;scale:1.08}66%{opacity:.94;translate:-50% -30%;scale:1.02}100%{opacity:0;translate:-50% -12%;scale:1.1}}@keyframes eggFlash{0%{opacity:0;scale:.1}12%{opacity:1;scale:1}100%{opacity:0;scale:7.5}}@keyframes realConfetti{0%{opacity:0;transform:translate(-50%,0) rotate(0)}7%{opacity:1}46%{opacity:1;transform:translate(calc(-50% + var(--x)),var(--peak)) rotate(var(--spin))}100%{opacity:0;transform:translate(calc(-50% + var(--land)),22vh) rotate(var(--spin-end))}}
@media(max-width:620px){.choice-card{padding:20px 13px}.choice-card p{font-size:12px;margin-bottom:12px}.choice-pieces{gap:7px}.choice-pieces button{grid-template-columns:58px 1fr;min-height:82px;padding:7px}.choice-pieces i{width:58px;height:58px}.choice-pieces b{font-size:19px}.choice-pieces span{font-size:5px}}