/* White Rose Atmosphere — lightweight visual layer */
.rose-decor{position:absolute;pointer-events:none;z-index:4;opacity:.98;filter:drop-shadow(0 14px 22px rgba(84,70,62,.12));}
.rose-decor img{display:block;width:100%;height:auto}
.rose-decor.tl{width:min(280px,28vw);left:-35px;top:30px;transform:rotate(-8deg)}
.rose-decor.tr{width:min(270px,27vw);right:-40px;top:50px;transform:scaleX(-1) rotate(-4deg)}
.rose-decor.bl{width:min(290px,30vw);left:-45px;bottom:-45px;transform:rotate(4deg)}
.rose-decor.br{width:min(300px,31vw);right:-45px;bottom:-55px;transform:scaleX(-1) rotate(4deg)}
.rose-decor.mid{width:150px;opacity:.7}
.rose-decor.mid.left{left:2%;top:42%;transform:rotate(-14deg)}
.rose-decor.mid.right{right:2%;top:48%;transform:scaleX(-1) rotate(-12deg)}
.rose-vine{position:absolute;width:230px;pointer-events:none;opacity:.62;z-index:2}
.rose-vine img{width:100%}
#roseCanvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:805;contain:strict}
.rose-bloom{position:absolute;width:74px;height:74px;pointer-events:none;z-index:3;opacity:.9;filter:drop-shadow(0 10px 15px rgba(76,65,58,.14));}
.rose-bloom img{width:100%;height:100%;display:block}
@media(max-width:700px){
 .rose-decor.tl,.rose-decor.tr{width:145px;top:10px;opacity:.86}
 .rose-decor.bl,.rose-decor.br{width:170px;bottom:-25px}
 .rose-decor.mid{width:92px;opacity:.58}
 .rose-bloom{width:54px;height:54px}
}
@media(prefers-reduced-motion:reduce){#roseCanvas{display:none}.rose-decor{opacity:.6}}

/* Extra atmosphere — flowers are intentionally visible on ivory backgrounds */
.rose-decor img,.rose-bloom img{filter:drop-shadow(0 10px 14px rgba(75,62,55,.20)) contrast(1.03)}
.rose-decor{mix-blend-mode:multiply}.rose-bloom{mix-blend-mode:multiply}
.birthday.fx-active:before{content:"";position:absolute;inset:15% 25%;background:radial-gradient(circle,rgba(217,170,183,.12),transparent 65%);filter:blur(25px);pointer-events:none;animation:softGlow 3.5s ease-in-out infinite}
.rose-spark{position:absolute;z-index:8;color:#c9a776;font-size:16px;pointer-events:none;animation:roseSpark 1.7s ease-out forwards}
@keyframes roseSpark{0%{opacity:0;transform:translate3d(0,10px,0) scale(.4)}20%{opacity:.9}100%{opacity:0;transform:translate3d(calc((var(--wind,1))*20px),-80px,0) scale(1.2) rotate(90deg)}}
@keyframes softGlow{0%,100%{opacity:.45}50%{opacity:1}}
.star-map-stars{position:absolute;inset:0;opacity:.9;background-image:radial-gradient(circle at 7% 18%,#fff 0 1px,transparent 2px),radial-gradient(circle at 18% 68%,#fff 0 1px,transparent 2px),radial-gradient(circle at 28% 35%,#fff 0 1px,transparent 2px),radial-gradient(circle at 37% 79%,#fff 0 1px,transparent 2px),radial-gradient(circle at 49% 22%,#fff 0 1px,transparent 2px),radial-gradient(circle at 62% 61%,#fff 0 1px,transparent 2px),radial-gradient(circle at 74% 25%,#fff 0 1px,transparent 2px),radial-gradient(circle at 86% 73%,#fff 0 1px,transparent 2px),radial-gradient(circle at 93% 42%,#fff 0 1px,transparent 2px);animation:starTwinkle 4s ease-in-out infinite}
@keyframes starTwinkle{0%,100%{opacity:.5}50%{opacity:1}}
@media(max-width:700px){.rose-decor{mix-blend-mode:multiply}.rose-bloom{mix-blend-mode:multiply}.rose-decor.tl,.rose-decor.tr{width:160px}.rose-decor.bl,.rose-decor.br{width:185px}}