/* Small additive Explore fix; preserves all six approved MP4s, artwork, links, text and grid. */
/* Lightweight existing 140KB first-frame sprite shows until the 22MB original speaker MP4 plays. */
body.compass-worlds-page .cw-grid>a.cw-card.cw-neon-music .cw-art .cw-storyboard-image{
 background-image:url('/assets/worlds/explore-speaker-frames.webp')!important;
 background-size:400% 100%!important;
 background-position:0 0!important;
 background-repeat:no-repeat!important;
}
/* Make interaction particles visible OVER video layers (not underneath them).
   Overlay cannot steal a click, and only runs on hover/press/focus. */
body.compass-worlds-page .cw-grid>a.cw-card>.compass-piano-particles{
 z-index:590!important;pointer-events:none!important;mix-blend-mode:screen;
}
body.compass-worlds-page .cw-grid>a.cw-card .cw-art>.cw-card-magic{
 z-index:470!important;pointer-events:none!important;
}
@media(hover:hover) and (pointer:fine){
 body.compass-worlds-page main.cw-page .cw-grid>a.cw-card:is(:hover,:focus-visible){
  scale:1.023;
  transition:scale .19s cubic-bezier(.21,1.2,.3,1);
 }
}
body.compass-worlds-page main.cw-page .cw-grid>a.cw-card:active{scale:.98}
body.compass-worlds-page .cw-grid>a.cw-card:is(:hover,:focus-visible,:active) .cw-music-fx .cw-music-note{
 text-shadow:0 0 5px #fff,0 0 14px #96ecff,0 0 19px #f7b3ff;
 filter:brightness(1.32) saturate(1.35);
}
/* Only music-card notes gain a lively interaction pulse; the approved
   continuously moving smoke and the original video aren't changed. */
@keyframes compass-explore-note-pop{
 from{opacity:.35;translate:0 10px;scale:.84}
 50%{opacity:.9;translate:4px -8px;scale:1.18}
 to{opacity:.43;translate:1px -19px;scale:.91}
}
body.compass-worlds-page .cw-grid>a.cw-card.cw-neon-music:is(:hover,:focus-visible,:active) .cw-music-fx .cw-music-note{
 animation:compass-explore-note-pop 1.45s ease-in-out var(--delay,0s) infinite alternate!important;
}
@media(prefers-reduced-motion:reduce){
 body.compass-worlds-page main.cw-page .cw-grid>a.cw-card{scale:1!important;transition:none!important}
 body.compass-worlds-page .cw-grid>a.cw-card .cw-music-fx .cw-music-note{animation:none!important}
}
