.padlockgame-container.padlockgame-win-glow{box-shadow:0 0 0 2px #38ff7b,0 0 120px 48px #38ff7bcc,0 0 240px 96px #38ff7b66;border:2px solid #38ff7b;border-radius:2rem;box-sizing:border-box;overflow:visible;z-index:3}@keyframes padlockgame-container-win-glow-pulse{0%{box-shadow:0 0 #38ff7b,0 0 #38ff7bcc}30%{box-shadow:0 0 0 2px #38ff7b,0 0 120px 48px #38ff7bcc,0 0 240px 96px #38ff7b66}to{box-shadow:0 0 #38ff7b,0 0 #38ff7bcc}}.padlockgame-playarea.padlockgame-win-glow{box-shadow:0 0 0 4px #38a169,0 0 24px 6px #38a169cc;border:2px solid #38a169;border-radius:2rem;box-sizing:border-box;overflow:visible;z-index:2}@keyframes padlockgame-playarea-win-glow-pulse{0%{box-shadow:0 0 #38a169,0 0 #38a169cc}30%{box-shadow:0 0 0 4px #38a169,0 0 24px 6px #38a169cc}to{box-shadow:0 0 #38a169,0 0 #38a169cc}}.padlockgame-error-glow{box-shadow:0 0 0 2px #ff3838,0 0 120px 48px #ff3838cc,0 0 240px 96px #ff383866;border-radius:1.5rem;animation:padlockgame-error-glow-pulse .5s 1}@keyframes padlockgame-error-glow-pulse{0%{box-shadow:0 0 #ff3838,0 0 #ff3838cc}30%{box-shadow:0 0 0 2px #ff3838,0 0 120px 48px #ff3838cc,0 0 240px 96px #ff383866}to{box-shadow:0 0 #ff3838,0 0 #ff3838cc}}.padlockgame-lost-glow{box-shadow:0 0 0 4px #f56565,0 0 12px 2px #f56565cc;border-radius:1.5rem;animation:padlockgame-lost-glow-pulse 1.2s infinite}@keyframes padlockgame-lost-glow-pulse{0%,to{box-shadow:0 0 0 2px #f56565,0 0 12px 2px #f56565cc}50%{box-shadow:0 0 0 4px #c53030,0 0 24px 6px #c5303099}}.padlockgame-won-glow{box-shadow:0 0 0 4px #48bb78,0 0 12px 2px #48bb78cc;border-radius:1.5rem;animation:padlockgame-win-glow-pulse .7s 1}@keyframes padlockgame-win-glow-pulse{0%{box-shadow:0 0 #48bb78,0 0 #48bb78cc}30%{box-shadow:0 0 0 4px #38a169,0 0 24px 6px #38a16999}to{box-shadow:0 0 #48bb78,0 0 #48bb78cc}}.padlockgame-root{min-height:100vh;background:linear-gradient(135deg,#1a202c,#2d3748,#1a202c);display:flex;align-items:center;justify-content:center;padding:1rem}.padlockgame-container{background:#2d3748;border-radius:2rem;box-shadow:0 8px 32px #00000080;padding:2rem;border:4px solid #4a5568;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box}.padlockgame-timerbar{position:absolute;left:0;top:0;width:100%;height:8px;z-index:1}.padlockgame-timerbar-bg{width:100%;height:100%;position:relative;z-index:1}.padlockgame-timerbar-fg{height:100%;transition:width .3s;position:absolute;left:0;top:0;z-index:2}.padlockgame-timerbar-red{background:#f56565}.padlockgame-timerbar-yellow{background:#ecc94b}.padlockgame-timerbar-green{background:#48bb78}.padlockgame-playarea{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;border-radius:2rem;border:4px solid transparent;box-sizing:border-box}.padlockgame-padlock{position:relative}.padlockgame-padlock-body{background:linear-gradient(135deg,#b87333,#c2b280 40%,#8b5c2a);border-radius:1.5rem 1.5rem .5rem .5rem;margin:0 auto;width:8rem;height:8rem;box-shadow:0 8px 32px #0000004d,0 0 40px 10px #8b5c2a1f;border:4px solid #8b5c2a;position:relative;top:10px;filter:sepia(.3) brightness(.95) contrast(1.1)}.padlockgame-padlock-body:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.15;background:url(https://www.transparenttextures.com/patterns/rust.png);mix-blend-mode:multiply;border-radius:2rem 2rem 1rem 1rem}.padlockgame-shackle{position:absolute;top:-3rem;left:50%;transform:translate(-50%)}.padlockgame-shackle-top{position:relative;border:2px solid black;left:0;width:4rem;height:2.5rem;border-top:8px solid #b87333;border-left:8px solid #b87333;border-right:8px solid #b87333;border-radius:3rem 3rem 0 0;filter:sepia(.4) brightness(.92);box-shadow:0 4px 16px #00000040,0 2px #000 inset}.padlockgame-brand{position:absolute;top:1rem;left:50%;transform:translate(-50%);color:#4a5568;font-weight:700;font-size:.875rem}.padlockgame-wheels{position:absolute;top:2.5rem;left:50%;transform:translate(-50%);display:flex;gap:.4rem}.padlockgame-wheel{position:relative}.padlockgame-wheel-body{width:1.2rem;height:3rem;background:linear-gradient(to bottom,#444 0% 50%,#444);border-radius:.75rem;box-shadow:0 2px 8px #0003;border:.5px solid #a0aec0;position:relative;overflow:hidden}.padlockgame-wheel-correct{box-shadow:0 0 0 2px #48bb78}.padlockgame-wheel-incorrect{box-shadow:0 0 0 2px #c53030}.padlockgame-wheel-window{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2.5rem;height:2.5rem;background:#3a3a3a;border-radius:.5rem;border:1px solid #444444;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 8px #0000001a}.padlockgame-wheel-digit{font-size:1.25rem;font-weight:700;color:#000}.padlockgame-wheel-ridge-left{position:absolute;left:0;top:.5rem;bottom:.5rem;width:.15rem;background:#4a5568;border-radius:0 .25rem .25rem 0}.padlockgame-wheel-ridge-right{position:absolute;right:0;top:.5rem;bottom:.5rem;width:.15rem;background:#4a5568;border-radius:.25rem 0 0 .25rem}.padlockgame-wheel-glow-correct{position:absolute;inset:0;background:#48bb78;opacity:.2;border-radius:.75rem;animation:padlockgame-pulse 1s infinite}.padlockgame-wheel-glow-incorrect{position:absolute;inset:0;background:#c53030;opacity:.2;border-radius:.75rem;animation:padlockgame-pulse 1s infinite}@keyframes padlockgame-pulse{0%,to{opacity:.2}50%{opacity:.4}}.padlockgame-wheel-btn-up{position:absolute;top:-1.2rem;left:50%;transform:translate(-50%)}.padlockgame-wheel-btn-down{position:absolute;bottom:-1.2rem;left:50%;transform:translate(-50%)}.padlockgame-wheel-btn{width:1rem;height:1rem;background:#4a5568;color:#000;border-radius:50%;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .15s;box-shadow:0 2px 8px #0003;border:none;cursor:pointer}.padlockgame-wheel-btn:hover{background:#2d3748;box-shadow:0 4px 16px #0000004d;transform:scale(1.05)}.padlockgame-wheel-btn:active{transform:scale(.95)}.padlockgame-keyhole{position:absolute;left:50%;bottom:-1px;transform:translate(-50%)}.padlockgame-keyhole-btn{width:.75rem;height:.75rem;font-size:.35rem;border-radius:180px;position:relative;transition:all .2s;cursor:pointer;border:none;background-color:#000}.padlockgame-keyhole-btn:hover{background:#444;transform:scale(1.1)}.padlockgame-keyhole-btn:active{transform:scale(.95)}.padlockgame-keyhole-btn:hover{background:#444}.padlockgame-keyhole-btn:hover .padlockgame-keyhole-glow{opacity:.3}.padlockgame-shine{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ffffff33 0%,transparent 50%,transparent 100%);border-radius:2rem 2rem 1rem 1rem;pointer-events:none}.padlockgame-shadow{position:absolute;top:.5rem;left:50%;transform:translate(-50%);width:24rem;height:20rem;background:#0000001f;border-radius:2rem 2rem 1rem 1rem;z-index:-1;filter:blur(8px)}.padlockgame-won{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}.padlockgame-won-padlock{position:relative;margin-bottom:1.5rem}.padlockgame-won-padlock-body{background:linear-gradient(to bottom,#e2e8f0,#cbd5e1,#718096);border-radius:2rem 2rem 1rem 1rem;margin:0 auto;width:20rem;height:16rem;box-shadow:0 8px 32px #00000080;border:4px solid #718096;position:relative}.padlockgame-won-shackle{position:absolute;top:-3rem;left:2rem;transform:rotate(45deg);width:5rem;height:6rem;border:8px solid #48bb78;border-radius:2.5rem 2.5rem 0 0;background:transparent;box-shadow:inset 0 2px 8px #0003;animation:padlockgame-bounce 1s infinite}@keyframes padlockgame-bounce{0%,to{transform:rotate(45deg) translateY(0)}50%{transform:rotate(45deg) translateY(-10px)}}.padlockgame-won-brand{position:absolute;top:1rem;left:50%;transform:translate(-50%);color:#48bb78;font-weight:700;font-size:1.25rem;animation:padlockgame-pulse 1s infinite}.padlockgame-won-trophy{width:4rem;height:4rem;color:#ecc94b;margin:0 auto 1rem;animation:padlockgame-bounce 1s infinite}.padlockgame-won-title{font-size:2rem;font-weight:700;color:#48bb78;margin-bottom:.5rem}.padlockgame-won-btn{background:linear-gradient(to right,#48bb78,#38a169);color:#fff;padding:.75rem 2rem;border-radius:1rem;font-weight:700;transition:all .2s;box-shadow:0 4px 16px #0000004d;border:none;margin-top:1rem;cursor:pointer}.padlockgame-won-btn:hover{background:linear-gradient(to right,#38a169,#2f855a);box-shadow:0 8px 32px #0006;transform:scale(1.05)}.padlockgame-lost{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}.padlockgame-lost-padlock{position:relative;margin-bottom:1.5rem}.padlockgame-lost-padlock-body{background:linear-gradient(to bottom,#e2e8f0,#cbd5e1,#718096);border-radius:2rem 2rem 1rem 1rem;margin:0 auto;width:20rem;height:16rem;box-shadow:0 8px 32px #00000080;border:4px solid #f56565;position:relative;animation:padlockgame-pulse 1s infinite}.padlockgame-lost-shackle{position:absolute;top:-3rem;left:50%;transform:translate(-50%);width:5rem;height:6rem;border:8px solid #f56565;border-radius:2.5rem 2.5rem 0 0;background:transparent;box-shadow:inset 0 2px 8px #0003}.padlockgame-lost-brand{position:absolute;top:1rem;left:50%;transform:translate(-50%);color:#f56565;font-weight:700;font-size:1.25rem}.padlockgame-lost-lock{width:4rem;height:4rem;color:#f56565;margin:0 auto 1rem}.padlockgame-lost-title{font-size:2rem;font-weight:700;color:#f56565;margin-bottom:.5rem}.padlockgame-lost-info{background:#4a5568;border-radius:.75rem;padding:1rem;margin-bottom:1.5rem}.padlockgame-lost-code{color:#e2e8f0;margin-bottom:.5rem}.padlockgame-lost-code-label{color:#f56565;font-weight:700}.padlockgame-lost-reason{color:#e2e8f0}.padlockgame-lost-btn{background:linear-gradient(to right,#f56565,#c53030);color:#fff;padding:.75rem 2rem;border-radius:1rem;font-weight:700;transition:all .2s;box-shadow:0 4px 16px #0000004d;border:none;margin-top:1rem;cursor:pointer}.padlockgame-lost-btn:hover{background:linear-gradient(to right,#c53030,#9b2c2c);box-shadow:0 8px 32px #0006;transform:scale(1.05)}