.mp-online{display:inline-flex;align-items:center;align-self:flex-start;gap:5px;max-width:100%;padding:3px 8px;border:1px solid #ffffff26;border-radius:999px;background:#101012dc;color:var(--green);font:500 var(--type-caption)/1.5 var(--display);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.mp-online--detail{flex:0 1 auto;margin-top:3px}.mp-online--quiet{color:var(--dim)}.mp-online--action{cursor:pointer;min-height:44px}.mp-online--action:focus-visible{outline:2px solid var(--purple-text);outline-offset:3px}.mp-online__icon{display:block;flex:none;width:16px;height:16px}.mp-online--active .mp-online__icon{animation:mp-online-breathe 2.4s ease-in-out infinite}@keyframes mp-online-breathe{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.mp-online--active .mp-online__icon{animation:none}}.mp-gcard__online{position:absolute;top:12px;right:12px;z-index:12;max-width:calc(100% - 24px);pointer-events:none}@media (min-width:900px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){[data-card-motion] .mp-gcard__online{transform:translateZ(26px);transition:opacity .14s ease}.mp-gcard[data-card-motion]:is(:hover,:focus-within) .mp-gcard__online{opacity:0}}.mp-card-loading{position:absolute;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px;border-radius:inherit;background:rgb(12 10 20/72%);color:#fff;text-align:center;pointer-events:none}.mp-gcard[data-card-motion] .mp-gcard__crop:has(>.mp-card-loading),.sh-rec[data-card-motion] .sh-rec__cover:has(>.mp-card-loading){transform-style:flat}.mp-card-loading__spinner{width:28px;height:28px;flex:none;box-sizing:border-box;border:3px solid rgb(255 255 255/25%);border-top-color:#fff;border-radius:50%;animation:mp-card-loading-spin .8s linear infinite}.mp-card-loading__text{font-size:14px;font-weight:500;line-height:1.5;overflow-wrap:anywhere}a:has(.mp-card-loading){cursor:progress}.mp-arcade-hero__thumb .mp-card-loading{padding:4px}.mp-arcade-hero__thumb .mp-card-loading__text{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%)}@keyframes mp-card-loading-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.mp-card-loading__spinner{animation:none}}