.hero-moment{z-index:2900;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f1b2d80;place-items:center;padding:24px;animation:.25s hm-fade;display:grid;position:fixed;inset:0}.hero-moment-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl,24px);text-align:center;max-width:340px;box-shadow:var(--shadow-lg);padding:26px 36px 24px;animation:.4s cubic-bezier(.16,1,.3,1) hm-pop;position:relative}.hero-moment-mascot{object-fit:contain;filter:drop-shadow(0 14px 22px #0f1b2d40);width:150px;height:150px;margin:0 auto 4px;animation:.6s cubic-bezier(.16,1,.3,1) hm-bounce}.hero-moment-title{color:var(--ink);letter-spacing:-.01em;font-size:22px;font-weight:800}.hero-moment-sub{color:var(--ink-3);margin-top:6px;font-size:14px;line-height:1.45}.hero-moment-btn{background:linear-gradient(135deg, var(--mustard), #f0c060);color:#4a3406;font:inherit;cursor:pointer;border:0;border-radius:12px;margin-top:18px;padding:10px 24px;font-size:14px;font-weight:800;transition:filter .14s,transform .12s}.hero-moment-btn:hover{filter:brightness(1.04)}.hero-moment-btn:active{transform:translateY(1px)}@keyframes hm-fade{0%{opacity:0}to{opacity:1}}@keyframes hm-pop{0%{opacity:0;transform:scale(.9)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes hm-bounce{0%{transform:scale(.5)translateY(20px)}60%{transform:scale(1.08)translateY(-6px)}to{transform:scale(1)translateY(0)}}