.shot-counter{display:inline-flex;flex-direction:column;align-items:center;flex-shrink:0;width:108px;padding:6px 7px 8px;border:2px solid #0b140d;border-radius:10px;background:linear-gradient(145deg,#344735,#17251a);box-shadow:inset 0 1px 0 #ffffff29,0 3px 8px #0005}.shot-counter-label{color:#eee9d2;font:600 11px/1.5 var(--font-sans);letter-spacing:1.2px;margin-bottom:3px}.shot-counter-window{position:relative;display:grid;grid-template-columns:20px 1fr 20px;align-items:center;width:100%;height:40px;overflow:hidden;border:1px solid #111c12;border-radius:5px;background:linear-gradient(#bcb99e,#eee7c9 30%,#eee7c9 70%,#c1bda0);box-shadow:inset 0 3px 5px #0005;color:#222a1c;font-family:Courier New,monospace;font-variant-numeric:tabular-nums;text-align:center}.shot-counter-window:before{content:"";position:absolute;z-index:1;top:0;left:calc(50% - 4px);border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #9f452b}.shot-counter-window strong{display:block;font:700 29px/1 Courier New,monospace;letter-spacing:-2px;text-shadow:0 1px 0 #fff8;padding-top:4px}.shot-counter-neighbour{opacity:.4;font-size:18px;font-weight:700;letter-spacing:-1px}.shot-counter-neighbour:first-child{transform:translateX(-7px)}.shot-counter-neighbour:last-child{transform:translateX(7px)}