body.premium-motion{--pm-line:#ffffff18;--pm-red:#e02121;--pm-ease:cubic-bezier(.22,1,.36,1)}
/* An asymmetric match directory, with one expanded destination. */
.premium-motion .map-browser{grid-template-columns:minmax(225px,.34fr) minmax(0,1fr)!important;gap:28px!important;align-items:start}
.premium-motion .map-server-list{gap:0!important;padding:0 18px 0 0;border-right:1px solid var(--pm-line);top:82px}
.premium-motion .map-server-choice{border:0!important;border-bottom:1px solid var(--pm-line)!important;border-radius:0!important;background:transparent!important;padding:21px 12px!important;min-height:82px!important;transform-origin:left center;box-shadow:none!important;overflow:visible;transition:padding .5s var(--pm-ease),background .4s,border-color .4s!important}
.premium-motion .map-server-choice>b{font-size:24px!important;color:#666;min-width:34px;font-weight:400}
.premium-motion .map-server-choice strong{font-size:12px!important;letter-spacing:.04em;margin-bottom:8px}
.premium-motion .map-server-choice img{opacity:0;inset:-18px -24px;width:calc(100% + 48px);height:90px;transition:opacity .5s;mask-image:linear-gradient(90deg,transparent,#000)}
.premium-motion .map-server-choice:hover{background:#ffffff04!important;transform:none!important}
.premium-motion .map-server-choice.is-selected{padding:30px 12px!important;background:linear-gradient(90deg,#e021211a,transparent)!important;border-bottom-color:#e0212170!important}
.premium-motion .map-server-choice.is-selected:before{content:'';position:absolute;left:-1px;top:21%;bottom:21%;width:3px;background:#f22;box-shadow:0 0 15px #e0212160}
.premium-motion .map-server-choice.is-selected img{opacity:.22}.premium-motion .map-server-choice.is-selected>b{color:#fff}.premium-motion .map-server-choice.is-selected>i{color:#fff;rotate:45deg}
.premium-motion #op-match-info{min-width:0}.premium-motion .map-overview,.premium-motion .op-match-inner{border:1px solid var(--pm-line)!important;border-radius:2px!important;background:#0b0b0b99!important;box-shadow:0 20px 70px #0003!important}
.premium-motion .map-camera,.premium-motion .map-overview .map-camera{height:360px}.premium-motion .map-scene-caption h2{font-size:clamp(32px,4vw,60px)!important;letter-spacing:-.045em!important}.premium-motion .map-overview-prompt{display:grid;grid-template-columns:1fr 1fr;gap:10px 25px;padding:24px!important;border-top:1px solid var(--pm-line)}.premium-motion .map-overview-prompt .op-kicker{grid-column:1/-1}.premium-motion .map-overview-prompt h3{margin:5px 0;font-size:22px}.premium-motion .map-overview-prompt p{margin:5px 0;font-size:11px}
/* Open sections and fine rules replace nested rectangular panels. */
.premium-motion .forge-home-network,.premium-motion .forge-home-clans{background:transparent!important;border:0!important;border-block:1px solid var(--pm-line)!important;padding:25px 0!important;box-shadow:none!important}.premium-motion .forge-home-network>a,.premium-motion .forge-home-clans>a{border-radius:0!important;box-shadow:none!important}.premium-motion .membership-tier-rail{border-block:1px solid var(--pm-line);gap:0!important;background:#09090966}.premium-motion .membership-tier-rail>button{border:0!important;border-right:1px solid var(--pm-line)!important;border-radius:0!important;background:transparent!important}.premium-motion .membership-tier-rail>button:hover{background:#ffffff07!important}.premium-motion .membership-list-label{padding-block:22px!important;letter-spacing:.16em}
/* A single restrained motion vocabulary. */
.premium-motion :is(.btn,.nova-steam,.quick-edition-action){position:relative;overflow:hidden}.premium-motion :is(.btn.primary,.nova-steam):after{content:'';pointer-events:none;position:absolute;inset:-60% -100%;background:linear-gradient(110deg,transparent 40%,#ffffff35 50%,transparent 60%);transform:translateX(-55%);transition:transform .65s var(--pm-ease)}.premium-motion :is(.btn.primary,.nova-steam):hover:after{transform:translateX(55%)}.premium-motion :is(button,.btn,a){-webkit-tap-highlight-color:transparent}.premium-motion :is(button,.btn):active{translate:0 1px}.premium-motion :is(button,a):focus-visible{outline:2px solid #eee!important;outline-offset:4px}
.premium-motion #nav a{position:relative;transition:color .25s,background .25s!important}.premium-motion #nav a:after{content:'';position:absolute;bottom:2px;left:18%;right:18%;height:2px;background:#ef2424;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--pm-ease)}.premium-motion #nav a:is(.active,[aria-current=page]):after{transform:scaleX(1)}
.pm-reveal{opacity:0;transform:translateY(14px);transition:opacity .6s var(--pm-ease),transform .7s var(--pm-ease);transition-delay:var(--pm-delay,0ms)}.pm-reveal.pm-visible{opacity:1;transform:none}body.nv-motion-off .pm-reveal{opacity:1;transform:none;transition:none}
@media(max-width:760px){.premium-motion .map-browser{display:block!important}.premium-motion .map-server-list{position:static;display:grid!important;grid-template-columns:1fr!important;padding:0;border:0;gap:0!important}.premium-motion .map-server-choice{min-height:76px!important;padding:19px 16px!important}.premium-motion .map-server-choice.is-selected{padding:25px 16px!important}.premium-motion .map-server-choice img{inset:-14px 0;width:100%;height:78px}.premium-motion .pm-inline-detail{grid-column:1/-1;margin:0 0 14px}.premium-motion .map-camera,.premium-motion .map-overview .map-camera{height:275px}.premium-motion .map-overview{margin-top:18px}.premium-motion .map-overview-prompt{grid-template-columns:1fr;padding:20px!important}.premium-motion .map-overview-prompt h3{font-size:22px}.premium-motion .membership-tier-rail{overflow-x:auto;display:flex!important}.premium-motion .membership-tier-rail>button{min-width:130px!important;flex:0 0 130px}}
@media(prefers-reduced-motion:reduce){.pm-reveal{opacity:1;transform:none;transition:none}.premium-motion *, .premium-motion *:after{scroll-behavior:auto!important;transition:none!important}}