body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Arial,sans-serif;margin:0;padding:0}body{align-items:center;background:linear-gradient(135deg,#fbc2eb,#a6c1ee);color:#333;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh}.game-container{background:#fff;border-radius:12px;box-shadow:0 10px 20px #0000001a;max-width:600px;padding:30px;text-align:center;width:100%}.header{margin-bottom:20px}h1{color:#4f4f4f;font-size:2.5em;font-weight:700;margin-bottom:10px}.subtitle{color:#777;font-size:1.2em;font-weight:300;margin-bottom:30px}.input-container{align-items:center;display:flex;flex-direction:column;gap:20px}.input-field{border:2px solid #ddd;border-radius:10px;font-size:1.1em;max-width:400px;padding:12px 20px;transition:all .3s ease;width:80%}.input-field:focus{border-color:#6c5ce7;outline:none}.play-button,.submit-button{background-color:#6c5ce7;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2em;font-weight:700;padding:12px 25px;transition:background-color .3s ease,transform .3s ease}.play-button:hover,.submit-button:hover{background-color:#5a4fc2;transform:scale(1.05)}.play-button:active,.submit-button:active{transform:scale(.95)}.layers{font-size:1.1em;margin-top:20px}strong{color:#4f4f4f;font-weight:700}.congratulations{background-color:#6c5ce7;border-radius:8px;color:#fff;margin-top:30px;padding:20px}.congratulations h2{font-size:2em;margin-bottom:10px}@media (max-width:768px){.game-container{padding:20px}.input-field{width:90%}.play-button,.submit-button{font-size:1em;padding:10px 20px}}.audio-controls{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.pause-button,.restart-button,.skip-button{background-color:#f06292;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:10px 20px;transition:background-color .2s;width:120px}.pause-button:hover,.restart-button:hover,.skip-button:hover{background-color:#e91e63}.layer-list{margin-top:20px}.layer-item{background-color:#f0f0f0;border-radius:8px;cursor:pointer;margin:5px 0;padding:10px;transition:background-color .3s ease}.layer-item.current-layer{background-color:#c5cae9}.layer-item.correct{background-color:#81c784}.layer-item.incorrect,.layer-item.skipped{background-color:#e57373}.background-icons{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.icon{animation:float 6s ease-in-out infinite;font-size:2rem;opacity:.8;position:absolute}.heart:before{content:""️}.cap:before{content:""}@keyframes float{0%{opacity:0;transform:translateY(100vh) scale(1)}50%{opacity:1}to{opacity:0;transform:translateY(-100vh) scale(1.2)}}.icon:first-child{animation-delay:0s;left:5%}.icon:nth-child(2){animation-delay:1s;left:15%}.icon:nth-child(3){animation-delay:2s;left:25%}.icon:nth-child(4){animation-delay:3s;left:35%}.icon:nth-child(5){animation-delay:4s;left:45%}.icon:nth-child(6){animation-delay:1.5s;left:55%}.icon:nth-child(7){animation-delay:2.5s;left:65%}.icon:nth-child(8){animation-delay:3.5s;left:75%}.icon:nth-child(9){animation-delay:.5s;left:85%}.icon:nth-child(10){animation-delay:1.2s;left:95%}
/*# sourceMappingURL=main.2268c489.css.map*/