/* Resource-matched native ports. Exact previews/licences: MOTION-REFERENCES.txt. */
:root {
  --ng-motion-fast:120ms;--ng-motion-control:180ms;--ng-motion-panel:200ms;
  --ng-motion-ease:cubic-bezier(.2,.8,.2,1);--ng-motion-play-state:running;
  --arcade-fast:var(--ng-motion-fast);--arcade-normal:var(--ng-motion-control);--arcade-ease:var(--ng-motion-ease);
  --ng-motion-primary:var(--ng-accent,var(--admin-accent,var(--blue,#397df4)));
  --ng-motion-secondary:var(--ng-accent-2,var(--cyan,#20b9d4));
  --ng-motion-line:var(--ng-line,var(--admin-border,var(--line,#dce3ef)));
  --ng-motion-surface:var(--ng-panel-solid,var(--admin-surface,var(--surface-solid,#fff)));
  --ng-motion-ink:var(--ng-ink,var(--admin-text,var(--ink,#172438)));
  --ng-surface-fill:color-mix(in srgb,var(--ng-motion-surface) 24%,transparent);
  --ng-surface-strong:color-mix(in srgb,var(--ng-motion-surface) 32%,transparent);
  --ng-surface-decor:radial-gradient(circle at 100% 0,transparent 44px,color-mix(in srgb,var(--ng-motion-primary) 14%,transparent) 45px,transparent 46px),radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--ng-motion-primary) 11%,transparent),transparent 52%),linear-gradient(130deg,rgb(255 255 255 / .1),transparent 42%,color-mix(in srgb,var(--ng-motion-secondary) 6%,transparent));
}
html.ng-motion-ready body{isolation:isolate}
html.ng-motion-ready body:not(.ng-fullscreen-experience){background-image:none!important}
html.ng-motion-ready body:not(.ng-fullscreen-experience)::before,html.ng-motion-ready body:not(.ng-fullscreen-experience)::after{content:none!important;display:none!important;animation:none!important;filter:none!important}
html.ng-motion-ready :is(.wm,canvas#bg-particles,.ng-mobile-theme-atmosphere,.ng-theme-scene,.ng-theme-hero-art){display:none!important;animation:none!important}


/* Vayro Mesh Gradient port: radial falloff replaces Gaussian blur, and
   transform/opacity replace SMIL coordinate/radius animation. No remote asset. */
.ng-motion-ambient{position:fixed;inset:0;z-index:-1;overflow:hidden;contain:strict;pointer-events:none;opacity:1;background:var(--ng-page-deep,#edf1f7)}
.ng-motion-ambient::before,.ng-motion-ambient::after{content:none}
.ng-mesh-point{position:absolute;left:var(--mesh-x);top:var(--mesh-y);width:var(--mesh-width);height:var(--mesh-height);pointer-events:none;--mesh-color:var(--ng-motion-primary);background:radial-gradient(ellipse at center,color-mix(in srgb,var(--mesh-color) var(--ng-mesh-intensity,32%),transparent),color-mix(in srgb,var(--mesh-color) 18%,transparent) 25%,color-mix(in srgb,var(--mesh-color) 7%,transparent) 52%,transparent 72%);transform:translate(-50%,-50%);animation:var(--ng-mesh-animation,ng-mesh-original) var(--ng-mesh-speed,22s) ease-in-out var(--mesh-phase) infinite alternate}
.ng-mesh-point-1{--mesh-color:var(--ng-motion-secondary);animation-direction:alternate-reverse}
.ng-mesh-point-2{--mesh-color:color-mix(in srgb,var(--ng-motion-primary) 55%,var(--ng-motion-secondary));opacity:.7}
html[data-theme="dark"] .ng-motion-ambient{--ng-mesh-intensity:48%}
.ng-scene-svg{position:absolute;inset:-6%;width:112%;height:112%;pointer-events:none;filter:none;shape-rendering:geometricPrecision;animation:ng-scene-detail 24s ease-in-out -7s infinite alternate}
.ng-scene-pin{fill:var(--ng-motion-primary);opacity:.36}
.ng-scene-spark{fill:none;stroke:color-mix(in srgb,var(--ng-motion-secondary) 55%,white);stroke-width:.7;stroke-linecap:round;opacity:.65}
.ng-scene-line{fill:none;stroke:var(--ng-motion-secondary);stroke-width:.65;stroke-linecap:round;opacity:.16;vector-effect:non-scaling-stroke}
html[data-theme="dark"] .ng-scene-pin{fill:color-mix(in srgb,white 72%,var(--ng-motion-primary));opacity:.6}
html[data-theme="dark"] .ng-scene-line{opacity:.24}
@keyframes ng-mesh-original{from{transform:translate(-50%,-50%) scale(1);opacity:.7}to{transform:translate(calc(-50% + var(--mesh-dx)),calc(-50% + var(--mesh-dy))) scale(1.12);opacity:1}}
@keyframes ng-mesh-cosmic{from{transform:translate(-50%,-50%);opacity:.75}to{transform:translate(calc(-50% + var(--mesh-dx)),calc(-50% + var(--mesh-dy))) scale(1.04);opacity:1}}
@keyframes ng-mesh-aurora{from{transform:translate(-50%,-50%) rotate(-4deg);opacity:.72}to{transform:translate(calc(-50% + var(--mesh-dx)),calc(-50% + var(--mesh-dy))) rotate(4deg) scale(1.1);opacity:1}}
@keyframes ng-mesh-particles{from{transform:translate(-50%,-50%) scale(.94);opacity:.72}to{transform:translate(calc(-50% + var(--mesh-dx)),calc(-50% + var(--mesh-dy))) scale(1.1);opacity:.95}}
@keyframes ng-mesh-esports{from{transform:translate(-50%,-50%) skewX(-4deg);opacity:.65}to{transform:translate(calc(-50% + var(--mesh-dx)),calc(-50% + var(--mesh-dy))) skewX(4deg) scale(1.12);opacity:1}}
@keyframes ng-mesh-arcade{from{transform:translate(-50%,-50%) scale(.95);opacity:.68}to{transform:translate(calc(-50% + var(--mesh-dx)),calc(-50% + var(--mesh-dy))) scale(1.13);opacity:1}}
@keyframes ng-mesh-gold{from{transform:translate(-50%,-50%) rotate(5deg);opacity:.72}to{transform:translate(-50%,calc(-50% + var(--mesh-dy))) rotate(5deg) scale(1.05);opacity:1}}
@keyframes ng-scene-detail{from{transform:translate3d(-12px,14px,0);opacity:.7}to{transform:translate3d(14px,-18px,0);opacity:1}}
@keyframes ng-header-light{from{transform:translate3d(-3%,0,0);opacity:.65}to{transform:translate3d(3%,2%,0);opacity:1}}
@media(max-width:600px),(pointer:coarse){.ng-mesh-point-2,.ng-scene-extra{display:none}.ng-scene-svg{inset:0;width:100%;height:100%}}
/* Full-width masthead light. */
.ng-motion-header{position:absolute;inset:0;z-index:0;width:100%;overflow:hidden;pointer-events:none;contain:strict}
.ng-motion-header::before,.ng-motion-preview::before{content:"";position:absolute;inset:-40%;pointer-events:none;background:radial-gradient(ellipse at 25% 50%,color-mix(in srgb,var(--ng-motion-primary) 12%,transparent),transparent 65%),radial-gradient(ellipse at 80% 60%,color-mix(in srgb,var(--ng-motion-secondary) 10%,transparent),transparent 62%);animation:var(--ng-header-animation)}
.theme-live-preview.ng-motion-preview{background:#11213a}
/* Theme motion profiles. */
:root{
 --ng-mesh-animation:ng-mesh-original;--ng-mesh-speed:22s;--ng-card-edge:linear-gradient(120deg,var(--ng-motion-primary),var(--ng-motion-secondary),transparent 75%);--ng-nav-glow:radial-gradient(ellipse at 20% 0,rgb(255 255 255 / .16),transparent 65%);
 --ng-card-hover:translateY(-1px);--ng-card-press:none;--ng-card-travel:240ms;
 --ng-panel-animation:ng-panel-original;--ng-header-animation:ng-header-light 18s ease-in-out infinite alternate;
 --ng-loader-mask:none;--ng-loader-animation:ng-load-original .9s linear infinite;--ng-loader-radius:50%;--ng-loader-border:2px;--ng-loader-background:none;--ng-loader-top:currentColor;
 --ng-skeleton-animation:ng-skeleton-original 1.6s ease-in-out infinite;--ng-podium-highlight:radial-gradient(ellipse at center,color-mix(in srgb,var(--rank-accent,var(--ng-motion-primary)) 12%,transparent),transparent 72%);
}
html[data-ui-theme="cosmic"],[data-preview-theme="cosmic"]{
 --ng-mesh-animation:ng-mesh-cosmic;--ng-mesh-speed:20s;--ng-card-edge:conic-gradient(from 45deg,var(--ng-motion-secondary),transparent,var(--ng-motion-primary),transparent,var(--ng-motion-secondary));--ng-nav-glow:radial-gradient(ellipse at 50% 0,rgb(255 255 255 / .24),transparent 60%);
 --ng-panel-animation:ng-panel-cosmic;--ng-header-animation:ng-header-light 18s ease-in-out infinite alternate;
 --ng-loader-animation:ng-load-cosmic 1.15s linear infinite;--ng-loader-radius:50%;--ng-loader-background:radial-gradient(circle at 50% 0,currentColor 2px,transparent 3px);
 --ng-skeleton-animation:ng-skeleton-cosmic 1.8s ease-in-out infinite;--ng-podium-highlight:repeating-radial-gradient(ellipse at 50% 100%,transparent 0 20px,color-mix(in srgb,var(--rank-accent,var(--ng-motion-primary)) 14%,transparent) 21px 22px,transparent 23px 36px);
}
html[data-ui-theme="aurora"],[data-preview-theme="aurora"]{
 --ng-mesh-animation:ng-mesh-aurora;--ng-mesh-speed:20s;--ng-card-edge:linear-gradient(135deg,var(--ng-motion-secondary),transparent 35%,var(--ng-motion-primary),transparent 80%);--ng-nav-glow:linear-gradient(115deg,transparent 20%,rgb(255 255 255 / .2) 50%,transparent 80%);
 --ng-panel-animation:ng-panel-aurora;--ng-header-animation:ng-header-light 18s ease-in-out infinite alternate;
 --ng-loader-animation:ng-load-aurora 1.3s ease-in-out infinite;--ng-loader-border:0px;--ng-loader-background:radial-gradient(circle,transparent 20%,currentColor 24% 32%,transparent 36% 49%,color-mix(in srgb,currentColor 65%,transparent) 53% 61%,transparent 65%);
 --ng-skeleton-animation:ng-skeleton-aurora 1.9s ease-in-out infinite;--ng-podium-highlight:linear-gradient(135deg,transparent,color-mix(in srgb,var(--rank-accent,var(--ng-motion-primary)) 16%,transparent),transparent);
}
html[data-ui-theme="particles"],[data-preview-theme="particles"]{
 --ng-mesh-animation:ng-mesh-particles;--ng-mesh-speed:24s;--ng-card-edge:linear-gradient(90deg,var(--ng-motion-primary),transparent 32% 68%,var(--ng-motion-secondary));--ng-nav-glow:linear-gradient(90deg,rgb(255 255 255 / .15),transparent 28% 72%,rgb(255 255 255 / .1));
 --ng-panel-animation:ng-panel-particles;--ng-header-animation:ng-header-light 18s ease-in-out infinite alternate;
 --ng-loader-animation:ng-load-particles 1s ease-in-out infinite;--ng-loader-border:0px;--ng-loader-radius:2px;--ng-loader-background:linear-gradient(90deg,currentColor 0 20%,transparent 21% 39%,currentColor 40% 60%,transparent 61% 79%,currentColor 80%);
 --ng-skeleton-animation:ng-skeleton-particles 1.25s linear infinite;--ng-podium-highlight:repeating-linear-gradient(90deg,transparent 0 20px,color-mix(in srgb,var(--rank-accent,var(--ng-motion-primary)) 10%,transparent) 21px 22px);
}
html[data-ui-theme="esports"],[data-preview-theme="esports"]{
 --ng-mesh-animation:ng-mesh-esports;--ng-mesh-speed:22s;--ng-card-edge:linear-gradient(150deg,var(--ng-motion-primary),transparent 45% 70%,var(--ng-motion-secondary));--ng-nav-glow:linear-gradient(135deg,rgb(255 255 255 / .18),transparent 48%);
 --ng-panel-animation:ng-panel-esports;--ng-header-animation:ng-header-light 18s ease-in-out infinite alternate;
 --ng-loader-animation:ng-load-esports 1s ease-in-out infinite;--ng-loader-radius:3px;--ng-loader-background:none;
 --ng-skeleton-animation:ng-skeleton-esports 1.15s ease-out infinite;--ng-podium-highlight:linear-gradient(135deg,transparent 25%,color-mix(in srgb,var(--rank-accent,var(--ng-motion-primary)) 15%,transparent) 26% 35%,transparent 36% 58%,color-mix(in srgb,var(--rank-accent,var(--ng-motion-primary)) 10%,transparent) 59% 64%,transparent 65%);
}
html[data-ui-theme="arcade"],[data-preview-theme="arcade"]{
 --ng-mesh-animation:ng-mesh-arcade;--ng-mesh-speed:22s;--ng-card-edge:conic-gradient(from 90deg,var(--ng-motion-primary),var(--ng-motion-secondary),transparent 40% 60%,var(--ng-motion-primary));--ng-nav-glow:radial-gradient(circle at 50% 20%,rgb(255 255 255 / .22),transparent 70%);
 --ng-panel-animation:ng-panel-arcade;--ng-header-animation:ng-header-light 18s ease-in-out infinite alternate;
 --ng-loader-animation:ng-load-arcade 1.2s ease-in-out infinite;--ng-loader-border:0px;--ng-loader-background:radial-gradient(circle at 25% 50%,currentColor 2.5px,transparent 3px),radial-gradient(circle at 75% 50%,currentColor 2.5px,transparent 3px);
 --ng-skeleton-animation:ng-skeleton-arcade 1.5s ease-in-out infinite;--ng-podium-highlight:radial-gradient(circle at 25% 50%,color-mix(in srgb,var(--rank-accent,var(--ng-motion-primary)) 18%,transparent),transparent 25%),radial-gradient(circle at 75% 50%,color-mix(in srgb,var(--rank-accent,var(--ng-motion-primary)) 12%,transparent),transparent 28%);
}
html[data-ui-theme="gold"],[data-preview-theme="gold"]{
 --ng-mesh-animation:ng-mesh-gold;--ng-mesh-speed:28s;--ng-card-edge:linear-gradient(110deg,transparent 20%,var(--ng-motion-secondary) 44%,transparent 70%);--ng-nav-glow:linear-gradient(110deg,transparent 25%,rgb(255 255 255 / .24) 48%,transparent 72%);
 --ng-panel-animation:ng-panel-gold;--ng-header-animation:ng-header-light 18s ease-in-out infinite alternate;
 --ng-loader-animation:ng-load-gold 1.35s linear infinite;--ng-loader-background:conic-gradient(from 0deg,transparent 0 45%,currentColor 70% 100%);--ng-loader-border:0px;--ng-loader-top:transparent;--ng-loader-mask:radial-gradient(circle,transparent 48%,#000 52%);
 --ng-skeleton-animation:ng-skeleton-gold 2.1s ease-in-out infinite;--ng-podium-highlight:conic-gradient(from 30deg at 50% 100%,transparent 0 30%,color-mix(in srgb,var(--rank-accent,var(--ng-motion-primary)) 14%,transparent) 40%,transparent 60% 100%);
}
html.ng-motion-ready :is(.card,.game-card,.collector-card,.gh-platform-card,.ng-hub-card,.ng-discover-card,.ng-category-card){opacity:1;transform:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:transform var(--ng-motion-control) var(--ng-motion-ease),border-color var(--ng-motion-control) ease,box-shadow var(--ng-motion-control) ease}
/* Hover.dev free AI Gradient / Hover.dev Cards port. Border-only opacity:
   no continuous conic-angle updates, backdrop blur or logo-covering curtain. */
html.ng-motion-ready :is(.card,.game-card,.collector-card,.gh-platform-card,.ng-hub-card,.ng-discover-card,.ng-category-card)::before{content:"";position:absolute;inset:0;z-index:0;width:auto;height:auto;padding:1px;box-sizing:border-box;border:0;border-radius:inherit;box-shadow:none;pointer-events:none;background:var(--ng-card-edge);opacity:0;transform:none;animation:none!important;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;transition:opacity var(--ng-motion-control) ease}
html.ng-motion-ready :is(.card,.game-card,.collector-card,.gh-platform-card,.ng-hub-card,.ng-discover-card,.ng-category-card)::after{content:none;display:none;animation:none!important}
html.ng-motion-ready .card[data-ng-resource-type="platform"]{--ng-card-hover:translateY(-1px);--ng-card-press:none;--ng-control-press-scale:1;--ng-platform-logo-hover:none;color:inherit;text-decoration:none}
@media(hover:hover) and (pointer:fine){html.ng-motion-ready :is(.card,.game-card,.collector-card,.gh-platform-card,.ng-hub-card,.ng-discover-card,.ng-category-card):hover{transform:var(--ng-card-hover)!important;border-color:color-mix(in srgb,var(--ng-motion-primary) 36%,var(--ng-motion-line))!important;box-shadow:0 5px 16px color-mix(in srgb,var(--ng-motion-primary) 10%,transparent)!important}html.ng-motion-ready :is(.card,.game-card,.collector-card,.gh-platform-card,.ng-hub-card,.ng-discover-card,.ng-category-card):hover::before{opacity:.85}}
@media(hover:none),(pointer:coarse){html.ng-motion-ready :is(.card,.game-card,.collector-card,.gh-platform-card,.ng-hub-card,.ng-discover-card,.ng-category-card):hover{transform:none!important}}
html.ng-motion-ready :is(.card,.game-card,.collector-card,.gh-platform-card,.ng-hub-card,.ng-discover-card,.ng-category-card).ng-motion-card-active{transform:none!important;border-color:color-mix(in srgb,var(--ng-motion-primary) 36%,var(--ng-motion-line))!important}
html.ng-motion-ready :is(.card,.game-card,.collector-card,.gh-platform-card,.ng-hub-card,.ng-discover-card,.ng-category-card).ng-motion-card-active::before{animation:ng-card-edge var(--ng-card-travel) var(--ng-motion-ease)!important}
@keyframes ng-card-edge{0%,100%{opacity:0}35%,70%{opacity:.9}}
html.ng-motion-ready :is(button,.go,.el-button,[role="button"]):active{scale:var(--ng-control-press-scale,.98)}
html.ng-motion-ready .ng-interaction-pressed{filter:none!important;scale:var(--ng-control-press-scale,.98)!important}
html.ng-motion-ready :is(.ng-segmented-item,.ng-community-nav a,.ng-rank-tab,.nav-item){background-image:var(--ng-nav-glow);transition:color var(--ng-motion-control) ease,background-color var(--ng-motion-control) ease,box-shadow var(--ng-motion-control) ease}
@media(hover:hover) and (pointer:fine){html.ng-motion-ready :is(.ng-segmented-item,.ng-community-nav a,.ng-rank-tab,.nav-item):not(:disabled):hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ng-motion-primary) 24%,transparent)}}
html.ng-motion-ready :is(.ng-ai-icon,.ng-symbol-icon,.ng-community-icon,.ng-segmented-icon,.ng-category-card__icon,.nav-icon,[data-ng-symbol-slot]){transform-origin:50% 65%}
html.ng-motion-ready :is(.ng-shell-svg,.ng-community-icon>svg,.ng-segmented-icon>svg){stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html.ng-motion-ready :is(dialog,.ng-auth-overlay,.modal-backdrop,.ng-support-panel,.activity-application-backdrop,.activity-hall-backdrop,.stage-submission-overlay,.ng-member-reward-overlay){opacity:1;transition:opacity var(--ng-motion-panel) ease,display var(--ng-motion-panel) allow-discrete,overlay var(--ng-motion-panel) allow-discrete}
html.ng-motion-ready :is(dialog:not([open]),.ng-auth-overlay.hidden,.modal-backdrop[hidden],.ng-support-panel[hidden],.activity-application-backdrop[hidden],.activity-hall-backdrop[hidden],.stage-submission-overlay[hidden],.ng-member-reward-overlay[hidden]){opacity:0;pointer-events:none}
html.ng-motion-ready :is(dialog[open],[role="dialog"]:not(dialog),.popup-modal,.ng-home-popup-card,.activity-hall-panel,.site-share-panel,.ng-support-panel,.activity-application-panel,.ng-member-reward-card,.ng-admin-dialog){animation:var(--ng-panel-animation) var(--ng-motion-panel) var(--ng-motion-ease)}
@starting-style{html.ng-motion-ready :is(dialog[open],.ng-auth-overlay:not(.hidden),.activity-application-backdrop:not([hidden]),.activity-hall-backdrop:not([hidden])){opacity:0}}
@keyframes ng-panel-original{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}
@keyframes ng-panel-cosmic{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}
@keyframes ng-panel-aurora{from{opacity:0;transform:translateY(6px) scale(.995)}to{opacity:1;transform:none}}
@keyframes ng-panel-particles{from{opacity:0;transform:translateX(4px)}to{opacity:1;transform:none}}
@keyframes ng-panel-esports{from{opacity:0;transform:translateX(-5px) scale(.99)}to{opacity:1;transform:none}}
@keyframes ng-panel-arcade{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
@keyframes ng-panel-gold{from{opacity:0;transform:translateY(3px) scale(.995)}to{opacity:1;transform:none}}
html.ng-motion-ready dialog::backdrop{background:color-mix(in srgb,var(--ng-motion-ink) 38%,transparent);backdrop-filter:none}
.ng-motion-loader,html.ng-motion-ready .ng-profile-dialog__spinner{display:inline-block;flex:0 0 auto;width:20px;height:20px;box-sizing:border-box;border:2px solid color-mix(in srgb,currentColor 18%,transparent);border-top-color:currentColor;border-radius:var(--ng-loader-radius);background:var(--ng-loader-background);border-width:var(--ng-loader-border);border-top-color:var(--ng-loader-top);mask:var(--ng-loader-mask);-webkit-mask:var(--ng-loader-mask);animation:var(--ng-loader-animation);vertical-align:middle}
button[aria-busy="true"]{cursor:wait}
html.ng-motion-ready button[aria-busy="true"]::after{content:"";display:inline-block;width:14px;height:14px;margin-inline-start:8px;box-sizing:border-box;border:2px solid color-mix(in srgb,currentColor 22%,transparent);border-top-color:currentColor;border-radius:var(--ng-loader-radius);background:var(--ng-loader-background);border-width:var(--ng-loader-border);border-top-color:var(--ng-loader-top);mask:var(--ng-loader-mask);-webkit-mask:var(--ng-loader-mask);animation:var(--ng-loader-animation);vertical-align:middle;pointer-events:none}
html.ng-motion-ready :is(.ng-community-state--loading,.ng-rank-prize-state[role="status"],.trial-game-loading,.lottery-inline-loading)::before{content:"";display:block;width:22px;height:22px;margin:0 auto 12px;box-sizing:border-box;border:2px solid var(--ng-motion-line);border-top-color:var(--ng-motion-primary);border-radius:var(--ng-loader-radius);background:var(--ng-loader-background);border-width:var(--ng-loader-border);border-top-color:var(--ng-loader-top);animation:var(--ng-loader-animation)}
html.ng-motion-ready .collector-refresh-indicator{animation:var(--ng-skeleton-animation)}
/* CSSLoaders gallery ports: circle01/03/05/06, line01, rect01, bubble01.
   Layout/clip-path animation is replaced by transform/opacity. MIT notice in
   MOTION-REFERENCES.txt, distributed with the CSS. */
@keyframes ng-load-original{to{transform:rotate(1turn)}}
@keyframes ng-load-cosmic{to{transform:rotate(1turn)}}
@keyframes ng-load-aurora{50%{transform:scale(.65);opacity:.45}}
@keyframes ng-load-particles{50%{transform:scaleY(.35);opacity:.6}}
@keyframes ng-load-esports{0%{transform:rotate(45deg) scale(.9)}50%{transform:rotate(225deg) scale(.65)}100%{transform:rotate(405deg) scale(.9)}}
@keyframes ng-load-arcade{50%{transform:rotate(180deg) scale(.72);opacity:.65}to{transform:rotate(1turn)}}
@keyframes ng-load-gold{to{transform:rotate(1turn)}}
html.ng-motion-ready :is(.skeleton,.is-placeholder>*,.loading-placeholder,.collector-skeleton-card .collector-cover){position:relative;overflow:hidden;background:color-mix(in srgb,var(--ng-motion-primary) 8%,var(--ng-motion-surface))!important}
html.ng-motion-ready :is(.skeleton,.is-placeholder>*,.loading-placeholder,.collector-skeleton-card .collector-cover)::after{content:"";display:block;position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,color-mix(in srgb,var(--ng-motion-surface) 80%,transparent) 50%,transparent 80%);transform:translateX(-100%);animation:var(--ng-skeleton-animation);pointer-events:none}
@keyframes ng-skeleton-original{to{transform:translateX(100%)}}
@keyframes ng-skeleton-cosmic{50%{opacity:.5}to{transform:translateX(100%) rotate(5deg)}}
@keyframes ng-skeleton-aurora{to{transform:translateX(100%) skewX(-15deg)}}
@keyframes ng-skeleton-particles{to{transform:translateX(100%) scaleX(.75)}}
@keyframes ng-skeleton-esports{to{transform:translateX(100%) skewX(20deg)}}
@keyframes ng-skeleton-arcade{50%{opacity:.4;transform:translateX(0) scale(.95)}to{transform:translateX(100%)}}
@keyframes ng-skeleton-gold{to{transform:translateX(100%) scaleX(.6)}}
.ng-rank-change{display:inline-block;min-width:12px;margin-inline-start:3px;color:var(--ng-motion-primary);font-size:11px;line-height:1}
.ng-rank-change[data-direction="down"]{color:var(--ng-danger,#b32943)}
.ng-rank-podium-card .ng-rank-podium-plaque{background:var(--ng-podium-highlight)}
[data-rank-value]{display:inline-block}
html.ng-interaction-paused{--ng-motion-play-state:paused}
html[data-motion="off"],html.ng-motion-reduced{--ng-motion-play-state:paused;--ng-motion-panel:0ms}
html.ng-interaction-paused *,html.ng-interaction-paused *::before,html.ng-interaction-paused *::after{animation-play-state:paused!important}
html[data-motion="off"] *,html[data-motion="off"] *::before,html[data-motion="off"] *::after,html.ng-motion-reduced *,html.ng-motion-reduced *::before,html.ng-motion-reduced *::after{animation:none!important;transition-duration:.01ms!important}
html[data-motion="off"]{--ng-card-hover:none;--ng-card-press:none}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}html.ng-motion-ready :is(.card,.game-card,.collector-card,.gh-platform-card,.ng-hub-card,.ng-discover-card,.ng-category-card).ng-motion-card-active::before{animation:none!important}html.ng-motion-ready :is(.card,.game-card,.collector-card,.gh-platform-card,.ng-hub-card,.ng-discover-card):hover{transform:none!important}}
@media(forced-colors:active){.ng-motion-ambient{display:none}.ng-motion-loader{border-color:CanvasText;border-top-color:Highlight}}

/* CSSLoaders: Copyright (c) 2021 CSS Loaders, MIT.
   Animista: COPYRIGHT 2017 ANA TRAVAS, FreeBSD.
   Full redistribution terms in the accompanying MOTION-REFERENCES.txt.
   That file is also included in every independent line-page distribution. */