/* Vinyl record: grooves and asymmetric reflections make rotation visible. */
.player .disc{
 position:relative;border-radius:50%!important;overflow:hidden!important;
 background:repeating-radial-gradient(circle at center,#101011 0 1px,#383838 1.4px,#151516 2px,#070708 3px)!important;
 border:1px solid #0b0b0b;box-shadow:0 0 0 1px #c5a451,0 3px 7px #0008!important;
 animation:moas-vinyl-turn 5s linear infinite!important;animation-play-state:paused!important;transform-origin:center;
}
body.is-playing .player .disc{animation-play-state:running!important}
.player .disc::before{content:"";position:absolute;inset:0;border-radius:50%;z-index:1;pointer-events:none;background:conic-gradient(from 23deg,transparent 0deg,#ffffff03 30deg,#ffffff70 41deg,#ffffff06 50deg,transparent 61deg,transparent 192deg,#ffffff55 209deg,#ffffff05 224deg,transparent 236deg);opacity:.72}
.player .disc::after{content:"";position:absolute;left:50%;top:50%;width:5%;height:5%;min-width:2px;min-height:2px;border-radius:50%;background:#111;box-shadow:0 0 0 1px #fbe3a455;transform:translate(-50%,-50%);z-index:3;pointer-events:none}
.player .disc>span{background:radial-gradient(circle at 35% 25%,#ffe88d,#f9cc20 67%,#c99414)!important;box-shadow:0 0 0 1px #a67a18,0 1px 3px #0004;z-index:2}
@keyframes moas-vinyl-turn{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}