Combat rework: packs, abilities, rest, health potions, group bosses

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
rope 2026-10-24 09:49:21 +01:00
parent 472609ac70
commit 57d11e30da
10 changed files with 1562 additions and 380 deletions

View file

@ -553,9 +553,32 @@ button.sheet-skill:hover { background: var(--panel-2); }
@media (max-width: 900px) {
.combat-frame { display: flex; flex-direction: column; gap: 16px; }
.you-side { display: contents; }
.you-side > .fighter { order: 1; } .foe-side { order: 2; } .prayer-bar { order: 3; } .you-side > .doll-wrap { order: 4; }
.you-side > .fighter { order: 1; } .foe-side { order: 2; } .ability-bar { order: 3; } .prayer-bar { order: 3; } .you-side > .doll-wrap { order: 4; }
}
.bar.mini.foe > span { background: var(--bad); }
/* Packs, casts and abilities */
.pack { display: grid; gap: 12px; }
.fighter.out { opacity: .4; }
.traits-inline { display: inline-flex; gap: 2px; margin-left: 6px; vertical-align: middle; }
.traits-inline .v-res { display: inline-flex; gap: 2px; margin-left: 4px; }
.traits-inline .dmg .gi { width: 13px; height: 13px; }
.traits-inline .yours .dmg { box-shadow: 0 0 0 1.5px var(--gold); border-radius: 50%; }
.cast { display: grid; grid-template-columns: auto 1fr; gap: 8px; align-items: center; min-height: 16px; color: var(--gold); }
.cast:empty { display: none; }
.cast .bar { height: 4px; }
.cast .bar > span { background: var(--gold); transition: none; }
.foe-unit .cast { color: var(--bad); }
.foe-unit .cast .bar > span { background: var(--bad); }
.ability-bar { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.ab { position: relative; width: 38px; height: 38px; border-radius: 9px; display: grid; place-items: center; font-size: 20px;
background: var(--panel-2); border: 1px solid var(--line); overflow: hidden; }
.ab.locked { opacity: .35; filter: grayscale(1); }
.ab.fired { border-color: var(--gold); box-shadow: 0 0 0 2px var(--gold); }
.ab.spent { opacity: .35; }
.ab-cd { position: absolute; left: 0; right: 0; bottom: 0; height: 0; background: rgba(0, 0, 0, .55); pointer-events: none; }
.ab-lv { position: absolute; bottom: 0; right: 2px; font-size: 10px; font-weight: 700; color: var(--muted); filter: none; }
.ab-gap { width: 6px; }
.fight-log .warn { color: var(--gold); }
.pill { padding: 3px 10px 3px 3px; }
.pill .dmg { border-radius: 50%; }