.match-celebration{--result-accent:#d9a441;--result-deep:#173e35;z-index:80;pointer-events:none;position:fixed;inset:0}.match-celebration[data-game=critter-cape],.match-celebration[data-game=property]{--result-accent:#90c985;--result-deep:#17463e}.match-celebration[data-game=ember-grid],.match-celebration[data-game=eraser]{--result-accent:#ffb267;--result-deep:#452a2e}.match-celebration[data-game=cornerlight],.match-celebration[data-game=gomoku],.match-celebration[data-game=four-in-row]{--result-accent:#80d7ef;--result-deep:#173e50}.match-celebration[data-game=mahjong]{--result-accent:#dfc28b;--result-deep:#31483b}.match-celebration.mood-draw{--result-accent:#b8cee8}.match-result-card{box-sizing:border-box;border:1px solid var(--result-accent);background:linear-gradient(145deg, var(--result-deep), #102a2c);color:#fff8e9;pointer-events:auto;text-align:center;border-radius:24px;width:min(380px,100vw - 32px);max-height:calc(100dvh - 100px);padding:24px;position:absolute;bottom:24px;right:24px;overflow:auto;box-shadow:0 20px 65px #0c232b44}.match-result-card[hidden],.match-result-reopen[hidden]{display:none}.match-result-eyebrow{letter-spacing:.08em;color:var(--result-accent);margin:0 24px 12px;font-size:12px}.match-result-emblem{color:var(--result-accent);margin:4px auto;font-size:54px;line-height:1}.match-result-card h2{color:inherit;margin:14px 0 10px;font-size:24px;line-height:1.4}.match-result-names{overflow-wrap:anywhere;margin:0 0 12px;font-size:22px;font-weight:750;line-height:1.5}.match-result-detail{overflow-wrap:anywhere;color:#dce7df;margin:0 0 18px;font-size:13px;line-height:1.7}.match-result-close,.match-result-back,.match-result-reopen{pointer-events:auto;border:1px solid var(--result-accent);color:#fff8e9;background:var(--result-deep);min-height:44px;font:inherit;cursor:pointer;border-radius:12px}.match-result-close{width:44px;font-size:26px;position:absolute;top:10px;right:10px}.match-result-back{width:100%;padding:10px 24px}.match-result-reopen{padding:10px 18px;position:absolute;bottom:16px;right:16px;box-shadow:0 4px 20px #102a2c30}.match-result-close:focus-visible,.match-result-back:focus-visible,.match-result-reopen:focus-visible{outline-offset:3px;outline:3px solid #fff}.match-result-live{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.match-result-burst{pointer-events:none;position:absolute;inset:0;overflow:hidden}.match-result-burst i{top:-20px;left:calc((var(--i) * 4.1 + 1) * 1%);background:var(--result-accent);width:8px;height:14px;animation:match-confetti 3.5s calc(var(--i) * 40ms) both ease-out;border-radius:2px;position:absolute}.match-result-burst i:nth-child(3n){background:#fff5d8;border-radius:50%;width:6px;height:6px}.is-celebrating .match-result-card{animation:.5s cubic-bezier(.2,.7,.2,1) both match-arrive}@keyframes match-arrive{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:none}}@keyframes match-confetti{0%{opacity:0;transform:translateY(0)rotate(0)}10%{opacity:.9}to{opacity:0;transform:translateY(95dvh)rotate(380deg)}}@media (width<=600px){.match-result-card{max-height:calc(100dvh - 100px);padding:20px;bottom:16px;right:16px}.match-result-emblem{font-size:40px}}@media (height<=500px){.match-result-card{max-height:calc(100dvh - 32px);padding:16px;bottom:16px}.match-result-emblem{display:none}}@media (prefers-reduced-motion:reduce){.match-result-burst{display:none}.is-celebrating .match-result-card{animation:none}}html[data-ui-motion=reduced] .match-result-burst{display:none}html[data-ui-motion=reduced] .is-celebrating .match-result-card{animation:none}