.arena-results { box-sizing: border-box; width: min(480px, calc(100vw - 28px)); max-height: calc(100dvh - 28px); overflow-y: auto; border: 1px solid #d0d9e3; border-radius: 12px; background: #f9fbff; color: #24364b; padding: 28px; font: 15px/1.55 system-ui, sans-serif; text-align: left; box-shadow: 0 20px 90px #0007; }
.arena-results::backdrop { background: #07111ecc; }
.arena-results h2 { font: 600 24px/1.25 Georgia,serif; margin: 8px 30px 16px 0; }
.arena-results p { margin: 12px 0; }
.arena-results .match-type { font-size: 11px; color: #8b713d; letter-spacing: .12em; }
.arena-results button { min-height: 44px; padding: 10px 14px; border: 1px solid #cad4df; border-radius: 6px; background: white; color: #263b53; font: 600 12px system-ui; touch-action: manipulation; cursor: pointer; }
.arena-results button:disabled { opacity: .4; cursor: default; }
.arena-results .match-close { position: absolute; top: 10px; right: 10px; font-size: 24px; border: 0; background: transparent; }
.arena-results .match-result-actions { display: flex; gap: 8px; margin: 20px 0 12px; }
.arena-results .match-result-actions button { flex: 1; }
.arena-results .match-concede { background: transparent; border: 0; color: #8c4545; padding-left: 0; }
.arena-results .match-feedback { color: #974545; }
.arena-results .match-return { display: block; color: #25557b; min-height: 44px; padding: 12px 0; font-weight: bold; }
.arena-results [hidden] { display: none !important; }
body:has(.arena-results[open]) #touch-controls { pointer-events: none; }

.lobby-match #arena-invite{display:none!important}.arena-hud .arena-session{flex:1;overflow:hidden}.arena-hud .arena-session>div{min-width:0}.arena-hud .arena-session b,.arena-hud .arena-session span:not(.arena-hud-crown){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arena-hud-actions{flex-shrink:0}