.start-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fdf5eb;display:flex;justify-content:center;align-items:center;z-index:1000;transition:opacity .5s ease}.start-overlay.hidden{opacity:0;pointer-events:none}.start-button{padding:20px 40px;font-size:24px;font-family:Schoolbell,cursive;background:#d4c4a8;color:#4a4a4a;border:none;border-radius:50px;cursor:pointer;box-shadow:0 4px 15px #0003;transition:transform .2s ease}.start-button:hover{transform:scale(1.05);background:#c4b498}@media (max-width: 768px){.start-button{font-size:20px;padding:15px 30px}}.message-modal{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:100;opacity:0;transition:opacity 1s ease;pointer-events:none}.message-modal.visible{opacity:1;pointer-events:auto}.message-modal.hidden{opacity:0;pointer-events:none}.modal-content{background:#76132599;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:30px 40px;border-radius:20px;text-align:center;box-shadow:0 8px 32px #0006;border:1px solid rgba(255,255,255,.1)}.message{color:#fff;font-size:24px;margin-bottom:20px;line-height:1.6}.control-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:24px;padding:10px 20px;border-radius:10px;cursor:pointer;margin-right:15px;transition:background .3s ease}.control-btn:hover{background:#ffffff4d}.gift-btn{display:inline-block;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;text-decoration:none;padding:12px 30px;border-radius:25px;font-size:18px;font-weight:700;box-shadow:0 4px 15px #f5576c66;transition:transform .2s ease,box-shadow .2s ease}.gift-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f5576c99}@media (max-width: 768px){.message{font-size:20px}.modal-content{padding:20px 25px}.gift-btn{font-size:16px;padding:10px 25px}}.confetti-container{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:50;overflow:hidden}.confetti-particle{position:absolute;animation:fadeInOut infinite ease-in-out;opacity:0}@keyframes fadeInOut{0%{opacity:0;transform:rotate(0)}25%{opacity:.8}50%{opacity:1;transform:rotate(180deg)}75%{opacity:.8}to{opacity:0;transform:rotate(360deg)}}.app{width:100vw;height:100vh;position:relative}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;overflow:hidden;font-family:Schoolbell,cursive;background:#fffaf3}#root{width:100vw;height:100vh}