.battle-detail-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;border:0;border-radius:12px;padding:10px 14px;background:#102b43;color:#fff;font-weight:800;cursor:pointer}.battle-detail-btn:hover{filter:brightness(1.08)}
.battle-modal{position:fixed;inset:0;background:rgba(5,18,30,.72);z-index:9999;display:none;align-items:center;justify-content:center;padding:18px}.battle-modal.open{display:flex}.battle-dialog{width:min(920px,100%);max-height:min(88vh,900px);overflow:auto;background:#fff;border-radius:22px;box-shadow:0 24px 70px rgba(0,0,0,.28);padding:24px;position:relative}.battle-dialog h2{margin:0 40px 8px 0}.battle-dialog .battle-intro{color:#52616f;line-height:1.9;margin:0 0 18px}.battle-close{position:absolute;top:14px;left:14px;width:40px;height:40px;border:0;border-radius:50%;background:#eef2f5;font-size:22px;cursor:pointer}.battle-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.battle-detail-box{border:1px solid #e3e8ec;border-radius:16px;padding:15px;background:#f9fbfc}.battle-detail-box.full{grid-column:1/-1}.battle-detail-box h3{margin:0 0 7px;font-size:1rem}.battle-detail-box p{margin:0;line-height:1.9}.battle-source-note{margin-top:18px;padding:14px;border-radius:14px;background:#f1f5f8;line-height:1.8}.battle-source-note strong{display:block;margin-bottom:5px}@media(max-width:650px){.battle-dialog{padding:18px;border-radius:18px}.battle-detail-grid{grid-template-columns:1fr}.battle-detail-box.full{grid-column:auto}.battle-dialog h2{font-size:1.25rem}}