@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--pink-light:#ffc2d1;--pink-medium:#ff85a1;--pink-dark:#ff477e;--white:#fff;--text-color:#4a0e0e}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-color);background:linear-gradient(-45deg,#ffc2d1,#ff85a1,#ffe0e9,#fff0f5) 0 0/400% 400%;justify-content:center;align-items:center;height:100vh;font-family:"Press Start 2P",cursive;animation:15s infinite gradient;display:flex;overflow:hidden}#root{width:100%;height:100%}.app-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:20px;display:flex}.title{text-shadow:2px 2px var(--white);margin-bottom:40px;font-size:1.5rem;line-height:1.6;animation:3s ease-in-out infinite titleGlow}@keyframes titleGlow{0%,to{text-shadow:2px 2px var(--white)}50%{text-shadow:2px 2px var(--white), 0 0 10px #ff477e80}}.mascot-container{margin-bottom:20px;position:relative}.mascot-img{width:250px;height:auto;image-rendering:pixelated;filter:drop-shadow(5px 5px #0000001a);animation:2s ease-in-out infinite bounce,3s ease-in-out infinite wobble}@keyframes wobble{0%,to{transform:rotate(0)translateY(0)}25%{transform:rotate(-3deg)translateY(-7px)}75%{transform:rotate(3deg)translateY(-7px)}}.mascot-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;display:flex}.success-mascot{width:350px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.heart{width:100px;height:90px;margin:20px auto;animation:1s infinite alternate heartbeat;position:relative}.buttons-container{justify-content:center;gap:20px;width:100%;max-width:400px;height:60px;display:flex;position:relative}.btn{border:4px solid var(--text-color);cursor:pointer;box-shadow:4px 4px 0px var(--text-color);padding:15px 25px;font-family:"Press Start 2P",cursive;font-size:1rem;transition:transform .1s}.btn:hover{transform:scale(1.05)}.btn:active{box-shadow:2px 2px 0px var(--text-color);transform:scale(.95)}.btn-yes{color:var(--text-color);background-color:#9ef01a;animation:2s infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.btn-no{background-color:var(--pink-dark);color:var(--white);position:absolute}@keyframes heartbeat{0%{transform:scale(1)}to{transform:scale(1.1)}}.success-container{flex-direction:column;justify-content:center;align-items:center;animation:1s fadeIn;display:flex}.success-message{color:var(--pink-dark);margin-top:30px;font-size:2rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.floating-heart{pointer-events:none;font-size:20px;animation:5s linear infinite float;position:absolute}@keyframes float{0%{opacity:1;transform:translateY(100vh)rotate(0)translate(0)}25%{transform:translateY(75vh)rotate(90deg)translate(20px)}50%{transform:translateY(50vh)rotate(180deg)translate(-20px)}75%{transform:translateY(25vh)rotate(270deg)translate(20px)}to{opacity:0;transform:translateY(-10vh)rotate(360deg)translate(0)}}@keyframes gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.sparkle{pointer-events:none;background:#fff;width:4px;height:4px;animation:2s infinite sparkleAnimation;position:absolute;box-shadow:0 0 10px #fff}@keyframes sparkleAnimation{0%,to{opacity:0;transform:scale(0)rotate(0)}50%{opacity:1;transform:scale(1)rotate(180deg)}}@media (width<=768px){.title{margin-bottom:30px;padding:0 10px;font-size:1rem}.mascot-img{width:180px}.success-mascot{width:220px}.btn{border:3px solid var(--text-color);box-shadow:3px 3px 0px var(--text-color);padding:12px 20px;font-size:.8rem}.btn:active{box-shadow:1px 1px 0px var(--text-color)}.success-message{padding:0 10px;font-size:1.5rem}.buttons-container{height:50px}.btn-yes{left:calc(50% - 100px)!important}}@media (width<=480px){.title{margin-bottom:20px;font-size:.75rem;line-height:1.8}.mascot-img{width:150px}.success-mascot{width:180px}.btn{padding:10px 15px;font-size:.65rem}.success-message{font-size:1.2rem}}