:root{font-family:Playfair Display,serif,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#121212;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#d4af37;text-decoration:inherit}a:hover{color:#f0c040}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-image:radial-gradient(circle at top,#3a0000,#000),linear-gradient(to bottom,#000,#1a0000);background-attachment:fixed}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#d4af37}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#f8f8f8;background-color:#121212}a:hover{color:#f0c040}button{background-color:#d4af37}}:root{--primary-color: #d4af37;--secondary-color: #b22222;--dark-color: #1a1a1a;--light-color: #f8f8f8;--accent-color: #228b22}body{background-color:var(--dark-color);background-image:linear-gradient(to bottom,#000,#1a0000);color:var(--light-color);font-family:Playfair Display,serif}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.app{display:flex;flex-direction:column;align-items:center;width:100%;position:relative;min-height:100vh}.casino-lights{position:fixed;height:10px;background:repeating-linear-gradient(to right,#d4af37,#d4af37 20px,#000 20px,#000 40px);animation:lights 2s infinite linear;z-index:1000;left:0;right:0}.top-lights{top:0}.bottom-lights{bottom:0;animation-direction:reverse}@keyframes lights{0%{background-position:0 0}to{background-position:40px 0}}@keyframes blink{0%{opacity:.3}to{opacity:1}}h1{margin-bottom:2rem;color:var(--primary-color);text-shadow:0 0 10px rgba(212,175,55,.7);font-size:3.5rem;font-family:Playfair Display,serif;letter-spacing:2px;text-transform:uppercase}h2{color:var(--primary-color);text-shadow:0 0 5px rgba(212,175,55,.5)}h3{color:var(--primary-color);text-shadow:0 0 5px rgba(212,175,55,.5);margin-top:0}.text-input{width:100%;max-width:600px;margin-bottom:2rem;padding:1.5rem;background-color:#000000b3;border-radius:8px;box-shadow:0 0 15px #d4af374d;border:1px solid var(--primary-color)}.text-input p{color:#aaa;margin-bottom:1rem}.text-input textarea{width:100%;border:1px solid var(--primary-color);background-color:#00000080;color:var(--light-color);border-radius:4px;font-size:1.1rem;margin-bottom:1.5rem;resize:vertical}.text-input button{padding:12px 30px;background-color:var(--primary-color);color:var(--dark-color);border:none;border-radius:4px;cursor:pointer;font-size:1.2rem;font-weight:700;transition:all .3s}.text-input button:hover{background-color:#f0c040;transform:scale(1.05)}.error-message{color:var(--secondary-color);margin-top:1rem;text-shadow:0 0 5px rgba(178,34,34,.5)}.slot-machine-centered{display:flex;justify-content:center;width:100%;margin:2rem 0}.items-list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:2rem;padding:0;list-style-type:none;max-height:150px;overflow-y:auto}.items-list li{background-color:#d4af3733;border:1px solid var(--primary-color);padding:5px 10px;border-radius:15px;font-size:.9rem;color:var(--primary-color)}.placeholder{margin-top:3rem;padding:2rem;background-color:#000000b3;border-radius:8px;border:1px solid var(--primary-color);color:#aaa}.footer{margin-top:3rem;margin-bottom:1rem;padding:1rem;width:100%;text-align:center;color:var(--primary-color);font-size:1rem;border-top:1px solid rgba(212,175,55,.3)}.footer p{margin:0;text-shadow:0 0 5px rgba(212,175,55,.5)}.slot-machine-container{display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative;width:100%;max-width:800px;gap:40px}.slot-machine{order:0}.countdown-timer{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(45deg,#2a2a2a,#1a1a1a,#2a2a2a);border:6px solid #d4af37;border-radius:20px;padding:30px 25px;box-shadow:0 0 30px #d4af37cc,0 0 60px #d4af3766,inset 0 0 20px #d4af371a;min-width:150px;position:relative;animation:countdown-glow 2s infinite alternate;order:1}.countdown-timer:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(45deg,#d4af37,#ff0,#d4af37,#ff0);border-radius:23px;z-index:-1;animation:countdown-border 3s infinite linear}.countdown-number{font-size:4rem;font-weight:900;color:#fff;text-shadow:0 0 20px rgba(212,175,55,1),0 0 40px rgba(255,255,0,.8),0 0 60px rgba(255,255,0,.6);margin-bottom:8px;animation:countdown-pulse .8s infinite alternate;background:linear-gradient(45deg,#d4af37,#fff,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.countdown-label{font-size:1.2rem;font-weight:700;color:#d4af37;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(212,175,55,.8);animation:countdown-label-flash 1.5s infinite alternate}@keyframes countdown-glow{0%{box-shadow:0 0 30px #d4af37cc,0 0 60px #d4af3766,inset 0 0 20px #d4af371a}to{box-shadow:0 0 50px #ff0,0 0 100px #ff09,inset 0 0 30px #ff03}}@keyframes countdown-border{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes countdown-pulse{0%{transform:scale(1);text-shadow:0 0 20px rgba(212,175,55,1),0 0 40px rgba(255,255,0,.8),0 0 60px rgba(255,255,0,.6)}to{transform:scale(1.15);text-shadow:0 0 30px rgba(255,255,0,1),0 0 60px rgba(255,255,0,1),0 0 90px rgba(255,255,0,.8)}}@keyframes countdown-label-flash{0%{color:#d4af37;text-shadow:0 0 10px rgba(212,175,55,.8)}to{color:#fff;text-shadow:0 0 20px rgba(255,255,255,1)}}.slot-machine{background:linear-gradient(to bottom,#4a4a4a,#2a2a2a);border:20px solid #d4af37;border-radius:20px;padding:40px 30px;box-shadow:0 0 30px #d4af37cc,0 0 60px #d4af3766,inset 0 0 20px #0009;display:flex;flex-direction:column;align-items:center;position:relative;width:450px}.slot-machine.celebrating{animation:celebrate .5s infinite alternate}@keyframes celebrate{0%{box-shadow:0 0 30px #d4af37cc,0 0 60px #d4af3766,inset 0 0 20px #0009}to{box-shadow:0 0 50px #f00c,0 0 80px #ff09,inset 0 0 30px #0009}}.slot-machine-top{position:absolute;top:-30px;left:0;right:0;height:30px;background:linear-gradient(to bottom,#d4af37,#b8860b);border-radius:10px 10px 0 0;display:flex;justify-content:center;align-items:center}.slot-machine-top:before{content:"MELMORA 2025";color:#fff;font-weight:700;font-size:16px;text-shadow:0 0 5px rgba(0,0,0,.5)}.slot-machine-lights{position:absolute;top:-10px;left:10px;right:10px;display:flex;justify-content:space-between}.slot-machine-light{width:15px;height:15px;border-radius:50%;background-color:#ff0;box-shadow:0 0 10px #ff0}.celebrating .slot-machine-light{animation:flash-lights .2s infinite alternate}@keyframes flash-lights{0%{background-color:#ff0;box-shadow:0 0 10px #ff0}to{background-color:red;box-shadow:0 0 20px red}}.slot-window{width:380px;height:120px;background-color:#000;border:8px solid #b8860b;border-radius:10px;overflow:hidden;position:relative;margin-bottom:20px;box-shadow:inset 0 0 20px #000c}.slot-highlight{position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(to bottom,#ffffff4d,#fff0 20%,#fff0 80%,#ffffff4d);pointer-events:none;z-index:10}.slot-center-line{position:absolute;top:50%;left:0;right:0;height:4px;background-color:#d4af3780;transform:translateY(-50%);z-index:5}.celebrating .slot-center-line{background-color:#ff0c;box-shadow:0 0 10px #ff0c;height:6px}.reels-container{display:flex;width:100%;height:100%;justify-content:space-between}.reel-window{flex:1;height:100%;position:relative;overflow:hidden;border-right:2px solid #333}.reel-window:last-child{border-right:none}.reel-window:first-child{background-color:#ffffff0d}.slot-items{position:relative;height:360px;display:flex;flex-direction:column}.spinning-items{animation:spin-items .2s infinite linear}@keyframes spin-items{0%{transform:translateY(0)}to{transform:translateY(-120px)}}.slot-item{height:120px;width:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:3.5rem;font-weight:700;text-shadow:0 0 10px rgba(255,255,255,.5);background-color:#000;border-bottom:2px solid rgba(255,255,255,.1)}.slot-item:nth-child(odd){background-color:#111}.slot-item.top{position:absolute;top:0}.slot-item.center{position:absolute;top:120px}.slot-item.bottom{position:absolute;top:240px}.slot-item.current-item{background-color:#d4af37!important;color:#000;text-shadow:none;box-shadow:0 0 15px #fffc inset}.reel-window:first-child .slot-item{color:#ff0;font-size:4rem}.reel-window:first-child .slot-item.current-item{color:#000}.stopped .slot-item.current-item{animation:winner-pulse 1.5s infinite alternate}.celebrating .slot-item.current-item{animation:winner-celebrate .5s infinite alternate}@keyframes winner-pulse{0%{background-color:#d4af37;box-shadow:0 0 15px #fffc inset}to{background-color:#f0c040;box-shadow:0 0 25px #fff inset}}@keyframes winner-celebrate{0%{background-color:#d4af37;box-shadow:0 0 15px #fffc inset;transform:scale(1)}to{background-color:#f0c040;box-shadow:0 0 30px #fff inset;transform:scale(1.05)}}.spin-button{margin-top:1.5rem;padding:15px 30px;font-size:1.5rem;background:linear-gradient(to bottom,#d4af37,#b8860b);color:#000;border:none;border-radius:50px;cursor:pointer;font-weight:700;text-transform:uppercase;letter-spacing:1px;transition:all .3s;box-shadow:0 0 15px #d4af3780}.spin-button:hover:not(:disabled){background:linear-gradient(to bottom,#f0c040,#d4af37);transform:scale(1.05);box-shadow:0 0 20px #d4af37cc}.spin-button:disabled{background:linear-gradient(to bottom,#888,#555);cursor:not-allowed}.slowing-down .slot-item{transition:all .1s ease}.slot-lever{position:absolute;right:-60px;top:20px;width:20px;height:150px;background:linear-gradient(to right,#b8860b,#d4af37,#b8860b);border-radius:10px;box-shadow:0 0 10px #00000080;cursor:pointer;transition:transform .3s}.slot-lever:hover{transform:translateY(5px)}.slot-lever:after{content:"";position:absolute;right:-15px;top:0;width:50px;height:50px;background:linear-gradient(to bottom,#d32f2f,#b71c1c);border-radius:50%;box-shadow:0 0 10px #00000080}.slot-lever.pulled{transform:translateY(50px);transition:transform .5s}.fireworks{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000}.firework{position:absolute;width:5px;height:5px;border-radius:50%;animation:explode 1.5s forwards;box-shadow:0 0 10px currentColor}@keyframes explode{0%{transform:translate(0);opacity:1}to{transform:translate(var(--x),var(--y));opacity:0}}.confetti{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:999}.confetti-piece{position:absolute;width:10px;height:30px;background-color:red;opacity:.8;animation:confetti-fall 3s forwards}@keyframes confetti-fall{0%{transform:translate(0) rotate(var(--rotation, 0deg));opacity:1}to{transform:translate(var(--x),var(--y)) rotate(calc(var(--rotation, 0deg) + 360deg));opacity:0}}.slot-controls{position:absolute;bottom:-20px;left:0;right:0;height:40px;background:linear-gradient(to bottom,#333,#222);border-radius:0 0 20px 20px;display:flex;justify-content:space-around;align-items:center;padding:0 20px}.coin-slot{width:40px;height:10px;background-color:#000;border:2px solid #b8860b;border-radius:5px}.control-button{width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 30% 30%,red,#900);box-shadow:0 0 5px #00000080}.celebrating .control-button{animation:button-flash .3s infinite alternate}@keyframes button-flash{0%{background:radial-gradient(circle at 30% 30%,red,#900)}to{background:radial-gradient(circle at 30% 30%,#ff0,#f80)}}@media (max-width: 768px){.slot-machine-container{flex-direction:column;gap:20px}.countdown-timer{order:-1;min-width:120px;padding:25px 20px}.countdown-number{font-size:3.5rem}.countdown-label{font-size:1rem}}