.carrom-strike-preview{position:relative;overflow:hidden;background:#182014}
.carrom-strike-preview:before{content:"";position:absolute;inset:9% 17%;background:#b8c98d;border:7px solid #344426;box-shadow:inset 0 0 0 3px #718153,0 5px 0 #080d08}
.carrom-mini-pocket{position:absolute;width:15px;height:15px;background:#080d08;border-radius:50%}
.carrom-mini-pocket.a{left:19%;top:14%}.carrom-mini-pocket.b{right:19%;top:14%}.carrom-mini-pocket.c{left:19%;bottom:14%}.carrom-mini-pocket.d{right:19%;bottom:14%}
.carrom-mini-center{position:absolute;left:50%;top:48%;width:40px;height:40px;border:2px solid #344426;border-radius:50%;transform:translate(-50%,-50%);opacity:.7}
.carrom-mini-center:after{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;background:#344426;transform:translate(-50%,-50%)}
.carrom-mini-coin{position:absolute;width:13px;height:13px;border-radius:50%;background:#d9eba7;box-shadow:17px 8px 0 #10170f,-17px 8px 0 #9caf72;left:50%;top:47%;transform:translate(-50%,-50%)}
.carrom-mini-striker{position:absolute;width:18px;height:18px;border-radius:50%;background:#9caf72;box-shadow:inset 0 0 0 4px #344426;left:50%;bottom:17%;transform:translateX(-50%);animation:carromThumbStrike 1.4s steps(7,end) infinite}
.carrom-mini-line{position:absolute;left:31%;right:31%;bottom:20%;height:2px;background:#344426;opacity:.55}
.carrom-mini-flash{position:absolute;width:10px;height:10px;border:2px solid #d9eba7;border-radius:50%;right:25%;top:26%;animation:carromThumbPocket 1.4s steps(4,end) infinite}
@keyframes carromThumbStrike{0%,18%{transform:translateX(-50%) translateY(0)}58%{transform:translateX(-50%) translateY(-56px)}100%{transform:translateX(-50%) translateY(-82px)}}
@keyframes carromThumbPocket{0%,66%{opacity:0;transform:scale(.5)}78%{opacity:1;transform:scale(1.2)}100%{opacity:0;transform:scale(1.5)}}