/* One transform per control; no spring overshoot or animated gradient properties. */
:root{--motion-fast:160ms;--motion-normal:220ms;--motion-out:cubic-bezier(.22,.61,.36,1)}
:root body button:not(:disabled):not([aria-disabled=true]){--control-y:0px;--control-scale:1;transform:translateY(var(--control-y)) scale(var(--control-scale));transform-origin:center;transition:transform var(--motion-normal) var(--motion-out),opacity var(--motion-fast),color var(--motion-fast),border-color var(--motion-fast);-webkit-tap-highlight-color:transparent}
:root body button[data-hover-probability]:not(:disabled){transition:transform var(--motion-normal) var(--motion-out),opacity var(--motion-fast),color var(--motion-fast),border-color var(--motion-fast),background-color var(--motion-fast)}
:root body .collection-arrow,:root body #category-back,:root body #category-forward{--control-y:-50%;transform:translateY(var(--control-y)) scale(var(--control-scale))}
:root body button.collection-arrow:not(:disabled):not([aria-disabled=true]){--control-y:-50%}
.compact-market{overflow:hidden;transform:scale(1);transform-origin:center;transition:transform var(--motion-normal) var(--motion-out),border-color var(--motion-fast)}
.compact-market .compact-photo,.compact-market .team-crest{transition:none}
.banner-copy-center{position:relative}
.featured .slide-feedback{position:absolute;left:0;right:0;bottom:-20px;margin:0;font-size:12px;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.collection-view img,.rail-all img,.collection-arrow img,.category-arrow img{transition:transform var(--motion-normal) var(--motion-out)}
@media(hover:hover) and (pointer:fine){
 :root body button:not(:disabled):not([aria-disabled=true]):hover{--control-scale:1.01}
 .compact-market:hover{transform:scale(1.008);border-color:#a6afd58c;z-index:1}
 .compact-market:hover .compact-photo,.compact-market:hover .team-crest{transform:none}
 .collection-track{padding-top:5px;padding-bottom:5px;margin-block:-4px}
 .collection-track .compact-market:first-child{transform-origin:left center}
}
:root body button:not(:disabled):not([aria-disabled=true]):active{--control-scale:.995;transition-duration:90ms}
.motion-group{position:relative;isolation:isolate}
.motion-group>button{position:relative;z-index:1}
.motion-group>button[aria-pressed=true]{background:transparent!important}
.motion-active-pill{position:absolute;left:0;top:0;border-radius:var(--button-radius);background:#ffffff1f;border:1px solid #ffffff14;pointer-events:none;z-index:0;transition:transform var(--motion-normal) var(--motion-out),width var(--motion-normal) var(--motion-out),height var(--motion-normal) var(--motion-out);visibility:hidden}
#site-menu:not([hidden]),header #search-panel:not([hidden]){transform-origin:top;animation:panel-arrive 180ms var(--motion-out)}
#mobile-search #search-panel{animation:none}
.search-result,.menu-item{transition:color var(--motion-fast),opacity var(--motion-fast)}
.chart-tooltip:not([hidden]){animation:tooltip-arrive 120ms ease-out}
#notice:not([hidden]){animation:panel-arrive 180ms var(--motion-out)}
@keyframes panel-arrive{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@keyframes tooltip-arrive{from{opacity:0}to{opacity:1}}
.live-dot,.live i,.card-live i,.chart-ranges button[data-chart-range=Live]::before{position:relative;box-shadow:none;animation:none}
.live-dot::after,.live i::after,.card-live i::after{content:'';position:absolute;inset:0;border-radius:50%;background:currentColor;opacity:0;animation:live-ring 1.8s ease-out infinite;pointer-events:none}
.chart-ranges button[data-chart-range=Live]::before{animation:live-dot-breathe 1.8s ease-in-out infinite}
@keyframes live-ring{0%{transform:scale(1);opacity:.3}80%,100%{transform:scale(2.8);opacity:0}}
@keyframes live-dot-breathe{0%,100%{transform:scale(.85);opacity:.6}50%{transform:scale(1.1);opacity:1}}
@media(prefers-reduced-motion:reduce){
 :root{--motion-fast:0ms;--motion-normal:0ms}
 :root body button:not(:disabled):not([aria-disabled=true]){--control-scale:1!important;transition:none!important}
 .compact-market:hover{transform:none}
 .collection-view img,.rail-all img{transform:none!important}
 .collection-arrow.forward img,#category-forward img{transform:none!important}
 .collection-arrow.back img,#category-back img{transform:rotate(180deg)!important}
 #site-menu,#search-panel,.chart-tooltip,#notice,.live-dot::after,.live i::after,.card-live i::after{animation:none!important}
 .chart-ranges button[data-chart-range=Live]::before{animation:none!important}
 .motion-active-pill{transition:none}
}