@tailwind base;@tailwind components;@tailwind utilities;:root{color-scheme:light dark}@layer base{:root{--background: 197 71% 73%;--background-dark: 197 71% 40%;--foreground: 30 67% 94%;--foreground-dark: 30 67% 94%;--card: 197 20% 93%;--card-foreground: 199 70% 25%;--popover: 0 0% 100%;--popover-foreground: 199 70% 25%;--primary: 197 71% 73%;--primary-dark: 199 70% 60%;--primary-foreground: 0 0% 100%;--secondary: 42 78% 80%;--secondary-dark: 42 78% 60%;--beach-blue: 199 70% 60%;--beach-blue-dark: 199 70% 40%;--beach-sand: 42 78% 80%;--beach-sand-dark: 42 78% 60%}.dark{--background: 199 70% 30%;--foreground: 30 67% 94%;--primary: 197 71% 50%;--secondary: 42 78% 60%;--beach-blue: 199 70% 50%;--beach-sand: 42 78% 60%}}@keyframes bounce{0%,to{transform:translateY(100vh)}50%{transform:translateY(0)}}@keyframes bounceRight{0%{transform:translateY(100vh) rotate(var(--angle))}25%{transform:translate(calc(100vw - var(--fruit-size)),50vh) rotate(calc(var(--angle) + 90deg))}50%{transform:translate(calc(100vw - var(--fruit-size))) rotate(calc(var(--angle) + 180deg))}75%{transform:translateY(50vh) rotate(calc(var(--angle) + 270deg))}to{transform:translateY(100vh) rotate(calc(var(--angle) + 360deg))}}@keyframes bounceLeft{0%{transform:translate(calc(100vw - var(--fruit-size)),100vh) rotate(var(--angle))}25%{transform:translateY(50vh) rotate(calc(var(--angle) + 90deg))}50%{transform:translate(0) rotate(calc(var(--angle) + 180deg))}75%{transform:translate(calc(100vw - var(--fruit-size)),50vh) rotate(calc(var(--angle) + 270deg))}to{transform:translate(calc(100vw - var(--fruit-size)),100vh) rotate(calc(var(--angle) + 360deg))}}body{margin:0;padding:0;min-height:100vh;font-family:Montserrat,Arial,sans-serif;background-color:#87ceeb;background-image:linear-gradient(to bottom,#87ceeb,#add8e6,wheat);color:#000}@media (prefers-color-scheme: dark){body{background-color:#006994;background-image:linear-gradient(to bottom,#006994,#00425a,tan);color:#fff}}.app{position:relative;height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center}.beach-background{position:relative}.beach-background:before{content:"";position:absolute;bottom:0;left:0;right:0;height:25vh;background-color:wheat;z-index:-1;border-top-left-radius:50% 100px;border-top-right-radius:50% 100px}.title{font-size:4rem;text-align:center;text-shadow:0 0 10px rgba(255,255,255,.7),0 0 20px rgba(255,255,255,.5);z-index:10;font-weight:700;color:#006994}.beach-item{position:absolute;text-shadow:0 0 10px rgba(255,255,255,.7),0 0 20px rgba(255,255,255,.5);filter:drop-shadow(0 0 5px currentColor);will-change:transform,left,top;transition:transform .05s linear}.text-glow{text-shadow:0 0 10px rgba(135,206,235,.7),0 0 20px rgba(135,206,235,.5),0 0 30px rgba(135,206,235,.3)}.text-glow-blue{text-shadow:0 0 10px rgba(30,174,219,.7),0 0 20px rgba(30,174,219,.5),0 0 30px rgba(30,174,219,.3)}.text-glow-sand{text-shadow:0 0 10px rgba(245,222,179,.7),0 0 20px rgba(245,222,179,.5),0 0 30px rgba(245,222,179,.3)}@keyframes float{0%,to{transform:translate(-50%,-50%) rotate(0)}50%{transform:translate(-50%,-50%) rotate(180deg)}}.animate-float{animation:float 6s ease-in-out infinite}@keyframes pulse-glow{0%,to{text-shadow:0 0 5px rgba(135,206,235,.7),0 0 10px rgba(135,206,235,.5)}50%{text-shadow:0 0 15px rgba(135,206,235,.9),0 0 20px rgba(135,206,235,.7),0 0 25px rgba(135,206,235,.5)}}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.text-beach-blue{color:#87ceeb}.text-beach-sand{color:wheat}.text-beach-deep{color:#006994}