.battle-settings{width:510px;padding:30px}.battle-settings h2{font-size:30px;margin:16px 0}.battle-settings>p{font-size:12px;line-height:1.8;color:var(--muted)}.battle-settings fieldset{border:0;padding:0;margin:25px 0}.battle-settings legend,.battle-settings>label{font-size:12px;color:var(--gold);margin-bottom:10px}.battle-settings fieldset button{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%;background:#162233;border:1px solid #3b4c65;border-radius:6px;padding:15px;margin-top:8px;color:var(--ink);text-align:left}.battle-settings fieldset button[aria-pressed=true]{border-color:var(--gold);background:#b69b6c17}.battle-settings fieldset b{font-size:14px}.battle-settings fieldset span{font-size:11px;color:var(--muted)}.battle-settings>label{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.battle-settings select{font:inherit;color:var(--ink);background:#111c2c;border:1px solid #475a74;border-radius:5px;padding:11px}.battle-settings .fine-print{font-size:11px;margin-bottom:20px}
.skip-battle-effect{position:fixed;right:22px;top:15px;z-index:1700;pointer-events:auto;background:#080f20e8;color:#f5dcae;border:1px solid #c8a768;border-radius:5px;padding:13px 18px;font-size:12px;box-shadow:0 3px 20px #0008}.skip-battle-effect[hidden]{display:none}
.forecast-dialog{position:fixed;top:auto;left:auto;right:22px;bottom:22px;margin:0;width:510px;padding:25px;max-height:calc(100dvh - 44px);overflow-y:auto;background:#101a2bf5;border:1px solid #b99d70;box-shadow:0 15px 70px #000a}.forecast-dialog::backdrop{background:#02061040}.forecast-dialog h2{font-size:24px;margin:12px 0}.forecast-outcome{font-size:12px;line-height:1.7;color:#b9c8db;margin:12px 0 18px}.forecast-outcome.lethal{color:#ffda97}.forecast-heroes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px}.forecast-hero{padding:13px;background:#19283a;border:1px solid #3a4f68;border-radius:5px;display:flex;flex-direction:column;gap:7px}.forecast-hero small{font-size:10px;color:#a0afc2}.forecast-hero strong{font:25px Georgia,serif;color:#eee7d9}.forecast-hero>span{font-size:11px}.forecast-units{max-height:240px;overflow-y:auto}.forecast-unit{display:flex;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid #384c6750}.forecast-unit img{width:43px;height:55px;object-fit:cover;object-position:50% 25%;border-radius:4px}.forecast-unit-copy{display:flex;flex-direction:column;gap:7px}.forecast-unit-copy strong{font-size:13px;font-weight:500}.forecast-unit-copy span{font-size:13px}.forecast-unit-copy small{font-size:10px;color:#a4bdd7}.forecast-dialog .loss{color:#ffb2a5}.forecast-dialog .gain{color:#a6e7c0}.forecast-empty,.forecast-cost{font-size:10px;line-height:1.8;color:#99acc4;margin:12px 0}.forecast-actions{display:flex;gap:12px;align-items:center;margin-top:17px}.forecast-actions .primary{flex:1;padding:13px}.forecast-actions .text-button{padding:13px}.unit.forecast-target{box-shadow:0 0 0 3px #f3b893,0 0 35px #f4b45890}.unit.forecast-source{box-shadow:0 0 0 2px #a7e2d3,0 0 30px #79d0c06b}
@media(max-width:760px){.topbar nav{flex-wrap:wrap;justify-content:flex-start;column-gap:9px;row-gap:3px}.topbar .menu-button{font-size:10px}.battle-settings{padding:24px 20px;max-height:calc(100dvh - 24px);overflow-y:auto}.battle-settings h2{font-size:26px}.battle-settings select{font-size:16px}.forecast-dialog{right:10px;bottom:12px;max-width:calc(100% - 20px);width:450px;max-height:70dvh;padding:20px}.forecast-dialog h2{font-size:22px}.forecast-unit-copy strong,.forecast-unit-copy span{font-size:12px}.forecast-units{max-height:190px}.skip-battle-effect{right:13px;top:12px;font-size:11px;padding:12px}.forecast-hero strong{font-size:23px}}