.fight-panel{position:absolute;z-index:18;bottom:26px;left:50%;transform:translateX(-50%);width:min(670px,calc(100% - 48px));padding:15px 20px;background:linear-gradient(110deg,#0b1d30f5 55%,#301827f5);border-top:3px solid #efa448;box-shadow:0 10px 35px #0005;color:#fff;pointer-events:none}
.fight-panel[hidden],.fight-notice[hidden]{display:none}
.fight-eyebrow{font:700 11px system-ui;letter-spacing:2px;color:#edb66f}
.fight-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:4px 0 12px}
.fight-heading h2{font:italic 900 27px system-ui;margin:0;letter-spacing:.5px}
.fight-heading span{font:700 11px system-ui;color:#b7cddd}
.fight-sides{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.fight-side b{font:800 16px system-ui;display:block}.fight-side small{font:700 11px system-ui;color:#ffd494;display:block;margin:5px 0 8px}
.fight-side:nth-child(2) small{color:#ffb4c2}
.fight-track{height:6px;background:#ffffff20;margin-top:4px;overflow:hidden}.fight-track:last-child{height:3px}
.fight-track i{display:block;height:100%;background:#eeb15f;transition:width .12s}.fight-side:nth-child(2) .fight-health{background:#f46c88}.fight-track .fight-stamina{background:#acd7e9}
.fight-detail{font:700 12px/1.55 system-ui;color:#d9e8f2;margin:13px 0 0}
.fight-actions{display:flex;gap:10px;margin-top:10px;pointer-events:auto}.fight-actions:has(button:not([hidden])){min-height:34px}.fight-actions:has(button[hidden]+button[hidden]){display:none}
.fight-actions button{border:1px solid #ffffff65;color:#fff;background:#ffffff10;padding:8px 15px;font:800 12px system-ui;cursor:pointer}.fight-actions #acceptFight{background:#eeb15f;color:#101c2e;border-color:#eeb15f}.fight-actions button:focus-visible{outline:3px solid white;outline-offset:3px}
.fight-notice{position:absolute;z-index:19;bottom:30px;left:50%;transform:translateX(-50%);padding:13px 20px;background:#0a1a2ef2;border-left:4px solid #efaf58;font:800 13px system-ui;color:white;max-width:80%;pointer-events:none}
.arena-wrap.is-fighting .on-ice,.arena-wrap.is-fighting .faceoff-callout{display:none}
.arena-wrap.is-replay .fight-panel{display:none}
.fight-panel:not([data-phase="pending"]){left:auto;right:22px;top:140px;bottom:auto;transform:none;width:292px;padding:14px 16px}
.fight-panel:not([data-phase="pending"]) .fight-sides{grid-template-columns:1fr;gap:13px}
.fight-panel:not([data-phase="pending"]) .fight-heading{display:block}.fight-panel:not([data-phase="pending"]) .fight-heading h2{font-size:23px;margin-bottom:3px}
.fight-panel:not([data-phase="pending"]) .fight-detail{font-size:11px}
.bottom-strip[data-mode="fight"] .hockey-ribbon,.bottom-strip[data-mode="fight"] .zamboni-ribbon,.fight-ribbon{display:none}.bottom-strip[data-mode="fight"] .fight-ribbon{display:flex}
@media(max-height:650px){.fight-panel{bottom:10px;padding:10px 15px}.fight-heading{margin-bottom:7px}.fight-heading h2{font-size:22px}.fight-detail{margin-top:8px}}
@media(max-width:600px){.fight-panel{width:calc(100% - 24px);padding:12px}.fight-sides{gap:12px}.fight-side b{font-size:13px}.fight-detail{font-size:11px}.fight-heading span{display:none}}
@media(max-width:850px){.fight-panel:not([data-phase="pending"]){width:220px;right:12px;top:125px;padding:10px}.fight-panel:not([data-phase="pending"]) .fight-heading h2{font-size:19px}.fight-panel:not([data-phase="pending"]) .fight-detail{display:none}}