:root{--accent:#ffb545;--bg:#070b1a;--text:#eef2ff;--text-dim:#98a6c6;--serif:"Iowan Old Style", "Songti SC", "Noto Serif SC", Georgia, serif;--sans:-apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", Roboto, sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}.app{-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}.app--celebrate{cursor:crosshair}.bg{z-index:0;background:radial-gradient(ellipse 90% 60% at 50% 118%, #485cc373 0%, transparent 66%), radial-gradient(ellipse 70% 52% at 12% -12%, #703aa557 0%, transparent 62%), radial-gradient(ellipse 62% 46% at 94% 6%, #2658a542 0%, transparent 60%), var(--bg);position:absolute;inset:0}.starfield{z-index:1;pointer-events:none;position:absolute;inset:0}.star{will-change:opacity, transform;background:#fff;border-radius:50%;animation-name:twinkle;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute}@keyframes twinkle{0%,to{opacity:calc(var(--max-o,1) * .16);transform:scale(.82)}50%{opacity:var(--max-o,1);transform:scale(1.14)}}.fireworks-canvas{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.stage{z-index:3;padding:clamp(28px, 7vh, 72px) 20px calc(28px + env(safe-area-inset-bottom,0px));flex-direction:column;justify-content:safe center;align-items:center;gap:clamp(18px,3.5vh,36px);display:flex;position:absolute;inset:0;overflow-y:auto}.stage-stack{grid-template-areas:"stack";place-items:center;width:100%;display:grid}.stage-stack>*{grid-area:stack}.hud{flex-direction:column;align-items:center;gap:14px;display:flex}.intro{text-align:center;animation:.9s both fade-up}.intro-title{letter-spacing:.46em;text-indent:.46em;color:var(--accent);margin:0 0 14px;font-size:clamp(11px,2.9vw,14px);font-weight:500}.intro-name{font-family:var(--serif);letter-spacing:.02em;background:linear-gradient(#fff 10%,#b4c3ff 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 34px #8caaff6b);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(52px,17vw,104px);font-weight:600;line-height:1.05}.cake{aspect-ratio:320/300;width:min(84vw,330px);transition:transform 1.2s cubic-bezier(.2,.8,.2,1),opacity 1.2s;animation:.9s cubic-bezier(.2,.8,.2,1) backwards cake-in;position:relative}@keyframes cake-in{0%{opacity:0;transform:translateY(20px)scale(.88)}to{opacity:1;transform:none}}.cake-glow{aspect-ratio:1;z-index:-1;background:radial-gradient(circle, color-mix(in srgb, var(--accent) 24%, transparent) 0%, transparent 62%);pointer-events:none;width:155%;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%)}.cake-svg{width:100%;height:100%;display:block}.cake--celebrate{opacity:.42;transform:translateY(15vh)scale(.62)}.cake-plate{fill:#96ace02e}.cake-plate-inner{fill:#b8caf61c}.cake-tier{fill:#e2c096}.cake-frosting{fill:#fdf4e4}.candle-body{fill:#ffe3bd}.candle--tone-1 .candle-body{fill:#ffc9d6}.candle--tone-2 .candle-body{fill:#c7d8ff}.candle-wick{stroke:#6b5641;stroke-width:1.4px;stroke-linecap:round}.flame-glow{fill:var(--accent);opacity:.24;filter:blur(4px)}.flame-outer,.flame-inner{transform-box:fill-box;transform-origin:bottom}.flame-outer{fill:var(--accent);animation:.18s ease-in-out infinite alternate flicker}.flame-inner{fill:#fff7dd;animation:.13s ease-in-out infinite alternate-reverse flicker}@keyframes flicker{0%{opacity:.85;transform:scaleY(.9)scaleX(1.06)}to{opacity:1;transform:scaleY(1.12)scaleX(.92)}}.candle:nth-child(3n) .flame-outer{animation-delay:-55ms}.candle:nth-child(3n+1) .flame-outer{animation-delay:-110ms}.candle:nth-child(4n) .flame-inner{animation-delay:-40ms}.candle:nth-child(5n) .flame-outer{animation-delay:-140ms}.candle-smoke circle{fill:#cdd7ea;transform-box:fill-box;transform-origin:bottom;animation:2s ease-out forwards smoke-rise;animation-delay:var(--smoke-delay,0s)}.candle-smoke circle:nth-child(2){animation-delay:calc(var(--smoke-delay,0s) + .14s)}.candle-smoke circle:nth-child(3){animation-delay:calc(var(--smoke-delay,0s) + .28s)}@keyframes smoke-rise{0%{opacity:0;transform:translateY(0)scale(.5)}22%{opacity:.45}to{opacity:0;transform:translateY(-28px)scale(1.9)}}.candle-hit{fill:#0000;cursor:pointer}.message{text-align:center;max-width:min(34rem,88vw)}.message-title{letter-spacing:.42em;text-indent:.42em;color:var(--accent);margin:0 0 8px;font-size:clamp(11px,2.8vw,14px);font-weight:500;animation:.8s both fade-up}.message-name{font-family:var(--serif);background:linear-gradient(#fff 10%,#b4c3ff 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 30px #8caaff66);-webkit-background-clip:text;background-clip:text;margin:0 0 clamp(20px,5vh,34px);font-size:clamp(36px,11vw,64px);font-weight:600;line-height:1.1;animation:.8s both fade-up}.message-body{gap:clamp(10px,2.2vh,16px);display:grid}.message-para{white-space:pre-line;font-family:var(--serif);color:#dde4ff;margin:0;font-size:clamp(14px,3.8vw,16.5px);line-height:1.9;animation:.9s both fade-up}.prompt{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.hint{letter-spacing:.04em;color:var(--text-dim);margin:0;font-size:14px}.btn{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:999px;padding:12px 30px;font-size:15px;transition:transform .16s,box-shadow .16s,background .16s}.btn:active{transform:scale(.96)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.btn--primary{letter-spacing:.06em;color:#241505;background:linear-gradient(180deg, #ffe7b3, var(--accent));box-shadow:0 6px 28px color-mix(in srgb, var(--accent) 44%, transparent);font-weight:600}.btn--primary:hover{box-shadow:0 8px 34px color-mix(in srgb, var(--accent) 60%, transparent)}.btn--ghost{color:var(--text-dim);background:#ffffff0f;border-color:#ffffff24}.btn--ghost:hover{color:var(--text);background:#ffffff1c}.wind-meter-wrap{flex-direction:column;align-items:center;gap:6px;display:flex}.wind-meter{background:#ffffff1a;border-radius:999px;width:min(240px,62vw);height:6px;overflow:hidden}.wind-meter-readout{text-align:center;color:var(--text-dim);white-space:pre-line;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.5}.wind-meter-fill{transform-origin:0;background:var(--accent);opacity:.5;border-radius:999px;width:100%;height:100%;transition:opacity .18s,box-shadow .18s;transform:scaleX(0)}.wind-meter-fill.is-blowing{opacity:1;box-shadow:0 0 16px var(--accent)}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}