@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{font-family:"Press Start 2P",ui-monospace,monospace;color:#fff8dc;background:#6a3d7a;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%}body{min-height:100svh;min-height:100dvh;overflow:hidden}.scene{--sprite-scale: clamp(.48, .32 + 100vw / 1600px, 1.2);position:relative;width:100%;height:100svh;height:100dvh;overflow:hidden;image-rendering:pixelated}.sprite-scale{transform-origin:center;scale:var(--sprite-scale)}.sprite-scale-ground{transform-origin:bottom center}.sky{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#6a3d7a 0,#6a3d7a 8%,#b34d78 8%,#b34d78 18%,#e0747a 18%,#e0747a 28%,#f0a07a 28%,#f0a07a 38%,#f6c47a 38%,#f6c47a 48%,#f0c15a 48%,#f0c15a 58%,#c4b046 58%,#c4b046 66%,#6aa63a 66%,#6aa63a 78%,#4f8f32 78%,#4f8f32)}.sky:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(to bottom,rgb(255 255 255 / 6%) 50%,transparent 50%);background-size:100% 4px}.sun-wrap{position:absolute;top:18%;right:10%;z-index:2;animation:pulse 4s ease-in-out infinite;filter:drop-shadow(0 0 18px #ffe45c)}.sun-rays{position:absolute;top:-28px;right:-28px;bottom:-28px;left:-28px;background:repeating-conic-gradient(from 0deg,rgb(255 228 92 / 28%) 0 8deg,transparent 8deg 22deg);-webkit-mask-image:radial-gradient(circle,#000 20%,transparent 70%);mask-image:radial-gradient(circle,#000 20%,transparent 70%);animation:spin-rays 28s linear infinite;pointer-events:none}.cloud{position:absolute;animation:drift 28s linear infinite}.cloud-a{top:12%;left:-20%;animation-duration:36s}.cloud-b{top:20%;left:-30%;animation-duration:48s;animation-delay:-12s}.cloud-c{top:8%;left:-10%;animation-duration:42s;animation-delay:-22s}.cloud-d{top:26%;left:-24%;animation-duration:40s;animation-delay:-30s}.hill{position:absolute;left:-8%;width:116%;border-radius:50% 50% 0 0}.hill-far{bottom:28%;height:40%;background:#4f8f32;clip-path:polygon(0 100%,0 48%,10% 40%,18% 52%,30% 28%,42% 44%,54% 24%,66% 40%,78% 30%,90% 46%,100% 34%,100% 100%)}.hill-mid{bottom:16%;height:32%;background:#3d7a26;clip-path:polygon(0 100%,0 58%,12% 42%,24% 56%,38% 36%,50% 50%,64% 32%,76% 48%,88% 38%,100% 52%,100% 100%)}.hill-near{bottom:10%;height:20%;background:#326820;clip-path:polygon(0 100%,0 70%,14% 52%,28% 66%,44% 48%,60% 62%,74% 46%,88% 60%,100% 50%,100% 100%)}.ground{position:absolute;inset:auto 0 0;height:14%;background:repeating-linear-gradient(90deg,#2f6b1c 0,#2f6b1c 8px,#356f20 8px,#356f20 16px,#2a5f18 16px,#2a5f18 24px),#2f6b1c}.flower,.tuft{position:absolute;transform-origin:bottom center;translate:-50% 0}.flower{animation:sway 4s ease-in-out infinite}.flower-bloom{transform-origin:bottom center;animation:bloom .85s ease-out both}.tuft{animation:sway 2.8s ease-in-out infinite}.butterfly{position:absolute;left:18%;bottom:42%;z-index:8;animation:flutter 9s ease-in-out infinite}.sky-blossom{position:absolute;z-index:3;animation:float 6s ease-in-out infinite;filter:drop-shadow(0 0 6px rgb(255 228 92 / 45%))}.falling-petal{position:absolute;top:-8%;z-index:6;animation:petal-fall 12s linear infinite;opacity:0}.heart{position:absolute;z-index:4;animation:twinkle 2.6s ease-in-out infinite}.pollen{position:absolute;bottom:8%;border-radius:0;background:#ffe45c;box-shadow:0 0 0 1px #f0b429;animation:rise 8s linear infinite;opacity:0;z-index:9}.title{position:absolute;top:max(16px,env(safe-area-inset-top),6%);left:0;right:0;text-align:center;z-index:10;pointer-events:none;padding-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right))}.title .date{margin:0 auto 10px;max-width:none;font-family:"Press Start 2P",ui-monospace,monospace;font-size:clamp(7px,1.3vw,10px);letter-spacing:.18em;line-height:1.4;color:#ffc4cc;text-shadow:2px 2px #6b3a12}.title h1{margin:0 auto;max-width:18ch;font-family:"Press Start 2P",ui-monospace,monospace;font-size:clamp(11px,3.4vw,28px);line-height:1.55;color:#fff8dc;text-shadow:3px 0 #6b3a12,-3px 0 #6b3a12,0 3px #6b3a12,0 -3px #6b3a12,3px 3px #3d220a;letter-spacing:clamp(0px,.2vw,2px)}.title .dedication{margin:clamp(8px,2vh,14px) auto 0;max-width:min(46ch,92vw);font-family:"Press Start 2P",ui-monospace,monospace;font-size:clamp(7px,1.5vw,11px);line-height:1.85;color:#fff3a1;text-shadow:2px 2px #3d220a}@keyframes sway{0%,to{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}@keyframes bloom{0%{transform:scale(.2) rotate(-8deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes drift{0%{transform:translate(0)}to{transform:translate(140vw)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes rise{0%{transform:translateY(0) translate(0);opacity:0}12%{opacity:.9}to{transform:translateY(-70vh) translate(24px);opacity:0}}@keyframes float{0%,to{transform:translateY(0) rotate(-10deg)}50%{transform:translateY(-14px) rotate(10deg)}}@keyframes petal-fall{0%{transform:translateY(0) translate(0) rotate(0);opacity:0}8%{opacity:.95}to{transform:translateY(85vh) translate(36px) rotate(220deg);opacity:0}}@keyframes twinkle{0%,to{transform:scale(.85);opacity:.55}50%{transform:scale(1.15);opacity:1}}@keyframes spin-rays{to{transform:rotate(360deg)}}@keyframes flutter{0%{transform:translate(0) rotate(-8deg)}25%{transform:translate(18vw,-8vh) rotate(10deg)}50%{transform:translate(42vw,-2vh) rotate(-6deg)}75%{transform:translate(64vw,-10vh) rotate(12deg)}to{transform:translate(92vw,2vh) rotate(-4deg)}}.music-toggle{position:absolute;top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));z-index:12;display:grid;place-items:center;width:clamp(28px,6vw,36px);height:clamp(28px,6vw,36px);padding:0;border:2px solid rgb(107 58 18 / 55%);background:#fff8dc6b;color:#6b3a12;image-rendering:pixelated;cursor:pointer;box-shadow:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.music-toggle.is-on{background:#ffe45c8c;border-color:#6b3a12b3}.music-toggle:focus-visible{outline:2px solid #fff8dc;outline-offset:2px}@media(max-width:720px){.music-toggle{top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));width:28px;height:28px}.sun-wrap{top:22%;right:4%}.title{top:max(12px,env(safe-area-inset-top),3%)}.ground{height:18%}}@media(max-width:420px){.music-toggle{width:26px;height:26px}.title h1{max-width:10ch}.sun-wrap{top:26%;right:2%}}@media(max-height:520px){.scene{--sprite-scale: clamp(.4, .28 + 100vw / 2000px, .7)}.title{top:max(8px,env(safe-area-inset-top))}.title .dedication{font-size:7px;max-width:54ch;margin-top:6px}.sun-wrap{top:8%}}@media(prefers-reduced-motion:reduce){.flower,.flower-bloom,.tuft,.cloud,.sun-wrap,.sun-rays,.pollen,.butterfly,.sky-blossom,.falling-petal,.heart{animation:none}}