:root{--sky-blue:#a8dcf0;--sky-light:#e5f5ff;--sky-mid:#c8ecff;--cream:#fff7e4;--cream-dark:#f7ecba;--grass:#82cc5c;--grass-dark:#5aa844;--grass-light:#a0d878;--soil:#a07848;--soil-dark:#6b4226;--soil-light:#b88858;--peach:#ffc8d4;--peach-light:#ffdde4;--gold:#f2c94c;--gold-light:#fae27a;--gold-dark:#d4a830;--wood:#9a7050;--portal-purple:#9b72cf;--portal-glow:#9b72cf4d;--night-blue:#1a1e3a;--night-purple:#2e2060;--night-indigo:#5a4090;--pixel-border:3px;--pixel-border-thick:4px;--pixel-border-thin:2px;--pixel-radius:4px;--shadow-pixel:2px 2px 0 #6b422680;--shadow-pixel-lg:3px 3px 0 #6b422680;--shadow-soft:0 2px 8px #0000000f;--shadow-glow:0 0 8px #f2c94c4d;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--mono:ui-monospace, Consolas, "Courier New", monospace;--font-size-xs:.65rem;--font-size-sm:.75rem;--font-size-base:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-3xl:3rem;--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-pixel:steps(4);--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.6s;font-size:16px}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--soil-dark);background:linear-gradient(180deg, var(--sky-blue) 0%, var(--sky-light) 55%, var(--cream) 100%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100svh;margin:0;font-family:Yu Gothic,Hiragino Sans,Microsoft YaHei,Noto Sans CJK SC,sans-serif;overflow-x:hidden}#root{min-height:100svh;overflow:hidden}h1,h2,h3{color:var(--soil-dark)}button{cursor:pointer;font-family:inherit}.pixel-border{border:var(--pixel-border) solid var(--soil);border-radius:var(--pixel-radius);box-shadow:var(--shadow-pixel)}.pixel-border-gold{border:var(--pixel-border) solid var(--gold);border-radius:var(--pixel-radius);box-shadow:2px 2px #6b422666}.pixel-text{text-shadow:1px 1px #6b422680,2px 2px #0000000a}.pixel-text-gold{text-shadow:1px 1px 0 var(--gold-light), 2px 2px 0 #0000000a}.noise-overlay{pointer-events:none;opacity:.025;z-index:1;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:128px 128px;position:absolute;inset:0}.sparkle{background:var(--gold);clip-path:polygon(50% 0%,61% 35%,100% 50%,61% 65%,50% 100%,39% 65%,0% 50%,39% 35%);width:4px;height:4px;image-rendering:pixelated;animation:2s ease-in-out infinite sparkle-twinkle;position:absolute}@keyframes sparkle-twinkle{0%,to{opacity:.3;transform:scale(1)rotate(0)}50%{opacity:1;transform:scale(1.5)rotate(45deg)}}@keyframes gentle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.loading-screen{--loading-enter-duration:1.65s;background-color:var(--cream);z-index:1000;flex-direction:column;justify-content:center;align-items:center;transition:opacity .4s,background-color .4s;display:flex;position:fixed;inset:0;overflow:hidden}.loading-screen.visible{opacity:1}.loading-screen.hidden{opacity:0;pointer-events:none}.loading-screen.ready{cursor:pointer}.loading-screen.ready:focus-visible{outline:3px solid var(--gold);outline-offset:-8px}.loading-screen.entering{opacity:1;cursor:default;animation:loading-overlay-fade-out var(--loading-enter-duration) ease forwards}.loading-screen.entering .meadow-image,.loading-screen.entering .scene-layer-sky,.loading-screen.entering .loading-content,.loading-screen.entering .loading-transition-burst,.loading-screen.entering .noise-overlay,.loading-screen.entering .enter-hint{animation:none}.loading-screen.entering .noise-overlay{opacity:0}.scene-layer-base{z-index:0;position:absolute;inset:0}.meadow-image{object-fit:cover;object-position:center bottom;transform-origin:bottom;width:100%;height:100%;image-rendering:pixelated;display:block}.scene-layer-sky{z-index:1;pointer-events:none;background:radial-gradient(120% 80% at 50% 10%,#fae27a2e 0%,#0000 60%),linear-gradient(#c8ecff40 0%,#e5f5ff1a 45%,#0000 70%);position:absolute;inset:0}.scene-layer-particles{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:hidden}.particle{width:3px;height:3px;image-rendering:pixelated;animation:particle-twinkle var(--dur,3s) ease-in-out infinite var(--delay,0s);border-radius:0;position:absolute}.particle-0{--dur:3.5s;--delay:0s;background:#fae27a99;top:5%;left:15%}.particle-1{--dur:2.8s;--delay:.3s;background:#ffffff80;top:10%;left:72%}.particle-2{--dur:4s;--delay:.7s;background:#c8ecff8c;top:18%;left:38%}.particle-3{--dur:3.2s;--delay:1.1s;background:#f2c94c73;top:8%;left:55%}.particle-4{--dur:2.5s;--delay:.5s;background:#fff6;top:25%;left:82%}.particle-5{--dur:3.8s;--delay:1.5s;background:#fae27a80;top:12%;left:25%}.particle-6{--dur:4.2s;--delay:.2s;background:#c8ecff66;top:30%;left:10%}.particle-7{--dur:3s;--delay:.9s;background:#ffffff73;top:6%;left:90%}.particle-8{--dur:2.7s;--delay:1.3s;background:#f2c94c8c;top:20%;left:60%}.particle-9{--dur:3.6s;--delay:.6s;background:#ffffff59;top:15%;left:45%}.particle-10{--dur:4.4s;--delay:1.8s;background:#c8ecff80;top:22%;left:8%}.particle-11{--dur:3.1s;--delay:.4s;background:#fae27a66;top:28%;left:68%}@keyframes particle-twinkle{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.9;transform:scale(1.6)}}.loading-content{text-align:center;z-index:10;-webkit-backdrop-filter:blur(8px);background:#fff7e48c;border:2px solid #a0784838;border-radius:6px;margin-top:120px;padding:28px 36px 24px;position:relative;box-shadow:0 16px 40px #6b422624,inset 0 1px #ffffff80}.loading-title{color:var(--soil-dark);letter-spacing:3px;text-shadow:1px 1px 0 var(--gold-light), 2px 2px 0 #0000000a;margin:0 0 6px;font-size:2.2rem;animation:.6s .1s both loading-appear}.loading-message{color:var(--wood);min-height:1.5em;margin:0 0 16px;font-size:.9rem;transition:opacity .3s;animation:.6s .2s both loading-appear}.progress-bar{background:var(--cream);border:var(--pixel-border) solid var(--soil);border-radius:var(--pixel-radius);width:300px;height:20px;box-shadow:var(--shadow-pixel);gap:2px;margin:0 auto 10px;padding:3px;display:flex;overflow:hidden}.progress-segment{background:0 0;border-radius:1px;flex:1;transition:background 50ms linear}.progress-segment.filled{background:linear-gradient(180deg, var(--grass-light) 0%, var(--grass) 100%);box-shadow:inset 0 -1px #0000001a}.progress-text{color:var(--soil-dark);font-size:.8rem;font-family:var(--mono);letter-spacing:1px}.enter-hint{color:var(--soil-dark);letter-spacing:1px;margin:14px 0 0;font-size:.82rem;font-weight:700;animation:1.2s ease-in-out infinite enter-hint-pulse}.loading-transition-burst{z-index:12;pointer-events:none;opacity:0;image-rendering:pixelated;background:radial-gradient(circle at 50% 54%,#fae27a47 0%,#fff7e429 30%,#0000 52%),linear-gradient(#0000 0%,#fff7e43d 48%,#0000 100%);position:absolute;inset:0}@keyframes loading-world-drift{0%{opacity:1;filter:brightness();transform:scale(1)}30%{opacity:.46;filter:brightness(1.06)saturate(1.04)blur(.4px);transform:scale(1.04)}58%{opacity:.16;filter:brightness(1.09)saturate(1.04)blur(.9px);transform:scale(1.08)}to{opacity:0;filter:brightness(1.12)saturate(1.04)blur(1.4px);transform:scale(1.12)}}@keyframes loading-overlay-fade-out{0%{opacity:1}to{opacity:0}}@keyframes loading-sky-glow{0%{opacity:1}to{opacity:0}}@keyframes loading-content-enter{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-16px)scale(.92)}}@keyframes loading-pixel-wipe{0%{opacity:0;transform:scale(.86)}24%{opacity:.36;transform:scale(1.03)}56%{opacity:.14;transform:scale(1.22)}to{opacity:0;transform:scale(1.38)}}@keyframes loading-noise-fade{0%{opacity:1}to{opacity:0}}@keyframes enter-hint-pulse{0%,to{opacity:.58;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}.noise-overlay{z-index:11;pointer-events:none;mix-blend-mode:multiply;image-rendering:pixelated;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000004 2px 4px);position:absolute;inset:0}@keyframes loading-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=500px){.loading-title{letter-spacing:2px;font-size:1.6rem}.loading-message{padding:0 16px;font-size:.85rem}.enter-hint{font-size:.78rem}.progress-bar{width:260px;height:18px}.loading-content{width:min(88vw,300px);margin-top:90px;padding:22px 18px 20px}}@media (width<=360px){.loading-content{padding:18px 14px 16px}.progress-bar{width:220px}.loading-title{font-size:1.4rem}}@media (prefers-reduced-motion:reduce){.particle{opacity:.5;animation:none}.progress-segment{transition:none}.loading-title,.loading-message,.enter-hint{opacity:1;animation:none}.loading-screen{transition:none}.loading-screen.entering .meadow-image,.loading-screen.entering .scene-layer-sky,.loading-screen.entering .loading-content,.loading-screen.entering .loading-transition-burst{animation:none}.loading-screen.entering{opacity:0;background-color:#fff7e400;animation:none}}.birthday-island-scene{z-index:2;animation:4s ease-in-out infinite island-float;position:relative}.island-shadow{background:radial-gradient(#00000012 0%,#0000 70%);border-radius:50%;width:72%;height:28px;animation:4s ease-in-out infinite shadow-pulse;position:absolute;bottom:-36px;left:50%;transform:translate(-50%)}.island-image-wrapper{width:min(76vw,760px);position:relative}.island-image{image-rendering:auto;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:auto;display:block}.island-hotspots{z-index:4;position:absolute;inset:0}.island-hotspot{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:transform var(--duration-fast) var(--ease-bounce), box-shadow var(--duration-fast) ease, border-color var(--duration-fast) ease, background-color var(--duration-fast) ease;z-index:1;background:#fff0;border:2px solid #0000;border-radius:10px;margin:0;padding:0;display:block;position:absolute;transform:translate(-50%,-50%)}.island-hotspot:hover{background:#fff7e40f;border-color:#fae27a59;transform:translate(-50%,-54%)scale(1.02);box-shadow:0 0 16px #f2c94c38}.island-hotspot:active{transform:translate(-50%,-48%)scale(.98)}.island-hotspot:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:4px}@media (prefers-reduced-motion:reduce){.birthday-island-scene,.island-shadow{animation:none!important}.island-hotspot{transition:none!important}}.hotspot-sign{width:clamp(54px,11.8%,94px);height:clamp(48px,18.5%,84px);top:37.1%;left:31.2%}.hotspot-cake{width:clamp(76px,17.5%,138px);height:clamp(70px,28%,122px);top:42.8%;left:49.3%}.hotspot-diamond{width:clamp(36px,7%,58px);height:clamp(36px,11%,52px);top:64.2%;left:58%}.hotspot-gift-left{width:clamp(46px,8.8%,72px);height:clamp(42px,14.2%,64px);top:57%;left:35.8%}.hotspot-gift-right{width:clamp(52px,8.4%,70px);height:clamp(48px,20.2%,76px);top:53.1%;left:65.8%}.birthday-island-scene.night .island-image{filter:brightness(.75)saturate(.85)}@media (width<=500px){.island-image-wrapper{width:min(92vw,390px)}.island-shadow{width:65%;height:22px;bottom:-28px}.island-hotspot{border-radius:8px}}@keyframes island-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes shadow-pulse{0%,to{opacity:.07;transform:translate(-50%)scale(1)}50%{opacity:.04;transform:translate(-50%)scale(.92)}}.achievement-toast{z-index:100;position:fixed;top:16px;left:16px}.achievement-toast.phase-in{animation:toast-slide-in .4s var(--ease-bounce) forwards}.achievement-toast.phase-out{animation:.35s ease-in forwards toast-slide-out}.achievement-toast.phase-gone{display:none}.toast-content{background:var(--cream);border:2px solid var(--gold);border-radius:var(--pixel-radius);box-sizing:border-box;z-index:2;align-items:center;gap:10px;max-width:280px;padding:10px 14px;display:flex;position:relative;box-shadow:2px 2px #6b422659,0 0 6px #f2c94c1f}.toast-icon-wrap{flex-shrink:0;position:relative}.toast-icon{animation:icon-pop .4s var(--ease-bounce);filter:drop-shadow(0 0 2px #f2c94c4d);font-size:1.3rem;display:block}.toast-glow{border-radius:calc(var(--pixel-radius) + 2px);pointer-events:none;z-index:1;background:radial-gradient(#f2c94c14 0%,#0000 70%);position:absolute;inset:-3px}.toast-text{flex-direction:column;gap:1px;min-width:0;display:flex}.toast-title{color:var(--soil-dark);letter-spacing:.3px;font-size:.8rem;font-weight:600}.toast-description{color:var(--wood);overflow-wrap:break-word;font-size:.7rem;line-height:1.35}@keyframes toast-slide-in{0%{opacity:0;transform:translate(-120%)}to{opacity:1;transform:translate(0)}}@keyframes toast-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-120%)}}@keyframes icon-pop{0%{transform:scale(.3)rotate(-20deg)}to{transform:scale(1)rotate(0)}}@media (width<=500px){.achievement-toast{width:calc(100vw - 120px);max-width:280px;top:8px;left:8px;right:auto}.toast-content{max-width:100%;padding:8px 10px}.toast-title{font-size:.75rem}.toast-description{font-size:.65rem}}.blessing-overlay{z-index:200;background:#1b25592e;justify-content:center;align-items:center;animation:.3s overlay-fade-in;display:flex;position:fixed;inset:0}.blessing-card{background:var(--cream);border:3px solid var(--soil);width:90%;max-width:360px;animation:card-pop-in .5s var(--ease-bounce);border-radius:6px;padding:32px 26px 26px;position:relative;overflow:visible;box-shadow:3px 3px #6b422659,0 0 16px #f2c94c1a,inset 0 1px #ffffff80}.card-sparkles{pointer-events:none;position:absolute;inset:0}.card-corner{border-color:var(--gold);z-index:3;border-style:solid;width:12px;height:12px;position:absolute}.card-corner-tl{border-width:2px 0 0 2px;border-radius:2px 0 0;top:6px;left:6px}.card-corner-tr{border-width:2px 2px 0 0;border-radius:0 2px 0 0;top:6px;right:6px}.card-corner-bl{border-width:0 0 2px 2px;border-radius:0 0 0 2px;bottom:6px;left:6px}.card-corner-br{border-width:0 2px 2px 0;border-radius:0 0 2px;bottom:6px;right:6px}.blessing-close{cursor:pointer;transition:background var(--duration-fast) ease;z-index:4;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;width:24px;height:24px;padding:5px;display:flex;position:absolute;top:8px;right:10px}.blessing-close:hover{background:#0000000a}.close-line{background:var(--soil);border-radius:1px;width:10px;height:2px;position:absolute}.close-line-1{transform:rotate(45deg)}.close-line-2{transform:rotate(-45deg)}.blessing-border{border-radius:var(--pixel-radius);border:2px dashed #f2c94c80;margin-bottom:12px;padding:0;position:relative}.blessing-border:before{content:"";background:var(--gold-light);clip-path:polygon(50% 0%,61% 35%,100% 50%,61% 65%,50% 100%,39% 65%,0% 50%,39% 35%);width:8px;height:8px;position:absolute;top:-4px;left:50%;transform:translate(-50%)}.blessing-text{color:var(--soil-dark);text-align:center;letter-spacing:.3px;margin:0;padding:0 4px;font-size:.95rem;line-height:1.9}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes card-pop-in{0%{opacity:0;transform:scale(.7)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=500px){.blessing-card{max-width:94%;padding:26px 18px 22px}.blessing-text{font-size:.88rem;line-height:1.8}}.cake-greeting-overlay{background:#1b255947}.cake-greeting-card{aspect-ratio:1086/1448;width:min(78vw,430px);animation:card-pop-in .5s var(--ease-bounce);perspective:1200px;position:relative}.cake-greeting-close{background:var(--cream);border:var(--pixel-border) solid var(--soil);box-shadow:var(--shadow-pixel);-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;top:-12px;right:-12px}.cake-greeting-flip-button{cursor:pointer;width:100%;height:100%;perspective:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border:0;padding:0;display:block}.cake-greeting-flip-button:focus-visible{outline:3px solid var(--gold);outline-offset:8px;border-radius:14px}.cake-greeting-flipper{width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s var(--ease-bounce);display:block;position:relative}.cake-greeting-flipper.flipped{transform:rotateY(180deg)}.cake-greeting-face{object-fit:contain;border:var(--pixel-border) solid var(--soil);backface-visibility:hidden;background:var(--cream);border-radius:12px;width:100%;height:100%;display:block;position:absolute;inset:0;box-shadow:4px 4px #6b422657,0 16px 42px #1b255938}.cake-greeting-text-face{box-sizing:border-box;text-align:center;background:linear-gradient(180deg, #ffffff94, #f2c94c24), var(--cream);flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:48px 34px;display:flex}.cake-greeting-message{color:var(--soil-dark);letter-spacing:.08em;font-size:clamp(1.16rem,4.6vw,1.58rem);line-height:1.9}.cake-greeting-signature{color:var(--soil);letter-spacing:.18em;font-size:clamp(.9rem,3vw,1.06rem)}.cake-greeting-empty-face{background:var(--cream)}.cake-greeting-face.back{transform:rotateY(180deg)}@media (width<=500px){.cake-greeting-card{width:min(88vw,360px)}.cake-greeting-close{top:-10px;right:-8px}}@media (prefers-reduced-motion:reduce){.cake-greeting-card,.cake-greeting-flipper{transition:none;animation:none}}.finale-album{z-index:2;flex-direction:column;align-items:center;gap:12px;width:min(92vw,620px);display:flex;position:relative}.finale-album-stage{aspect-ratio:1086/1448;perspective:1400px;width:min(70vw,386px);position:relative}.finale-album-card-shell{transform-style:preserve-3d;z-index:5;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:0 0;border:2px solid #fae27a6b;border-radius:10px;outline:none;padding:0;position:absolute;inset:0;box-shadow:6px 8px #00000038,0 22px 56px #070a1e5c}.finale-album-card-shell:focus-visible{outline:3px solid var(--gold);outline-offset:8px}.finale-album-card-shell:active{cursor:grabbing}.finale-album-flipper{width:100%;height:100%;transform-style:preserve-3d;position:relative}.finale-album-face{backface-visibility:hidden;background:#fff7e4fa;border-radius:8px;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.finale-album-back{transform:rotateY(180deg)}.finale-album-image{object-fit:cover;image-rendering:auto;pointer-events:none;width:100%;height:100%}.finale-album-cover-face{box-sizing:border-box;width:100%;height:100%;color:var(--cream);text-align:center;text-shadow:0 2px 12px #070a1e94;background:radial-gradient(circle at 52% 20%,#fae27a2e 0 7%,#0000 24%),radial-gradient(circle at 16% 78%,#fff7e41f 0 6%,#0000 22%),linear-gradient(145deg,#161b3a 0%,#262050 48%,#3d2c68 100%);flex-direction:column;justify-content:center;align-items:center;padding:12%;display:flex;position:relative}.finale-album-cover-face:before,.finale-album-cover-face:after{content:"";pointer-events:none;border:2px solid #fae27a75;border-radius:6px;position:absolute;inset:16px}.finale-album-cover-face:after{opacity:.5;border-style:dashed;border-color:#fff7e457;inset:28px}.finale-album-cover-kicker,.finale-album-cover-hint{font-family:var(--mono);letter-spacing:2px;opacity:.88;font-size:.72rem}.finale-album-cover-face strong{color:var(--cream);letter-spacing:5px;margin:18px 0 6px;font-size:clamp(2rem,8vw,3.8rem)}.finale-album-cover-date{color:var(--gold-light);font-family:var(--mono);font-size:1rem}.finale-album-cover-line{background:linear-gradient(90deg,#0000,#fae27ab8,#0000);width:44%;height:2px;margin:22px 0 16px}.finale-album-cover-face p{color:#fff7e4e6;max-width:18em;margin:0 0 22px;font-size:.88rem;line-height:1.8}.finale-album-toolbar{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.finale-album-toolbar button{min-width:92px;color:var(--cream);border-radius:var(--pixel-radius);cursor:pointer;transition:transform var(--duration-fast) ease, background var(--duration-fast) ease, border-color var(--duration-fast) ease;background:#ffffff14;border:2px solid #fae27a59;padding:8px 12px;font-size:.78rem;box-shadow:2px 2px #00000038}.finale-album-toolbar button:hover,.finale-album-toolbar button:focus-visible{border-color:var(--gold);background:#fae27a24;outline:none;transform:translateY(-2px)}.finale-album-status{color:#fff7e4c7;min-height:1.4em;font-family:var(--mono);letter-spacing:1px;margin:0;font-size:.68rem}.finale-hidden-egg-overlay{z-index:420;background:radial-gradient(circle at 50% 44%,#fae27a38,#0000 34%),#070a1e94;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0;overflow:hidden}.finale-hidden-egg-particles{pointer-events:none;position:absolute;inset:0}.finale-hidden-egg-particles span{--particle-angle:calc(var(--particle-index) * 20deg);background:var(--gold-light);width:7px;height:7px;transform:rotate(var(--particle-angle)) translateY(0) rotate(45deg);animation:1.1s ease-out both final-egg-particle-burst;animation-delay:calc(var(--particle-index) * 18ms);border-radius:2px;position:absolute;top:50%;left:50%;box-shadow:0 0 12px #fae27a8c}.finale-hidden-egg-particles span:nth-child(3n){background:var(--peach)}.finale-hidden-egg-particles span:nth-child(3n+1){background:var(--portal-purple)}.finale-hidden-egg-card{z-index:2;aspect-ratio:1122/1402;background:#fff7e4f2;border:2px solid #fae27ad1;border-radius:14px;width:min(88vw,520px);position:relative;box-shadow:7px 9px #0000003d,0 28px 82px #070a1e7a,0 0 34px #fae27a42}.finale-hidden-egg-card img{object-fit:contain;-webkit-user-select:none;user-select:none;border-radius:12px;width:100%;height:100%;display:block}.finale-hidden-egg-warmup{aspect-ratio:1122/1402;contain:layout paint style;object-fit:contain;opacity:.001;pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform, opacity;width:min(88vw,520px);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.finale-hidden-egg-close{z-index:3;background:var(--cream);border:var(--pixel-border) solid var(--soil);border-radius:var(--pixel-radius);width:30px;height:30px;box-shadow:var(--shadow-pixel);-webkit-tap-highlight-color:transparent;touch-action:manipulation;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:-12px;right:-12px}.finale-hidden-egg-close:hover,.finale-hidden-egg-close:focus-visible{background:var(--cream-dark);outline:none}.accent-amber{border-color:#e87e2e9e}.accent-silver{border-color:#dcdce89e}.accent-blue{border-color:#4f91efa3}.accent-pink{border-color:#f266bea3}.accent-green{border-color:#63c96fa3}.accent-cyan{border-color:#4fd2efa3}.accent-sky{border-color:#c8ecffb3}@media (width<=640px){.finale-album{width:min(96vw,420px)}.finale-album-stage{width:min(78vw,330px)}.finale-album-toolbar button{min-width:84px;padding:7px 9px;font-size:.68rem}.finale-hidden-egg-card,.finale-hidden-egg-warmup{width:min(90vw,360px)}}@media (height<=720px){.finale-album-stage{width:min(54vh,320px)}.finale-album-cover-face strong{font-size:clamp(1.8rem,7vw,2.8rem)}}@media (prefers-reduced-motion:reduce){.finale-album-toolbar button,.finale-album-card-shell{transition:none}.finale-hidden-egg-particles span{animation:none}}@keyframes final-egg-particle-burst{0%{opacity:0;transform:rotate(var(--particle-angle)) translateY(0) rotate(45deg) scale(.4)}18%{opacity:1}to{opacity:0;transform:rotate(var(--particle-angle)) translateY(-42vmin) rotate(135deg) scale(1.1)}}.finale-scene{z-index:300;opacity:0;background:linear-gradient(#161b3a 0%,#262050 45%,#3d2c68 100%);justify-content:center;align-items:center;transition:opacity .8s;display:flex;position:fixed;inset:0;overflow:hidden}.finale-scene.visible{opacity:1}.stars-container{position:absolute;inset:0;overflow:hidden}.star{background:#fffc;border-radius:50%;animation:ease-in-out infinite star-twinkle;position:absolute}.moon-glow{pointer-events:none;z-index:0;background:radial-gradient(circle at 40% 40%,#fae27a26 0%,#f2c94c0f 45%,#0000 70%);border-radius:50%;width:120px;height:120px;animation:6s ease-in-out infinite moon-breathe;position:absolute;top:8%;left:50%;transform:translate(-50%)}.moon-glow:after{content:"";background:radial-gradient(circle,#fae27a40 0%,#f2c94c14 50%,#0000 70%);border-radius:50%;width:40px;height:40px;animation:6s ease-in-out .5s infinite moon-breathe;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes moon-breathe{0%,to{opacity:.6;transform:translate(-50%)scale(1)}50%{opacity:.85;transform:translate(-50%)scale(1.15)}}.shooting-stars{pointer-events:none;position:absolute;inset:0;overflow:hidden}.shooting-star{background:#ffffffe6;border-radius:50%;width:2px;height:2px;animation:linear infinite shooting-star-move;position:absolute;box-shadow:0 0 4px #ffffff80,-16px 0 6px #fff3,-32px 0 3px #ffffff14}@keyframes shooting-star-move{0%{opacity:0;transform:translate(0)scale(1)}5%{opacity:1}70%{opacity:1}to{opacity:0;transform:translate(-100px,50px)scale(.4)}}.fireworks{pointer-events:none;position:absolute;inset:0;overflow:hidden}.firework-burst{width:3px;height:3px;animation:2s ease-out infinite firework-appear;position:absolute}.firework-particle{background:var(--fw-color,var(--gold));width:3px;height:3px;transform:rotate(var(--fw-angle)) translateY(-12px);image-rendering:pixelated;border-radius:1px;animation:2s ease-out infinite firework-particle-fade;position:absolute}@keyframes firework-appear{0%,to{opacity:0;transform:scale(.4)}15%{opacity:1;transform:scale(1)}75%{opacity:.5}}@keyframes firework-particle-fade{0%,to{opacity:0}15%{opacity:.9;transform:rotate(var(--fw-angle)) translateY(-18px)}75%{opacity:.2;transform:rotate(var(--fw-angle)) translateY(-24px)}}.finale-content{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:10px;width:min(100vw,760px);max-width:760px;padding:72px 20px 24px;display:flex;position:relative}.finale-title{color:var(--cream);letter-spacing:3px;animation:title-appear 1s var(--ease-bounce) .3s both;text-shadow:1px 1px #f2c94c4d,0 0 12px #f2c94c26;font-size:1.6rem}.finale-subtitle{color:#fff7e4bd;letter-spacing:1px;margin:-2px 0 4px;font-size:.86rem}.finale-card{background:#fff7e414;border:2px solid #f2c94c33;border-radius:5px;width:100%;padding:22px 18px;animation:.8s .5s both card-fade-in;position:relative}.finale-card .card-corner{border-style:solid;border-color:#f2c94c4d;width:10px;height:10px;position:absolute}.finale-card .card-corner-tl{border-width:2px 0 0 2px;top:4px;left:4px}.finale-card .card-corner-tr{border-width:2px 2px 0 0;top:4px;right:4px}.finale-card .card-corner-bl{border-width:0 0 2px 2px;bottom:4px;left:4px}.finale-card .card-corner-br{border-width:0 2px 2px 0;bottom:4px;right:4px}.finale-text{color:var(--cream);white-space:pre-wrap;text-align:center;opacity:.92;margin:0;font-family:inherit;font-size:.98rem;line-height:2}.finale-return-btn{color:var(--gold);border-radius:var(--pixel-radius);cursor:pointer;transition:all var(--duration-fast) ease;letter-spacing:.5px;animation:title-appear 1s var(--ease-bounce) .8s both;opacity:.7;background:0 0;border:2px solid #f2c94c59;padding:8px 20px;font-size:.85rem;font-weight:500;position:relative}.finale-return-btn:hover{border-color:var(--gold);opacity:1;background:#f2c94c1a}.finale-return-btn:active{transform:scale(.97)}@keyframes star-twinkle{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}@keyframes title-appear{0%{opacity:0;transform:translateY(14px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes card-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=500px){.finale-title{letter-spacing:2px;font-size:1.2rem}.finale-text{font-size:.88rem;line-height:1.9}.finale-card{padding:16px 12px}.moon-glow{width:80px;height:80px;top:5%}.moon-glow:after{width:28px;height:28px}.finale-return-btn{padding:6px 16px;font-size:.8rem}.finale-content{gap:12px;padding:64px 10px 18px}}.particles-container{pointer-events:none;z-index:150;position:fixed}.particle{width:6px;height:6px;image-rendering:pixelated;border-radius:1px;animation:.6s ease-out forwards particle-burst;position:absolute}@keyframes particle-burst{0%{opacity:1;transform:translate(0)rotate(0)}to{transform:translate(calc(cos(var(--angle)) * var(--distance)), calc(sin(var(--angle)) * var(--distance))) rotate(180deg);opacity:0}}.achievement-checklist-backdrop{z-index:119;cursor:default;background:0 0;border:0;padding:0;position:fixed;inset:0}.scene-controls{z-index:120;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;top:16px;right:16px}.scene-controls.finale{z-index:360}.scene-control-button{width:96px;min-height:46px;color:var(--soil-dark);border:var(--pixel-border) solid var(--soil);border-radius:var(--pixel-radius);box-shadow:var(--shadow-pixel);cursor:pointer;letter-spacing:1px;transition:transform var(--duration-fast) ease, background var(--duration-fast) ease, box-shadow var(--duration-fast) ease;background:#fff7e4e6;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:.78rem;font-weight:700;display:flex;position:relative}.scene-control-button:before{content:"";border:var(--pixel-border-thin) solid #ffffff73;border-radius:calc(var(--pixel-radius) - 1px);pointer-events:none;position:absolute;inset:2px}.scene-control-button:hover{background:var(--cream-dark);box-shadow:var(--shadow-pixel-lg);transform:translateY(-2px)}.scene-control-button:active{box-shadow:1px 1px 0 var(--soil-dark);transform:translateY(0)}.scene-control-button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.scene-control-button.active{border-color:var(--gold);box-shadow:var(--shadow-pixel), 0 0 12px #f2c94c2e}.scene-control-icon{width:22px;height:22px;color:var(--soil-dark);background:var(--gold-light);border:var(--pixel-border-thin) solid #6b422647;border-radius:4px;place-items:center;font-size:.95rem;line-height:1;display:grid}.scene-control-label{line-height:1}.achievement-checklist-panel{width:292px;color:var(--soil-dark);border:var(--pixel-border) solid var(--soil);border-radius:var(--pixel-radius);-webkit-backdrop-filter:blur(6px);animation:checklist-pop .22s var(--ease-bounce) both;background:#fff7e4f0;padding:14px;box-shadow:3px 3px #6b422659,0 12px 28px #26205029}.achievement-checklist-header{justify-content:space-between;align-items:center;gap:12px;font-size:.86rem;display:flex}.achievement-checklist-header span,.achievement-checklist-summary{color:var(--wood);font-size:.72rem}.achievement-checklist-summary{margin:6px 0 10px}.achievement-checklist-items{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.achievement-checklist-item{border:var(--pixel-border-thin) solid #a078483d;background:#ffffff6b;border-radius:5px;grid-template-columns:30px 1fr;align-items:center;gap:8px;padding:8px;display:grid}.achievement-checklist-item.locked{opacity:.68}.achievement-checklist-icon{background:var(--cream-dark);border:var(--pixel-border-thin) solid #6b422638;border-radius:4px;place-items:center;width:28px;height:28px;font-size:1rem;display:grid}.achievement-checklist-text{text-align:left;flex-direction:column;gap:2px;display:flex}.achievement-checklist-text strong{font-size:.74rem}.achievement-checklist-text span{color:var(--wood);font-size:.66rem}@keyframes checklist-pop{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=500px){.scene-controls{gap:6px;top:8px;right:8px}.scene-control-button{width:82px;min-height:40px;padding:7px 8px;font-size:.68rem}.scene-control-icon{width:19px;height:19px;font-size:.82rem}.achievement-checklist-panel{width:min(284px,100vw - 16px);padding:12px}}@media (prefers-reduced-motion:reduce){.scene-control-button,.achievement-checklist-panel{transition:none;animation:none}}.app-container{background:linear-gradient(#fff7e40a 0%,#fff7e414 100%),url(/assets/birthday-island-background-dark-CBv1hZ3W.webp) 50%/cover no-repeat;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:20px;display:flex;position:relative;overflow-x:hidden}.app-container.day-entering{animation:none}.app-container.day-entering .hero-content{animation:hero-world-rise 1.05s var(--ease-bounce) 1.18s both}.app-container.day-entering .scene-controls{animation:.75s 1.42s both controls-soft-enter}.hero-content{z-index:10;text-align:center;flex-direction:column;align-items:center;gap:18px;padding-bottom:40px;display:flex;position:relative}.hero-title{color:var(--soil-dark);letter-spacing:3px;text-shadow:1px 1px 0 var(--gold-light), 2px 2px 0 #0000000a;animation:title-appear .8s var(--ease-bounce) .3s both;padding:0 12px;font-size:2.8rem;position:relative}.hero-title:before,.hero-title:after{content:"";background:var(--gold-light);clip-path:polygon(50% 0%,61% 35%,100% 50%,61% 65%,50% 100%,39% 65%,0% 50%,39% 35%);width:6px;height:6px;image-rendering:pixelated;opacity:.6;animation:2.5s ease-in-out infinite sparkle-float;position:absolute;top:50%;transform:translateY(-50%)}.hero-title:before{animation-delay:0s;left:-14px}.hero-title:after{animation-delay:1.2s;right:-14px}.hero-subtitle{color:var(--wood);animation:title-appear .8s var(--ease-bounce) .5s both;border-radius:var(--pixel-radius);border:var(--pixel-border-thin) solid #a0784826;background:#fff7e480;padding:6px 14px;font-size:.95rem}.finale-action-wrap{flex-direction:column;align-items:center;min-height:76px;display:flex}.finale-button{color:var(--soil-dark);background:var(--cream);border:var(--pixel-border) solid var(--soil);border-radius:var(--pixel-radius);cursor:pointer;transition:all var(--duration-fast) ease;animation:title-appear .8s var(--ease-bounce) .7s both;box-shadow:var(--shadow-pixel);letter-spacing:1px;margin-top:24px;padding:10px 26px;font-size:.9rem;font-weight:600;position:relative;overflow:hidden}.finale-button:before{content:"";border:var(--pixel-border-thin) solid #fff6;border-radius:calc(var(--pixel-radius) - 1px);pointer-events:none;position:absolute;inset:2px}.finale-button:hover{box-shadow:var(--shadow-pixel-lg);background:var(--cream-dark);transform:translateY(-2px)}.finale-button:active{box-shadow:1px 1px 0 var(--soil-dark);transform:translateY(0)}.finale-button.locked{cursor:not-allowed;color:#583d2ab8;filter:grayscale(.12);background:#d6be9ac7;border-color:#6b42268c;transform:none;box-shadow:1px 1px #6b422659,inset 0 0 0 2px #fff7e459}.finale-button.locked:hover{background:#d6be9ae0;transform:none;box-shadow:1px 1px #6b422659}.finale-button.unlocked{background:linear-gradient(180deg, var(--gold-light) 0%, var(--gold) 100%);border-color:var(--soil-dark);box-shadow:var(--shadow-pixel), 0 0 16px #f2c94c47}.finale-status{min-height:1.4em;color:var(--soil-dark);border:var(--pixel-border-thin) solid #6b42262e;border-radius:var(--pixel-radius);opacity:0;transition:opacity var(--duration-fast) ease, transform var(--duration-fast) ease;pointer-events:none;background:#fff7e4b8;margin:8px 0 0;padding:5px 10px;font-size:.72rem;transform:translateY(-4px)}.finale-status.visible,.finale-button.unlocked+.finale-status{opacity:1;transform:translateY(0)}@keyframes day-background-reveal{0%{opacity:.78;filter:brightness(1.08)saturate(.92)blur(1px)}to{opacity:1;filter:brightness()saturate()blur()}}@keyframes hero-world-rise{0%{opacity:0;transform:translateY(26px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes controls-soft-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes sparkle-float{0%,to{opacity:.3;transform:translateY(-50%)scale(.8)}50%{opacity:.8;transform:translateY(calc(-50% - 4px))scale(1)}}@media (width<=500px){.hero-content{gap:14px;padding-bottom:28px}.hero-title{letter-spacing:2px;font-size:1.8rem}.hero-title:before,.hero-title:after{width:5px;height:5px}.hero-title:before{left:-10px}.hero-title:after{right:-10px}.hero-subtitle{padding:4px 10px;font-size:.85rem}.finale-button{margin-top:16px;padding:8px 20px;font-size:.85rem}.finale-status{max-width:260px;font-size:.68rem}}@media (prefers-reduced-motion:reduce){.app-container.day-entering,.app-container.day-entering .hero-content{animation:none}.finale-status{transition:none}}