.battle-overlay{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;pointer-events:auto}.battle-overlay__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(4px)}.battle-overlay__content{position:relative;z-index:1;width:94vw;max-width:720px;background:var(--bg-elevated,#1a1d24);border-radius:16px;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 60px rgba(0,0,0,.5);overflow:hidden;animation:battle-slide-in .3s ease-out}@keyframes battle-slide-in{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}.battle-overlay__header{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.06)}.battle-overlay__type{font-size:13px;color:var(--text-muted,#888);letter-spacing:1px;text-transform:uppercase}.battle-overlay__status{flex:1;text-align:center;font-size:14px;font-weight:600;letter-spacing:.5px}.battle-overlay__status--started{color:#ffc53d}.battle-overlay__status--ongoing{color:#52c41a}.battle-overlay__status--ended{color:#ff4d4f}.battle-overlay__close{background:none;border:none;color:var(--text-muted,#888);font-size:18px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .15s,color .15s}.battle-overlay__close:hover{background:rgba(255,255,255,.08);color:var(--text-base,#eee)}.battle-overlay__arena{display:flex;align-items:stretch;gap:0;padding:20px 16px}.battle-overlay__vs{display:flex;align-items:center;justify-content:center;min-width:48px;font-size:22px;font-weight:800;color:rgba(255,255,255,.25);letter-spacing:2px;flex-shrink:0}.battle-side{flex:1;padding:16px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05)}.battle-side--attacker{border-left:3px solid #cf1322}.battle-side--defender{border-right:3px solid #1677ff}.battle-side__label{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:4px}.battle-side--attacker .battle-side__label{color:#ff4d4f}.battle-side--defender .battle-side__label{color:#1677ff}.battle-side__name{font-size:16px;font-weight:700;color:var(--text-base,#eee);margin-bottom:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.battle-side__bar-wrap{height:6px;border-radius:3px;background:rgba(255,255,255,.06);overflow:hidden;margin-bottom:14px}.battle-side__bar-fill{height:100%;border-radius:3px;transition:width .8s ease}.battle-side--attacker .battle-side__bar-fill{background:linear-gradient(90deg,#cf1322,#ff4d4f)}.battle-side--defender .battle-side__bar-fill{background:linear-gradient(90deg,#1677ff,#69b1ff)}.battle-side__stats{display:flex;flex-direction:column;gap:6px}.battle-stat{display:flex;justify-content:space-between;font-size:13px}.battle-stat__label{color:var(--text-muted,#888)}.battle-stat__value{color:var(--text-base,#ccc);font-variant-numeric:tabular-nums}.battle-stat--highlight .battle-stat__value{color:#52c41a;font-weight:600}.battle-stat--dim .battle-stat__value{color:var(--text-muted,#666)}.battle-stat--accent .battle-stat__value{color:#ffc53d;font-weight:600}.battle-reinforce{padding:14px 20px 18px;border-top:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:12px}.battle-reinforce__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.battle-reinforce__title{letter-spacing:.5px;text-transform:uppercase}.battle-reinforce__meta-text,.battle-reinforce__title{font-size:12px;color:var(--text-muted,#888)}.battle-reinforce__form{display:flex;flex-direction:column;gap:10px}.battle-reinforce__mode{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:3px;background:rgba(255,255,255,.04);border-radius:8px;border:1px solid rgba(255,255,255,.06)}.battle-reinforce__mode-btn{background:transparent;border:none;color:var(--text-muted,#aaa);font-size:13px;padding:6px 8px;border-radius:6px;cursor:pointer;transition:background .15s,color .15s;user-select:none}.battle-reinforce__mode-btn:hover{color:var(--text-base,#eee)}.battle-reinforce__mode-btn--active{background:rgba(75,123,236,.22);color:#fff;font-weight:600;box-shadow:inset 0 0 0 1px rgba(75,123,236,.45)}.battle-reinforce__troops{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.battle-reinforce__troop-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 6px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:8px;color:var(--text-base,#ddd);font-size:13px;cursor:pointer;transition:background .15s,border-color .15s,transform .1s;line-height:1.2;min-height:48px}.battle-reinforce__troop-btn:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.18)}.battle-reinforce__troop-btn:active{transform:translateY(1px)}.battle-reinforce__troop-btn--active{background:rgba(75,123,236,.18);border-color:rgba(75,123,236,.6);color:#fff;box-shadow:inset 0 0 0 1px rgba(75,123,236,.45)}.battle-reinforce__troop-btn--empty .battle-reinforce__troop-have{color:#ff7875}.battle-reinforce__troop-name{font-weight:600}.battle-reinforce__troop-have{font-size:11px;color:var(--text-muted,#888);font-variant-numeric:tabular-nums}.battle-reinforce__troop-btn--active .battle-reinforce__troop-have{color:rgba(255,255,255,.78)}.battle-reinforce__count-row{display:flex;align-items:center;gap:8px}.battle-reinforce__count-label{font-size:12px;color:var(--text-muted,#888);flex-shrink:0}.battle-reinforce__count{flex:1;min-width:0}.battle-reinforce__count-reset{flex-shrink:0;padding:0 8px;height:28px;font-size:12px}.battle-reinforce__summary{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.battle-reinforce__tag{font-size:12px;color:var(--text-base,#aaa);background:rgba(255,255,255,.04);padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.06);line-height:1.4;white-space:nowrap;text-align:center}.battle-reinforce__tag--cost{color:var(--text-base,#ddd);font-weight:600}.battle-reinforce__tag--points{color:#ffd666;background:rgba(255,197,61,.12);border-color:rgba(255,197,61,.4);font-weight:600}.battle-reinforce__tag--lack{color:#ff7875;background:rgba(255,77,79,.12);border-color:rgba(255,77,79,.4)}.battle-reinforce__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.battle-reinforce__actions .ant-btn{font-weight:600;letter-spacing:1px;height:38px}.battle-fab{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:1050;background:rgba(207,19,34,.85);color:#fff;padding:8px 20px;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;backdrop-filter:blur(8px);box-shadow:0 4px 16px rgba(207,19,34,.35);animation:battle-fab-pulse 2s ease-in-out infinite;user-select:none}.battle-fab:hover{background:rgba(207,19,34,.95)}@keyframes battle-fab-pulse{0%,to{box-shadow:0 4px 16px rgba(207,19,34,.35)}50%{box-shadow:0 4px 24px rgba(207,19,34,.55)}}@media (max-width:600px){.battle-overlay{padding:calc(8px + env(safe-area-inset-top, 0px)) calc(8px + env(safe-area-inset-right, 0px)) calc(8px + env(safe-area-inset-bottom, 0px)) calc(8px + env(safe-area-inset-left, 0px))}.battle-overlay__content{width:100%;max-width:100%;max-height:100%;border-radius:12px;display:flex;flex-direction:column}.battle-overlay__header{padding:10px 12px;gap:8px;flex-shrink:0}.battle-overlay__type{font-size:11px;letter-spacing:.5px;flex-shrink:0}.battle-overlay__status{font-size:13px;letter-spacing:0;min-width:0}.battle-overlay__close{flex-shrink:0;width:32px;height:32px;padding:0;font-size:16px;display:inline-flex;align-items:center;justify-content:center}.battle-overlay__arena{flex:1;flex-direction:column;gap:12px;overflow-y:auto;padding:14px 12px;min-height:0}.battle-overlay__vs{min-width:auto;padding:4px 0;font-size:16px}.battle-side{min-height:auto;padding:12px 14px}.battle-reinforce{padding:10px 12px 12px;flex-shrink:0;gap:10px}.battle-reinforce__troops{grid-template-columns:repeat(2,minmax(0,1fr))}.battle-reinforce__troop-btn{min-height:44px;font-size:13px}.battle-reinforce__actions .ant-btn{height:40px;font-size:14px}}