.prismo-canvas{position:absolute;left:-60px;top:-60px;width:calc(100% + 120px);height:calc(100% + 120px);z-index:5;pointer-events:none}
body{overflow-x:clip}.tablero-marco{isolation:isolate}
.tablero-marco::before{content:'';position:absolute;inset:-5px;border-radius:22px;background:conic-gradient(from 0deg,#ffbf47,#ff75ca,#8e80ff,#4cdbff,#64e4b1,#ffbf47);padding:3px;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;opacity:.48;z-index:-1}
.jugando.en-racha .tablero-marco::before{opacity:.9;animation:prismo-orbit 7s linear infinite}
.celda.llena,.bloque:not(.hueco){position:relative;border-radius:28%;background:radial-gradient(ellipse at 28% 16%,#ffffffb0 0%,#ffffff35 18%,transparent 48%),linear-gradient(155deg,#ffffff35,transparent 45%,#24104935),var(--color);box-shadow:inset 0 2px 3px #ffffff80,inset 0 -5px 5px #24104938,0 3px 4px #24385925}
.celda.llena::after,.bloque:not(.hueco)::after{content:'';position:absolute;top:12%;left:17%;width:45%;height:17%;border-radius:50%;background:linear-gradient(180deg,#ffffffa0,#ffffff15);transform:rotate(-12deg);pointer-events:none}
.celda.nueva{animation:prismo-land .65s ease-out both}
.celda.limpia{animation:prismo-dissolve .42s ease-in both}
#fantasma .bloque:not(.hueco){animation:prismo-squishy 1.8s ease-in-out infinite;box-shadow:inset 0 3px 4px #ffffffa0,inset 0 -5px 5px #24104938,0 5px 10px #6944b940}
.pieza-slot:active .forma{transform:scale(1.04,.94)}
.todo-limpio{animation:prismo-victory 1.8s ease-out both}
.super-limpieza{animation:prismo-combo 1s ease-out both}
#mensaje.visible{animation:prismo-title 1.25s cubic-bezier(.2,.9,.3,1) both;text-shadow:0 2px 4px #263958,0 0 20px #7549d5;font-size:clamp(24px,5vw,36px);z-index:6}
@keyframes prismo-land{0%{transform:scale(.75,1.2)}22%{transform:scale(1.2,.73)}45%{transform:scale(.87,1.14)}70%{transform:scale(1.06,.95)}100%{transform:none}}
@keyframes prismo-dissolve{0%{scale:1;opacity:1}30%{scale:1.16 .72;border-radius:40%}65%{scale:.6 1.3;border-radius:50%;opacity:.8}100%{scale:.02;rotate:65deg;opacity:0}}
@keyframes prismo-squishy{0%,100%{transform:scale(1,1);border-radius:28%}50%{transform:scale(.94,1.06);border-radius:35% 25% 32% 24%}}
@keyframes prismo-victory{0%{box-shadow:0 0 0 0 #50cfff00}25%{box-shadow:0 0 45px 12px #8c83ff65,0 0 80px 16px #ff93ca35;border-color:#b7a7ff}100%{box-shadow:0 16px 45px var(--sombra)}}
@keyframes prismo-combo{25%{box-shadow:0 0 35px 8px #49caff66;border-color:#65d9e5}100%{box-shadow:0 16px 45px var(--sombra)}}
@keyframes prismo-title{0%{opacity:0;scale:.45;rotate:-9deg}22%{opacity:1;scale:1.12;rotate:2deg}35%,72%{opacity:1;scale:1;rotate:0deg}100%{opacity:0;scale:1.08;translate:0 -24px}}
@keyframes prismo-orbit{to{filter:hue-rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.prismo-canvas{display:none}.tablero-marco::before,#fantasma .bloque:not(.hueco){animation:none!important}.celda.nueva,.celda.limpia,.todo-limpio,.super-limpieza,#mensaje.visible{animation-duration:.01ms!important}}