.battle-invite{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:20px;padding-top:20px;border-top:1px solid #ffffff26;position:relative;z-index:1}
.battle-invite-qr{display:block;flex:0 0 132px;width:132px;height:132px;background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 6px 22px #101c3d33}
.battle-invite-qr svg{display:block;width:100%;height:100%}
.battle-invite-copy{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:1;min-width:140px}
.battle-invite-copy b{font-size:17px}.battle-invite-copy span{font-size:12px;color:#e0e8ff;line-height:1.5;overflow-wrap:anywhere;max-width:100%}
.battle-invite-copy button{padding:9px 12px;font-size:12px}
.battle-scan-button{width:100%;margin-top:10px;display:flex;align-items:center;justify-content:center;gap:9px}
.battle-scan-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
#battleQRScanner{margin-top:14px;padding:14px;border:1px solid #dfe5ff;border-radius:18px;background:#eef2ff;color:#293c69}
#battleQRScanner[hidden]{display:none}
#battleQRScanner video{display:block;width:100%;max-height:300px;object-fit:cover;aspect-ratio:1;border-radius:12px;background:#17264a}
#battleQRStatus{margin:10px 0;line-height:1.5;font-size:13px}
#battleQRScanner button{width:100%}
@media(max-width:360px){.battle-invite{gap:12px}.battle-invite-qr{flex-basis:120px;width:120px;height:120px}}