:root{--cut:10px;--cut-s:6px;--scan:var(--dy-red);--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-snap:cubic-bezier(.7, 0, .2, 1);--t-micro:.15s;--t-standard:.26s;--t-moment:.7s;--t-interaction:.22s;--t-scene:.38s;--t-hero:.8s;--linework:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cg fill='none' stroke='%23ede9e4' stroke-opacity='.05'%3E%3Cpath d='M0 .5H160M.5 0V160'/%3E%3Cpath d='M80 76v8M76 80h8' stroke-opacity='.12'/%3E%3C/g%3E%3C/svg%3E");--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}.dy-cut{clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut))}.dy-cut-s{clip-path:polygon(var(--cut-s) 0, 100% 0, 100% calc(100% - var(--cut-s)), calc(100% - var(--cut-s)) 100%, 0 100%, 0 var(--cut-s))}.dy-scan{position:relative}.dy-scan:after{content:"";background:linear-gradient(90deg, var(--scan) 0 calc(100% - 14px), #fff 100%);height:2px;position:absolute;bottom:-2px;left:0;right:0}.dy-rim{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--team,var(--dy-red)) 70%, transparent), 0 -8px 24px -18px var(--team,var(--dy-red))}.t-display{font-family:var(--dy-font-display);letter-spacing:.005em;text-transform:uppercase;font-size:clamp(2.6rem,5vw,4.6rem);font-weight:800;line-height:.9}.t-title{font-family:var(--dy-font-display);text-transform:uppercase;font-size:clamp(1.5rem,2.4vw,2.1rem);font-weight:800;line-height:.95}.t-section{font-family:var(--dy-font-display);letter-spacing:.04em;text-transform:uppercase;font-size:1.15rem;font-weight:700;line-height:1}.t-body{font-family:var(--dy-font-ui);font-size:var(--dy-text-md);line-height:1.45}.t-stat{font-family:var(--dy-font-display);font-variant-numeric:tabular-nums;font-weight:800;line-height:.9}.t-meta{font-family:var(--dy-font-ui);color:var(--dy-text-dim);font-size:12px;line-height:1.3}.sc-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.sc-bg>i{transition:opacity .6s var(--ease-out), background .6s var(--ease-out);position:absolute;inset:0}.sc-lines{background:var(--linework);opacity:.8;background-size:160px 160px;-webkit-mask-image:radial-gradient(80% 70% at 50% 45%,#000 30%,#0000 80%);mask-image:radial-gradient(80% 70% at 50% 45%,#000 30%,#0000 80%)}.sc-grain{background:var(--grain);opacity:.05;mix-blend-mode:overlay}.sc-vignette{background:radial-gradient(120% 90% at 50% 40%,#0000 55%,#000000b3 100%)}.shell>:not(.sc-bg,.sc-wipe){z-index:1;position:relative}.shell[data-scene=club] .sc-light{background:radial-gradient(60% 55% at 18% 18%, color-mix(in srgb, var(--club,#e8202e) 22%, transparent), transparent 70%), radial-gradient(50% 50% at 85% 85%, #d7b46a0f, transparent 70%)}.shell[data-scene=squad] .sc-light{background:radial-gradient(70% 60% at 50% 55%,#58c4dd12,#0000 70%)}.shell[data-scene=squad] .sc-lines{background:radial-gradient(circle at 50% 62%, transparent 0 21vh, #ede9e40f calc(21vh + 1px), transparent calc(21vh + 2px)), linear-gradient(90deg, transparent calc(50% - 1px), #ede9e40d 50%, transparent calc(50% + 1px)), var(--linework);background-size:auto,auto,160px 160px}.shell[data-scene=play] .sc-light{background:radial-gradient(60% 50% at 50% 30%,#58c4dd14,#0000 70%),radial-gradient(40% 40% at 50% 100%,#e8202e1a,#0000 70%)}.shell[data-scene=play] .sc-lines{opacity:1;background-size:80px 80px}.shell[data-scene=ranked] .sc-light{background:radial-gradient(45% 55% at 50% 12%,#ede9e412,#0000 72%),radial-gradient(70% 45% at 50% 105%,#e8202e21,#0000 70%)}.shell[data-scene=ranked] .sc-lines{opacity:.5;background-size:120px 120px}.shell[data-scene=collection] .sc-light{background:repeating-linear-gradient(90deg,#0000 0 14vw,#ede9e406 14vw 15vw),radial-gradient(70% 45% at 50% 0,#ede9e414,#0000 70%)}.shell[data-scene=collection] .sc-lines{opacity:.3}.shell[data-scene=packs] .sc-light{background:radial-gradient(38% 55% at 50% 18%,#d7b46a21,#0000 75%),radial-gradient(90% 50% at 50% 110%,#e8202e14,#0000 70%)}.shell[data-scene=packs] .sc-lines{opacity:.25}.shell[data-scene=packs] .sc-vignette{background:radial-gradient(90% 75% at 50% 35%,#0000 40%,#000000d9 100%)}.shell[data-scene=market] .sc-light{background:repeating-linear-gradient(0deg,#0000 0 46px,#ede9e405 46px 47px),radial-gradient(60% 50% at 70% 20%,#3ddc970d,#0000 70%)}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) .sc-bg>i{transition:none}}:root[data-motion=reduced] .sc-bg>i{transition:none}::view-transition{pointer-events:none}::view-transition-group(*){animation-duration:.42s;animation-timing-function:cubic-bezier(.2,.85,.25,1)}::view-transition-old(root){animation:.22s ease-in both vt-fade-out}::view-transition-new(root){animation:.3s ease-out 80ms both vt-fade-in}::view-transition-group(.morph){z-index:50;animation-duration:.56s;animation-timing-function:cubic-bezier(.22,.9,.24,1)}::view-transition-old(.morph){animation:.2s ease-in .12s both vt-fade-out}::view-transition-new(.morph){animation:.24s ease-out both vt-fade-in}@keyframes vt-fade-out{to{opacity:0}}@keyframes vt-fade-in{0%{opacity:0}}::view-transition-old(matchup.morph){animation:.12s ease-in both vt-fade-out}::view-transition-new(matchup.morph){animation:.2s ease-out .34s both vt-fade-in}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full])::view-transition-group(*){animation-duration:0s!important;animation-delay:0s!important}:root:not([data-motion=full])::view-transition-old(*){animation-duration:0s!important;animation-delay:0s!important}:root:not([data-motion=full])::view-transition-new(*){animation-duration:0s!important;animation-delay:0s!important}}:root[data-motion=reduced]::view-transition-group(*){animation-duration:0s!important;animation-delay:0s!important}:root[data-motion=reduced]::view-transition-old(*){animation-duration:0s!important;animation-delay:0s!important}:root[data-motion=reduced]::view-transition-new(*){animation-duration:0s!important;animation-delay:0s!important}.dy-pending{z-index:3;pointer-events:none;opacity:0;background:linear-gradient(90deg, transparent, var(--dy-red) 35%, #fff 50%, var(--dy-red) 65%, transparent) no-repeat;background-size:45% 100%;height:2px;transition:opacity .12s;position:absolute;bottom:0;left:0;right:0}.dy-pending[data-on]{opacity:1;animation:.85s linear infinite dy-scan}:where(a):has(>.dy-pending[data-on]){transition:transform var(--t-standard,.24s) var(--ease-out);transform:translateY(-4px)}@keyframes dy-scan{0%{background-position:-45% 0}to{background-position:145% 0}}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) .dy-pending[data-on]{animation:none}:root:not([data-motion=full]) :where(a):has(>.dy-pending[data-on]){transform:none}}:root[data-motion=reduced] .dy-pending[data-on]{animation:none}:root[data-motion=reduced] :where(a):has(>.dy-pending[data-on]){transform:none}:where(.sb-act,.po-chip,.mr-go-plan,.x32-btn,.x32-pill,.lp-btn,.ins-compare,.pr-odds,.hq5-edit,.col-clear,.sb-more-btn,.ap-tile,.mr-agent){transition-property:transform,color,background-color,box-shadow,opacity;transition-duration:.15s;transition-timing-function:var(--ease-out)}:where(.sb-act,.po-chip,.mr-go-plan,.x32-btn,.x32-pill,.lp-btn,.ins-compare,.sb-more-btn):active:not(:disabled){transform:translateY(1px)}:where(.ap-tile,.mr-agent):active:not(:disabled){transform:translateY(1px)scale(.99)}:where(.sb-act,.po-chip,.mr-go-plan,.x32-btn,.x32-pill,.lp-btn,.ins-compare,.pr-odds,.hq5-edit,.sb-more-btn,.ap-tile,.mr-agent,.gs-mod,.gs-club):focus-visible{outline:2px solid var(--dy-text);outline-offset:2px}.shell .g-hero{animation:dy-head-in .36s var(--ease-out) both;align-items:center;padding:4px 0 14px}.shell .g-hero:before{display:none}.shell .g-hero:after{background:linear-gradient(90deg, var(--dy-line-strong), transparent 55%)}.shell .g-hero .g-eyebrow{display:none}.shell .g-hero .g-title{margin:0;font-size:clamp(2rem,2.6vw,2.9rem);line-height:.95}.shell .g-hero .g-line{font-size:var(--dy-text-sm);max-width:72ch;margin-top:6px}@keyframes dy-head-in{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) .shell .g-hero{animation:none}}:root[data-motion=reduced] .shell .g-hero{animation:none}::view-transition-old(.card-out){animation:.2s ease-in both vt-card-out}::view-transition-new(.card-in){animation:.32s cubic-bezier(.16,1,.3,1) 90ms both vt-card-in}@keyframes vt-card-out{to{opacity:0;transform:translateY(10px)scale(.96)}}@keyframes vt-card-in{0%{opacity:0;transform:translateY(14px)scale(.96)}}
