.pick-a-chest-game{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;color:#2d3436;position:relative;margin:2rem auto;max-width:1200px;width:100%;padding:0 1rem}.pick-a-chest-game *{margin:0;padding:0;box-sizing:border-box}.pick-a-chest-game .container{width:100%;margin:0 auto;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:2rem;border-radius:20px;position:relative;z-index:1}.pick-a-chest-game .screen{background:rgb(255 255 255 / .95);padding:2rem;border-radius:20px;box-shadow:0 10px 30px rgb(0 0 0 / .2);backdrop-filter:blur(10px);width:100%}.pick-a-chest-game .screen:hover{transform:translateY(-5px)}.pick-a-chest-game .hidden{display:none}.pick-a-chest-game .input-container{display:flex;flex-direction:column;gap:1.5rem}.pick-a-chest-game .input-group{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:900px;margin:2rem auto;padding:0}.pick-a-chest-game .input-wrapper{display:flex;gap:1rem;align-items:center;width:100%;margin:0;padding:0}.pick-a-chest-game .input-wrapper:first-child{margin-top:0}.pick-a-chest-game .chest-input{flex:1;padding:1rem;border:2px solid #e0e0e0;border-radius:12px;font-size:1.1rem;transition:all 0.3s ease;background:rgb(255 255 255 / .9);width:100%;max-width:none}.pick-a-chest-game .chest-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px rgb(102 126 234 / .2);transform:translateY(-2px)}.pick-a-chest-game .button-group{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.pick-a-chest-game button{padding:1rem 2rem;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;text-transform:uppercase;letter-spacing:.5px}.pick-a-chest-game button:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgb(0 0 0 / .2)}.pick-a-chest-game button:active{transform:translateY(-1px)}.pick-a-chest-game #startGame,.pick-a-chest-game #newGame{background:linear-gradient(135deg,#00b09b,#96c93d);color:#fff}.pick-a-chest-game #shareGame{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.pick-a-chest-game #revealAll{background:linear-gradient(135deg,#ff416c,#ff4b2b);color:#fff}.pick-a-chest-game button:disabled{background:#bdc3c7;cursor:not-allowed;transform:none;box-shadow:none}.pick-a-chest-game .chests-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:2rem 0;perspective:1000px}.pick-a-chest-game .chest{width:130px;height:130px;position:relative;cursor:pointer;transition:transform 0.4s ease;transform-style:preserve-3d}.pick-a-chest-game .chest:hover{transform:translateY(-8px) scale(1.05)}.pick-a-chest-game .chest-body{position:absolute;bottom:0;width:100%;height:75%;background:linear-gradient(45deg,#8b4513,#cd853f);border-radius:15px;box-shadow:0 5px 15px rgb(0 0 0 / .2);border:3px solid sienna}.pick-a-chest-game .chest-lid{position:absolute;top:0;width:100%;height:45%;background:linear-gradient(45deg,#a0522d,#deb887);border-radius:15px 15px 0 0;transform-origin:bottom;transition:transform 0.6s cubic-bezier(.4,0,.2,1);border:3px solid #8b4513;box-shadow:0 -5px 15px rgb(0 0 0 / .1)}.pick-a-chest-game .chest.opened .chest-lid{transform:rotateX(-110deg)}.pick-a-chest-game .chest::after{content:'';position:absolute;top:50%;left:50%;width:20px;height:10px;background:gold;border-radius:5px;transform:translate(-50%,-50%);box-shadow:0 0 10px rgb(255 215 0 / .5)}.pick-a-chest-game .chest-content{position:absolute;bottom:130%;left:50%;transform:translateX(-50%);background:rgb(255 255 255 / .95);padding:.8rem 1.2rem;border-radius:10px;font-size:1rem;font-weight:600;color:#2d3436;white-space:nowrap;opacity:0;visibility:hidden;transition:all 0.3s ease;box-shadow:0 5px 15px rgb(0 0 0 / .1);z-index:10}.pick-a-chest-game .chest-content::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);border-left:8px solid #fff0;border-right:8px solid #fff0;border-top:8px solid rgb(255 255 255 / .95)}.pick-a-chest-game .chest.opened .chest-content{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.pick-a-chest-game .content-display{opacity:0;height:0;margin:0;padding:0;transition:all 0.3s ease;overflow:hidden}.pick-a-chest-game .content-display.show-all{opacity:1;height:auto;margin:2rem 0;padding:1rem;background:rgb(255 255 255 / .95);border-radius:10px;box-shadow:0 5px 15px rgb(0 0 0 / .1)}.pick-a-chest-game .setup-controls{display:flex;flex-direction:column;gap:2rem;width:100%;max-width:none}.pick-a-chest-game .setup-options{display:flex;gap:3rem;justify-content:center;flex-wrap:wrap;margin-bottom:1rem}.pick-a-chest-game .number-control{display:flex;flex-direction:column;gap:.5rem;align-items:center}.pick-a-chest-game .number-control label{font-size:1rem;color:#2d3436;font-weight:600}.pick-a-chest-game .number-control input{width:80px;padding:.5rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1.1rem;text-align:center;transition:all 0.3s ease}.pick-a-chest-game .number-control input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px rgb(102 126 234 / .2)}.pick-a-chest-game .picks-counter{margin-bottom:1rem;font-size:1.2rem;font-weight:600;color:#2d3436;background:rgb(255 255 255 / .95);padding:.5rem 1rem;border-radius:8px;display:inline-block}.pick-a-chest-game .pick-a-chest-notifications{position:absolute;bottom:20px;left:0;right:0;pointer-events:none;display:flex;justify-content:center;z-index:2}.pick-a-chest-game .toast-notification{position:relative;background:rgb(0 0 0 / .8);color:#fff;padding:1rem 2rem;border-radius:50px;font-size:1rem;display:inline-block;transform:none;pointer-events:auto}.pick-a-chest-game .toast-notification.fade-out{animation:slideDown 0.5s ease forwards}.pick-a-chest-game .chest.auto-revealed .chest-lid{background:linear-gradient(45deg,#95a5a6,#bdc3c7);border-color:#7f8c8d}.pick-a-chest-game .chest.auto-revealed .chest-body{background:linear-gradient(45deg,#7f8c8d,#95a5a6);border-color:#7f8c8d}.pick-a-chest-game .chest.auto-revealed .chest-content{background:rgb(127 140 141 / .95);color:#fff}.pick-a-chest-game .chest.auto-revealed .chest-content::after{border-top-color:rgb(127 140 141 / .95)}.pick-a-chest-game .pick-number{position:absolute;top:-25px;left:50%;transform:translateX(-50%);background:#2ecc71;color:#fff;min-width:30px;height:24px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;opacity:0;transition:opacity 0.3s ease;padding:0 6px}.pick-a-chest-game .pick-number.sad{background:#e74c3c;font-size:1rem;padding:0 4px;opacity:1;visibility:visible;min-width:36px}@keyframes slideDown{from{transform:translate(-50%,0);opacity:1}to{transform:translate(-50%,100%);opacity:0}}@keyframes slideUp{from{transform:translate(-50%,100%);opacity:0}to{transform:translate(-50%,0);opacity:1}}@media (max-width:600px){.pick-a-chest-game{margin:1rem auto}.pick-a-chest-game .container{padding:1rem}.pick-a-chest-game .chest{width:90px;height:90px}.pick-a-chest-game button{padding:.8rem 1.2rem;font-size:.9rem}.pick-a-chest-game .pick-number{min-width:26px;height:20px;font-size:.8rem;top:-20px}.pick-a-chest-game .pick-number.sad{font-size:.9rem}}@media (min-width:1024px){.pick-a-chest-game .container{padding:3rem}.pick-a-chest-game .screen{padding:3rem}.pick-a-chest-game .input-group{gap:2rem;max-width:900px}.pick-a-chest-game .input-wrapper{margin:0}.pick-a-chest-game .chest-input{font-size:1.2rem;padding:1.2rem}}.pick-a-chest-game .mini-chest{position:relative;width:50px;height:50px;flex-shrink:0;margin:0;padding:0}.pick-a-chest-game .mini-chest-lid{position:absolute;top:0;width:100%;height:45%;background:linear-gradient(45deg,#a0522d,#deb887);border-radius:8px 8px 0 0;border:2px solid #8b4513}.pick-a-chest-game .mini-chest-body{position:absolute;bottom:0;width:100%;height:75%;background:linear-gradient(45deg,#8b4513,#cd853f);border-radius:8px;border:2px solid sienna}