.match-highlight[hidden]{display:none!important}
body.highlight-presenting .arena-wrap{--highlight-label-height:40px;padding-top:var(--highlight-label-height);background:#073c54}
body.highlight-presenting .arena-wrap canvas,body.highlight-presenting #core-ui #arena{top:var(--highlight-label-height);height:calc(100% - var(--highlight-label-height))}
.match-highlight{position:absolute;inset:0;z-index:24;pointer-events:none;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:10px;padding:clamp(10px,2vw,24px);box-sizing:border-box;color:#fff9dd;font-family:'Nunito Sans',system-ui,sans-serif}
.match-highlight-heading{position:absolute;top:0;left:0;right:0;height:var(--highlight-label-height,40px);display:flex;align-items:center;justify-content:center;gap:14px;max-width:none;padding:0 14px;border:0;border-bottom:2px solid #f7db88;border-radius:0;background:linear-gradient(150deg,#16697e,#073c54);box-shadow:inset 0 1px #fff5;text-align:center;white-space:nowrap;overflow:hidden}
.match-highlight-kicker{flex:none;display:block;font-size:10px;font-weight:900;letter-spacing:1.5px;color:#ffdc83}
.match-highlight-logo{flex:none;width:auto;max-width:90px;height:calc(var(--highlight-label-height,40px) - 4px);object-fit:contain}
.match-highlight-heading strong{display:block;min-width:0;margin:0;font-size:clamp(16px,2vw,21px);line-height:1.2;overflow:hidden;text-overflow:ellipsis}
.match-highlight-controls{pointer-events:auto;display:grid;grid-template-columns:minmax(80px,1fr) auto;align-items:center;gap:7px 14px;width:min(640px,94%);padding:10px 16px;border:2px solid #ffe5a0;border-radius:18px;background:linear-gradient(150deg,#15596ff7,#072e45f7);box-shadow:inset 0 1px #fff4,0 4px 12px #00283d55}
.match-highlight progress{width:100%;height:9px;accent-color:#f5d879;border:0;border-radius:20px;overflow:hidden;background:#052e40}
.match-highlight progress::-webkit-progress-bar{background:#052e40}.match-highlight progress::-webkit-progress-value{background:linear-gradient(90deg,#36daca,#f9dc83)}
.match-highlight [data-highlight=time]{font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.match-highlight-buttons{grid-column:1/-1;display:flex;gap:10px;justify-content:center}
.match-highlight-buttons button{box-sizing:border-box;min-height:44px;min-width:88px;flex:1;padding:8px 16px;border:2px solid #fff1be;border-radius:12px;font:900 14px/1.15 'Nunito Sans',system-ui,sans-serif;color:#07546b;background:linear-gradient(#fdf2b9,#e5b954);box-shadow:inset 0 1px #fff,0 2px #976b32;cursor:pointer}
.match-highlight-buttons [data-highlight=replay]{background:linear-gradient(#d0fff3,#67d6ce)}
.match-highlight-buttons button:disabled{opacity:.5;cursor:default;box-shadow:none}
.match-highlight-buttons button:focus-visible{outline:3px solid #fff;outline-offset:3px}
.match-highlight [data-highlight=status]{grid-column:1/-1;text-align:center;font-size:11px;line-height:1.3;color:#d5f7f1;min-height:1.3em}
.match-highlight[data-state=playing] .match-highlight-buttons,.match-highlight[data-state=playing] [data-highlight=status]{display:none}
@media(max-height:450px){body.highlight-presenting .arena-wrap{--highlight-label-height:30px}.match-highlight{padding:7px 10px}.match-highlight-heading{padding:0 10px;gap:10px}.match-highlight-kicker{font-size:8px;letter-spacing:1px}.match-highlight-heading strong{font-size:15px}.match-highlight-controls{width:min(570px,94%);padding:6px 12px;gap:4px 10px;border-radius:13px}.match-highlight-buttons{gap:8px}.match-highlight-buttons button{padding:6px 10px;font-size:13px}.match-highlight [data-highlight=status]{font-size:10px}}

.match-highlight[data-kind=battle][data-state=playing] .match-highlight-buttons{display:flex}
.match-highlight[data-kind=battle][data-state=playing] .match-highlight-buttons button:not([data-highlight=continue]){display:none}
.match-highlight[data-kind=battle][data-state=playing] [data-highlight=status]{display:block}
.match-highlight-buttons [hidden]{display:none!important}