/* Result screen: winner identity and mascot opposite a compact conversation. */
#match-result{position:fixed;inset:0;z-index:120;isolation:isolate;color:#fff5df;font-family:'Barlow Condensed',sans-serif;overflow:hidden;animation:end-arrive .4s ease-out}
#match-result::before{content:'';position:absolute;inset:-8px;z-index:-1;background:#715849 url('game-arena-empty.png') center/cover;filter:blur(3px)}
#match-result .end-heading{position:static;margin:0;padding:0}
#match-result h1{position:absolute;top:9%;left:0;width:100%;margin:0;text-align:center;font:800 clamp(38px,5.2vw,80px)/1 'Barlow Condensed',sans-serif;text-transform:uppercase}
#match-result .hud-card{position:absolute;left:32%;top:27%;transform:translateX(-50%);border:0;z-index:3}
#match-result .lobby-character{width:min(32vw,49vh);left:32%;right:auto;top:auto;bottom:12%;transform:translateX(-50%)}
#match-result .character-joint img,#match-result .character-body{animation-play-state:running}
#match-result .end-footer{position:absolute;box-sizing:border-box;left:51%;right:15%;top:28%;bottom:16%;width:auto;max-width:none;height:auto;min-height:0;margin:0;padding:0;display:grid;grid-template-rows:minmax(0,1fr) 64px;gap:22px;background:none;border:0;text-align:left}
#match-result .end-chat{min-height:0;display:flex;flex-direction:column;gap:14px;padding:22px;background:#34323d70;backdrop-filter:blur(18px);border:1px solid #fff3;border-radius:5px}
#match-result .end-chat h2{font:600 clamp(19px,1.7vw,28px) 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:0;padding-bottom:12px;border-bottom:1px solid #fff3}
#match-result .end-messages{flex:1;overflow:auto;font:clamp(16px,1.3vw,21px)/1.5 'Barlow Condensed',sans-serif}
#match-result .end-messages p{margin:0 0 7px;overflow-wrap:anywhere}
#match-result .end-messages b{color:#ff858c}
#match-result .end-system{color:#eee3d2b0;font-style:italic}
#match-result form{display:flex;gap:8px}
#match-result input{min-width:0;flex:1;background:#ffffff12;border:1px solid #fff3;border-radius:3px;padding:10px;color:#fff5df;font:16px 'Barlow Condensed',sans-serif}
#match-result input::placeholder{color:#eee9}
#match-result button{border:0;border-radius:2px;box-shadow:none;font:600 clamp(16px,1.4vw,24px) 'Barlow Condensed',sans-serif;text-transform:uppercase;cursor:pointer;padding:10px 12px;background:#ffffff20;color:#fff5df;backdrop-filter:blur(15px)}
#match-result .end-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;min-width:0}
#match-result .end-menu{background:#fff5df;color:#171c25}
#match-result button:hover:not(:disabled){background:#de263a;color:white}
#match-result button:disabled{opacity:.45;cursor:default}
#match-result :focus-visible{outline:2px solid #fff5df;outline-offset:3px}
@keyframes end-arrive{from{opacity:0}to{opacity:1}}
.reduce-motion #match-result{animation:none}
@media(prefers-reduced-motion:reduce){#match-result{animation:none}}
@media(max-aspect-ratio:4/3){
 #match-result .hud-card{left:26%}
 #match-result .lobby-character{left:26%;width:43vw;bottom:18%}
 #match-result .end-footer{left:50%;right:5%;bottom:20%}
}
@media(max-width:650px){
 #match-result h1{top:4%;font-size:38px}
 #match-result .hud-card{left:50%;top:12%;width:240px;height:62px}
 #match-result .lobby-character{left:50%;width:min(42vw,27vh);top:22%;bottom:auto}
 #match-result .end-footer{left:5%;right:5%;top:52%;bottom:4%;grid-template-rows:minmax(0,1fr) 52px;gap:12px}
 #match-result .end-chat{padding:12px;gap:6px}
 #match-result .end-chat h2{font-size:18px;padding-bottom:6px}
}