@import "https://fonts.googleapis.com/css2?family=VT323&display=swap";body{margin:0;padding:0}#root{justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}:root{--pink:#ffafcc;--dark-pink:#ff8fab;--bg:#fce4ec;--brown:#5c4033}body{background-color:var(--bg);color:#333;justify-content:center;align-items:center;min-height:100vh;margin:0;font-family:VT323,monospace;display:flex}.app-container{text-align:center;width:90%;max-width:500px;box-shadow:10px 10px 0px var(--pink);background:#fff;border:4px solid #333;margin:20px;padding:20px;position:relative}.header-box h1{color:var(--brown);text-transform:uppercase;letter-spacing:-2px;text-shadow:3px 3px 0px var(--pink);font-family:"Press Start 2P",cursive;font-size:1.8rem}.stats-bar,.header-box{background:#fff;margin-bottom:20px;padding:10px}.xp-container{background:#eee;border:3px solid #333;height:24px;margin:10px 0;position:relative;overflow:hidden}.xp-bar-fill{background:var(--dark-pink);height:100%;transition:width .4s cubic-bezier(.175,.885,.32,1.275)}.status-bubble{background:var(--brown);color:#fff;justify-content:center;align-items:center;min-height:40px;margin-bottom:20px;padding:10px;font-size:1.2rem;display:flex}.cake-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.cake-card{cursor:pointer;background:#fff;border:3px solid #333;flex-direction:column;align-items:center;padding:10px;transition:all .1s;display:flex}.cake-card:hover{border-color:var(--dark-pink);background:#fff0f5;transform:translateY(-3px)}.cake-card:active{transform:scale(.95)}.pixel-img{object-fit:contain;width:70px;height:70px;image-rendering:pixelated}.cake-info{margin-top:5px}.xp-tag{color:var(--dark-pink);font-size:1rem;display:block}.footer-form{border-top:4px dashed var(--pink);margin-top:30px;padding-top:20px}.subscribe-form{gap:5px;margin-top:10px;display:flex}.subscribe-form input{border:2px solid #333;flex:1;padding:10px;font-family:VT323,monospace;font-size:1rem}.subscribe-form button{background:var(--dark-pink);color:#fff;cursor:pointer;border:2px solid #333;padding:10px 15px;font-family:VT323,monospace;font-size:1rem}.subscribe-form button:hover{background:var(--pink)}.floating-heart{pointer-events:none;z-index:9999;font-size:2.5rem;animation:1s ease-out forwards floatUp;position:fixed}@keyframes floatUp{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-150px)scale(1.5)}}