:root{--roulette-pink: #FFB7C5;--roulette-purple: #E0BBE4;--roulette-yellow: #FFFFD1;--roulette-blue: #B2F7EF;--roulette-dark: #4A4A4A;--roulette-white: #FFFFFF}#roulette-fab{position:fixed;bottom:2rem;right:2rem;width:70px;height:70px;background:linear-gradient(135deg,var(--roulette-pink),var(--roulette-purple));border-radius:50%;box-shadow:0 8px 20px #0003;display:flex;justify-content:center;align-items:center;font-size:2rem;cursor:pointer;z-index:1000;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);border:3px solid white;display:none;animation:pulse-glow 2s infinite}#roulette-fab:hover{transform:scale(1.1) rotate(10deg)}#roulette-fab:after{content:"¡Gira!";position:absolute;top:-30px;background:#fff;padding:.2rem .8rem;border-radius:12px;font-size:.8rem;font-weight:700;color:var(--roulette-dark);box-shadow:0 4px 10px #0000001a;animation:bounce 1s infinite alternate}.roulette-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:2000;opacity:0;pointer-events:none;transition:opacity .3s ease}.roulette-modal-overlay.active{opacity:1;pointer-events:all}.roulette-modal{background:var(--roulette-white);padding:2rem;border-radius:30px;text-align:center;position:relative;max-width:90%;width:450px;box-shadow:0 20px 40px #0003;border:5px solid var(--roulette-pink);transform:scale(.8);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}@media (max-width: 480px){.roulette-modal{padding:1.5rem;width:95%}.wheel-container{width:250px;height:250px}}.roulette-modal-overlay.active .roulette-modal{transform:scale(1)}.close-modal{position:absolute;top:10px;right:15px;font-size:2rem;color:var(--roulette-dark);cursor:pointer;background:none;border:none;opacity:.6;transition:opacity .2s}.close-modal:hover{opacity:1}.wheel-container{position:relative;width:300px;height:300px;margin:2rem auto}.wheel{width:100%;height:100%;border-radius:50%;border:10px solid var(--roulette-purple);box-shadow:inset 0 0 20px #0000001a;background:conic-gradient(var(--roulette-pink) 0deg 72deg,var(--roulette-blue) 72deg 144deg,var(--roulette-yellow) 144deg 216deg,var(--roulette-pink) 216deg 288deg,var(--roulette-blue) 288deg 360deg);transition:transform 4s cubic-bezier(.17,.67,.12,.99);position:relative;overflow:hidden}.wheel-text{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.segment-label{position:absolute;top:50%;left:50%;transform-origin:0 0;font-size:.9rem;font-weight:700;color:var(--roulette-dark);width:140px;text-align:right;padding-right:20px}.segment-1{transform:rotate(36deg) translateY(-50%)}.segment-2{transform:rotate(108deg) translateY(-50%)}.segment-3{transform:rotate(180deg) translateY(-50%)}.segment-4{transform:rotate(252deg) translateY(-50%)}.segment-5{transform:rotate(324deg) translateY(-50%)}.wheel-pointer{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:30px solid var(--roulette-dark);z-index:10;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.wheel-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:#fff;border-radius:50%;border:4px solid var(--roulette-purple);z-index:5;box-shadow:0 4px 10px #0000001a;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.spin-btn{background:var(--roulette-dark);color:#fff;border:none;padding:1rem 3rem;border-radius:50px;font-size:1.2rem;font-weight:700;cursor:pointer;box-shadow:0 4px 15px #0003;transition:transform .2s}.spin-btn:hover{transform:scale(1.05)}.spin-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}@keyframes pulse-glow{0%{box-shadow:0 0 #ffb7c5b3}70%{box-shadow:0 0 0 15px #ffb7c500}to{box-shadow:0 0 #ffb7c500}}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-5px)}}#prize-result{margin-top:1rem;font-size:1.2rem;font-weight:700;color:var(--roulette-dark);min-height:1.5em;opacity:0;transition:opacity .5s}#prize-result.show{opacity:1}.confetti{position:absolute;width:10px;height:10px;background:var(--roulette-pink);animation:fall 3s linear forwards}@keyframes fall{to{transform:translateY(100vh) rotate(720deg)}}