/* Cartes (plateformes et sons) */
.card{--x:50%;--y:50%;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:30px;position:relative;overflow:hidden;transition:transform .2s ease-out,border-color .3s;transform-style:preserve-3d;will-change:transform}
.card::before{content:"";position:absolute;inset:0;background:radial-gradient(260px circle at var(--x) var(--y),rgba(255,42,42,.2),transparent 65%);opacity:0;transition:opacity .3s}
.card:hover{border-color:#5a2020}.card:hover::before{opacity:1}
.card>*{position:relative}
.card h3{font:700 26px var(--h);color:#fff;margin-bottom:8px}
.card p{color:var(--mut);font-size:16px}
.card ul{margin:16px 0 0 18px;color:var(--steel);font-size:15px}
.card li::marker{color:var(--red)}
.ico{width:46px;height:46px;margin-bottom:18px;color:var(--red)}
.snd{display:flex;align-items:center;gap:16px;text-align:left;font:inherit;color:inherit;cursor:pointer;width:100%}
.snd .pl{flex:none;width:46px;height:46px;border-radius:50%;border:1px solid var(--red);display:grid;place-items:center;color:var(--red);transition:.2s}
.snd:hover .pl,.snd.on .pl{background:var(--red);color:#fff;box-shadow:0 0 22px rgba(255,42,42,.6)}
.snd.on{border-color:var(--red)}
.snd b{display:block;font:600 19px var(--h);color:#fff}
.snd small{color:var(--mut);font-size:14px}
.note{margin-top:22px;font-size:14px;color:var(--mut)}