/* Shot skill bar: replaces the blind stopwatch only when the attacker shoots. */
.shotBars{display:grid;gap:12px;margin:18px 0}
.shotBar{display:grid;gap:10px;width:100%;text-align:left;background:#14211b;border:2px solid #163c1c;border-radius:12px;padding:14px 16px 12px;color:#f2f3e9;box-shadow:0 3px 0 #0b1310;min-height:118px;touch-action:manipulation;-webkit-user-select:none;user-select:none}
.shotBar:disabled{opacity:1;cursor:default}.shotBar:not(:disabled){cursor:pointer;border-color:#dabb5c}.shotBar:not(:disabled):active{transform:translateY(2px);box-shadow:0 1px 0 #0b1310}
.shotBar .sbHead{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:13px}.shotBar .sbHead b{font-family:var(--font-display);font-size:22px;letter-spacing:.5px;text-transform:uppercase}.shotBar .sbHead small{color:#c8c3a8;font-weight:700;letter-spacing:1px}
.sbTrack{position:relative;display:block;height:34px;border-radius:17px;background:repeating-linear-gradient(90deg,#24342b 0 10%,#1f2e26 10% 20%);box-shadow:inset 0 2px 6px #000a;overflow:hidden}
.sbZone{position:absolute;top:0;bottom:0;background:linear-gradient(90deg,#3f6f37,#dabb5c 50%,#3f6f37)}.keeperBar .sbZone{background:linear-gradient(90deg,#2e5a7a,#a3ccec 50%,#2e5a7a)}
.sbCenter{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#fff}
.sbCursor{position:absolute;top:-3px;bottom:-3px;width:8px;margin-left:-4px;border-radius:4px;background:#fff;box-shadow:0 0 0 2px #2c1810,0 0 12px #fff8;left:0}
.shotBar.stopped .sbCursor{background:#f0d484;box-shadow:0 0 0 2px #2c1810,0 0 16px #f0d484}
.sbState{min-height:18px;font-size:13px;font-weight:800;letter-spacing:1.5px;color:#dabb5c;text-align:center}
.shotTarget strong{display:block;font-family:var(--font-display);font-size:34px}