:root{--ink:#0a0716;--gold:#ffcf86;--lantern:#ff8a3d;--red:#e3243b;--text:#fff4e6;--muted:#cdb9a8;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box;margin:0}body,html{height:100%;overflow:hidden;background:var(--ink);color:var(--text)}body{font-family:var(--f-serif),serif;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}canvas{display:block;width:100%;height:100%}.stage,canvas{position:fixed;inset:0}.stage{display:grid;place-items:center;padding:24px 16px;text-align:center;cursor:pointer}.scene{grid-area:1/1;max-width:640px;opacity:0;transform:translateY(24px) scale(.98);filter:blur(8px);transition:opacity 1.2s var(--ease),transform 1.2s var(--ease),filter 1.2s var(--ease);pointer-events:none}.scene.on{opacity:1;transform:none;filter:none;pointer-events:auto;transition-delay:.35s}.scene.on>*{animation:rise 1.4s var(--ease) both}.scene.on>:nth-child(2){animation-delay:.55s}.scene.on>:nth-child(3){animation-delay:.75s}.scene.on>:nth-child(4){animation-delay:.95s}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.zh{font-family:var(--f-brush),cursive;font-size:clamp(30px,7vw,56px);line-height:1.25;color:var(--gold);text-shadow:0 0 24px rgba(255,150,60,.55)}.en{font-size:clamp(18px,4.2vw,26px);font-style:italic;margin-top:14px}.ne{font-family:var(--f-deva),serif;font-size:clamp(18px,4.4vw,26px);margin-top:10px;color:var(--muted)}.big .zh{font-size:clamp(54px,15vw,120px)}.hint{position:fixed;bottom:max(22px,env(safe-area-inset-bottom));left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:none;transition:opacity .6s}.hint small{font-size:13px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);animation:pulse 2.4s ease-in-out infinite}.dots{display:flex;gap:8px}.dots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.25);transition:all .6s var(--ease)}.dots i.on{width:22px;border-radius:3px;background:var(--gold)}@keyframes pulse{50%{opacity:.25}}.notif{display:inline-flex;gap:14px;align-items:center;text-align:left;padding:14px 20px 14px 14px;border-radius:22px;margin-bottom:28px;background:rgba(255,255,255,.07);border:1px solid rgba(255,207,134,.25);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-size:16px}.notif b{display:block;font-size:17px}.notif span{color:var(--muted)}.ring{width:46px;height:46px;flex:none;padding:2px;background:conic-gradient(var(--red),var(--gold),var(--lantern),var(--red));animation:spin 6s linear infinite}.ring,.ring i{border-radius:50%}.ring i{display:grid;place-items:center;width:100%;height:100%;background:var(--ink);font-style:normal;font-family:var(--f-brush);font-size:22px;color:var(--gold);animation:spin 6s linear infinite reverse}@keyframes spin{to{transform:rotate(1turn)}}.btns{display:flex;gap:18px;justify-content:center;align-items:center;margin-top:34px;min-height:64px}.social,button{font:600 20px var(--f-serif),serif;border:0;border-radius:999px;padding:14px 34px;cursor:pointer;color:var(--text);text-decoration:none;transition:transform .45s cubic-bezier(.3,1.6,.5,1),background .3s,box-shadow .3s}.social:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.yes{background:linear-gradient(135deg,var(--red),#ff6a3d);color:#fff;box-shadow:0 0 34px rgba(227,36,59,.6)}.yes:hover{box-shadow:0 0 54px rgba(227,36,59,.9)}.no{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);white-space:nowrap}.socials{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:30px}.social{font-size:18px;padding:12px 26px;background:rgba(255,255,255,.08);border:1px solid rgba(255,207,134,.35);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.social:hover{background:rgba(255,207,134,.18);transform:translateY(-3px)}.note{margin-top:26px;font-size:15px;letter-spacing:.08em;color:var(--muted)}.about{position:fixed;top:max(16px,env(safe-area-inset-top));right:16px;z-index:3;flex-direction:column;align-items:flex-end;max-width:calc(100vw - 32px)}.about,.about-pill{display:flex;gap:10px}.about-pill{align-items:center;font-size:16px;padding:6px 16px 6px 6px;background:rgba(255,255,255,.08);border:1px solid rgba(255,207,134,.3);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.ring.small{width:32px;height:32px}.ring.small i{font-family:var(--f-serif);font-size:16px}.about-card{display:flex;flex-direction:column;gap:6px;text-align:left;width:270px;max-width:100%;padding:18px 20px;border-radius:20px;font-size:16px;color:var(--muted);background:rgba(14,9,28,.72);border:1px solid rgba(255,207,134,.25);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:rise .6s var(--ease)}.about-card[hidden]{display:none}.about-card b{font-size:21px;color:var(--gold);margin-bottom:4px}.about-links{display:flex;gap:16px;margin-top:10px}.about-links a{color:var(--text);text-decoration:none;border-bottom:1px solid rgba(255,207,134,.4)}.about-links a:hover{color:var(--gold)}@media (prefers-reduced-motion:reduce){.ring,.ring i,.scene,.scene.on>*{transition-duration:.01s;animation:none}}