:root{--color-bg-primary: #0a0a1a;--color-bg-secondary: #12122a;--color-bg-card: #1a1a3e;--color-gold: #ffd700;--color-gold-dark: #b8860b;--color-gold-light: #ffe66d;--color-red-casino: #dc143c;--color-red-dark: #8b0000;--color-green-casino: #00c853;--color-purple: #7b2ff7;--color-purple-dark: #4a0080;--color-purple-light: #a855f7;--color-cyan: #00e5ff;--color-pink: #ff6ec7;--color-white: #f0f0ff;--color-white-dim: #b0b0d0;--segment-1: #dc143c;--segment-2: #1a1aff;--segment-3: #00c853;--segment-4: #ffd700;--font-display: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 5rem;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 50%;--shadow-glow-gold: 0 0 20px rgba(255, 215, 0, .4), 0 0 60px rgba(255, 215, 0, .15);--shadow-glow-purple: 0 0 20px rgba(123, 47, 247, .4), 0 0 60px rgba(123, 47, 247, .15);--shadow-glow-red: 0 0 20px rgba(220, 20, 60, .4), 0 0 60px rgba(220, 20, 60, .15);--shadow-glow-cyan: 0 0 20px rgba(0, 229, 255, .3), 0 0 60px rgba(0, 229, 255, .1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);background:var(--color-bg-primary);color:var(--color-white);min-height:100vh;overflow-x:hidden;position:relative;background-image:radial-gradient(ellipse at 20% 50%,rgba(123,47,247,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(220,20,60,.06) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(255,215,0,.04) 0%,transparent 50%)}.stars-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.star{position:absolute;background:var(--color-white);border-radius:var(--radius-full);animation:starTwinkle 2s ease-in-out infinite alternate}@keyframes starTwinkle{0%{opacity:.2;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}h1,h2,h3,h4{font-family:var(--font-display);font-weight:800;line-height:1.1}.shimmer-text{background:linear-gradient(90deg,var(--color-gold-dark) 0%,var(--color-gold-light) 25%,var(--color-gold) 50%,var(--color-gold-light) 75%,var(--color-gold-dark) 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 3s linear infinite}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.neon-text{color:var(--color-cyan);text-shadow:0 0 7px var(--color-cyan),0 0 10px var(--color-cyan),0 0 21px var(--color-cyan),0 0 42px var(--color-purple),0 0 82px var(--color-purple),0 0 92px var(--color-purple);animation:neonPulse 2s ease-in-out infinite alternate}@keyframes neonPulse{0%{text-shadow:0 0 4px var(--color-cyan),0 0 8px var(--color-cyan),0 0 18px var(--color-cyan),0 0 38px var(--color-purple)}to{text-shadow:0 0 7px var(--color-cyan),0 0 10px var(--color-cyan),0 0 21px var(--color-cyan),0 0 42px var(--color-purple),0 0 82px var(--color-purple),0 0 92px var(--color-purple)}}.rainbow-glow{background:linear-gradient(270deg,var(--color-red-casino),var(--color-gold),var(--color-green-casino),var(--color-cyan),var(--color-purple),var(--color-pink),var(--color-red-casino));background-size:600% 600%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:rainbowShift 4s ease infinite}@keyframes rainbowShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.btn-casino{font-family:var(--font-display);font-size:1.5rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;padding:1rem 3rem;border:3px solid var(--color-gold);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-red-casino) 0%,var(--color-red-dark) 100%);color:var(--color-gold-light);cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:var(--shadow-glow-gold),inset 0 1px #fff3;z-index:1}.btn-casino:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,215,0,.15) 50%,transparent 70%);animation:btnShine 3s ease-in-out infinite;z-index:-1}@keyframes btnShine{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}.btn-casino:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 0 30px #ffd70099,0 0 80px #ffd70040,inset 0 1px #ffffff4d;border-color:var(--color-gold-light)}.btn-casino:active{transform:translateY(0) scale(.98)}.btn-casino:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-casino:disabled:hover{transform:none;box-shadow:var(--shadow-glow-gold)}.glass-card{background:#1a1a3e99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,215,0,.15);border-radius:var(--radius-md);padding:var(--space-lg)}.main-container{max-width:1000px;margin:0 auto;padding:var(--space-lg) var(--space-md);position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;min-height:100vh}.header{text-align:center;margin-bottom:var(--space-xl);padding-top:var(--space-lg)}.header__badge{display:inline-block;font-family:var(--font-display);font-size:.8rem;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--color-gold);background:#ffd7001a;border:1px solid rgba(255,215,0,.25);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);margin-bottom:var(--space-md)}.header__title{font-size:clamp(2rem,6vw,4rem);margin-bottom:var(--space-sm);letter-spacing:.05em}.header__subtitle{font-size:clamp(1rem,2.5vw,1.4rem);font-weight:500;color:var(--color-white-dim);letter-spacing:.05em}.header__subtitle .highlight{color:var(--color-cyan);font-weight:700}.roulette-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-xl);width:100%}.roulette-container{position:relative;width:380px;height:380px}@media(max-width:480px){.roulette-container{width:300px;height:300px}}.roulette-outer-ring{position:absolute;inset:-12px;border-radius:var(--radius-full);background:conic-gradient(from 0deg,var(--color-gold-dark),var(--color-gold),var(--color-gold-light),var(--color-gold),var(--color-gold-dark),var(--color-gold),var(--color-gold-light),var(--color-gold),var(--color-gold-dark));animation:ringRotate 20s linear infinite;box-shadow:0 0 30px #ffd7004d,inset 0 0 30px #00000080}@keyframes ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.roulette-inner-shadow{position:absolute;inset:0;border-radius:var(--radius-full);box-shadow:inset 0 0 40px #0009;z-index:5;pointer-events:none}.roulette-wheel-canvas{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--radius-full);z-index:2;transition:none}.roulette-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:var(--radius-full);background:radial-gradient(circle at 30% 30%,#555,#222);border:3px solid var(--color-gold);box-shadow:0 0 15px #ffd70066,inset 0 2px 4px #fff3;z-index:10;display:flex;align-items:center;justify-content:center}.roulette-center__icon{font-size:1.8rem;animation:centerPulse 2s ease-in-out infinite alternate}@keyframes centerPulse{0%{transform:scale(1)}to{transform:scale(1.1)}}.roulette-pointer{position:absolute;top:-30px;left:50%;transform:translate(-50%);z-index:15;width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-top:40px solid var(--color-gold);filter:drop-shadow(0 0 10px rgba(255,215,0,.6));animation:pointerBounce 1.5s ease-in-out infinite}.roulette-pointer:after{content:"";position:absolute;top:-42px;left:-10px;width:20px;height:20px;background:var(--color-gold-light);border-radius:var(--radius-full);box-shadow:0 0 15px #ffd700cc}@keyframes pointerBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-5px)}}.roulette-ball{position:absolute;width:16px;height:16px;background:radial-gradient(circle at 35% 35%,#fff,#ccc,#999);border-radius:var(--radius-full);z-index:8;box-shadow:0 0 8px #fffc,inset 0 -2px 4px #0000004d;display:none}.roulette-ball.visible{display:block}.participants{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center;margin-top:var(--space-md)}.participant-chip{font-family:var(--font-display);font-size:.9rem;font-weight:600;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:var(--color-white);transition:all .3s ease}.participant-chip[data-color=red]{border-color:#dc143c66;background:#dc143c1a;color:#ff6b8a}.participant-chip[data-color=blue]{border-color:#1a1aff66;background:#1a1aff1a;color:#6b8aff}.participant-chip[data-color=green]{border-color:#00c85366;background:#00c8531a;color:#6bff8a}.participant-chip[data-color=gold]{border-color:#ffd70066;background:#ffd7001a;color:var(--color-gold-light)}.participant-chip.winner{animation:chipWinner .5s ease-in-out infinite alternate;border-width:2px}@keyframes chipWinner{0%{transform:scale(1);box-shadow:0 0 10px currentColor}to{transform:scale(1.08);box-shadow:0 0 25px currentColor}}.winner-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;z-index:100;display:none;align-items:center;justify-content:center;animation:overlayFadeIn .5s ease}.winner-overlay.active{display:flex}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.winner-modal{position:relative;text-align:center;padding:var(--space-2xl) var(--space-xl);max-width:600px;width:90%;border-radius:var(--radius-lg);background:linear-gradient(135deg,#1a1a3ef2,#0a0a1af2);border:2px solid var(--color-gold);box-shadow:var(--shadow-glow-gold),0 25px 50px #00000080;animation:modalAppear .6s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.winner-modal:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent 0%,rgba(255,215,0,.05) 25%,transparent 50%,rgba(255,215,0,.05) 75%,transparent 100%);animation:modalSpinBg 8s linear infinite;z-index:-1}@keyframes modalSpinBg{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes modalAppear{0%{opacity:0;transform:scale(.3) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0)}}.winner-modal__trophy{font-size:5rem;margin-bottom:var(--space-md);animation:trophyBounce 1s ease-in-out infinite}@keyframes trophyBounce{0%,to{transform:translateY(0) rotate(-5deg)}25%{transform:translateY(-15px) rotate(5deg)}75%{transform:translateY(-5px) rotate(-3deg)}}.winner-modal__label{font-family:var(--font-display);font-size:1.2rem;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--color-gold);margin-bottom:var(--space-sm)}.winner-modal__name{font-family:var(--font-display);font-size:clamp(2.5rem,8vw,4.5rem);font-weight:900;margin-bottom:var(--space-md);line-height:1}.winner-modal__prize{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--color-white-dim);margin-bottom:var(--space-lg);padding:var(--space-sm) var(--space-md);background:#dc143c26;border:1px solid rgba(220,20,60,.3);border-radius:var(--radius-sm);display:inline-block}.winner-modal__prize .prize-icon{color:var(--color-red-casino)}.winner-modal__close{font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:.1em;padding:.75rem 2rem;border:2px solid var(--color-purple);border-radius:var(--radius-sm);background:#7b2ff733;color:var(--color-purple-light);cursor:pointer;transition:all .3s ease}.winner-modal__close:hover{background:#7b2ff766;transform:translateY(-2px);box-shadow:var(--shadow-glow-purple)}.fireworks-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:99}.info-section{width:100%;max-width:700px;margin-top:var(--space-lg)}.info-section__title{font-size:1.2rem;font-weight:700;color:var(--color-gold);margin-bottom:var(--space-md);text-align:center;letter-spacing:.1em}.rules-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-sm)}.rules-list li{font-size:.9rem;color:var(--color-white-dim);padding:var(--space-sm) var(--space-md);background:#ffffff08;border-left:3px solid var(--color-purple);border-radius:0 var(--radius-sm) var(--radius-sm) 0;transition:all .3s ease}.rules-list li:hover{background:#ffffff0f;border-left-color:var(--color-gold);color:var(--color-white)}.rules-list li .rule-icon{margin-right:var(--space-sm)}.footer{margin-top:auto;padding:var(--space-xl) 0 var(--space-md);text-align:center;font-size:.8rem;color:var(--color-white-dim);opacity:.5}.footer a{color:var(--color-purple-light);text-decoration:none}.float{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.sparkle{position:absolute;width:6px;height:6px;background:var(--color-gold);border-radius:var(--radius-full);pointer-events:none;animation:sparkleAnim 1.5s ease-out forwards}@keyframes sparkleAnim{0%{opacity:1;transform:scale(1) translate(0)}to{opacity:0;transform:scale(0) translate(var(--tx, 50px),var(--ty, -50px))}}.shake{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@media(max-width:768px){.main-container{padding:var(--space-md) var(--space-sm)}.winner-modal{padding:var(--space-xl) var(--space-md)}.btn-casino{font-size:1.2rem;padding:.8rem 2rem}}.sparkle-float{position:absolute;pointer-events:none;border-radius:var(--radius-full);animation:sparkleFloat linear infinite}@keyframes sparkleFloat{0%{opacity:0;transform:translateY(0) scale(0)}10%{opacity:1;transform:translateY(-10px) scale(1)}90%{opacity:.8}to{opacity:0;transform:translateY(-200px) scale(.3)}}.roulette-container:after{content:"";position:absolute;inset:-20px;border-radius:var(--radius-full);background:radial-gradient(circle,rgba(255,215,0,.08) 0%,transparent 70%);animation:rouletteGlow 3s ease-in-out infinite alternate;pointer-events:none;z-index:0}@keyframes rouletteGlow{0%{opacity:.4;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}.drumroll-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:95;display:none;align-items:center;justify-content:center}.drumroll-overlay.active{display:flex}.drumroll-text{font-family:var(--font-display);font-size:clamp(6rem,20vw,12rem);font-weight:900;animation:drumrollPop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes drumrollPop{0%{opacity:0;transform:scale(3)}50%{opacity:1;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.light-beam{position:absolute;width:4px;height:100px;background:linear-gradient(to top,rgba(255,215,0,.6),transparent);pointer-events:none;animation:lightBeamUp 1s ease-out forwards;z-index:20}@keyframes lightBeamUp{0%{opacity:1;transform:translateY(0) scaleY(.3)}to{opacity:0;transform:translateY(-150px) scaleY(1.5)}}