@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Nunito:wght@500;700;900&display=swap";:root{--primary:#ff6b6b;--secondary:#4ecdc4;--accent:#ffe66d;--background:#f7fff7;--text:#2c3e50;--error:#ff4757;--card-bg:#fff}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--text);justify-content:center;align-items:center;min-height:100vh;font-family:Fredoka,sans-serif;display:flex;overflow:hidden}.game-container{z-index:10;width:100%;max-width:480px;padding:2rem;position:relative}.card{background-color:var(--card-bg);text-align:center;border:4px solid #e8f8f5;border-radius:32px;padding:2.5rem;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 20px 40px #4ecdc426,0 8px 16px #0000000d}h1{color:var(--primary);letter-spacing:-.02em;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}p.subtitle{color:#6c7a89;margin-bottom:2rem;font-size:1.25rem;font-weight:600}.input-wrapper{margin-bottom:1.5rem;position:relative}.password-input{text-align:center;width:100%;color:var(--text);letter-spacing:.1em;background-color:#f8f9fa;border:4px solid #e9ecef;border-radius:24px;outline:none;padding:1rem 1.5rem;font-family:Fredoka,sans-serif;font-size:1.5rem;font-weight:600;transition:all .3s}.password-input:focus{border-color:var(--secondary);background-color:#fff;box-shadow:0 0 0 8px #4ecdc41a}.password-input::placeholder{color:#cdd6df;letter-spacing:normal;font-weight:400}.enter-button{color:#fff;background-color:var(--secondary);cursor:pointer;border:none;border-radius:24px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem 2rem;font-family:Fredoka,sans-serif;font-size:1.5rem;font-weight:700;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 8px #3eb4ab}.enter-button:hover{transform:translateY(-2px);box-shadow:0 10px #3eb4ab}.enter-button:active{transform:translateY(6px);box-shadow:0 2px #3eb4ab}.error-state .password-input{border-color:var(--error);color:var(--error);background-color:#fff0f1}.error-state .enter-button{background-color:var(--error);box-shadow:0 8px #e33545}.error-state .enter-button:active{box-shadow:0 2px #e33545}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-8px)}20%,40%,60%,80%{transform:translate(8px)}}.shake{animation:.5s cubic-bezier(.36,.07,.19,.97) both shake}.floating-icon{opacity:.1;z-index:0;animation:6s ease-in-out infinite float;position:absolute}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(5deg)}to{transform:translateY(0)rotate(0)}}.bg-blobs{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.blob{filter:blur(80px);opacity:.6;border-radius:50%;animation:10s infinite alternate color-shift;position:absolute}.blob-1{background:var(--accent);width:50vw;height:50vw;top:-10%;left:-10%}.blob-2{background:var(--secondary);width:60vw;height:60vw;bottom:-20%;right:-10%}.blob-3{background:var(--primary);width:40vw;height:40vw;top:40%;left:30%}@keyframes color-shift{0%{transform:scale(1)translate(0)}50%{transform:scale(1.2)translate(5%,5%)}to{transform:scale(.9)translate(-5%,-5%)}}.success-content{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:flex}.star-icon{color:var(--accent);filter:drop-shadow(0 4px 8px #ffe66d66)}.adventure-theme{--adv-dark-green:#2d6a4f;--adv-light-green:#95d5b2;--adv-earth:#8c5a45;--adv-sand:#fefae0;--adv-orange:#f4a261;--adv-red:#e76f51;--adv-text:#3d405b;background-color:var(--adv-sand);color:var(--adv-text);background-image:radial-gradient(var(--adv-light-green) 1px, transparent 1px);background-size:30px 30px;justify-content:center;align-items:center;width:100vw;min-height:100vh;font-family:Nunito,sans-serif;display:flex;position:absolute;top:0;left:0;overflow:hidden}.adv-game-container{z-index:10;width:100%;max-width:500px;padding:2rem;position:relative}.adv-card{box-shadow:0 15px 0 var(--adv-earth), 0 25px 30px #00000026;text-align:center;background-color:#fff;border:6px solid #e9edc9;border-radius:40px 40px 20px 20px;padding:3.5rem 2rem 2.5rem;position:relative}.adv-badge{background:var(--adv-orange);color:#fff;z-index:20;border:6px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:absolute;top:-40px;left:50%;transform:translate(-50%);box-shadow:0 5px 10px #0000001a}.adv-card h1{color:var(--adv-dark-green);text-transform:uppercase;letter-spacing:2px;margin-top:0;margin-bottom:.5rem;font-size:2.2rem;font-weight:900}.adv-card p{color:var(--adv-earth);margin-bottom:2rem;font-size:1.1rem;font-weight:700}.adv-input{text-align:center;width:100%;color:var(--adv-dark-green);background-color:var(--adv-sand);border:4px dashed var(--adv-light-green);text-transform:uppercase;border-radius:16px;outline:none;margin-bottom:1.5rem;padding:1rem;font-family:Nunito,sans-serif;font-size:1.5rem;font-weight:700;transition:all .3s}.adv-input:focus{border-style:solid;border-color:var(--adv-dark-green)}.adv-btn{color:#fff;background-color:var(--adv-dark-green);cursor:pointer;width:100%;box-shadow:0 8px 0 var(--adv-earth);text-transform:uppercase;border:none;border-radius:16px;justify-content:center;align-items:center;gap:.5rem;padding:1.2rem;font-family:Nunito,sans-serif;font-size:1.4rem;font-weight:900;transition:all .1s;display:flex}.adv-btn:active{box-shadow:0 2px 0 var(--adv-earth);transform:translateY(6px)}.adv-error .adv-input{border-color:var(--adv-red);color:var(--adv-red);background-color:#ffddd2}.adv-error .adv-btn{background-color:var(--adv-red);box-shadow:0 8px #9d0208}@keyframes adv-shake{0%{transform:rotate(0)scale(1)}25%{transform:rotate(5deg)scale(1.05)}50%{transform:rotate(0)scale(1.05)}75%{transform:rotate(-5deg)scale(1.05)}to{transform:rotate(0)scale(1)}}.adv-shake{animation:.4s ease-in-out adv-shake}.adv-success-map{background:var(--adv-light-green);border:4px dashed var(--adv-dark-green);border-radius:20px;margin-bottom:1.5rem;padding:2rem;position:relative;overflow:hidden}.adv-confetti{background:var(--adv-orange);width:10px;height:10px;animation:3s linear infinite fall;position:absolute}@keyframes fall{0%{opacity:1;transform:translateY(-50px)rotate(0)}to{opacity:0;transform:translateY(200px)rotate(360deg)}}.adv-floating-icon{opacity:.15;z-index:0;animation:6s ease-in-out infinite adv-float;position:absolute}@keyframes adv-float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(4deg)}to{transform:translateY(0)rotate(0)}}
