.theme-reel .visual-reel { display: block; }
.theme-reel .reeldeck { width: 460px; height: 260px; margin: 20px auto 0; position: relative; background: #3a3025; border: 5px solid #211811; box-shadow: inset 0 0 0 6px #5a4938, 0 14px 26px rgba(0,0,0,.45); }
.theme-reel .big-reel { position: absolute; top: 35px; width: 128px; height: 128px; border-radius: 50%; background: #b6a17d; border: 10px solid #1c1712; box-shadow: inset 0 0 0 14px #6f5d46; }
.theme-reel .big-reel:before { content: ''; position: absolute; left: 47px; top: 47px; width: 14px; height: 14px; border-radius: 50%; background: #1c1712; box-shadow: 0 -38px 0 #1c1712, 33px 19px 0 #1c1712, -33px 19px 0 #1c1712; }
.theme-reel .big-reel-left { left: 58px; }
.theme-reel .big-reel-right { right: 58px; }
.theme-reel .reel-tape { position: absolute; left: 118px; top: 94px; width: 224px; height: 8px; background: #15100c; }
.theme-reel .vu { position: absolute; bottom: 28px; width: 86px; height: 36px; background: #e0c78f; border: 3px solid #221811; }
.theme-reel .vu-left { left: 124px; }
.theme-reel .vu-right { right: 124px; }
.theme-reel .vu:after { content: ''; position: absolute; left: 12px; bottom: 5px; width: 35px; height: 4px; background: #7c421a; transform: rotate(-12deg); transform-origin: left center; }
.theme-reel.playing .big-reel { animation: spin 2.2s linear infinite; }
.theme-reel.playing .vu:after { animation: vuMove 1s ease-in-out infinite; }
@keyframes vuMove { 0% { transform: rotate(-18deg); } 50% { transform: rotate(18deg); } 100% { transform: rotate(-18deg); } }