.win-moment{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;justify-items:center;align-items:start;padding:max(96px,17vh) 16px 0;pointer-events:none;--win: #ffd166;--win-2: #ff9f1c;--win-ink: #1a1206}.win-moment.is-quiet{--win: #b9c7dc;--win-2: #7f93b0;--win-ink: #0d1420}.win-plate{position:relative;pointer-events:auto;display:grid;justify-items:center;gap:2px;min-width:min(250px,78vw);max-width:min(340px,88vw);padding:22px 26px 16px;border:0;border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--win) 18%,#0b0f1a),#0b0f1a 70%);color:#fff;font:inherit;cursor:pointer;box-shadow:0 0 0 2px var(--win),0 0 34px color-mix(in srgb,var(--win) 55%,transparent),0 14px 40px #0000008c;animation:win-plate 2.4s cubic-bezier(.2,.9,.25,1) both}.is-quiet .win-plate{transform-origin:50% 0;scale:.84;box-shadow:0 0 0 2px var(--win),0 0 16px color-mix(in srgb,var(--win) 35%,transparent),0 10px 28px #00000080;animation-duration:1.9s}.win-bulbs{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:14px;border:4px dotted var(--win);opacity:.95;animation:win-bulbs .36s steps(2,jump-none) infinite}.is-quiet .win-bulbs{opacity:.55;animation-duration:.7s}.win-ring{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:26px;border:3px solid var(--win);opacity:0;animation:win-ring .7s cubic-bezier(.2,.8,.2,1) .05s both}.win-crown{position:absolute;top:-30px;left:50%;width:62px;height:43px;margin-left:-31px;fill:var(--win);stroke:var(--win-ink);stroke-width:1.5;filter:drop-shadow(0 3px 0 var(--win-2)) drop-shadow(0 0 10px color-mix(in srgb,var(--win) 70%,transparent));animation:win-crown .85s cubic-bezier(.3,1.5,.5,1) .18s both}.is-quiet .win-crown{filter:drop-shadow(0 2px 0 var(--win-2));animation:win-crown-quiet .6s ease-out .15s both}.win-word{margin-top:8px;font-size:calc(13px * var(--text-scale, 1));font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--win)}.win-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(30px,9vw,44px);font-weight:900;line-height:1.05;letter-spacing:.02em;text-shadow:0 2px 0 var(--win-2),0 0 18px color-mix(in srgb,var(--win) 60%,transparent);animation:win-name .5s cubic-bezier(.3,1.6,.5,1) .32s both}.is-quiet .win-name{font-size:clamp(24px,7.5vw,34px);text-shadow:0 2px 0 var(--win-2);animation:none}.win-note{margin-top:4px;font-size:calc(14px * var(--text-scale, 1));color:#d7deea}.win-tickets{position:absolute;left:50%;top:50%;width:0;height:0}.win-tickets i{position:absolute;left:-7px;top:-4px;width:14px;height:8px;border-radius:2px;background:var(--win);box-shadow:inset 0 0 0 1px var(--win-2);opacity:0;animation:win-ticket 1.25s cubic-bezier(.15,.7,.3,1) both}.win-tickets i:nth-child(3n){background:#ff7ad9;box-shadow:inset 0 0 0 1px #c2409b}.win-tickets i:nth-child(3n+1){background:#7fd0ff;box-shadow:inset 0 0 0 1px #3b8fc2}@keyframes win-plate{0%{opacity:0;transform:translateY(14px) scale(.72)}12%{opacity:1;transform:translateY(0) scale(1.06)}20%{transform:scale(1)}86%{opacity:1;transform:scale(1)}to{opacity:0;transform:translateY(-10px) scale(.96)}}@keyframes win-bulbs{0%{border-style:dotted;opacity:.95}to{border-style:dashed;opacity:.6}}@keyframes win-ring{0%{opacity:0;transform:scale(2.3)}25%{opacity:.9}to{opacity:0;transform:scale(1)}}@keyframes win-crown{0%{opacity:0;transform:translateY(-90px) rotate(-18deg)}55%{opacity:1;transform:translateY(4px) rotate(4deg)}75%{transform:translateY(-5px) rotate(-2deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes win-crown-quiet{0%{opacity:0;transform:translateY(-26px)}to{opacity:1;transform:translateY(0)}}@keyframes win-name{0%{transform:scale(.6)}to{transform:scale(1)}}@keyframes win-ticket{0%{opacity:0;transform:rotate(var(--a)) translate(10px) rotate(0) scale(.4)}12%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translate(calc(var(--d) + 60px)) rotate(420deg) scale(1)}}.win-moment.is-still .win-plate,.win-moment.is-still .win-plate *{animation:none!important}.win-moment.is-still .win-ring,.win-moment.is-still .win-tickets{display:none}@media (prefers-reduced-motion: reduce){.win-plate,.win-plate *{animation:none!important}.win-ring,.win-tickets{display:none}}