/* Presentation only: the engine remains the source of combat rules. */
.world-game .app.immersive .event-sheet:has(.combat-decision){
  width:440px;max-width:calc(100vw - 36px);scrollbar-color:#718d78 #172b23;scrollbar-width:thin;
}
.world-game .app.immersive .event-sheet .combat-decision{
  --combat-muted:#c2d0c4;--combat-alert:#ffd19f;--combat-enemy:#ffb8ab;
}
.combat-decision ::selection{background:#e6ce92;color:#18291f}
.combat-decision .section-heading{gap:16px;margin-bottom:18px;align-items:start}
.combat-decision .section-heading>span{flex-shrink:0;font-size:13px;color:var(--combat-muted);font-variant-numeric:tabular-nums}
.world-game .app.immersive .event-sheet .combat-decision .arena{gap:10px;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);margin-bottom:16px}
.world-game .app.immersive .event-sheet .combat-decision .combatant{padding:14px 10px;gap:8px;border-radius:12px}
.world-game .app.immersive .event-sheet .combat-decision .combatant .avatar{height:32px}
.world-game .app.immersive .event-sheet .combat-decision .combatant strong{font-size:15px;line-height:1.3;overflow-wrap:anywhere}
.world-game .app.immersive .event-sheet .combat-decision .combatant small{font-size:13px;color:var(--combat-muted);font-variant-numeric:tabular-nums}
.combat-decision .meter{height:6px}
.world-game .app.immersive .event-sheet .combat-decision .fighter-select{gap:8px;margin-bottom:16px}
.world-game .app.immersive .event-sheet .combat-decision .fighter-select .button{min-height:44px;padding:10px;font-size:13px;flex:1 1 130px}
.world-game .app.immersive .event-sheet .combat-decision .intent{padding:14px 0;border-top:1px solid #ac80705c;border-bottom:1px solid #ac80705c;gap:12px;align-items:start;margin-bottom:12px;color:var(--combat-enemy)}
.combat-decision .intent>.icon{flex-shrink:0;margin-top:3px;width:22px;height:22px}
.combat-decision .intent>div{display:grid;gap:4px}
.combat-decision .intent span,.combat-decision .intent small{font-size:13px;line-height:1.4}
.combat-decision .intent strong{font-size:17px;line-height:1.35}
.world-game .app.immersive .event-sheet .combat-decision .enemy-trait{color:var(--combat-muted);margin-bottom:16px}
.world-game .app.immersive .event-sheet .combat-decision .combat-actions{gap:8px}
.world-game .app.immersive .event-sheet .combat-decision .combat-actions .button{min-height:102px;padding:12px 6px;gap:7px;border-radius:12px;justify-content:start}
.combat-decision .combat-actions strong{font-size:15px;font-weight:600}
.combat-decision .combat-actions small{font-size:12px;line-height:1.4;font-weight:400}
.combat-decision .combat-actions .button:not(:disabled):hover{border-color:#f5d998;background:#304536}
.combat-decision .combat-actions .button:disabled{opacity:1;background:#26362e;color:#abbcaf;border-color:#566957}
.combat-decision :is(button,summary):focus-visible{outline:2px solid #f5d998;outline-offset:3px}
.world-game .app.immersive .event-sheet .combat-decision :is(.combat-unavailable,.combat-caution){font-size:13px;line-height:1.5;color:var(--combat-alert);margin-top:12px}
.combat-decision .combat-retreat{margin-top:18px;padding-top:14px;border-top:1px solid #69836c66}
.world-game .app.immersive .event-sheet .combat-decision .utility-row{margin:0;gap:10px}
.combat-decision .utility-row>.button{flex:1}
.world-game .app.immersive .event-sheet .combat-decision .combat-retreat p{color:var(--combat-muted);font-size:13px;line-height:1.5;margin-top:10px}
.world-game .app.immersive .event-sheet .combat-decision .battle-log{max-height:none;overflow:visible;border-top:1px solid #69836c66;margin-top:18px;padding-top:12px;gap:8px}
.world-game .app.immersive .event-sheet .combat-decision .battle-log p{font-size:13px;line-height:1.5;color:var(--combat-muted)}
.combat-decision .button:not(:disabled):active{transform:translateY(1px)}
@media(max-width:700px){
  .world-game .app.immersive .event-sheet:has(.combat-decision){width:auto;max-width:none}
}
@media(max-width:370px){
  .world-game .app.immersive .event-sheet .combat-decision .combat-actions{grid-template-columns:1fr}
  .world-game .app.immersive .event-sheet .combat-decision .combat-actions .button{min-height:58px;display:grid;grid-template-columns:24px 1fr;gap:3px 10px;align-items:center;text-align:left;padding:10px 14px}
  .combat-decision .combat-actions .icon{grid-row:1/3}
}
@media(prefers-reduced-motion:reduce){.combat-decision .button{transition:none}.combat-decision .button:not(:disabled):active{transform:none}}
.combat-prepared{padding:10px 12px;background:#204f41;color:#d5f4df;border-radius:8px;line-height:1.5}
.combat-support{margin:14px 0;color:#d6e7dc}
.combat-support summary{cursor:pointer;font-weight:650;padding:8px 0}
.combat-support p{font-size:12px;line-height:1.5;color:#bdcdc1;margin:6px 0 10px}
.support-option{display:flex;flex-direction:column;align-items:flex-start;text-align:left;width:100%;gap:4px;margin:8px 0;white-space:normal}
.support-option span,.support-option small{font-size:12px;line-height:1.45}
.combat-tools{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.combat-tools .button{flex:1 1 155px;flex-wrap:wrap;white-space:normal}
.combat-tools small{display:block;flex-basis:100%;font-size:11px;line-height:1.45}