.roulette-container{position:relative;width:100%;max-width:500px;margin:0 auto;aspect-ratio:1/1}.roulette-wheel{width:100%;height:100%;position:relative;overflow:hidden;border-radius:50%;border:4px solid #ff69b4;box-shadow:0 0 20px rgba(255,105,180,.7),0 0 30px rgba(255,105,180,.4);transition:transform 5s cubic-bezier(.17,.67,.12,.99);transform:rotate(0deg);background:conic-gradient(#ff69b4 0 12.5%,#00bfff 12.5% 25%,#ffff00 25% 37.5%,#ff69b4 37.5% 50%,#00bfff 50% 62.5%,#ffff00 62.5% 75%,#ff69b4 75% 87.5%,#00bfff 87.5% 100%)}.roulette-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20%;height:20%;background-color:#333;border-radius:50%;border:3px solid #ff69b4;z-index:2;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px rgba(255,105,180,.5)}.roulette-center:after{content:"";width:50%;height:50%;background-color:#ff69b4;border-radius:50%}.roulette-marker{position:absolute;top:-10px;left:50%;transform:translateX(-50%);width:20px;height:30px;background-color:#ffff00;clip-path:polygon(50% 0,0 100%,100% 100%);z-index:2;filter:drop-shadow(0 0 5px rgba(255,255,0,.7))}.roulette-section{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform-origin:center;text-shadow:0 0 5px rgba(0,0,0,.7);font-size:clamp(12px,3vw,24px)}.roulette-button,.roulette-section{font-weight:700;color:white;text-transform:uppercase}.roulette-button{background:linear-gradient(180deg,#ff69b4,#da1884);border:2px solid #ff69b4;border-radius:4px;padding:.75rem 1.5rem;box-shadow:0 0 0 2px rgba(0,0,0,.2),0 0 10px rgba(255,105,180,.5);transition:all .2s ease;font-size:1rem;margin-top:1.5rem}.roulette-button:hover{background:linear-gradient(180deg,#ff8cc6,#ff69b4);box-shadow:0 0 0 2px rgba(0,0,0,.2),0 0 15px rgba(255,105,180,.7)}.roulette-button:active{transform:translateY(2px)}.roulette-button:disabled{background:linear-gradient(180deg,#c9c9c9,#a0a0a0);border-color:#c9c9c9;color:#666;cursor:not-allowed;box-shadow:none}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.8);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-content{background:linear-gradient(135deg,rgba(60,30,80,.9),rgba(30,10,40,1));border-radius:.5rem;padding:1.5rem;width:100%;max-width:28rem;position:relative;box-shadow:0 0 30px rgba(255,105,180,.5);border:2px solid #ff69b4;animation:glow 2s ease-in-out infinite}.modal-close{position:absolute;top:1rem;right:1rem;color:#00bfff;transition:color .2s;cursor:pointer}.modal-close:hover{color:white}.prize-result{text-align:center;padding:2rem}.prize-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#ff69b4;text-transform:uppercase}.prize-description{font-size:1.25rem;margin-bottom:2rem}.confetti-container{position:fixed;top:0;left:0;z-index:10000}.confetti-container,.roulette-decoration{width:100%;height:100%;pointer-events:none}.roulette-decoration,.roulette-decoration:before{position:absolute;border-radius:50%}.roulette-decoration:before{content:"";top:-10px;left:-10px;right:-10px;bottom:-10px;background:linear-gradient(45deg,#ff69b4,#00bfff,#ffff00,#ff69b4);z-index:-1;opacity:.5;animation:rotate 10s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.qr-code{position:relative;overflow:hidden}.qr-code:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-conic-gradient(#000 0 25%,#fff 0 50%);background-size:8px 8px;opacity:.1}@media (max-width:640px){.roulette-container{max-width:300px}.roulette-section{font-size:clamp(10px,2.5vw,18px)}.prize-result{padding:1rem}}@keyframes pulse-glow{0%{box-shadow:0 0 5px rgba(255,105,180,.5)}50%{box-shadow:0 0 15px rgba(255,105,180,.8),0 0 20px rgba(255,105,180,.5)}to{box-shadow:0 0 5px rgba(255,105,180,.5)}}.roulette-button{animation:pulse-glow 2s infinite}.instructions-toggle{cursor:pointer;color:#00bfff;display:inline-flex;align-items:center;font-size:.875rem;margin-top:.5rem}.instructions-toggle:hover{color:#33ccff}.instructions-content{background-color:rgba(128,0,128,.2);border-radius:.375rem;padding:1rem;margin-top:.5rem;font-size:.875rem;line-height:1.25rem}.instructions-content p{margin-bottom:.5rem}.instructions-content p:last-child{margin-bottom:0}.spins-counter{display:inline-block;background-color:#ff69b4;color:white;font-weight:700;padding:.5rem 1rem;border-radius:9999px;margin-top:.75rem;box-shadow:0 0 10px rgba(255,105,180,.5)}@keyframes slideHint{0%{transform:translateX(0)}25%{transform:translateX(10px)}50%{transform:translateX(0)}75%{transform:translateX(10px)}to{transform:translateX(0)}}.menu-scroll-hint{position:absolute;right:10px;top:50%;transform:translateY(-50%);background-color:rgba(228,169,81,.9);color:#2d1b47;padding:8px 12px;border-radius:4px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:4px;box-shadow:0 2px 10px rgba(0,0,0,.2);animation:slideHint 2s ease-in-out;z-index:10}.menu-scroll-hint:after{content:"";width:20px;height:2px;background-color:currentColor;position:relative;display:block;animation:slideHint 2s ease-in-out infinite}.search-highlight{background-color:rgba(228,169,81,.3);padding:0 2px;border-radius:2px}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(231,124,124,.7)}70%{box-shadow:0 0 0 10px rgba(231,124,124,0)}to{box-shadow:0 0 0 0 rgba(231,124,124,0)}}.search-pulse{animation:pulse 2s infinite}