@import"https://fonts.googleapis.com/css2?family=Racing+Sans+One&family=Russo+One&family=Bebas+Neue&display=swap";html,body,#root{width:100%;height:100%;overflow:hidden}body{background:#000}*{margin:0;padding:0;box-sizing:border-box}.container{width:100vw;height:100vh;overflow:hidden;position:relative}.darkness{position:absolute;inset:0;background:#000;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:10;transition:opacity 1s ease-out}.darkness.fade-out{opacity:0;pointer-events:none}.start-screen{position:absolute;inset:0;background:#000;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100}.start-content{text-align:center;animation:pulse-start 2s ease-in-out infinite}@keyframes pulse-start{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.start-icon{font-size:6rem;margin-bottom:2rem;animation:car-bounce 1s ease-in-out infinite}@keyframes car-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.start-text{font-family:Racing Sans One,cursive;font-size:clamp(1.5rem,5vw,3rem);color:#fff;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.start-hint{font-family:Russo One,sans-serif;font-size:1rem;color:#60a5fa;animation:blink-hint 1.5s ease-in-out infinite}@keyframes blink-hint{0%,to{opacity:1}50%{opacity:.5}}.dramatic-text{position:absolute;display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:0;transition:opacity .8s ease-in-out}.dramatic-text.visible{opacity:1}.text-line{font-family:Racing Sans One,cursive;font-size:clamp(3rem,10vw,7rem);color:#fff;text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 40px rgba(255,255,255,.3),0 0 80px rgba(255,255,255,.1);animation:text-breathe 2s ease-in-out infinite}.text-line.secondary{font-size:clamp(1.5rem,5vw,3rem);color:#ef4444;text-shadow:0 0 30px rgba(239,68,68,.5),0 0 60px rgba(239,68,68,.3);margin-top:.5rem}@keyframes text-breathe{0%,to{opacity:1}50%{opacity:.85}}.countdown{position:absolute;font-family:Bebas Neue,sans-serif;font-size:clamp(8rem,25vw,15rem);color:#fff;text-shadow:0 0 50px rgba(59,130,246,1)}.count{position:absolute;left:50%;transform:translate(-50%);opacity:0;animation:count-pop .8s ease-out forwards}.count-3{animation-delay:0s}.count-2{animation-delay:1s}.count-1{animation-delay:2s}.count-go{animation-delay:3s;color:#22c55e;text-shadow:0 0 50px rgba(34,197,94,1)}@keyframes count-pop{0%{opacity:0;transform:translate(-50%) scale(3)}20%{opacity:1;transform:translate(-50%) scale(1)}80%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) scale(.5)}}.reveal{position:absolute;inset:0;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);display:flex;align-items:center;justify-content:center;animation:reveal-in 1s ease-out;overflow:hidden}@keyframes reveal-in{0%{opacity:0}to{opacity:1}}.checkered-flag{position:absolute;top:0;width:80px;height:100%;background-image:linear-gradient(45deg,#000 25%,transparent 25%),linear-gradient(-45deg,#000 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#000 75%),linear-gradient(-45deg,transparent 75%,#000 75%);background-size:40px 40px;background-position:0 0,0 20px,20px -20px,-20px 0px;background-color:#fff;animation:flag-wave 2s ease-in-out infinite}.checkered-flag.left{left:0;animation-delay:0s}.checkered-flag.right{right:0;animation-delay:.5s}@keyframes flag-wave{0%,to{transform:skewY(0)}50%{transform:skewY(2deg)}}.confetti-container{position:absolute;inset:0;pointer-events:none;overflow:hidden}.confetti{position:absolute;width:10px;height:20px;top:-20px;animation:confetti-fall 4s linear infinite}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:.7}}.reveal-content{text-align:center;z-index:5;animation:content-pop .8s ease-out .3s both}@keyframes content-pop{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.trophy{font-size:5rem;animation:trophy-bounce 1s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(245,158,11,.5))}@keyframes trophy-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.title{font-family:Racing Sans One,cursive;font-size:clamp(3rem,12vw,8rem);color:#fff;text-shadow:0 0 20px rgba(59,130,246,.8),0 4px 0 #1d4ed8,0 8px 0 #1e40af;margin:.5rem 0;animation:title-glow 2s ease-in-out infinite alternate}@keyframes title-glow{0%{text-shadow:0 0 20px rgba(59,130,246,.8),0 4px 0 #1d4ed8,0 8px 0 #1e40af}to{text-shadow:0 0 40px rgba(59,130,246,1),0 4px 0 #1d4ed8,0 8px 0 #1e40af,0 0 80px rgba(59,130,246,.5)}}.subtitle{font-family:Russo One,sans-serif;font-size:clamp(1rem,4vw,1.8rem);color:#60a5fa;letter-spacing:3px;margin-bottom:2rem;text-transform:uppercase}.gift-box{background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:20px;padding:2rem 3rem;margin:1.5rem auto;max-width:400px;box-shadow:0 10px 40px #3b82f666,inset 0 1px #fff3;animation:gift-pulse 2s ease-in-out infinite;position:relative;overflow:hidden}.gift-box:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 40%,rgba(255,255,255,.1) 50%,transparent 60%);animation:shine 3s infinite}@keyframes shine{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}@keyframes gift-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.gift-icon{font-size:3rem;margin-bottom:.5rem}.gift-number{font-family:Bebas Neue,sans-serif;font-size:6rem;color:#fff;line-height:1;text-shadow:0 0 30px rgba(255,255,255,.5)}.gift-text{font-family:Russo One,sans-serif;font-size:1.5rem;color:#fff;letter-spacing:2px}.gift-subtext{font-family:Russo One,sans-serif;font-size:1.2rem;color:#bfdbfe;margin-top:1rem}.racing-stripes{display:flex;justify-content:center;gap:10px;margin:2rem 0}.stripe{width:60px;height:8px;background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:4px;animation:stripe-dash 1s ease-in-out infinite}.stripe:nth-child(2){animation-delay:.2s;width:100px}.stripe:nth-child(3){animation-delay:.4s}@keyframes stripe-dash{0%,to{transform:scaleX(1);opacity:1}50%{transform:scaleX(1.2);opacity:.7}}.footer-message{font-family:Russo One,sans-serif;font-size:1rem;color:#94a3b8;margin-top:1rem}@media(max-width:768px){.start-icon{font-size:4rem;margin-bottom:1.5rem}.start-hint{font-size:.875rem;padding:0 1rem}.checkered-flag{width:40px;background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}.trophy{font-size:3.5rem}.subtitle{letter-spacing:1px;padding:0 1rem;margin-bottom:1.5rem}.gift-box{padding:1.5rem;margin:1rem;border-radius:16px}.gift-icon{font-size:2.5rem}.gift-number{font-size:4.5rem}.gift-text{font-size:1.2rem;letter-spacing:1px}.gift-subtext{font-size:1rem;margin-top:.75rem}.racing-stripes{gap:6px;margin:1.5rem 0}.stripe{width:40px;height:6px}.stripe:nth-child(2){width:70px}.footer-message{font-size:.875rem;padding:0 1rem}.confetti{width:8px;height:16px}}@media(max-width:480px){.start-icon{font-size:3rem;margin-bottom:1rem}@keyframes car-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.checkered-flag{width:25px;background-size:12.5px 12.5px;background-position:0 0,0 6.25px,6.25px -6.25px,-6.25px 0px}.trophy{font-size:2.5rem}@keyframes trophy-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.title{margin:.25rem 0}.gift-box{padding:1.25rem 1rem;margin:.75rem;border-radius:12px}.gift-icon{font-size:2rem}.gift-number{font-size:3.5rem}.gift-text{font-size:1rem}.gift-subtext{font-size:.875rem}.racing-stripes{gap:4px;margin:1rem 0}.stripe{width:30px;height:5px}.stripe:nth-child(2){width:50px}.footer-message{font-size:.8rem}.confetti{width:6px;height:12px}}@media(max-height:600px){.trophy{font-size:2rem}.title{margin:.25rem 0}.subtitle{margin-bottom:.75rem;font-size:clamp(.75rem,3vw,1.2rem)}.gift-box{padding:.75rem 1rem;margin:.5rem 1rem}.gift-icon{font-size:1.5rem;margin-bottom:.25rem}.gift-number{font-size:2.5rem}.gift-text{font-size:.9rem}.gift-subtext{font-size:.75rem;margin-top:.5rem}.racing-stripes{margin:.75rem 0}.footer-message{margin-top:.5rem}}