/* Combat feedback and unobstructed touch layout editing. */
.graphics-presets {display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.batyr-start-settings .graphics-presets button {font:inherit;font-size:14px;padding:8px 10px;border:2px solid #111;border-radius:6px;background:#f4efe4;color:#111;cursor:pointer}
.graphics-preset-help {font-size:13px;line-height:1.4;max-width:42ch}
.mobile-layout-done {position:absolute;z-index:18;top:max(8px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);padding:10px 14px;border:2px solid #111;border-radius:7px;background:#f4efe4;color:#111;font-family:var(--marker);font-size:14px;pointer-events:auto;touch-action:none;min-height:44px}
.mobile-layout-done.hidden {display:none}
.layout-editing .mobile-tune-panel {display:none!important}
.layout-editing .mobile-move-zone,.layout-editing .mobile-look-zone,.layout-editing .mobile-stick {pointer-events:none}
html.touch-controls .layout-editing .mobile-action {opacity:1!important;outline:2px dashed #2462b8;outline-offset:5px;touch-action:none}
.combat-hit,.low-health-notice,.death-summary {position:absolute;pointer-events:none;font-family:var(--marker);color:#f8f4eb;background:#111e;border:2px solid #f8f4eb;border-radius:6px;text-align:center;line-height:1.25;text-shadow:1px 1px #111;box-shadow:0 2px 5px #0005}
.combat-hit {z-index:9;left:50%;top:calc(50% + 36px);transform:translateX(-50%);padding:3px 8px;font-size:clamp(12px,1.3vw,17px)}
.combat-hit:before {content:'×';position:absolute;left:50%;top:-67px;transform:translateX(-50%);font-family:Arial,sans-serif;font-size:44px;line-height:1;color:white;text-shadow:0 0 3px black,2px 2px black}
.combat-hit[data-kind=kill] {background:#215e32}
.combat-hit[data-kind=headshot] {background:#1b4f87}
.combat-hit[data-kind=armor] {background:#61448f}
.combat-hit[data-kind=friendly] {background:#775218}
.combat-hit[data-kind=kill]:before {content:'✕';color:#a8ffb8}
.damage-arrow {position:absolute;left:50%;top:50%;width:190px;height:190px;z-index:10;pointer-events:none;transform:translate(-50%,-50%) rotate(var(--damage-angle,0rad))}
.damage-arrow:before {content:'';position:absolute;left:calc(50% - 11px);top:0;width:22px;height:16px;background:#ff4b3e;clip-path:polygon(50% 0,100% 100%,50% 72%,0 100%);filter:drop-shadow(0 1px 2px #111)}
.low-health-notice {z-index:8;left:50%;bottom:18%;transform:translateX(-50%);padding:3px 10px;font-size:clamp(12px,1.3vw,16px);background:#7b241f}
.death-summary {z-index:15;left:50%;top:37%;transform:translate(-50%,-50%);width:max-content;max-width:70%;padding:12px 18px;font-size:clamp(16px,2vw,25px);white-space:pre-line;overflow-wrap:anywhere}
.combat-low-health .hp-panel {outline:2px solid #ae3027;outline-offset:3px}
.combat-hit.hidden,.damage-arrow.hidden,.low-health-notice.hidden,.death-summary.hidden {display:none}
.freecam-mode .combat-hit,.freecam-mode .damage-arrow,.freecam-mode .low-health-notice,.freecam-mode .death-summary,.joining-mode .combat-hit,.joining-mode .damage-arrow,.joining-mode .low-health-notice,.joining-mode .death-summary,.round-ended .death-summary {display:none}
@media (pointer:coarse),(max-width:920px) {
 .game-root .center-kill-notice {max-width:65%;font-size:clamp(14px,2.3vw,22px);line-height:1.2;overflow-wrap:anywhere}
 .game-root .death-summary {max-width:65%;font-size:clamp(14px,2vw,20px);padding:8px 12px}
 .game-root .combat-hit {font-size:12px;top:calc(50% + 30px)}
 .game-root .combat-hit:before {top:-58px;font-size:36px}
 .game-root .damage-arrow {width:154px;height:154px}
 .game-root .low-health-notice {bottom:22%;font-size:12px}
 html.touch-controls .game-root .hp-panel,html.touch-controls .game-root .armor-panel {opacity:1}
 .game-root .kill-notice {max-width:30%;font-size:12px;line-height:1.25;overflow-wrap:anywhere}
}
@media (prefers-reduced-motion:reduce) {.game-root .hp-panel,.game-root .center-kill-notice {animation:none!important}}
.mobile-graphics-presets {grid-column:1/-1;margin:4px 0 0;justify-content:space-between}
.mobile-graphics-presets button {font-family:var(--marker);font-size:12px;border:2px solid #111;border-radius:5px;padding:8px;background:#f4efe4;color:#111;min-height:40px;touch-action:manipulation}
.batyr-start-settings .graphics-presets,.batyr-start-settings .graphics-preset-help {grid-column:1/-1}
.round-ended .combat-hit,.round-ended .damage-arrow,.round-ended .low-health-notice {display:none}
@media (pointer:coarse),(max-width:920px) {
 html.touch-controls .game-root.map-sketch-style .weapon-view.demon-weapon-view[data-weapon] {right:calc(50% - min(15vw,110px));width:clamp(145px,27vw,220px);bottom:-24px}
}
.game-root .batyr-start-settings {bottom:max(16px,env(safe-area-inset-bottom));max-height:none;align-content:start;overscroll-behavior:contain}