:root{--keno-success:142 76% 36%;--keno-success-foreground:45 100% 96%;--keno-warning:38 92% 50%;--keno-warning-foreground:222 47% 6%;--gradient-gold:linear-gradient(135deg,#fbbd23 0%,#f59f0a 50%,#fbbd23 100%);--gradient-emerald:linear-gradient(135deg,#1d8660 0%,#27b07d 100%);--gradient-dark:linear-gradient(180deg,#0b111e 0%,#05080f 100%);--gradient-card:linear-gradient(135deg,#10192d 0%,#0b111e 100%);--glow-gold:0 0 20px #fbbd2380,0 0 40px #fbbd234d;--glow-cyan:0 0 15px #00eaff66,0 0 30px #00eaff33;--glow-emerald:0 0 20px #25a77780;--glow-success:0 0 25px #16a24999;--shadow-card:0 4px 30px #00000080;--shadow-button:0 4px 15px #0000004d}.font-display{font-family:Orbitron,sans-serif}.font-sans{font-family:Inter,sans-serif}.keno-cell{cursor:pointer;background:var(--gradient-card);border:1px solid hsl(var(--border));border-radius:.5rem;justify-content:center;align-items:center;font-family:Orbitron,sans-serif;font-weight:700;transition:all .2s;display:flex;position:relative}.keno-cell:hover:not(.selected):not(.drawn):not(.matched){border-color:hsl(var(--primary)/.5);box-shadow:var(--glow-gold);transform:scale(1.05)}.keno-cell.selected{border-color:hsl(var(--primary));background-color:hsl(var(--primary)/.25);color:hsl(var(--primary));box-shadow:var(--glow-gold),0 4px 20px #fbbd2366;transform:scale(1.02)}.keno-cell.drawn{border-color:hsl(var(--accent));background-color:hsl(var(--accent)/.2);color:hsl(var(--accent));box-shadow:var(--glow-cyan)}.keno-cell.matched{border-color:hsl(var(--keno-success));background-color:hsl(var(--keno-success)/.3);color:hsl(var(--keno-success));box-shadow:var(--glow-success);animation:.5s ease-out matchPulse}.casino-btn,.casino-button-primary{text-transform:uppercase;letter-spacing:.05em;background:var(--gradient-gold);color:hsl(var(--primary-foreground));box-shadow:var(--shadow-button),var(--glow-gold);border-radius:.5rem;padding:.75rem 1.5rem;font-family:Orbitron,sans-serif;font-weight:600;transition:all .3s;position:relative}.casino-btn:hover,.casino-button-primary:hover{box-shadow:var(--shadow-button),0 0 30px #fbbd2399;transform:translateY(-2px)}.casino-btn:active,.casino-button-primary:active{transform:translateY(0)}.casino-btn:disabled,.casino-button-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.casino-btn-secondary,.casino-button{text-transform:uppercase;letter-spacing:.05em;background:var(--gradient-emerald);color:hsl(var(--secondary-foreground));box-shadow:var(--shadow-button);border-radius:.5rem;padding:.75rem 1.5rem;font-family:Orbitron,sans-serif;font-weight:600;transition:all .3s;position:relative}.casino-btn-secondary:hover,.casino-button:hover{box-shadow:var(--shadow-button),var(--glow-emerald);transform:translateY(-2px)}.casino-card{background:var(--gradient-card);border:1px solid hsl(var(--border));box-shadow:var(--shadow-card);border-radius:1rem;padding:1.5rem}.text-glow-gold{text-shadow:0 0 10px #fbbd2380,0 0 20px #fbbd234d}.text-glow-cyan{text-shadow:0 0 10px #00eaff80,0 0 20px #00eaff4d}@keyframes matchPulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes ballDrop{0%{opacity:0;transform:translateY(-100px)scale(.5)}50%{opacity:1;transform:translateY(10px)scale(1.1)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-ball-drop{animation:.6s cubic-bezier(.34,1.56,.64,1) ballDrop}.animate-shimmer{background-size:200% 100%;animation:2s linear infinite shimmer}.animate-float{animation:3s ease-in-out infinite float}
@layer base{:root{--background:0 0% 5%;--foreground:45 100% 90%;--card:0 0% 8%;--card-foreground:45 100% 90%;--popover:0 0% 10%;--popover-foreground:45 100% 90%;--primary:45 100% 50%;--primary-foreground:0 0% 5%;--secondary:350 80% 45%;--secondary-foreground:45 100% 95%;--muted:0 0% 15%;--muted-foreground:45 30% 60%;--accent:45 100% 60%;--accent-foreground:0 0% 5%;--destructive:0 84.2% 60.2%;--destructive-foreground:210 40% 98%;--border:45 50% 25%;--input:0 0% 15%;--ring:45 100% 50%;--radius:.75rem;--casino-gold:45 100% 50%;--casino-gold-light:45 100% 70%;--casino-gold-dark:45 100% 35%;--casino-red:350 80% 45%;--casino-red-light:350 80% 60%;--casino-green:140 60% 40%;--casino-purple:280 60% 50%;--casino-blue:210 80% 50%;--win-normal:45 100% 50%;--win-big:280 100% 60%;--win-mega:350 100% 55%;--win-jackpot:45 100% 65%;--gradient-gold:linear-gradient(135deg,#fc3 0%,#c90 50%,#ffc61a 100%);--gradient-red:linear-gradient(135deg,#e8304f 0%,#a1122a 100%);--gradient-dark:linear-gradient(180deg,#1f1f1f 0%,#0d0d0d 100%);--gradient-reel:linear-gradient(180deg,#000c 0%,transparent 15%,transparent 85%,#000c 100%);--shadow-gold:0 0 30px #ffbf0080;--shadow-gold-intense:0 0 60px #ffbf00cc;--shadow-red:0 0 30px #cf173680}}@layer components{.casino-button{text-transform:uppercase;letter-spacing:.1em;background:var(--gradient-gold);color:hsl(var(--primary-foreground));text-shadow:0 1px 2px #0000004d;font-weight:700;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000004d,inset 0 1px #ffffff4d,inset 0 -2px #0003}.casino-button:hover{box-shadow:0 6px 20px #0006,var(--shadow-gold),inset 0 1px 0 #ffffff4d;transform:translateY(-2px)}.casino-button:active{transform:translateY(1px)}.casino-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.casino-button-red{background:var(--gradient-red)}.casino-panel{background:var(--gradient-dark);border-style:solid;border-width:2px;border-color:hsl(var(--casino-gold)/.5);border-radius:.75rem;box-shadow:0 10px 40px #00000080,inset 0 1px #ffffff1a}.casino-text-gold{background:var(--gradient-gold);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.casino-glow{animation:2s ease-in-out infinite alternate glow}.reel-mask{-webkit-mask-image:linear-gradient(#0000 0%,#000 10% 90%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 10% 90%,#0000 100%)}}@layer utilities{.text-shadow-gold{text-shadow:0 0 20px #ffbf00cc,0 0 40px #ffbf0080}.text-shadow-win{text-shadow:0 0 10px,0 0 20px,0 0 40px}}@keyframes glow{0%{filter:drop-shadow(0 0 10px #ffbf0080)}to{filter:drop-shadow(0 0 25px #ffbf00cc)}}@keyframes pulse-gold{0%,to{box-shadow:0 0 20px #ffbf0080}50%{box-shadow:0 0 40px #ffbf00cc}}@keyframes spin-button-glow{0%{box-shadow:0 0 20px #ffbf0099}50%{box-shadow:0 0 40px #ffbf00}to{box-shadow:0 0 20px #ffbf0099}}@keyframes coin-rain{0%{opacity:1;transform:translateY(-100vh)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-glow{animation:2s ease-in-out infinite alternate glow}.animate-pulse-gold{animation:2s ease-in-out infinite pulse-gold}.animate-spin-glow{animation:1.5s ease-in-out infinite spin-button-glow}.animate-float{animation:3s ease-in-out infinite float}::-webkit-scrollbar{width:8px}
@layer base{:root{--background:0 0% 5%;--foreground:45 100% 95%;--card:0 0% 8%;--card-foreground:45 100% 95%;--popover:0 0% 10%;--popover-foreground:45 100% 95%;--primary:45 100% 50%;--primary-foreground:0 0% 5%;--secondary:0 85% 45%;--secondary-foreground:45 100% 95%;--muted:0 0% 15%;--muted-foreground:45 20% 60%;--accent:45 100% 60%;--accent-foreground:0 0% 5%;--destructive:0 84.2% 60.2%;--destructive-foreground:210 40% 98%;--border:45 50% 25%;--input:0 0% 15%;--ring:45 100% 50%;--radius:.5rem;--casino-gold:45 100% 50%;--casino-gold-light:45 100% 65%;--casino-gold-dark:45 100% 35%;--casino-red:0 85% 45%;--casino-red-glow:0 100% 50%;--casino-burgundy:340 60% 20%;--casino-mahogany:15 50% 12%;--casino-chrome:0 0% 75%;--casino-neon:45 100% 70%;--shadow-cabinet:0 25px 50px -12px #000c;--glow-gold:0 0 30px #ffbf0080;--glow-red:0 0 20px #f006;--glow-win:0 0 60px #fc3c;--sidebar-background:0 0% 98%;--sidebar-foreground:240 5.3% 26.1%;--sidebar-primary:240 5.9% 10%;--sidebar-primary-foreground:0 0% 98%;--sidebar-accent:240 4.8% 95.9%;--sidebar-accent-foreground:240 5.9% 10%;--sidebar-border:220 13% 91%;--sidebar-ring:217.2 91.2% 59.8%}.dark{--background:0 0% 5%;--foreground:45 100% 95%;--card:0 0% 8%;--card-foreground:45 100% 95%;--popover:0 0% 10%;--popover-foreground:45 100% 95%;--primary:45 100% 50%;--primary-foreground:0 0% 5%;--secondary:0 85% 45%;--secondary-foreground:45 100% 95%;--muted:0 0% 15%;--muted-foreground:45 20% 60%;--accent:45 100% 60%;--accent-foreground:0 0% 5%;--destructive:0 62.8% 30.6%;--destructive-foreground:210 40% 98%;--border:45 50% 25%;--input:0 0% 15%;--ring:45 100% 50%;--sidebar-background:240 5.9% 10%;--sidebar-foreground:240 4.8% 95.9%;--sidebar-primary:224.3 76.3% 48%;--sidebar-primary-foreground:0 0% 100%;--sidebar-accent:240 3.7% 15.9%;--sidebar-accent-foreground:240 4.8% 95.9%;--sidebar-border:240 3.7% 15.9%;--sidebar-ring:217.2 91.2% 59.8%}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground));font-family:Orbitron,sans-serif}}@layer components{.casino-cabinet{background:linear-gradient(145deg,hsl(var(--casino-mahogany))0%,hsl(var(--casino-burgundy))50%,#141414 100%);box-shadow:var(--shadow-cabinet)}.casino-gold-text{background:linear-gradient(180deg,hsl(var(--casino-gold-light))0%,hsl(var(--casino-gold))50%,hsl(var(--casino-gold-dark))100%);-webkit-text-fill-color:transparent;text-shadow:0 2px 10px #ffbf004d;-webkit-background-clip:text;background-clip:text}.casino-button{text-transform:uppercase;letter-spacing:.1em;background:linear-gradient(180deg,hsl(var(--casino-gold-light))0%,hsl(var(--casino-gold))30%,hsl(var(--casino-gold-dark))100%);border:2px solid hsl(var(--casino-gold));color:#1a1a1a;font-weight:700;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 4px 15px #ffbf0066,inset 0 1px #ffe69980,inset 0 -2px 5px #9973004d}.casino-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffbf0099,inset 0 1px #ffe69980,inset 0 -2px 5px #9973004d}.casino-button:active{transform:translateY(1px);box-shadow:0 2px 10px #ffbf004d,inset 0 2px 5px #0003}.casino-button-spin{text-transform:uppercase;letter-spacing:.1em;background:linear-gradient(180deg,#f33 0%,hsl(var(--casino-red))30%,#821717 100%);border:2px solid hsl(var(--casino-gold));border-color:hsl(var(--casino-red));color:#fff;text-shadow:0 2px 4px #00000080;font-weight:700;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 4px 20px #ff000080,inset 0 1px #ff666680,inset 0 -2px 5px #4d19194d}.casino-button-spin:hover{box-shadow:0 6px 30px #ff0000b3,inset 0 1px #ff666680,inset 0 -2px 5px #4d19194d}.casino-display{border:3px solid hsl(var(--casino-gold-dark));color:hsl(var(--casino-gold));text-shadow:0 0 10px hsl(var(--casino-gold));background:linear-gradient(#0d0d0d 0%,#050505 100%);font-family:Orbitron,monospace;font-weight:700;box-shadow:inset 0 2px 10px #000c,0 0 15px #ffbf0033}.reel-window{border:4px solid hsl(var(--casino-gold-dark));background:linear-gradient(#050505 0%,#141414 50%,#050505 100%);box-shadow:inset 0 0 30px #000000e6,0 0 20px #ffbf004d}.payline-indicator{background:hsl(var(--casino-red));width:.75rem;height:.75rem;box-shadow:0 0 10px hsl(var(--casino-red-glow));border-radius:9999px;animation:2s ease-in-out infinite pulse-glow;position:absolute}.payline-active{background:hsl(var(--casino-gold));box-shadow:0 0 15px hsl(var(--casino-neon))}.crt-overlay{pointer-events:none;z-index:100;background:repeating-linear-gradient(0deg,#0000001a 0 1px,#0000 1px 2px);position:absolute;inset:0}.win-highlight{animation:.5s ease-in-out infinite win-pulse}}@layer utilities{@keyframes pulse-glow{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes win-pulse{0%,to{filter:brightness()drop-shadow(0 0 10px #ffbf0080)}50%{filter:brightness(1.3)drop-shadow(0 0 20px #ffbf00cc)}}@keyframes coin-burst{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-100px)scale(.5)}}@keyframes reel-blur{0%{filter:blur()}50%{filter:blur(2px)}to{filter:blur()}}.animate-coin-burst{animation:1s ease-out forwards coin-burst}}