/* Seven quiet native theme identities. Sources: 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) 70%,transparent);
  --ng-surface-strong:color-mix(in srgb,var(--ng-motion-surface) 82%,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}


/* Local optical materials: satin veils, pin-point stars and fine reflections. */
.ng-motion-ambient{position:fixed;inset:0;z-index:-1;overflow:hidden;contain:strict;pointer-events:none;opacity:1;background:linear-gradient(145deg,color-mix(in srgb,var(--ng-page-deep,#edf1f7) 94%,var(--ng-motion-primary)),var(--ng-page-deep,#edf1f7) 55%,color-mix(in srgb,var(--ng-page-deep,#edf1f7) 93%,var(--ng-motion-secondary)))}
.ng-motion-ambient::before{content:"";position:absolute;inset:-25%;background:radial-gradient(ellipse at 12% 22%,color-mix(in srgb,var(--ng-motion-primary) 20%,transparent),transparent 47%),radial-gradient(ellipse at 82% 64%,color-mix(in srgb,var(--ng-motion-secondary) 17%,transparent),transparent 45%),radial-gradient(ellipse at 52% 92%,color-mix(in srgb,var(--ng-motion-primary) 9%,transparent),transparent 46%);animation:ng-scene-glow 18s ease-in-out infinite alternate;pointer-events:none;filter:none}
.ng-motion-ambient::after{content:none}
.ng-scene-light{position:absolute;inset:-25%;pointer-events:none;contain:strict;background:radial-gradient(ellipse at 22% 62%,color-mix(in srgb,var(--ng-motion-primary) 30%,transparent),transparent 48%),radial-gradient(ellipse at 82% 28%,color-mix(in srgb,color-mix(in srgb,var(--ng-motion-secondary) 80%,white) 26%,transparent),transparent 45%);animation:ng-scene-luster 16s ease-in-out infinite alternate}
html[data-theme="dark"] .ng-scene-light{background:radial-gradient(ellipse at 22% 62%,color-mix(in srgb,var(--ng-motion-primary) 40%,transparent),transparent 48%),radial-gradient(ellipse at 82% 28%,color-mix(in srgb,color-mix(in srgb,var(--ng-motion-secondary) 80%,white) 34%,transparent),transparent 45%)}
.ng-scene-svg{position:absolute;inset:-8%;width:116%;height:116%;overflow:visible;pointer-events:none;filter:none;shape-rendering:geometricPrecision}
.ng-scene-primary{stop-color:var(--ng-motion-primary);stop-opacity:.48}
.ng-scene-secondary{stop-color:var(--ng-motion-secondary);stop-opacity:.3}
.ng-scene-reflection{stop-color:color-mix(in srgb,white 82%,var(--ng-motion-primary));stop-opacity:.8}
.ng-scene-veil-color{stop-color:var(--ng-motion-primary);stop-opacity:.12}
.ng-scene-svg .ng-scene-primary[stop-opacity="0"],.ng-scene-svg .ng-scene-secondary[stop-opacity="0"]{stop-opacity:0}
.ng-scene-line{fill:none;stroke:url(#ng-scene-ink);stroke-linecap:round;vector-effect:non-scaling-stroke}
.ng-scene-veil-fill{fill:url(#ng-scene-veil);opacity:.5}
.ng-scene-pin,.ng-scene-dot{fill:color-mix(in srgb,var(--ng-motion-primary) 72%,var(--ng-motion-ink));opacity:.54}
.ng-scene-pin[data-phase="1"],.ng-scene-dot[data-phase="1"]{fill:var(--ng-motion-secondary);opacity:.38}
.ng-scene-pin[data-phase="2"],.ng-scene-dot[data-phase="2"]{opacity:.25}
.ng-scene-pearl{fill:url(#ng-scene-pearl);opacity:.8}
.ng-scene-spark{fill:none;stroke:color-mix(in srgb,white 88%,var(--ng-motion-primary));stroke-linecap:round;vector-effect:non-scaling-stroke;opacity:.8}
.ng-scene-far{animation:ng-scene-depth 22s ease-in-out infinite alternate;opacity:.65}
.ng-scene-veil{animation:ng-scene-veil 16s ease-in-out infinite alternate}
.ng-scene-glint{animation:ng-scene-glints 8s ease-in-out infinite alternate}
html[data-theme="dark"] .ng-scene-primary{stop-opacity:.62}
html[data-theme="dark"] .ng-scene-secondary{stop-opacity:.42}
html[data-theme="dark"] .ng-scene-veil-color{stop-opacity:.2}
html[data-theme="dark"] .ng-scene-pin{fill:color-mix(in srgb,white 76%,var(--ng-motion-primary));opacity:.72}
html[data-theme="dark"] .ng-scene-pin[data-phase="1"]{fill:color-mix(in srgb,white 52%,var(--ng-motion-secondary));opacity:.48}
html[data-theme="dark"] .ng-scene-pin[data-phase="2"]{opacity:.34}
.ng-scene-original{animation:ng-scene-lines 18s ease-in-out infinite alternate}
.ng-scene-cosmic{animation:ng-scene-stars 20s ease-in-out infinite alternate}
.ng-scene-aurora{animation:ng-scene-aurora 16s ease-in-out infinite alternate}
.ng-scene-particles{animation:ng-scene-dust 18s ease-in-out infinite alternate}
.ng-scene-esports{animation:ng-scene-filaments 14s ease-in-out infinite alternate}
.ng-scene-arcade{animation:ng-scene-dots 16s ease-in-out infinite alternate}
.ng-scene-gold{animation:ng-scene-gold 24s ease-in-out infinite alternate}
.ng-scene-gold .ng-scene-pin{fill:var(--ng-motion-secondary)}
@keyframes ng-scene-glow{from{transform:translate3d(-7%,-3%,0);opacity:.82}to{transform:translate3d(7%,6%,0) scale(1.07);opacity:1}}
@keyframes ng-scene-luster{from{transform:translate3d(7%,-4%,0) rotate(-2deg);opacity:.65}to{transform:translate3d(-8%,7%,0) rotate(2deg);opacity:1}}
@keyframes ng-scene-depth{to{transform:translate3d(-14px,18px,0);opacity:.85}}
@keyframes ng-scene-veil{from{opacity:.55;transform:translate3d(0,8px,0)}to{opacity:.9;transform:translate3d(8px,-15px,0)}}
@keyframes ng-scene-glints{from{opacity:.25}to{opacity:.8}}
@keyframes ng-scene-lines{to{transform:translate3d(24px,-32px,0) rotate(1.1deg)}}
@keyframes ng-scene-stars{to{transform:translate3d(18px,-22px,0)}}
@keyframes ng-scene-aurora{to{transform:translate3d(-32px,38px,0) scale(1.035)}}
@keyframes ng-scene-dust{to{transform:translate3d(16px,-40px,0)}}
@keyframes ng-scene-filaments{to{transform:translate3d(-30px,20px,0)}}
@keyframes ng-scene-dots{to{transform:translate3d(14px,-26px,0) scale(1.025)}}
@keyframes ng-scene-gold{to{transform:translate3d(20px,-24px,0) rotate(.8deg)}}
/* 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}
/* Seven complete motion identities: structure and trajectories, not only hue. */
:root{
 --ng-card-hover:translateY(-2px);--ng-card-press:scale(.992);--ng-card-travel:420ms;
 --ng-card-light:linear-gradient(110deg,transparent 35%,color-mix(in srgb,var(--ng-motion-secondary) 14%,transparent) 50%,transparent 65%);--ng-card-light-from:translateX(-100%);--ng-card-light-to:translateX(100%);
 --ng-nav-height:2px;--ng-nav-radius:2px;--ng-nav-fill:linear-gradient(90deg,var(--ng-motion-primary),var(--ng-motion-secondary));
 --ng-panel-animation:ng-panel-original;--ng-header-animation:ng-scene-glow 12s ease-in-out infinite alternate;
 --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-card-hover:translateY(-3px) scale(1.004);--ng-card-press:scale(.986);--ng-card-travel:500ms;
 --ng-card-light:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--ng-motion-primary) 18%,transparent),transparent 64%);--ng-card-light-from:translateY(-70%) scale(.75);--ng-card-light-to:translateY(30%) scale(1.2);
 --ng-nav-height:4px;--ng-nav-radius:50%;--ng-nav-fill:radial-gradient(ellipse,var(--ng-motion-primary),transparent 75%);
 --ng-panel-animation:ng-panel-cosmic;--ng-header-animation:ng-scene-stars 20s linear infinite;
 --ng-loader-animation:ng-load-cosmic 1.15s linear infinite;--ng-loader-radius:45% 55% 45% 55%;--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-card-hover:translateY(-2px) rotate(-.3deg);--ng-card-press:scale(.995) rotate(.25deg);--ng-card-travel:480ms;
 --ng-card-light:linear-gradient(120deg,transparent 25%,color-mix(in srgb,var(--ng-motion-secondary) 20%,transparent) 48%,transparent 75%);--ng-card-light-from:translate(-70%,30%) skewX(-12deg);--ng-card-light-to:translate(70%,-30%) skewX(-12deg);
 --ng-nav-height:5px;--ng-nav-radius:100%;--ng-nav-fill:linear-gradient(90deg,transparent,var(--ng-motion-primary),var(--ng-motion-secondary),transparent);
 --ng-panel-animation:ng-panel-aurora;--ng-header-animation:ng-scene-aurora 10s 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,color-mix(in srgb,currentColor 20%,transparent) 0 35%,currentColor 38% 52%,transparent 56%);
 --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-card-hover:translateY(-1px) translateX(1px);--ng-card-press:scale(.994);--ng-card-travel:300ms;
 --ng-card-light:repeating-linear-gradient(90deg,transparent 0 19px,color-mix(in srgb,var(--ng-motion-primary) 14%,transparent) 20px 21px,transparent 22px 42px);--ng-card-light-from:translateX(-40%) scaleX(.8);--ng-card-light-to:translateX(40%) scaleX(1.1);
 --ng-nav-height:3px;--ng-nav-radius:0px;--ng-nav-fill:repeating-linear-gradient(90deg,var(--ng-motion-primary) 0 8px,transparent 9px 12px);
 --ng-panel-animation:ng-panel-particles;--ng-header-animation:ng-scene-dust 16s linear 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-card-hover:translateY(-3px) rotate(.4deg);--ng-card-press:scale(.988) rotate(-.4deg);--ng-card-travel:280ms;
 --ng-card-light:linear-gradient(135deg,transparent 35%,color-mix(in srgb,var(--ng-motion-primary) 18%,transparent) 36% 44%,transparent 45%);--ng-card-light-from:translate(-55%,35%) rotate(-20deg);--ng-card-light-to:translate(55%,-35%) rotate(-20deg);
 --ng-nav-height:3px;--ng-nav-radius:0px;--ng-nav-fill:linear-gradient(135deg,transparent 0 8%,var(--ng-motion-primary) 9% 82%,transparent 83%);
 --ng-panel-animation:ng-panel-esports;--ng-header-animation:ng-scene-filaments 9s 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-card-hover:translateY(-3px) scale(1.01);--ng-card-press:scale(.975);--ng-card-travel:440ms;
 --ng-card-light:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--ng-motion-primary) 18%,transparent),transparent 60%);--ng-card-light-from:scale(.65);--ng-card-light-to:scale(1.4);
 --ng-nav-height:5px;--ng-nav-radius:8px;--ng-nav-fill:linear-gradient(90deg,var(--ng-motion-primary) 20%,var(--ng-motion-secondary) 70%);
 --ng-panel-animation:ng-panel-arcade;--ng-header-animation:ng-scene-dots 8s ease-in-out infinite alternate;
 --ng-loader-animation:ng-load-arcade 1s ease-in-out infinite;--ng-loader-border:0px;--ng-loader-background:radial-gradient(circle at 15% 50%,currentColor 2px,transparent 3px),radial-gradient(circle at 50% 50%,currentColor 2px,transparent 3px),radial-gradient(circle at 85% 50%,currentColor 2px,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-card-hover:translateY(-2px) scale(1.002);--ng-card-press:scale(.996);--ng-card-travel:560ms;
 --ng-card-light:linear-gradient(110deg,transparent 42%,color-mix(in srgb,var(--ng-motion-secondary) 22%,transparent) 48%,transparent 54%);--ng-card-light-from:translateX(-80%) skewX(-12deg);--ng-card-light-to:translateX(80%) skewX(-12deg);
 --ng-nav-height:2px;--ng-nav-radius:1px;--ng-nav-fill:linear-gradient(90deg,transparent,var(--ng-motion-primary) 25%,var(--ng-motion-secondary) 50%,var(--ng-motion-primary) 75%,transparent);
 --ng-panel-animation:ng-panel-gold;--ng-header-animation:ng-scene-gold 18s linear infinite;
 --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-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}
html.ng-motion-ready .card::before,html.ng-motion-ready .card::after{animation:none!important}
html.ng-motion-ready :is(.card,.game-card,.collector-card,.gh-platform-card,.ng-hub-card,.ng-discover-card,.ng-category-card)::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:var(--ng-card-light);opacity:0;transform:var(--ng-card-light-from);transition:transform var(--ng-card-travel) var(--ng-motion-ease),opacity var(--ng-motion-control) ease}
@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::after{opacity:1;transform:var(--ng-card-light-to)}}
@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 7px 20px color-mix(in srgb,var(--ng-motion-primary) 10%,transparent),inset 0 1px color-mix(in srgb,var(--ng-motion-secondary) 15%,transparent)!important}}
@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:var(--ng-card-press)!important;border-color:color-mix(in srgb,var(--ng-motion-primary) 36%,var(--ng-motion-line))!important;box-shadow:0 7px 20px color-mix(in srgb,var(--ng-motion-primary) 10%,transparent),inset 0 1px color-mix(in srgb,var(--ng-motion-secondary) 15%,transparent)!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::after{animation:ng-card-sheen var(--ng-card-travel) var(--ng-motion-ease)!important}
@keyframes ng-card-sheen{0%{transform:var(--ng-card-light-from);opacity:0}15%,85%{opacity:1}100%{transform:var(--ng-card-light-to);opacity:0}}
html.ng-motion-ready :is(button,.go,.el-button,[role="button"]):active{scale:.98}
html.ng-motion-ready .ng-interaction-pressed{filter:none!important;scale:.98!important}
.ng-motion-nav:not(.ng-bottom-nav){position:relative}
.ng-motion-indicator{position:absolute;left:0;bottom:1px;height:var(--ng-nav-height);border-radius:var(--ng-nav-radius);z-index:2;background:var(--ng-nav-fill);pointer-events:none;transform-origin:left center}
.ng-motion-indicator[hidden]{display:none}
.ng-bottom-nav>.ng-motion-indicator{display:none!important}
html.ng-motion-ready :is(.ng-segmented-item,.ng-community-nav a,.ng-rank-tab,.nav-item){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:translateY(6px) scale(.985)}to{opacity:1;transform:none}}
@keyframes ng-panel-cosmic{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}
@keyframes ng-panel-aurora{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes ng-panel-particles{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
@keyframes ng-panel-esports{from{opacity:0;transform:translateX(-16px) scale(.98)}to{opacity:1;transform:none}}
@keyframes ng-panel-arcade{0%{opacity:0;transform:scale(.92)}70%{opacity:1;transform:scale(1.01)}100%{opacity:1;transform:none}}
@keyframes ng-panel-gold{from{opacity:0;transform:translateY(4px) scale(.99)}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);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);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)}
@keyframes ng-load-original{to{transform:rotate(1turn)}}
@keyframes ng-load-cosmic{to{transform:rotate(1turn) rotateY(30deg)}}
@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:translateY(-4px) scale(.92);opacity:.5}}
@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::after{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-indicator{background:Highlight}.ng-motion-loader{border-color:CanvasText;border-top-color:Highlight}}