/* Music action tiles: three roles, three identities, one B&C material family. v20260918b */
#music .release-actions--tiles { grid-template-columns:minmax(0,1fr) minmax(0,1.16fr) minmax(0,1fr); gap:10px; }
#music .release-actions--tiles .action-tile { position:relative; display:grid; grid-template-columns:auto minmax(0,1fr); grid-template-areas:'mark label' 'hint hint'; align-items:center; column-gap:9px; row-gap:4px; min-height:60px; padding:8px 22px 8px 10px; text-align:left; overflow:hidden; }
#music .release-actions--tiles .action-tile__mark { grid-area:mark; display:grid; place-items:center; width:30px; height:30px; border-radius:50%; transition:box-shadow .2s,border-color .2s,transform .2s; }
#music .release-actions--tiles .action-tile__mark svg { width:18px; height:18px; display:block; }
#music .release-actions--tiles .action-tile__text { display:contents; }
#music .release-actions--tiles .action-tile__label { grid-area:label; min-width:0; font:400 clamp(15px,1.2vw,18px)/1.02 var(--display); text-transform:uppercase; letter-spacing:.01em; }
#music .release-actions--tiles .action-tile__hint { grid-area:hint; min-width:0; font:400 9.5px/1.2 var(--body); text-transform:uppercase; letter-spacing:.11em; color:#b9a8b3; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#music .release-actions--tiles .action-arrow { position:absolute; top:7px; right:8px; font-size:15px; line-height:1; }
/* 1 Spotify playlist: platform identity, same green as the track-row icons */
#music .release-actions--tiles .action-tile--playlist .action-tile__mark { color:#1ed760; background:#081a10; border:1px solid #1ed76059; box-shadow:0 0 12px #1ed76024; }
#music .release-actions--tiles .action-tile--playlist .action-tile__mark svg { fill:currentColor; }
#music .release-actions--tiles .action-tile--playlist:is(:hover,:focus-visible) .action-tile__mark { border-color:#1ed760; box-shadow:0 0 18px #1ed76066; }
/* 2 Release Radar: the one filled tile, primary signal material */
#music .release-actions--tiles .action-tile--radar { background:linear-gradient(180deg,#d90068,#90003f); border-color:var(--pink); box-shadow:inset 0 1px 0 #ffffff40,0 0 18px #ff009047; }
#music .release-actions--tiles .action-tile--radar:is(:hover,:focus-visible) { background:linear-gradient(180deg,#ff1a8f,#a3004a); border-color:#ff8fcf; box-shadow:inset 0 1px 0 #ffffff55,0 0 26px #ff00906b; }
#music .release-actions--tiles .action-tile--radar .action-tile__hint { color:#ffd3ea; }
#music .release-actions--tiles .action-tile--radar .action-arrow { color:#fff; }
#music .release-actions--tiles .action-tile--radar .action-tile__mark { color:#fff; background:#0000003d; border:1px solid #ffffff5c; }
#music .release-actions--tiles .action-tile--radar .action-tile__mark svg { fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; }
#music .release-actions--tiles .action-tile--radar .action-tile__mark circle { fill:currentColor; stroke:none; }
#music .release-actions--tiles .action-tile--radar:is(:hover,:focus-visible) .ring-outer { animation:tile-radar 1.3s ease-in-out infinite; }
@keyframes tile-radar { 0%,100% { opacity:1; } 50% { opacity:.35; } }
/* 3 Newest releases: stacked covers mark, opens the overlay */
#music .release-actions--tiles .action-tile__mark--stack { position:relative; border-radius:6px; }
#music .release-actions--tiles .action-tile__mark--stack i { position:absolute; width:17px; height:17px; border-radius:3px; border:1px solid #ff9ad1; background:linear-gradient(135deg,#2b1424,#0a0509); box-shadow:0 2px 6px #00000080; transition:transform .25s ease; }
#music .release-actions--tiles .action-tile__mark--stack i:nth-child(1) { transform:translate(-6px,4px) rotate(-10deg); opacity:.5; }
#music .release-actions--tiles .action-tile__mark--stack i:nth-child(2) { transform:translate(0,0) rotate(-3deg); opacity:.8; }
#music .release-actions--tiles .action-tile__mark--stack i:nth-child(3) { transform:translate(6px,-4px) rotate(5deg); background:linear-gradient(135deg,#ff0090,#7a0046); border-color:#ffc2e4; }
#music .release-actions--tiles .action-tile--releases:is(:hover,:focus-visible) .action-tile__mark--stack i:nth-child(1) { transform:translate(-9px,6px) rotate(-14deg); }
#music .release-actions--tiles .action-tile--releases:is(:hover,:focus-visible) .action-tile__mark--stack i:nth-child(3) { transform:translate(9px,-6px) rotate(9deg); }
@media (max-width:600px), (max-height:500px) and (max-width:1000px) {
 #music .release-actions--tiles { grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
 #music .release-actions--tiles .action-tile { grid-template-areas:'mark label'; column-gap:7px; row-gap:0; padding:7px 18px 7px 7px; }
 #music .release-actions--tiles .action-tile__mark { width:26px; height:26px; }
 #music .release-actions--tiles .action-tile__mark svg { width:16px; height:16px; }
 #music .release-actions--tiles .action-tile__mark--stack i { width:15px; height:15px; }
 #music .release-actions--tiles .action-tile__label { font-size:15px; }
 #music .release-actions--tiles .action-tile__hint { display:none; }
 #music .release-actions--tiles .action-arrow { top:5px; right:6px; font-size:13px; }
}
@media (max-width:360px) {
 #music .release-actions--tiles .action-tile { grid-template-columns:minmax(0,1fr); padding:7px; justify-items:center; text-align:center; }
 #music .release-actions--tiles .action-tile__mark { display:none; }
}
@media (prefers-reduced-motion:reduce) {
 #music .release-actions--tiles .ring-outer { animation:none!important; }
 #music .release-actions--tiles .action-tile__mark,#music .release-actions--tiles .action-tile__mark--stack i { transition:none; }
 #music .release-actions--tiles .action-tile--releases:is(:hover,:focus-visible) .action-tile__mark--stack i:nth-child(1) { transform:translate(-6px,4px) rotate(-10deg); }
 #music .release-actions--tiles .action-tile--releases:is(:hover,:focus-visible) .action-tile__mark--stack i:nth-child(3) { transform:translate(6px,-4px) rotate(5deg); }
}