:root{--bg-primary: #1a0505;--bg-secondary: #330a0a;--accent-primary: #ff1a1a;--accent-secondary: #cc0000;--text-primary: #ffffff;--text-secondary: #ffb3b3;--glass-bg: rgba(51, 10, 10, .75);--glass-border: rgba(255, 51, 51, .2);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .5);--wheel-shadow: 0 0 30px rgba(255, 26, 26, .6)}*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,sans-serif}body{background-color:var(--bg-primary);background-image:linear-gradient(#1a0505e0,#1a0505e0),url(https://lh3.googleusercontent.com/d/1UEfxYI6ZPd7QoRgEIRMgC62C62-BAl0r);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;color:var(--text-primary);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;position:relative}.bg-shape{position:fixed;filter:blur(80px);z-index:0;border-radius:50%;animation:pulse 10s infinite alternate;pointer-events:none}.circle-1{width:400px;height:400px;background:#ff1a1a26;top:-100px;left:-100px}.circle-2{width:500px;height:500px;background:#c003;bottom:-150px;right:-100px;animation-delay:2s}@keyframes pulse{0%{transform:scale(1) translate(0)}50%{transform:scale(1.1) translate(50px,50px)}to{transform:scale(.9) translate(-50px,-50px)}}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:20px;padding:25px 20px;z-index:10;width:100%;max-width:500px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.app-container{width:100%;max-width:480px;padding:30px 15px;margin:auto;z-index:10;display:grid;place-items:center}section{grid-area:1 / 1;width:100%;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .5s ease}section.active{opacity:1;pointer-events:all;visibility:visible;transition:opacity .5s ease .1s}.logo-container{text-align:center;margin-bottom:30px}.brand-icon{font-size:48px;margin-bottom:15px;animation:float 3s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}h1{font-size:28px;font-weight:800;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:5px}.subtitle{color:var(--text-secondary);font-size:14px;text-transform:uppercase;letter-spacing:2px}.input-group{margin-bottom:30px}label{display:block;font-size:14px;color:var(--text-secondary);margin-bottom:10px;font-weight:600}.autocomplete-container{position:relative}input[type=text]{width:100%;padding:12px 16px;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:16px;transition:all .3s ease;outline:none}input[type=text]:focus{border-color:var(--accent-primary);box-shadow:0 0 15px #ff1a1a66}.suggestions{position:absolute;top:100%;left:0;width:100%;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:12px;margin-top:5px;max-height:200px;overflow-y:auto;z-index:100;list-style:none;box-shadow:0 10px 20px #00000080}.suggestions.hidden{display:none}.suggestions li{padding:12px 20px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.05);transition:background .2s}.suggestions li:last-child{border-bottom:none}.suggestions li:hover{background:#ff1a1a26;color:var(--accent-primary)}button{width:100%;border:none;cursor:pointer;font-weight:600;transition:all .3s ease;display:flex;justify-content:center;align-items:center;gap:10px}button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-primary{background:linear-gradient(135deg,#f33,#900);color:#fff;padding:14px 20px;border-radius:12px;font-size:15px;text-transform:uppercase;letter-spacing:1px;box-shadow:0 5px 15px #ff1a1a66}.btn-primary:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff1a1a99}.btn-primary:not(:disabled):active{transform:translateY(1px)}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--glass-border);padding:12px 20px;border-radius:12px;position:relative;z-index:100;cursor:pointer}.btn-secondary:hover{background:#ffffff0d}.btn-large{padding:16px 24px;font-size:16px;border-radius:14px}.header{text-align:center;margin-bottom:20px}#empty-prizes-message.hidden,#roulette-ui-container.hidden,#roulette-subtitle.hidden{display:none!important}.header h2{font-size:22px;margin-bottom:5px}.highlight{color:var(--accent-primary)}.roulette-container{position:relative;width:250px;height:250px;margin:0 auto 25px}@media (min-width: 400px){.roulette-container{width:320px;height:320px}}.wheel-wrapper{width:100%;height:100%;border-radius:50%;overflow:hidden;box-shadow:var(--wheel-shadow);border:4px solid var(--accent-secondary);position:relative;background:var(--bg-secondary)}#wheel-canvas{width:100%;height:100%;display:block;transform-origin:center center}.pointer{position:absolute;top:-15px;left:50%;transform:translate(-50%);color:#fff;font-size:30px;z-index:20;text-shadow:0 2px 5px rgba(0,0,0,.5);filter:drop-shadow(0 0 5px var(--accent-primary));transform-origin:top center}.pointer.spinning{animation:pointerTick .15s infinite}@keyframes pointerTick{0%{transform:translate(-50%) rotate(0)}50%{transform:translate(-50%) rotate(-15deg)}to{transform:translate(-50%) rotate(0)}}.wheel-wrapper.spinning canvas{filter:blur(1px)}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-primary);z-index:1000;display:flex;justify-content:center;align-items:center;transition:opacity .5s ease}.loading-overlay.hidden{opacity:0;pointer-events:none}.spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:500;display:flex;justify-content:center;align-items:center;padding:20px;opacity:1;transition:opacity .3s}.modal-overlay.hidden{opacity:0;pointer-events:none}.modal-content{text-align:center;max-width:400px;transform:scale(1);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.modal-overlay.hidden .modal-content{transform:scale(.8)}.confetti-container{font-size:64px;margin-bottom:20px}.modal-content h2{font-size:26px;color:var(--accent-primary);margin-bottom:10px}.modal-content p{color:var(--text-secondary);font-size:16px;margin-bottom:15px}.prize-display{font-size:20px;font-weight:800;background:#ffffff0d;padding:15px;border-radius:12px;border:1px solid var(--accent-secondary);margin-bottom:20px;color:var(--accent-secondary);box-shadow:inset 0 0 20px #00000080}.prize-image-wrapper{position:relative;width:300px;height:300px;margin:0 auto 30px;display:flex;justify-content:center;align-items:center;animation:floatPrize 3s ease-in-out infinite}.prize-image-wrapper.hidden{display:none!important}.shiny-background{position:absolute;top:50%;left:50%;width:150%;height:150%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,51,51,.6) 0%,rgba(153,0,0,.3) 40%,transparent 70%);animation:shinePulse 2s infinite alternate,rotateShine 10s linear infinite;z-index:1;border-radius:50%;filter:blur(10px);pointer-events:none}#prize-image{position:relative;z-index:2;max-width:100%;max-height:100%;object-fit:contain;border-radius:12px;box-shadow:0 10px 25px #00000080;filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}@keyframes floatPrize{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@keyframes shinePulse{0%{opacity:.5;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}@keyframes rotateShine{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}