.battle-explanation{display:none;position:fixed;z-index:16;right:22px;top:266px;width:320px;max-height:calc(100dvh - 380px);background:#0c2029f5;border:1px solid #36535f;border-radius:10px;overflow:hidden;color:#d5e4e5;font-size:11px;flex-direction:column}.campaign-active .battle-explanation{display:flex}.battle-explanation[hidden],.countries-open .battle-explanation,.intel-open .battle-explanation{display:none}.battle-explanation header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #2e4651}.battle-explanation header button{font-size:10px;color:#a2c8cf}.explanation-body{padding:10px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.explanation-body[hidden]{display:none}.explanation-body p{margin:4px 0;line-height:1.6;overflow-wrap:anywhere}.explanation-body article{padding:8px;margin:7px 0;background:#16313b;border-radius:6px}.explanation-body strong{font-size:11px;color:#e3ecdc}.explanation-body h4{margin:12px 0 5px;color:#afcbbd}.explanation-body select{max-width:220px;background:#16313b;color:#d5e4e5;border:1px solid #42616c;border-radius:4px;padding:5px}.explanation-warning,.explanation-notes{color:#dfc791}.explanation-summary{color:#b5d8e0}.explanation-next{padding:5px 8px;border:1px solid #42616c;border-radius:4px;font-size:10px}.explanation-next[hidden]{display:none}@media(max-width:900px){.battle-explanation{width:270px;right:12px}}@media(max-width:600px){.battle-explanation{top:auto;bottom:150px;max-height:calc(100dvh - 397px);width:min(280px,calc(100vw - 24px));right:12px}.explanation-body{font-size:10px}}

@media(max-width:600px){.explanation-expanded .battle-feed{display:none}}
