/* Laya A/B Battle: side-by-side manual preference. */
.bottom-nav{grid-template-columns:repeat(7,minmax(0,1fr))}
@media(max-width:420px){.bottom-nav button{font-size:9px;min-width:0}.bottom-nav span{font-size:16px}}

.battle-opt {display:flex; align-items:flex-start; gap:10px; padding:12px; border:1px solid var(--line,#475569); border-radius:12px; margin:12px 0; background:var(--surface,#141b2a)}
.battle-opt input {margin-top:4px; width:19px; height:19px; accent-color:#8b5cf6}
.battle-opt strong {display:block;font-size:1rem}
.battle-opt small {display:block;opacity:.78;margin-top:3px;line-height:1.35}
.battle-intro{margin:10px 0 16px;line-height:1.4}
.battle-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:10px 0}
.battle-list{display:flex;gap:8px;overflow-x:auto;padding:8px 0 14px}
.battle-history-btn{flex:0 0 auto;border:1px solid var(--line,#526172);background:var(--surface,#202938);color:inherit;border-radius:10px;padding:10px 12px;text-align:left}
.battle-history-btn.active{outline:2px solid #9070e5}
.battle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}
.battle-arm{border:1px solid var(--line,#46546a);border-radius:14px;padding:12px;min-width:0;background:var(--surface,#202938)}
.battle-arm h4{margin:0 0 6px;font-size:1rem}
.battle-arm img{width:100%;height:auto;max-height:530px;object-fit:contain;background:#151515;border-radius:8px;cursor:zoom-in}
.battle-arm .battle-media{min-height:130px;display:flex;justify-content:center;align-items:center;padding:8px}
.battle-arm .muted,.battle-meta{overflow-wrap:anywhere;font-size:.85rem}
.battle-arm details{margin:8px 0}
.battle-arm pre{white-space:pre-wrap;word-break:break-word;font-size:.75rem;max-height:170px;overflow:auto}
.battle-vote{border:1px solid var(--line,#4b5563);border-radius:12px;padding:14px;margin:16px 0}
.battle-vote .battle-choices{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.battle-vote button[data-winner]{min-width:105px}
.battle-vote textarea{width:100%;min-height:70px}
.battle-vote select{width:100%;margin:6px 0 10px}
.battle-warning{padding:9px 12px;border-left:3px solid #dc9c34;background:rgba(210,140,35,.09);border-radius:6px;margin:10px 0}
.battle-success{padding:8px 10px;border-left:3px solid #24a573;margin:10px 0}
.battle-error{color:var(--bad,#f87171);overflow-wrap:anywhere}
@media(max-width:640px){.battle-grid{grid-template-columns:1fr}.battle-arm img{max-height:450px}}