.home-rank,.occupation-rank{display:flex;gap:7px;width:100%}.front{display:grid;align-content:end}.occupation-rank:not(:empty){border-top:3px solid #d8b457;padding-top:6px}.unit.selected{outline:4px solid #7ce6ff}.unit.legal-target{outline:4px solid #ffcf55;cursor:pointer}.unit.selected-target{outline:5px solid #ff646f}.unit.invading{background:#fff4cf}.position{display:block;min-height:1em;color:#9c2631;font:900 .55rem Arial;letter-spacing:.12em}.combat-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin:6px 0}.combat-stats span{padding:4px 2px;background:#172b43;color:white;text-align:center;font:700 .54rem Arial}.combat-stats b{display:block;font-size:1rem;color:#ffd66f}.equipment{color:#6a3a00;font-weight:bold}.combat-console{position:sticky;bottom:8px;z-index:3;margin:10px 0;padding:13px;border:3px solid var(--gold);background:#071528f5;box-shadow:0 8px 25px #000}.combat-console button,.wide-action{margin:5px;padding:8px 10px;border:1px solid var(--gold);background:#e8d293;color:#111;font-weight:bold;cursor:pointer}.equation{display:block;margin:8px 0;font:15px/1.5 Arial}.winner{inset:20% 12%}.winner strong{display:block}.winner-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px}.winner-actions button,.winner-actions a{padding:12px 16px;border:2px solid var(--gold);background:var(--cream);color:var(--ink);font:bold .85rem Arial;text-decoration:none;text-transform:uppercase;cursor:pointer}.winner-actions button[data-review]{background:#142b49;color:white}@media(max-width:760px){.winner{inset:12% 5%}.winner-actions{display:grid}.combat-stats span{font-size:.45rem}.combat-stats b{font-size:.8rem}}
.difficulty-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px}.difficulty-choices button{padding:16px;text-align:left;background:var(--cream);color:var(--ink);border:4px solid transparent;cursor:pointer}.difficulty-choices button:hover,.difficulty-choices button.selected{border-color:var(--gold)}.difficulty-choices button.selected{box-shadow:inset 0 0 0 3px var(--red)}.difficulty-choices b,.difficulty-choices span{display:block}.difficulty-choices b{font-size:1rem;text-transform:uppercase}.difficulty-choices span{margin-top:6px;font-size:.76rem}@media(max-width:760px){.difficulty-choices{grid-template-columns:1fr}}