.battle-speed{display:flex;align-items:center;flex:0 0 100px;padding:0;background:none;border:0;box-shadow:none}
.battle-speed .speed-option{position:relative;isolation:isolate;display:grid;place-items:center;width:100px;min-height:44px;padding:8px 12px;border:0;border-radius:9px;background:none;color:#e9f6ff;font-weight:750;font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer;box-shadow:none}
.battle-speed .speed-option::before{content:'';position:absolute;inset:2px 0;z-index:-1;border:1px solid #84b9d28c;border-radius:9px;background:#17394f;transition:border-color .18s,background .18s}
.battle-speed .speed-option:hover:not(:disabled)::before{border-color:#b4dbee;background:#234b63}.battle-speed .speed-option:focus-visible{outline:2px solid #c5d8e9;outline-offset:1px}.battle-speed .speed-option:disabled{opacity:.55;cursor:default}
.combat-event .log-damage,.combat-event .log-heal{display:inline-block;font-size:inherit;font-weight:800;font-variant-numeric:tabular-nums;padding:2px 6px;margin:2px 4px 2px 0;border-radius:5px;white-space:normal}
.combat-event .log-damage{color:#ffadad;background:#f4616e1c}.combat-event .log-heal{color:#8fe8b0;background:#46c9811f}.combat-event.event-heal .event-symbol{color:#8fe8b0}
.battle-feed li:not(:last-child){opacity:1}.battle-feed li:not(:last-child) strong{color:#cad7e5}.battle-feed .combat-event p{line-height:1.65}
@media(max-width:620px){.battle-feed .combat-event p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.battle-speed .speed-option::before{transition:none}}
.combat-event.compact-event{display:block;width:100%;min-width:0;min-height:0!important;margin:0!important;padding:0!important;border:0;border-radius:0;background:none;font-size:13px;line-height:1.65;color:#cbd9e6;text-align:start;overflow-wrap:anywhere}
.compact-event .log-actor{font-weight:750;color:#9ce6d2}.compact-event.log-side-1 .log-actor{color:#ffd293}.compact-event .log-action{margin-inline:5px}.compact-event .log-damage,.compact-event .log-heal{padding:1px 5px;margin:0;white-space:nowrap}.compact-event .log-zero{color:#b8d8f1}.compact-event .log-separator{margin-inline:5px;color:#71889e}.battle-feed li:last-child{background:#91bee90a}.battle-feed li,.battle-log li{padding-block:5px}.battle-feed .log-index,.battle-log .log-index{display:none}
@media(max-width:620px){.combat-event.compact-event{font-size:12px}.battle-feed ol{height:146px}}
.battle-attributes>div{display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 6px}.battle-attributes dt{display:flex;align-items:center;min-height:0!important}.battle-attributes dt svg{width:18px;height:18px}.battle-attributes dd{margin:0;font-size:20px}
.battle-node-count{display:inline-block;margin-inline-start:8px;padding:4px 8px;border:1px solid #edc77e55;border-radius:7px;color:var(--gold);font-size:12px;font-variant-numeric:tabular-nums;vertical-align:middle}
.battle-players .battle-region-emblem{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border:1px solid #d5b27a;border-radius:50%;color:var(--gold);background:#11283e}.battle-region-emblem svg{width:20px;height:20px}
[data-adventure-outcome]:not(:empty){padding:0 18px 18px}
@media(max-width:620px){.battle-players .battle-region-emblem{flex-basis:30px;width:30px;height:30px}.battle-region-emblem svg{width:17px;height:17px}.battle-node-count{font-size:11px;padding:3px 7px}[data-adventure-outcome]:not(:empty){padding:0 10px 12px}}
@media(max-width:620px){.battle-attributes>div{gap:5px;padding:7px 4px}.battle-attributes dt svg{width:15px;height:15px}.battle-attributes dd{font-size:16px}}
/* Keep both fighters and the live feed visible on short phone screens. */
@media(max-width:620px) and (max-height:650px){.live-combat-modal .battle-feed ol{height:88px}.live-combat-modal .battle-feed{margin-bottom:8px}}