/* Shared platform marks and highlights for Socials and Work With Me. */
.social-platform-merch{--social-color:#eab308}
.social-platform-opgg{--social-color:#3b82f6}
.social-platform-spotify{--social-color:#22c55e}
.social-platform-reddit{--social-color:#ff4500}
.esports-theme .platform-cards .brand-card-icon{
 box-sizing:border-box;aspect-ratio:1;line-height:1;padding:0;
 color:var(--social-color)!important;background:transparent!important;
 border:2px solid var(--social-color)!important;border-radius:50%!important;
 box-shadow:none!important;opacity:1;filter:none;
 /* Keep circular strokes still, avoiding the thin flicker during rotation/scale. */
 transform:none!important;transition:none;
}
.platform-cards .brand-card-icon svg{width:1em;height:1em;fill:currentColor;opacity:1;filter:none}
.esports-theme .platform-cards .brand-card:is(:hover,:focus-visible){
 border-color:var(--social-color)!important;
 background:color-mix(in srgb,var(--social-color) 12%,#25182f)!important;
 box-shadow:0 0 16px color-mix(in srgb,var(--social-color) 20%,transparent)!important;
}
.platform-cards .brand-card:focus-visible{outline:2px solid var(--social-color);outline-offset:3px}
/* Keep the card lift, with small sparkles around a steady platform mark. */
.esports-theme .platform-cards .brand-card{
 transition:transform .25s cubic-bezier(.2,.7,.3,1),background-color .2s ease,border-color .2s ease,box-shadow .25s ease;
}
.esports-theme .platform-cards .brand-card:is(:hover,:focus-visible){transform:translateY(-3px)}
.platform-cards .brand-card-icon{position:relative;overflow:visible}
.platform-cards .brand-card-icon svg{animation:none;transform:none}
.platform-cards .brand-card-icon::before,.platform-cards .brand-card-icon::after{
 content:"✦";position:absolute;pointer-events:none;color:var(--social-color);
 line-height:1;opacity:0;transform:scale(.3);text-shadow:0 0 7px var(--social-color);
}
.platform-cards .brand-card-icon::before{right:-6px;top:-7px;font-size:14px}
.platform-cards .brand-card-icon::after{left:-6px;bottom:-6px;font-size:10px}
.platform-cards .brand-card:is(:hover,:focus-visible) .brand-card-icon::before{
 animation:platform-icon-sparkle 1.4s ease-in-out infinite;
}
.platform-cards .brand-card:is(:hover,:focus-visible) .brand-card-icon::after{
 animation:platform-icon-sparkle 1.4s ease-in-out .45s infinite;
}
@keyframes platform-icon-sparkle{
 0%,100%{opacity:0;transform:scale(.3) rotate(-15deg)}
 40%,65%{opacity:1;transform:scale(1) rotate(12deg)}
}
@media(prefers-reduced-motion:reduce){
 .esports-theme .platform-cards .brand-card{transition:none!important}
 .esports-theme .platform-cards .brand-card:is(:hover,:focus-visible){transform:none!important}
 .platform-cards .brand-card:is(:hover,:focus-visible) .brand-card-icon::before,
 .platform-cards .brand-card:is(:hover,:focus-visible) .brand-card-icon::after{
  animation:none;opacity:1;transform:none;
 }
}