/* Ported from Legacy match-end styles. */

#gameover{--end-highlight:#fff0b5;--end-metal:#b99550;--end-shadow:#332719;--end-glow:66,199,255;width:min(760px,96vw);max-height:96dvh;padding:54px 38px 24px;overflow:auto;text-align:center;color:#f3e8ca;background:transparent;border:0;border-radius:0;box-shadow:none;isolation:isolate}
#gameover[data-outcome="defeat"]{--end-highlight:#f5c1a1;--end-metal:#a55644;--end-shadow:#331313;--end-glow:229,48,48}
#gameover[data-outcome="draw"]{--end-highlight:#e4eaf6;--end-metal:#8b9eb6;--end-shadow:#202937;--end-glow:145,167,205}
#gameover::backdrop{background:radial-gradient(ellipse at 50% 42%,#040c1399,#02060de8);backdrop-filter:blur(3px)}
#gameover .end-aura{position:absolute;z-index:-1;pointer-events:none;inset:0;background:radial-gradient(ellipse at 50% 35%,rgba(var(--end-glow),.3),transparent 57%)}
#gameover .end-aura::before,#gameover .end-aura::after{content:'';position:absolute;left:50%;top:34%;width:240px;height:240px;border:1px solid rgba(var(--end-glow),.42);box-shadow:0 0 35px rgba(var(--end-glow),.2),inset 0 0 35px rgba(var(--end-glow),.15);transform:translate(-50%,-50%) rotate(45deg)}
#gameover .end-aura::after{width:285px;height:285px;transform:translate(-50%,-50%) rotate(30deg);opacity:.35}
#gameover .end-kicker{margin:0 0 18px;color:#cccfce;font-size:10px;font-weight:600;letter-spacing:.38em}
#gameover .end-crest{position:relative;width:100%;filter:drop-shadow(0 0 18px rgba(var(--end-glow),.5)) drop-shadow(0 12px 18px #000)}
#gameover .end-frame{display:block;width:100%;height:auto}
#gameover h2{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;padding-bottom:5px;color:var(--end-highlight);font:700 clamp(36px,8vw,78px)/1 Georgia,'Times New Roman',serif;letter-spacing:.075em;text-transform:uppercase;text-shadow:0 2px 0 var(--end-metal),0 4px 2px #000,0 0 25px rgba(var(--end-glow),.3)}
#gameover .end-summary{width:min(390px,100%);margin:30px auto 0}
#gameover #end-score-label{margin:0;color:#b9b9b6;font-size:10px;letter-spacing:.24em}
#gameover #gameover-score{display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);align-items:center;gap:12px;margin:14px 0 0}
#gameover .end-player{display:flex;flex-direction:column;min-width:0;gap:3px}
#gameover .end-player-name{color:#d3d6d7;font-size:13px;overflow-wrap:anywhere}
#gameover .end-player strong{color:#aab2bc;font:400 40px/1.2 Georgia,serif;font-variant-numeric:tabular-nums}
#gameover .end-player.is-winner strong{color:var(--end-highlight);text-shadow:0 0 20px rgba(var(--end-glow),.4)}
#gameover .end-score-divider{color:#72818b;font-size:20px}
#gameover #gameover-reason{margin:18px 0 0;color:#b8c1c9;font-size:13px;line-height:1.6}
#gameover .end-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:28px}
#gameover button{min-width:155px;padding:12px 22px;border:1px solid #65727c;border-radius:2px;background:#101a22;color:#d5dde1;font-size:12px;letter-spacing:.06em;transition:filter .2s,box-shadow .2s}
#gameover #gameover-again{border-color:var(--end-metal);background:linear-gradient(#39404a,#121c26);color:var(--end-highlight);box-shadow:inset 0 0 0 2px #10161e,0 0 20px rgba(var(--end-glow),.12)}
#gameover button:hover:not(:disabled){filter:brightness(1.25);box-shadow:0 0 22px rgba(var(--end-glow),.25)}
#gameover button:focus-visible{outline:2px solid var(--end-highlight);outline-offset:4px}
#gameover #end-wait{font-size:12px;color:#bdc8d2;min-height:18px;margin:18px 0 0}
#gameover[open] .end-crest{animation:end-reveal .7s cubic-bezier(.16,1,.3,1) both}
#gameover[open] .end-summary,#gameover[open] .end-buttons{animation:end-reveal .65s .15s both}
@keyframes end-reveal{from{opacity:0;transform:translateY(14px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:480px){#gameover{padding:42px 8px 18px}#gameover h2{font-size:clamp(28px,9vw,43px)}#gameover .end-summary{padding:0 20px;margin-top:24px}#gameover .end-buttons{gap:10px}#gameover button{min-width:135px;padding:12px}#gameover .end-aura::before{width:175px;height:175px}#gameover .end-aura::after{width:205px;height:205px}}
@media(prefers-reduced-motion:reduce){#gameover[open] .end-crest,#gameover[open] .end-summary,#gameover[open] .end-buttons{animation:none}}


#gameover { box-sizing:border-box; font-family:var(--ui,sans-serif); }
#gameover h2 { font-family:var(--display,Georgia,serif); }
#gameover:not([open]) { display:none; }
html[data-motion="reduced"] #gameover * { animation:none!important; }
html[data-motion="fast"] #gameover .end-crest, html[data-motion="fast"] #gameover .end-summary, html[data-motion="fast"] #gameover .end-buttons { animation-duration:.3s; animation-delay:0s; }