.ldd-app{font-family:inherit;color:#fff;text-align:center;padding:2rem 1rem;max-width:680px;margin:0 auto}
.ldd-fase{padding:2rem 0}
.ldd-icono{position:relative;display:inline-block;font-size:5rem;margin-bottom:1.5rem;animation:lddFloat 3s ease-in-out infinite}
@keyframes lddFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.ldd-icono-principal{filter:drop-shadow(0 0 20px rgba(245,158,11,.6))}
.ldd-destello{position:absolute;width:6px;height:6px;background:#fbbf24;border-radius:50%;animation:lddSparkle 2s ease-in-out infinite}
.ldd-d1{top:10%;left:10%;animation-delay:0s}
.ldd-d2{top:20%;right:5%;animation-delay:.6s}
.ldd-d3{bottom:15%;left:15%;animation-delay:1.2s}
@keyframes lddSparkle{0%,100%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.2)}}
.ldd-titulo{font-size:2rem;margin-bottom:.5rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ldd-subtitulo{opacity:.85;font-size:1.05rem;margin-bottom:2rem;line-height:1.5}
.ldd-btn{background:linear-gradient(135deg,#7c3aed 0%,#a855f7 100%);color:#fff;border:none;padding:1.1rem 2.2rem;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.6rem;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px rgba(124,58,237,.4)}
.ldd-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(124,58,237,.6)}
.ldd-instruccion{margin-top:1.5rem;font-size:.9rem;opacity:.6;font-style:italic}
.ldd-loading{padding:3rem 0}
.ldd-loading-carta{width:80px;height:120px;background:linear-gradient(135deg,#4c1d95,#7c3aed);border-radius:8px;margin:0 auto 1.5rem;animation:lddFlip 1s ease-in-out infinite;box-shadow:0 8px 25px rgba(0,0,0,.3)}
@keyframes lddFlip{0%,100%{transform:rotateY(0)}50%{transform:rotateY(180deg)}}
.ldd-loading-texto{opacity:.85;font-size:1.05rem}
.ldd-resultado{padding:1rem 0}
.ldd-carta{background:linear-gradient(135deg,rgba(124,58,237,.2),rgba(168,85,247,.2));border:2px solid rgba(251,191,36,.4);border-radius:20px;padding:2.5rem 2rem;margin:0 auto 2rem;max-width:340px;box-shadow:0 10px 40px rgba(0,0,0,.3)}
.ldd-carta-anim{animation:lddReveal .8s ease-out}
@keyframes lddReveal{from{opacity:0;transform:rotateY(180deg) scale(.8)}to{opacity:1;transform:rotateY(0) scale(1)}}
.ldd-carta-icono{font-size:4rem;margin-bottom:1rem;filter:drop-shadow(0 0 15px rgba(251,191,36,.5))}
.ldd-carta-numero{font-size:.9rem;letter-spacing:2px;text-transform:uppercase;opacity:.7;margin-bottom:.5rem}
.ldd-carta-nombre{font-size:1.6rem;font-weight:700;color:#fbbf24}
.ldd-mensaje{background:rgba(255,255,255,.05);border-left:4px solid #fbbf24;border-radius:0 12px 12px 0;padding:1.5rem;margin-bottom:2rem;text-align:left}
.ldd-mensaje h3{margin:0 0 .8rem;color:#fbbf24;font-size:1.1rem;text-transform:uppercase;letter-spacing:1px}
.ldd-mensaje p{margin:0;line-height:1.7;opacity:.95;font-size:1.05rem}
.ldd-btn-secundario{background:transparent;color:#fbbf24;border:2px solid #fbbf24;padding:.9rem 1.8rem;border-radius:50px;font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}
.ldd-btn-secundario:hover{background:#fbbf24;color:#1a1a2e}
@media (max-width:600px){.ldd-titulo{font-size:1.5rem}.ldd-icono{font-size:4rem}.ldd-carta-icono{font-size:3rem}.ldd-carta-nombre{font-size:1.3rem}}