/* The glyph stays anchored; a single quiet ring supplies hover and keyboard feedback. */
.room-controls [data-play]{position:relative}
#rsw-opening-sequence .cs-control[data-action="playback"]>.playback-halo,
.room-controls [data-play]>.playback-halo{position:absolute;left:50%;top:50%;width:34px;height:34px;max-width:none;fill:none;stroke:currentColor;stroke-width:.8;transform:translate(-50%,-50%)!important;pointer-events:none;overflow:visible}
.playback-halo circle{transform:rotate(-90deg);transform-origin:20px 20px;stroke-dasharray:1;stroke-dashoffset:1;opacity:0;transition:stroke-dashoffset 260ms cubic-bezier(.22,.61,.36,1),opacity 160ms ease}
[data-action="playback"]:is(:hover,:focus-visible)>.playback-halo circle,
[data-play]:is(:hover,:focus-visible)>.playback-halo circle{stroke-dashoffset:0;opacity:.65}
.room-controls [data-play]>svg:not(.playback-halo){transform:none!important}
@media(prefers-reduced-motion:reduce){.playback-halo circle{transition:none}}