.selector-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:1.5rem;box-sizing:border-box;gap:clamp(1.2rem,3.5vmin,2.5rem)}.selector-logo{width:clamp(120px,35vw,250px);height:auto;object-fit:contain;margin-bottom:.3rem;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2));animation:logoFloat 3s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.selector-title{color:#1a1a1a;font-size:clamp(1.8rem,6vmin,3rem);font-weight:900;text-transform:uppercase;letter-spacing:3px;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.selector-subtitle{color:#2a2a2a;font-size:clamp(.9rem,2.5vmin,1.2rem);font-weight:500;margin:0 0 .8rem;opacity:.8}.games-grid{display:flex;gap:clamp(.8rem,3vmin,1.5rem);flex-wrap:wrap;justify-content:center;max-width:900px;width:100%}.game-card{background:linear-gradient(145deg,#f6f4e8,#efe9cc);border:clamp(3px,.8vmin,4px) solid #1A1A1A;border-radius:clamp(15px,4vmin,25px);padding:clamp(1.2rem,4vmin,2rem) clamp(1rem,3vmin,1.5rem);cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 25px #00000026,inset 0 2px 4px #ffffff80;display:flex;flex-direction:column;align-items:center;gap:.6rem;width:clamp(150px,28vw,250px);position:relative;overflow:hidden;font-family:inherit}.game-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--card-color);transition:height .3s ease}.game-card:hover:before{height:8px}.game-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 60%);opacity:0;transition:opacity .3s ease;pointer-events:none}.game-card:hover:after{opacity:1}.game-card:hover{transform:translateY(-10px) scale(1.04);box-shadow:0 20px 50px #00000040,inset 0 2px 4px #ffffff80,0 0 40px color-mix(in srgb,var(--card-color) 30%,transparent);border-color:var(--card-color)}.game-card:active{transform:translateY(-3px) scale(.98);transition-duration:.1s}.game-icon{display:flex;align-items:center;justify-content:center;width:clamp(56px,14vmin,80px);height:clamp(56px,14vmin,80px);filter:drop-shadow(0 4px 8px rgba(0,0,0,.15));transition:transform .3s ease}.game-icon svg{width:100%;height:100%}.game-card:hover .game-icon{transform:scale(1.15) rotate(-5deg)}.game-title{color:#1a1a1a;font-size:clamp(1rem,3vmin,1.4rem);font-weight:800;margin:0;text-transform:uppercase;letter-spacing:1px}.game-description{color:#2a2a2a;font-size:clamp(.7rem,2vmin,.9rem);font-weight:400;margin:0;text-align:center;opacity:.7;line-height:1.3}.game-card{animation:cardAppear .6s cubic-bezier(.34,1.56,.64,1) backwards}.game-card:nth-child(1){animation-delay:.15s}.game-card:nth-child(2){animation-delay:.3s}.game-card:nth-child(3){animation-delay:.45s}@keyframes cardAppear{0%{opacity:0;transform:translateY(40px) scale(.7) rotate(-3deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@media (max-width: 575px){.games-grid{flex-direction:column;align-items:center}.game-card{width:clamp(220px,85vw,340px);flex-direction:row;padding:clamp(1rem,3vmin,1.5rem);gap:1rem}.game-icon{width:clamp(44px,10vmin,60px);height:clamp(44px,10vmin,60px);flex-shrink:0}.game-card>:not(.game-icon){text-align:left}.game-description{text-align:left}.selector-container{justify-content:flex-start;padding-top:2rem}.game-card:hover .game-icon{transform:scale(1.1)}}@media (max-width: 399px){.game-card{width:92vw;padding:.8rem}}@media (max-height: 500px) and (orientation: landscape){.selector-container{flex-direction:row;flex-wrap:wrap;gap:.5rem;padding:.5rem}.selector-logo{width:clamp(80px,15vh,120px);animation:none}.selector-title,.selector-subtitle{width:100%;text-align:center}.selector-title{font-size:clamp(1.2rem,4vmin,1.8rem)}.game-card{width:clamp(120px,25vw,200px);padding:.8rem}.game-icon{width:clamp(36px,8vmin,50px);height:clamp(36px,8vmin,50px)}}.ruleta-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(1.2rem,3.5vmin,2.5rem);width:100%;max-width:100vw;min-height:100vh;min-height:100dvh;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;padding:.5rem 0;margin:0 auto}.logo-mobile{display:none;width:clamp(130px,45vw,280px)!important;height:auto;object-fit:contain;margin:0 auto 4rem!important;flex-shrink:0}.suerte-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9999;display:flex;justify-content:center;align-items:center;pointer-events:none;animation:overlayFadeIn .3s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.suerte-pipita{width:clamp(300px,70vw,600px);height:auto;opacity:0;transform:scale(.3) rotate(-20deg);filter:drop-shadow(0 20px 60px rgba(255,255,255,.3)) drop-shadow(0 0 40px rgba(159,178,60,.6));-webkit-user-select:none;user-select:none;pointer-events:none}.suerte-pipita.show{animation:suerteBounce .7s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes suerteBounce{0%{transform:scale(.3) rotate(-20deg);opacity:0}50%{transform:scale(1.15) rotate(5deg);opacity:1}70%{transform:scale(.95) rotate(-2deg)}to{transform:scale(1) rotate(0);opacity:1}}.ruleta-outer-wrapper{position:relative;width:clamp(200px,70vmin,450px);aspect-ratio:1;margin:0 auto;flex-shrink:0}.ruleta-wrapper{position:relative;width:100%;height:100%;filter:drop-shadow(0 20px 40px rgba(0,0,0,.25));display:flex;align-items:center;justify-content:center;transition:transform .3s ease;transform:rotate(-43deg)}.ruleta-wrapper:hover{transform:rotate(-43deg) scale(1.02);filter:drop-shadow(0 25px 50px rgba(0,0,0,.3))}.indicador{position:absolute;top:-5px;left:50%;transform:translate(-50%);width:clamp(5px,1.5vmin,8px);height:clamp(20px,6vmin,35px);background:linear-gradient(180deg,#1a1a1a,#2a2a2a);border-radius:2px;z-index:10;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:transform .3s ease}.indicador:before{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:clamp(6px,2vmin,10px) solid transparent;border-right:clamp(6px,2vmin,10px) solid transparent;border-top:clamp(8px,2.5vmin,12px) solid #1A1A1A}.indicador:after{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:clamp(8px,2.5vmin,12px);height:clamp(8px,2.5vmin,12px);background:#9fb23c;border:2px solid #1A1A1A;border-radius:50%;box-shadow:0 2px 4px #0003}.indicador.spinning{animation:indicadorPulso .6s ease-in-out infinite}@keyframes indicadorPulso{0%,to{transform:translate(-50%) rotate(0) scale(1)}25%{transform:translate(-50%) rotate(-15deg) scale(1.1)}50%{transform:translate(-50%) rotate(0) scale(1.05)}75%{transform:translate(-50%) rotate(15deg) scale(1.1)}}.boton-girar{margin:clamp(.8rem,3vmin,1.5rem) auto clamp(1rem,2vh,2rem) auto;padding:clamp(10px,2.5vmin,18px) clamp(25px,8vmin,50px);font-size:clamp(.85rem,2.5vmin,1.3rem);font-weight:800;color:#f6f4e8;background:linear-gradient(145deg,#9fb23c,#6f7f2a);border:clamp(2px,.6vmin,4px) solid #1A1A1A;border-radius:60px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 20px #00000040,inset 0 1px #fff3,inset 0 -2px #0003;text-transform:uppercase;letter-spacing:clamp(1px,.3vmin,2px);position:relative;overflow:hidden;white-space:nowrap;display:block;flex-shrink:0}.boton-girar:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.boton-girar:hover:not(:disabled):before{left:100%}.boton-girar:hover:not(:disabled){transform:translateY(-2px) scale(1.05);box-shadow:0 12px 28px #0000004d,inset 0 1px #fff3,inset 0 -2px #0003,0 0 30px #9fb23c99;animation:botonPulso 1s ease-in-out infinite}.boton-girar:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:0 4px 12px #0003,inset 0 1px #fff3,inset 0 -2px #0003}.boton-girar:disabled{opacity:.5;cursor:not-allowed;transform:none;animation:girando 2s linear infinite}@keyframes botonPulso{0%,to{box-shadow:0 12px 28px #0000004d,inset 0 1px #fff3,inset 0 -2px #0003,0 0 20px #9fb23c66}50%{box-shadow:0 12px 28px #0000004d,inset 0 1px #fff3,inset 0 -2px #0003,0 0 40px #9fb23ccc}}@keyframes girando{0%{opacity:.5}50%{opacity:.7}to{opacity:.5}}.resultado{background:linear-gradient(145deg,#f6f4e8,#efe9cc);padding:clamp(12px,4vmin,30px) clamp(20px,8vmin,60px);border-radius:clamp(10px,3vmin,20px);border:clamp(2px,.6vmin,4px) solid #1A1A1A;box-shadow:0 10px 30px #00000040,inset 0 2px 4px #ffffff80,inset 0 -2px 4px #0000001a;animation:aparecer .6s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.resultado h2{color:#6f7f2a;font-size:clamp(1.2rem,5vmin,2.5rem);margin:0;font-weight:900;text-shadow:2px 2px 4px rgba(0,0,0,.1);letter-spacing:clamp(1px,.3vmin,2px)}@keyframes aparecer{0%{opacity:0;transform:translateY(-30px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@media (min-width: 1400px){.ruleta-outer-wrapper{width:min(500px,50vmin)}.ruleta-container{gap:2.5rem;padding:2rem 0}}@media (min-width: 1200px) and (max-width: 1399px){.ruleta-outer-wrapper{width:min(480px,55vmin)}.ruleta-container{gap:2rem;padding:2rem 0}}@media (min-width: 992px) and (max-width: 1199px){.logo-mobile{display:block;width:clamp(180px,20vw,250px);margin:0 auto 1.5rem}.ruleta-outer-wrapper{width:min(400px,50vmin,48vh);margin:0 auto}.ruleta-container{gap:1.8rem;justify-content:center;padding:1.5rem 0}.boton-girar{margin:1rem auto 1.5rem;padding:12px 40px;font-size:1rem}}@media (min-width: 768px) and (max-width: 991px){.logo-mobile{display:block;width:clamp(160px,28vw,240px);margin:0 auto 1.5rem}.ruleta-outer-wrapper{width:min(380px,55vmin,50vh);margin:0 auto}.ruleta-container{gap:1.8rem;justify-content:center;padding:1.5rem 0}.boton-girar{padding:12px 40px;font-size:1rem;margin:1rem auto 1.5rem}}@media (min-width: 576px) and (max-width: 767px){.logo-mobile{display:block!important;width:clamp(160px,35vw,280px)!important;margin:0 auto 4rem!important}.ruleta-container{gap:1.5rem;justify-content:center;padding:2rem 0}.ruleta-outer-wrapper{width:clamp(320px,60vw,420px);margin:0 auto}.boton-girar{margin:1rem auto 1.5rem;padding:12px 35px;font-size:1rem}}@media (max-width: 575px){.logo-mobile{display:block!important;width:clamp(110px,40vw,220px)!important;max-width:220px!important;margin:0 auto 4rem!important;position:relative;z-index:1}.ruleta-container{gap:.5rem;padding:2rem 0;justify-content:flex-start}.ruleta-outer-wrapper{width:clamp(250px,80vw,350px);margin:0 auto}.boton-girar{margin:.5rem auto 2rem}}@media (max-width: 479px){.logo-mobile{width:clamp(100px,35vw,190px)!important;max-width:190px!important;margin:0 auto 4rem!important;position:relative;z-index:1}.ruleta-container{gap:.5rem;padding:2rem 0;justify-content:flex-start}.ruleta-outer-wrapper{width:clamp(220px,85vw,320px);margin:0 auto}.boton-girar{margin:.5rem auto 2rem}}@media (max-width: 399px){.logo-mobile{width:clamp(90px,32vw,180px)!important;max-width:180px!important;margin:0 auto 4rem!important;position:relative;z-index:1}.ruleta-container{gap:.5rem;padding:2rem 0 1.5rem;justify-content:flex-start}.ruleta-outer-wrapper{width:clamp(180px,88vw,280px);margin:0 auto}.boton-girar{padding:8px 20px;font-size:.8rem;margin:.5rem auto 1.5rem}}@media (max-width: 319px){.logo-mobile{width:clamp(80px,28vw,160px)!important;max-width:160px!important;margin:0 auto 3.5rem!important;position:relative;z-index:1}.ruleta-container{gap:.5rem;padding:2rem 0 1.5rem;justify-content:flex-start}.ruleta-outer-wrapper{width:90vw;margin:0 auto}.boton-girar{padding:6px 16px;font-size:.75rem;margin:.5rem auto 1.5rem}.resultado{padding:8px 16px}.resultado h2{font-size:1rem}}@media (max-height: 700px) and (max-width: 576px) and (orientation: portrait){.ruleta-container{padding:.3rem 0 2.5rem;gap:.2rem}.logo-mobile{margin:0 auto .2rem}.boton-girar{margin:.2rem auto 2.5rem}}@media (max-height: 500px) and (orientation: landscape){.logo-mobile{display:block;width:clamp(80px,20vh,150px);margin:0 auto .5rem}.ruleta-container{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;padding:.8rem;min-height:100vh;min-height:100dvh}.ruleta-outer-wrapper{width:clamp(150px,50vh,280px);margin:0 auto}.boton-girar{padding:8px 20px;font-size:.85rem;margin:.5rem auto}.resultado{padding:8px 16px}.resultado h2{font-size:1rem}}@media (max-height: 700px) and (min-height: 501px) and (orientation: landscape){.logo-mobile{display:block;width:clamp(100px,25vh,180px)}.ruleta-container{gap:.8rem;padding:.8rem}.ruleta-outer-wrapper{width:clamp(200px,55vh,350px)}}@media (max-aspect-ratio: 9/16){.ruleta-outer-wrapper{width:clamp(200px,85vw,380px)}.logo-mobile{width:clamp(140px,70vw,280px)}}@media (max-aspect-ratio: 9/20){.ruleta-outer-wrapper{width:clamp(180px,90vw,350px)}}@media (min-aspect-ratio: 21/9){.ruleta-outer-wrapper{width:clamp(300px,45vh,450px)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-out;padding:1rem}.modal-content{background:linear-gradient(145deg,#f6f4e8,#efe9cc);border-radius:clamp(15px,4vmin,30px);border:clamp(3px,.8vmin,5px) solid #1A1A1A;padding:clamp(1.5rem,5vmin,3rem);box-shadow:0 25px 60px #0006,inset 0 2px 4px #ffffff80,inset 0 -2px 4px #0000001a;animation:modalPop .4s cubic-bezier(.34,1.56,.64,1);position:relative;max-width:min(700px,90vw);max-height:90vh;overflow-y:auto;text-align:center}.modal-close:hover{transform:scale(1.1);box-shadow:0 5px 12px #0000004d}.modal-content .resultado{background:none;padding:0;border-radius:0;border:none;box-shadow:none;animation:none}.modal-content .resultado h2{color:#1a1a1a;font-size:clamp(1.2rem,4vmin,2rem);margin-bottom:.5rem;font-weight:800}.resultado-numero{color:#6f7f2a;font-size:clamp(3rem,12vmin,6rem);font-weight:900;margin:.5rem 0;text-shadow:3px 3px 6px rgba(0,0,0,.15),0 0 30px rgba(159,178,60,.3);line-height:1}.resultado-texto{color:#1a1a1a;font-size:clamp(1rem,3vmin,1.5rem);font-weight:600;margin:0;text-transform:uppercase;letter-spacing:3px}.resultado-vacio{color:#6f7f2a;font-size:clamp(1.2rem,4vmin,1.8rem);font-weight:700;margin:1rem 0;opacity:.8}.resultado-texto-secundario{color:#1a1a1a;font-size:clamp(.9rem,2.5vmin,1.2rem);font-weight:500;margin:.5rem 0 0;opacity:.7}.premio-badge{background:linear-gradient(145deg,#9fb23c,#6f7f2a);color:#f6f4e8;font-size:clamp(1rem,3vmin,1.5rem);font-weight:900;padding:clamp(8px,2vmin,12px) clamp(20px,5vmin,40px);border-radius:50px;display:inline-block;margin-bottom:1rem;text-transform:uppercase;letter-spacing:2px;box-shadow:0 4px 15px #0003;animation:badgePulse 2s ease-in-out infinite}.premio-imagen{width:100%;max-width:clamp(80px,25vw,120px);height:auto;border-radius:clamp(8px,2vmin,12px);border:clamp(2px,.6vmin,3px) solid #1A1A1A;margin:1rem auto;display:block;object-fit:cover;box-shadow:0 8px 20px #00000040;animation:imagenEntrada .6s cubic-bezier(.34,1.56,.64,1)}.premio-nombre{color:#1a1a1a;font-size:clamp(1.3rem,4.5vmin,2rem);font-weight:800;margin:1rem 0 .5rem;text-transform:uppercase;letter-spacing:1px}.premio-descripcion{color:#2a2a2a;font-size:clamp(.85rem,2.5vmin,1.1rem);font-weight:500;line-height:1.6;margin:.5rem 0 1rem;padding:0 1rem;max-width:600px;text-align:center}.premio-precio{color:#6f7f2a;font-size:clamp(1.8rem,6vmin,3rem);font-weight:900;margin:1rem 0;text-shadow:2px 2px 4px rgba(0,0,0,.1);letter-spacing:2px}.premio-etiqueta{background:gold;color:#1a1a1a;font-size:clamp(.75rem,2vmin,1rem);font-weight:700;padding:clamp(4px,1.5vmin,8px) clamp(12px,3vmin,20px);border-radius:20px;display:inline-block;margin:.5rem 0 1rem;text-transform:uppercase;letter-spacing:1px;border:2px solid #1A1A1A;box-shadow:0 3px 10px #00000026}.premio-footer{color:#1a1a1a;font-size:clamp(.8rem,2.2vmin,1rem);font-weight:600;margin:1.5rem 0 0;padding:clamp(10px,3vmin,15px) clamp(15px,4vmin,25px);background:#9fb23c26;border-radius:clamp(8px,2vmin,12px);border:2px dashed #6F7F2A;line-height:1.5}@keyframes badgePulse{0%,to{transform:scale(1);box-shadow:0 4px 15px #0003}50%{transform:scale(1.05);box-shadow:0 6px 20px #9fb23c66}}@keyframes imagenEntrada{0%{opacity:0;transform:scale(.8) rotateY(-15deg)}to{opacity:1;transform:scale(1) rotateY(0)}}@keyframes modalPop{0%{opacity:0;transform:scale(.5) translateY(-50px) rotate(-5deg)}50%{transform:scale(1.1) translateY(10px) rotate(2deg)}70%{transform:scale(.95) translateY(-5px) rotate(-1deg)}to{opacity:1;transform:scale(1) translateY(0) rotate(0)}}@keyframes confetti{0%{transform:translateY(-100vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(360deg);opacity:0}}.raspa-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:1.5rem;box-sizing:border-box;gap:clamp(1.2rem,3.5vmin,2.5rem);position:relative}.raspa-logo{width:clamp(90px,25vw,180px);height:auto;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.raspa-title{color:#1a1a1a;font-size:clamp(1.5rem,5vmin,2.5rem);font-weight:900;text-transform:uppercase;letter-spacing:2px;margin:0}.raspa-intro{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.raspa-instrucciones{color:#2a2a2a;font-size:clamp(.9rem,2.5vmin,1.2rem);font-weight:500;text-align:center;opacity:.8}.raspa-play-btn{padding:clamp(10px,2.5vmin,16px) clamp(30px,8vmin,50px);font-size:clamp(.9rem,2.5vmin,1.2rem);font-weight:800;color:#f6f4e8;background:linear-gradient(145deg,#d4a017,#a88834);border:clamp(2px,.6vmin,4px) solid #1A1A1A;border-radius:60px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 20px #00000040,inset 0 1px #ffffff4d;text-transform:uppercase;letter-spacing:1px;font-family:inherit}.raspa-play-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 12px 28px #0000004d,0 0 30px #d4a01780}.raspa-play-btn:active{transform:translateY(0) scale(.98)}.scratch-card{position:relative;width:clamp(280px,80vw,400px);height:clamp(220px,60vw,320px);border-radius:clamp(12px,3vmin,20px);border:clamp(3px,.8vmin,5px) solid #1A1A1A;overflow:hidden;box-shadow:0 15px 40px #0000004d,0 0 0 1px #ffffff1a,inset 0 0 30px #0000000d;animation:cardFlipIn .5s cubic-bezier(.34,1.56,.64,1);touch-action:none}.scratch-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:shimmer 3s infinite;pointer-events:none;z-index:10}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}@keyframes cardFlipIn{0%{opacity:0;transform:scale(.85) rotateY(-10deg)}to{opacity:1;transform:scale(1) rotateY(0)}}.scratch-prize-layer{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(145deg,#f6f4e8,#efe9cc);display:flex;align-items:center;justify-content:center;padding:.8rem}.prize-content{display:flex;flex-direction:column;align-items:center;gap:.3rem;text-align:center;transition:transform .3s ease;max-width:100%}.prize-content.revealed{animation:prizeReveal .5s cubic-bezier(.34,1.56,.64,1)}@keyframes prizeReveal{0%{transform:scale(.8)}50%{transform:scale(1.08)}to{transform:scale(1)}}.prize-win-badge{background:linear-gradient(145deg,#9fb23c,#6f7f2a);color:#f6f4e8;font-size:clamp(.7rem,2vmin,.95rem);font-weight:900;padding:5px 16px;border-radius:50px;letter-spacing:1px;box-shadow:0 4px 12px #0003;animation:badgePulse 2s ease-in-out infinite}.prize-product-img{width:clamp(60px,18vw,100px);height:clamp(60px,18vw,100px);border-radius:clamp(8px,2vmin,12px);border:2px solid #1A1A1A;object-fit:cover;box-shadow:0 4px 12px #0003}.prize-product-name{color:#1a1a1a;font-size:clamp(1rem,3.5vmin,1.5rem);font-weight:900;text-transform:uppercase;letter-spacing:.5px;line-height:1.1}.prize-text-lose{color:#1a1a1a;font-size:clamp(1.2rem,4vmin,1.8rem);font-weight:800;text-align:center}.prize-lose-icon{font-size:clamp(2rem,6vmin,3rem)}.prize-desc{color:#2a2a2a;font-size:clamp(.65rem,1.8vmin,.85rem);font-weight:500;opacity:.7;line-height:1.3;max-width:90%}.scratch-canvas{position:absolute;top:0;left:0;width:100%;height:100%;cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><circle cx="16" cy="16" r="14" fill="%23FFD700" stroke="%23B8860B" stroke-width="2"/><text x="16" y="21" font-size="16" text-anchor="middle" fill="%23B8860B" font-weight="bold">$</text></svg>') 16 16,grab;touch-action:none}.scratch-canvas:active{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><circle cx="16" cy="16" r="14" fill="%23FFD700" stroke="%23B8860B" stroke-width="2"/><text x="16" y="21" font-size="16" text-anchor="middle" fill="%23B8860B" font-weight="bold">$</text></svg>') 16 16,grabbing}@media (max-width: 575px){.raspa-container{justify-content:flex-start;padding-top:3.5rem}.scratch-card{width:clamp(260px,88vw,360px);height:clamp(200px,62vw,280px)}}@media (max-width: 399px){.scratch-card{width:92vw;height:60vw}}@media (max-height: 500px) and (orientation: landscape){.raspa-container{flex-direction:row;flex-wrap:wrap;gap:.5rem;padding:.5rem}.raspa-logo{width:clamp(60px,12vh,100px)}.raspa-title{font-size:clamp(1rem,3vmin,1.5rem)}.scratch-card{width:clamp(220px,45vw,340px);height:clamp(160px,35vw,220px)}}.dados-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:1.5rem;box-sizing:border-box;gap:clamp(1.2rem,3.5vmin,2.5rem);position:relative}.dados-logo{width:clamp(90px,25vw,180px);height:auto;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.dados-title{color:#1a1a1a;font-size:clamp(1.5rem,5vmin,2.5rem);font-weight:900;text-transform:uppercase;letter-spacing:2px;margin:0}.dados-subtitle{color:#2a2a2a;font-size:clamp(.85rem,2.5vmin,1.1rem);font-weight:600;margin:0;opacity:.7;background:#1a1a1a14;padding:6px 16px;border-radius:20px}.dice-area{display:flex;gap:clamp(2.5rem,10vmin,5rem);justify-content:center;align-items:center;padding:clamp(1rem,3vmin,2rem) 1rem}.dice-scene{width:clamp(70px,18vmin,120px);height:clamp(70px,18vmin,120px);perspective:600px}.dice-cube{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform 1.2s cubic-bezier(.2,.8,.3,1)}.dice-cube.rolling{animation:diceRoll3D 1.2s ease-out forwards}@keyframes diceRoll3D{0%{transform:rotateX(0) rotateY(0) rotate(0)}20%{transform:rotateX(240deg) rotateY(180deg) rotate(60deg)}40%{transform:rotateX(480deg) rotateY(360deg) rotate(-30deg)}60%{transform:rotateX(600deg) rotateY(540deg) rotate(45deg)}80%{transform:rotateX(700deg) rotateY(680deg) rotate(-15deg)}to{transform:rotateX(720deg) rotateY(720deg) rotate(0)}}.face{position:absolute;width:100%;height:100%;border-radius:clamp(8px,2vmin,14px);background:linear-gradient(145deg,#fff,#f0f0f0);border:2px solid rgba(0,0,0,.12);box-shadow:inset 0 2px 6px #fffc,inset 0 -2px 6px #0000000d;display:flex;align-items:center;justify-content:center;backface-visibility:visible}.face.front{transform:translateZ(calc(clamp(70px,18vmin,120px)/2))}.face.back{transform:translateZ(calc(clamp(70px,18vmin,120px)/-2)) rotateY(180deg)}.face.right{transform:translate(calc(clamp(70px,18vmin,120px)/2)) rotateY(90deg)}.face.left{transform:translate(calc(clamp(70px,18vmin,120px)/-2)) rotateY(-90deg)}.face.top{transform:translateY(calc(clamp(70px,18vmin,120px)/-2)) rotateX(90deg)}.face.bottom{transform:translateY(calc(clamp(70px,18vmin,120px)/2)) rotateX(-90deg)}.dice-face{display:grid;width:75%;height:75%;padding:2px}.dot{width:clamp(10px,3vmin,18px);height:clamp(10px,3vmin,18px);background:radial-gradient(circle at 35% 35%,#3a3a3a,#1a1a1a);border-radius:50%;box-shadow:inset 0 2px 3px #fff3,0 1px 3px #0000004d;justify-self:center;align-self:center}.dots-1{grid-template-columns:1fr;grid-template-rows:1fr;place-items:center}.dots-2{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.dots-2 .dot:nth-child(1){grid-column:2;grid-row:1;justify-self:end;align-self:start}.dots-2 .dot:nth-child(2){grid-column:1;grid-row:2;justify-self:start;align-self:end}.dots-3{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr}.dots-3 .dot:nth-child(1){grid-column:3;grid-row:1;justify-self:end;align-self:start}.dots-3 .dot:nth-child(2){grid-column:2;grid-row:2}.dots-3 .dot:nth-child(3){grid-column:1;grid-row:3;justify-self:start;align-self:end}.dots-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.dots-4 .dot:nth-child(1){justify-self:start;align-self:start}.dots-4 .dot:nth-child(2){justify-self:end;align-self:start}.dots-4 .dot:nth-child(3){justify-self:start;align-self:end}.dots-4 .dot:nth-child(4){justify-self:end;align-self:end}.dots-5{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr}.dots-5 .dot:nth-child(1){grid-column:1;grid-row:1;justify-self:start;align-self:start}.dots-5 .dot:nth-child(2){grid-column:3;grid-row:1;justify-self:end;align-self:start}.dots-5 .dot:nth-child(3){grid-column:2;grid-row:2}.dots-5 .dot:nth-child(4){grid-column:1;grid-row:3;justify-self:start;align-self:end}.dots-5 .dot:nth-child(5){grid-column:3;grid-row:3;justify-self:end;align-self:end}.dots-6{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr}.dots-6 .dot:nth-child(1){justify-self:start;align-self:start}.dots-6 .dot:nth-child(2){justify-self:end;align-self:start}.dots-6 .dot:nth-child(3){justify-self:start}.dots-6 .dot:nth-child(4){justify-self:end}.dots-6 .dot:nth-child(5){justify-self:start;align-self:end}.dots-6 .dot:nth-child(6){justify-self:end;align-self:end}.dice-surface{width:clamp(200px,50vw,350px);display:flex;justify-content:center;margin-top:-.5rem}.surface-shadow{width:80%;height:8px;background:radial-gradient(ellipse,rgba(0,0,0,.15) 0%,transparent 70%);border-radius:50%}.dados-roll-btn{padding:clamp(10px,2.5vmin,16px) clamp(30px,8vmin,50px);font-size:clamp(.9rem,2.5vmin,1.2rem);font-weight:800;color:#f6f4e8;background:linear-gradient(145deg,#c0392b,#962d22);border:clamp(2px,.6vmin,4px) solid #1A1A1A;border-radius:60px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 20px #00000040,inset 0 1px #fff3;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden;font-family:inherit}.dados-roll-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.dados-roll-btn:hover:not(:disabled):before{left:100%}.dados-roll-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.05);box-shadow:0 12px 28px #0000004d,0 0 30px #c0392b80}.dados-roll-btn:active:not(:disabled){transform:translateY(0) scale(.98)}.dados-roll-btn:disabled{opacity:.6;cursor:not-allowed;animation:btnPulse 1.2s ease-in-out infinite}@keyframes btnPulse{0%,to{opacity:.5}50%{opacity:.7}}.dados-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-out;padding:1rem}.dados-modal-content{background:linear-gradient(145deg,#f6f4e8,#efe9cc);border-radius:clamp(15px,4vmin,30px);border:clamp(3px,.8vmin,5px) solid #1A1A1A;padding:clamp(1.5rem,5vmin,3rem);box-shadow:0 25px 60px #0006,inset 0 2px 4px #ffffff80;animation:modalPop .4s cubic-bezier(.34,1.56,.64,1);max-width:min(500px,90vw);text-align:center;display:flex;flex-direction:column;align-items:center;gap:.8rem}.dados-win-badge{background:linear-gradient(145deg,#9fb23c,#6f7f2a);color:#f6f4e8;font-size:clamp(.9rem,3vmin,1.3rem);font-weight:900;padding:8px 25px;border-radius:50px;letter-spacing:2px;box-shadow:0 4px 15px #0003;animation:badgePulse 2s ease-in-out infinite}.dados-reason{color:#6f7f2a;font-size:clamp(1rem,3vmin,1.4rem);font-weight:800}.dados-prize-text{color:#1a1a1a;font-size:clamp(1.5rem,5vmin,2.5rem);font-weight:900;text-transform:uppercase;letter-spacing:1px}.dados-prize-desc{color:#2a2a2a;font-size:clamp(.85rem,2.5vmin,1.1rem);font-weight:500;opacity:.7}.dados-lose-title{color:#1a1a1a;font-size:clamp(1.3rem,4vmin,2rem);font-weight:800;margin:0}.dados-lose-text{color:#6f7f2a;font-size:clamp(1.2rem,4vmin,1.8rem);font-weight:700;margin:0}.dados-lose-desc{color:#2a2a2a;font-size:clamp(.9rem,2.5vmin,1.1rem);font-weight:500;margin:0;opacity:.7}.modal-close{position:fixed;top:clamp(15px,4vmin,30px);right:clamp(15px,4vmin,30px);width:clamp(36px,8vmin,50px);height:clamp(36px,8vmin,50px);background:linear-gradient(145deg,#9fb23c,#6f7f2a);border:3px solid #1A1A1A;border-radius:50%;color:#f6f4e8;font-size:clamp(1.5rem,4vmin,2.2rem);cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:all .2s ease;box-shadow:0 5px 15px #0000004d;z-index:1001}.modal-close:hover{transform:scale(1.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPop{0%{opacity:0;transform:scale(.5) translateY(-50px)}50%{transform:scale(1.1) translateY(10px)}70%{transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width: 575px){.dados-container{justify-content:flex-start;padding-top:3.5rem}.dice-scene{width:clamp(65px,25vw,100px);height:clamp(65px,25vw,100px)}.face.front{transform:translateZ(calc(clamp(65px,25vw,100px)/2))}.face.back{transform:translateZ(calc(clamp(65px,25vw,100px)/-2)) rotateY(180deg)}.face.right{transform:translate(calc(clamp(65px,25vw,100px)/2)) rotateY(90deg)}.face.left{transform:translate(calc(clamp(65px,25vw,100px)/-2)) rotateY(-90deg)}.face.top{transform:translateY(calc(clamp(65px,25vw,100px)/-2)) rotateX(90deg)}.face.bottom{transform:translateY(calc(clamp(65px,25vw,100px)/2)) rotateX(-90deg)}}@media (max-height: 500px) and (orientation: landscape){.dados-container{flex-direction:row;flex-wrap:wrap;gap:.5rem;padding:.5rem;justify-content:center}.dados-logo{width:clamp(60px,12vh,100px)}.dados-title{font-size:clamp(1rem,3vmin,1.5rem)}.dice-scene{width:clamp(55px,15vmin,90px);height:clamp(55px,15vmin,90px)}.face.front{transform:translateZ(calc(clamp(55px,15vmin,90px)/2))}.face.back{transform:translateZ(calc(clamp(55px,15vmin,90px)/-2)) rotateY(180deg)}.face.right{transform:translate(calc(clamp(55px,15vmin,90px)/2)) rotateY(90deg)}.face.left{transform:translate(calc(clamp(55px,15vmin,90px)/-2)) rotateY(-90deg)}.face.top{transform:translateY(calc(clamp(55px,15vmin,90px)/-2)) rotateX(90deg)}.face.bottom{transform:translateY(calc(clamp(55px,15vmin,90px)/2)) rotateX(-90deg)}}.App{width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:0;margin:0;overflow:hidden;position:relative}.back-button{position:fixed;top:clamp(12px,3vmin,20px);left:clamp(12px,3vmin,20px);background:#1a1a1ad9;color:#f6f4e8;border:2px solid rgba(246,244,232,.6);border-radius:30px;padding:8px 20px;font-size:clamp(.8rem,2vmin,1rem);font-weight:700;cursor:pointer;transition:all .2s ease;z-index:200;font-family:inherit;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 4px 12px #0003}.back-button:hover{background:#1a1a1a;border-color:#f6f4e8;transform:scale(1.05);box-shadow:0 6px 16px #0000004d}.back-button:active{transform:scale(.97)}*{margin:0;padding:0;box-sizing:border-box}html{width:100%;height:100%;height:100dvh;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#efe9cc;background-image:url(/PipaSanValentin.png);background-position:center 100%;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;width:100%;height:100%;height:100dvh;overflow:hidden;margin:0;padding:0}#root{width:100%;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:center}.inline-icon{display:inline-block;vertical-align:middle;margin:0 2px;flex-shrink:0}