body{margin:0;font-family:"Poppins",sans-serif;background-color:#d67600;color:#000}.hidden{display:none !important}.no-display{display:none !important}button{cursor:pointer;border:none;font-family:inherit;transition:all .3s ease}#start-screen{position:relative;height:100vh;width:100%;display:flex;justify-content:center;align-items:center;text-align:center;overflow:hidden;background:url("https://images.unsplash.com/photo-1514362545857-3bc16c4c7d1b?auto=format&fit=crop&q=80&w=2070") no-repeat center center;background-size:cover}#start-screen::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.5) 100%);z-index:1}#start-screen .content{position:relative;z-index:2;color:#fff;animation:fadeInUp 1s ease-out}#start-screen .content p.rules{font-size:16px;max-width:500px;margin:0 auto 40px auto;line-height:1.6;color:#ccc}#start-screen .content h1{font-size:90px;line-height:.9;margin-bottom:20px;text-transform:uppercase;font-weight:900;letter-spacing:-2px}#start-screen .content h1 span{color:#d67600;display:block}#start-screen .content p{font-size:20px;margin-bottom:40px;opacity:.9;font-weight:300}#start-btn{background-color:#a22b0d;color:#fff;border-radius:10em;font-size:17px;padding:1em 2em;cursor:pointer;transition:all .3s ease-in-out;border:1px solid #fff;outline:none}#start-btn:hover{transform:translateY(-4px) translateX(-2px);box-shadow:2px 5px 0 0 #fff}#start-btn:active{transform:translateY(2px) translateX(1px);box-shadow:0 0 0 0 #000}#game-screen{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}#game-screen h2#cocktail-name{margin:0;font-size:32px;color:#fff}#game-screen #cocktail-image{width:250px;height:250px;-o-object-fit:cover;object-fit:cover;border-radius:5px;box-shadow:0 10px 20px rgba(0,0,0,.1)}#ingredient-slots{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin:15px 0}#ingredient-slots .slot{width:140px;height:60px;background-color:#fff;border:2px solid #703e00;border-radius:8px;display:flex;justify-content:center;align-items:center;color:#ccc;font-size:24px}#ingredient-slots .slot.filled{color:#333;font-size:14px;font-weight:600;border-style:solid;border-color:#7f8c8d;padding:5px;text-align:center}#ingredient-list{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:80%;padding:20px}#ingredient-list .ingredient-btn{background-color:#ffd097;color:#000;border-radius:5px;padding:.8em 1.5em;font-size:16px;font-weight:600}#ingredient-list .ingredient-btn:hover:not(.used){background-color:rgb(255,182.8260869565,89);transform:translateY(-2px)}#ingredient-list .ingredient-btn.used{opacity:.3;pointer-events:none;background-color:#e0e0e0;color:#999}#ingredient-list .ingredient-btn.wrong-choice{background-color:#c63221 !important;color:#fff !important;opacity:.5;pointer-events:none;text-decoration:line-through}#check-btn{background-color:#a22b0d;color:#fff;border-radius:10em;font-size:17px;font-weight:600;padding:1em 2em;cursor:pointer;transition:all .3s ease-in-out;border:1px solid #fff;outline:none}#check-btn:hover{transform:translateY(-4px) translateX(-2px);box-shadow:2px 5px 0 0 #fff}#check-btn:active{transform:translateY(2px) translateX(1px);box-shadow:0 0 0 0 #000}body:has(#alert:not(.no-display))::after{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.75);z-index:999}#alert{background-color:#fff;color:#000;border-radius:20px;padding:50px;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);width:400px;max-width:85%;text-align:center;box-shadow:4px 6px 0 0 #a22b0d;z-index:1000}#alert #alert-content{font-size:20px;font-weight:600;margin-bottom:20px}#alert #alert-btns{margin-top:25px;display:flex;justify-content:center}#alert #alert-btns button{background-color:#a22b0d;color:#fff;border-radius:10em;font-size:17px;font-weight:600;padding:1em 2em;cursor:pointer;transition:all .3s ease-in-out;border:1px solid #000;box-shadow:0 0 0 0 #000;outline:none}#alert #alert-btns button:hover{transform:translateY(-4px) translateX(-2px);box-shadow:2px 5px 0 0 #000}#alert #alert-btns button:active{transform:translateY(2px) translateX(1px);box-shadow:0 0 0 0 #000}@keyframes fadeInUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}/*# sourceMappingURL=cocktail.min.css.map */