/* Clean, cinematic episode play control. */
.episode>b{position:absolute;z-index:3;left:50%;top:50%;display:grid;place-items:center;width:46px;height:46px;border:0;border-radius:50%;background:#fff;color:#0a0a0c;box-shadow:0 8px 24px rgba(0,0,0,.32);transform:translate(-50%,-50%);transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
.episode>b:before{content:"";width:0;height:0;margin-left:3px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid #0a0a0c}
.episode>b>i{display:none!important}
.episode>i{position:absolute;z-index:2;right:10px;bottom:9px;padding:4px 7px;border:1px solid rgba(255,255,255,.13);border-radius:5px;background:rgba(5,6,9,.58);color:rgba(255,255,255,.86);font-size:8px;font-style:normal;line-height:1;letter-spacing:.04em;backdrop-filter:blur(7px)}
.episode-grid>a:hover .episode>b{background:#f2f2f2;box-shadow:0 11px 30px rgba(0,0,0,.4);transform:translate(-50%,-50%) scale(1.07)}
.episode-grid>a:active .episode>b{transform:translate(-50%,-50%) scale(.96)}
.episode-grid>a:focus-visible{outline:0}.episode-grid>a:focus-visible .episode{outline:2px solid #fff;outline-offset:3px}.episode-grid>a:focus-visible .episode>b{transform:translate(-50%,-50%) scale(1.07)}
@media(max-width:700px){.episode>b{width:44px;height:44px}.episode>b:before{border-top-width:6px;border-bottom-width:6px;border-left-width:10px}.episode>i{right:8px;bottom:7px}}
@media(prefers-reduced-motion:reduce){.episode>b{transition:none}}