.hoop-shot-preview{position:relative;overflow:hidden;background:#718153}
.hoop-shot-preview:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#344426 0 54%,#718153 54% 100%)}
.hoop-mini-bleachers{position:absolute;left:0;right:0;top:36%;height:18%;background:#182014;box-shadow:0 6px 0 #10170f}
.hoop-mini-bleachers:after{content:"";position:absolute;left:8%;right:8%;top:5px;height:5px;background:repeating-linear-gradient(to right,#9caf72 0 5px,transparent 5px 13px);opacity:.48}
.hoop-mini-floor{position:absolute;left:0;right:0;bottom:0;height:42%;background:#718153;border-top:3px solid #9caf72}
.hoop-mini-board{position:absolute;right:9%;top:24%;width:5px;height:34%;background:#10170f}
.hoop-mini-board:before{content:"";position:absolute;right:0;top:4px;width:21px;height:27px;background:#b8c98d;box-shadow:inset 0 0 0 3px #344426}
.hoop-mini-rim{position:absolute;right:10%;top:48%;width:30px;height:3px;background:#d9eba7}
.hoop-mini-rim:after{content:"";position:absolute;left:6px;top:3px;width:18px;height:17px;border-left:2px solid #9caf72;border-right:2px solid #9caf72;border-bottom:2px solid #9caf72;opacity:.65}
.hoop-mini-player{position:absolute;left:21%;bottom:16%;width:16px;height:33px;background:#344426;box-shadow:0 -10px 0 -3px #b8c98d,0 23px 0 -5px #10170f}
.hoop-mini-player:before{content:"";position:absolute;left:10px;top:4px;width:17px;height:4px;background:#b8c98d;transform:rotate(-28deg);transform-origin:left center}
.hoop-mini-ball{position:absolute;left:29%;bottom:42%;width:12px;height:12px;background:#d9eba7;box-shadow:inset 0 0 0 2px #344426;animation:hoopThumbShot 1.35s steps(10,end) infinite}
.hoop-mini-mark{position:absolute;left:13%;right:13%;bottom:10%;height:2px;background:repeating-linear-gradient(to right,#9caf72 0 18px,transparent 18px 34px);opacity:.45}
@keyframes hoopThumbShot{0%,14%{transform:translate(0,0)}52%{transform:translate(112px,-64px)}84%{transform:translate(215px,-25px)}100%{transform:translate(242px,18px)}}