/* SONIC V33.3 — platform slider, landing UI only */
#platforms{overflow:hidden}
#platforms .sonic-platform-marquee{position:relative;overflow:hidden;width:min(100%,1120px);margin:30px auto 0;padding:7px 0;-webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent)}
#platforms .sonic-platform-track{display:flex!important;width:max-content!important;max-width:none!important;gap:0!important;flex-wrap:nowrap!important;justify-content:flex-start!important;animation:sonicPlatformSlide 36s linear infinite;will-change:transform}
#platforms .sonic-platform-group{display:flex!important;align-items:center;gap:14px!important;padding-right:14px;flex:none!important}
#platforms .sonic-platform-item{display:flex!important;align-items:center;gap:12px!important;flex:none!important;min-width:185px;min-height:72px;padding:14px 19px;border:1px solid #414464;border-radius:18px;background:#1C2039;color:#F8F9FF;font-family:'Play',Arial,sans-serif;font-size:15px;font-weight:700;white-space:nowrap;line-height:1.2}
#platforms .sonic-platform-logo{width:34px;height:34px;display:grid;place-items:center;flex:none;border-radius:10px;background:#313650}
#platforms .sonic-platform-logo img{display:block;width:23px;height:23px;object-fit:contain;filter:brightness(0) invert(1)}
#platforms .sonic-platform-name{color:#F8F9FF!important}
#platforms .sonic-platform-marquee:hover .sonic-platform-track,#platforms .sonic-platform-marquee:focus-within .sonic-platform-track{animation-play-state:paused}
@keyframes sonicPlatformSlide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:680px){#platforms .sonic-platform-marquee{margin-top:23px}#platforms .sonic-platform-group{gap:10px;padding-right:10px}#platforms .sonic-platform-item{min-width:165px;min-height:63px;padding:11px 14px;font-size:13px}}
@media(prefers-reduced-motion:reduce){#platforms .sonic-platform-track{animation:none!important}#platforms .sonic-platform-marquee{overflow-x:auto;mask-image:none;-webkit-mask-image:none}}