:root{--skin-gate-fan-glow: radial-gradient( ellipse 64% 54% at 50% 58%, rgb(124 58 237 / .26) 0%, transparent 70% );--skin-gate-name-color: var(--color-text-hi)}.mv-gate{position:relative;isolation:isolate;flex:1;min-height:100dvh;display:flex;flex-direction:column;background:var(--color-abyss-0);overflow:hidden;animation:bf-in .3s ease-out}.mv-gate-mat{position:absolute;inset:0;z-index:0;background-image:url(/images/playmats/default.webp);background-size:cover;background-position:50% 46%;background-repeat:no-repeat;opacity:.5}.mv-gate-veil{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#070a10e6,#070a10db 46%,#070a10f7)}.mv-gate-glow-bg{position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse 44% 38% at 50% 40%,rgb(var(--color-accent-500-rgb) / .16) 0%,transparent 72%)}.mv-gate-auth{position:absolute;top:24px;right:calc(24px + var(--safe-right, 0px));z-index:6;display:flex;align-items:center}@media(max-width:560px){.mv-gate-auth{top:16px;right:calc(14px + var(--safe-right, 0px))}.mv-gate-auth .sign-in-button span{display:none}.mv-gate-auth .sign-in-button{padding:0 9px}}.mv-gate-head{position:relative;z-index:2;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:9px;padding:26px 24px 0}.mv-gate-brand{display:flex;align-items:center;gap:11px}.mv-gate-lockup{display:flex;flex-direction:column;gap:2px}.mv-gate-wordmark{font-family:var(--font-display);font-size:19px;font-weight:700;letter-spacing:.04em;line-height:1}.mv-gate-wordmark-bound{color:var(--color-text-hi)}.mv-gate-wordmark-rifter{color:var(--color-gold-300)}.mv-gate-tagline{font-family:var(--font-mono);font-size:8.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--color-text-low)}.mv-gate-lede{display:flex;align-items:center;gap:14px;font-family:var(--font-mono);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--color-text-mid)}.mv-gate-lede-rule{width:34px;height:1px;background:var(--color-line-3)}.mv-gate-discord{display:inline-flex;align-items:center;gap:9px;height:29px;margin-top:2px;padding:0 12px 0 9px;border-radius:9999px;background:color-mix(in srgb,var(--brand-discord) 10%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand-discord) 35%,transparent);text-decoration:none;transition:background .16s,box-shadow .16s,transform .16s}.mv-gate-discord:is(:hover,:focus-visible){background:color-mix(in srgb,var(--brand-discord) 22%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand-discord) 75%,transparent),0 6px 18px color-mix(in srgb,var(--brand-discord) 28%,transparent);transform:translateY(-1px)}.mv-gate-discord:focus-visible{outline:2px solid var(--color-gold-300);outline-offset:3px}.mv-gate-discord-glyph{position:relative;display:inline-flex;width:17px;height:17px;align-items:center;justify-content:center}.mv-gate-discord-glyph svg{display:block;width:15px;height:15px;animation:mv-gate-discord-bob 3.4s ease-in-out infinite}.mv-gate-discord-ring{position:absolute;inset:-4px;border-radius:9999px;box-shadow:0 0 0 1px color-mix(in srgb,var(--brand-discord) 55%,transparent);animation:bf-ring 2.8s ease-out infinite}.mv-gate-discord-label{font-family:var(--font-mono);font-size:var(--type-caption);letter-spacing:var(--track-caption);text-transform:uppercase;color:#8f9bfa}@keyframes mv-gate-discord-bob{0%,to{transform:translateY(0) rotate(0)}30%{transform:translateY(-1.5px) rotate(-5deg)}60%{transform:translateY(.5px) rotate(4deg)}}.mv-gate-games{position:relative;z-index:2;flex:1;min-height:0;display:flex;flex-wrap:wrap;align-items:center;align-content:center;justify-content:center;gap:clamp(18px,3%,44px);padding:14px 24px;overflow-y:auto;overflow-x:hidden}.mv-gate-game{position:relative;display:flex;flex-direction:column;align-items:center;padding:0;border:none;background:transparent;cursor:pointer}.mv-gate-fanbox{position:relative;width:100%}.mv-gate-fan{position:absolute;left:50%;bottom:0;width:364px;height:292px;margin-left:-182px;transform-origin:bottom center}.mv-gate-fan-glow{position:absolute;inset:-10px -20px;opacity:.55;transition:opacity .35s ease;pointer-events:none}.mv-gate-game .mv-gate-fan-glow{background:var(--skin-gate-fan-glow)}.mv-gate-game:is(:hover,:focus-visible,[data-open=true]) .mv-gate-fan-glow{opacity:1}.mv-gate-fan-floor{position:absolute;left:50%;bottom:2px;width:240px;height:22px;margin-left:-120px;background:radial-gradient(ellipse 50% 50% at 50% 50%,rgb(0 0 0 / .55),transparent 70%);pointer-events:none}.mv-gate-card{position:absolute;left:50%;bottom:12px;width:156px;aspect-ratio:5 / 7;margin-left:-78px;border-radius:11px;overflow:hidden;isolation:isolate;contain:paint;background-color:#0a0f19;background-size:cover;background-position:center;background-repeat:no-repeat;transform-origin:bottom center;opacity:0;transition:transform .56s cubic-bezier(.2,.8,.25,1),opacity .34s ease,box-shadow .35s ease}.mv-gate-game .mv-gate-card{box-shadow:inset 0 0 0 1px rgb(var(--color-gold-500-rgb) / .5),0 16px 34px #00000094}.mv-gate-card--0{z-index:1;transform:translateY(30px) scale(.82) rotate(-2deg);transition-delay:40ms,40ms,0s}.mv-gate-card--1{z-index:3;transform:translateY(30px) scale(.82)}.mv-gate-card--2{z-index:2;transform:translateY(30px) scale(.82) rotate(2deg);transition-delay:80ms,80ms,0s}.mv-gate-game:is(:hover,:focus-visible,[data-open=true]) .mv-gate-card{opacity:1}.mv-gate-game:is(:hover,:focus-visible,[data-open=true]) .mv-gate-card--0{transform:translate(-96px) translateY(20px) rotate(-15deg)}.mv-gate-game:is(:hover,:focus-visible,[data-open=true]) .mv-gate-card--1{transform:translateY(-6px) rotate(-1deg)}.mv-gate-game:is(:hover,:focus-visible,[data-open=true]) .mv-gate-card--2{transform:translate(96px) translateY(22px) rotate(14deg)}.mv-gate-shard{position:absolute;left:50%;bottom:2px;width:240px;height:240px;margin-left:-120px;z-index:4;filter:drop-shadow(0 22px 40px rgb(0 0 0 / .6));transition:transform .62s var(--ease-out),opacity .42s ease;pointer-events:none}.mv-gate-shard--l{transform-origin:bottom right}.mv-gate-shard--r{transform-origin:bottom left}.mv-gate-game:is(:hover,:focus-visible,[data-open=true]) .mv-gate-shard--l{transform:translate(-118px) translateY(-6px) rotate(-14deg);opacity:0}.mv-gate-game:is(:hover,:focus-visible,[data-open=true]) .mv-gate-shard--r{transform:translate(118px) translateY(-6px) rotate(14deg);opacity:0}.mv-gate-shard-band{position:absolute;left:50%;z-index:5;transform-origin:center;transition:transform .62s var(--ease-spring) .06s,opacity .22s var(--ease-out) .09s;pointer-events:none}.mv-gate-band-svg{display:block;overflow:visible}.mv-gate-game:is(:hover,:focus-visible,[data-open=true]) .mv-gate-shard-band{opacity:0;transform:scaleX(3.2) scaleY(1.06)}:root[data-reduce-graphics] .mv-gate-shard-band{filter:none}.mv-gate-card-art{position:absolute;inset:0;background-size:cover;background-position:50% 24%;background-repeat:no-repeat}.mv-gate-card-foil{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 24%}.mv-gate-card canvas,.mv-gate-card canvas[data-ready="1"]{pointer-events:none}.mv-gate-card-scrim{position:absolute;inset:0;background:linear-gradient(180deg,#070a1000 55%,#070a1073)}.mv-gate-id{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:16px}.mv-gate-name{font-size:24px;font-weight:700;letter-spacing:.03em;line-height:1;transition:color .3s ease}.mv-gate-game .mv-gate-name{font-family:var(--skin-display-font);color:var(--skin-gate-name-color)}.mv-gate-game:is(:hover,:focus-visible,[data-open=true]) .mv-gate-name{color:var(--color-gold-300)}.mv-gate-rule{width:44px;height:2px;border-radius:1px;background:var(--color-line-3);transform:scaleX(.45);transition:transform .3s ease,background .3s ease}.mv-gate-game:is(:hover,:focus-visible,[data-open=true]) .mv-gate-rule{transform:scaleX(1)}.mv-gate-game:is(:hover,:focus-visible,[data-open=true]) .mv-gate-rule{background:var(--color-gold-300)}.mv-gate-meta{font-family:var(--font-mono);font-size:var(--type-caption);letter-spacing:var(--track-caption);text-transform:uppercase;color:#8a7a64}.mv-gate-offers{display:flex;flex-direction:column;align-items:center;gap:7px;max-width:300px}.mv-gate-offer-group{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}.mv-gate-offer{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:5px;background:#9fb0c30a;box-shadow:inset 0 0 0 1px var(--color-line-3);font-family:var(--font-mono);font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-faint);white-space:nowrap}.mv-gate-offer[data-live=true]{background:rgb(var(--color-gold-500-rgb) / .08);box-shadow:inset 0 0 0 1px rgb(var(--color-gold-500-rgb) / .55);color:var(--color-gold-300)}.mv-gate-chip{display:inline-flex;align-items:center;gap:7px;height:24px;padding:0 10px;border-radius:6px;background:#9fb0c30f;box-shadow:inset 0 0 0 1px var(--color-line-3);font-family:var(--font-mono);font-size:8.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-mid)}.mv-gate-chip-dot{width:5px;height:5px;border-radius:50%;animation:bf-pulse 2.2s ease-in-out infinite}.mv-gate-game .mv-gate-chip-dot{background:var(--color-gold-300)}.mv-gate-chip[data-offered=false]{opacity:.55}.mv-gate-chip[data-offered=false] .mv-gate-chip-dot{animation:none;background:var(--color-text-faint)}.mv-gate-foot{position:relative;z-index:2;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:12px;height:44px;font-family:var(--font-mono);font-size:var(--type-caption);letter-spacing:var(--track-caption);text-transform:uppercase;color:#3f4c60;text-align:center}.mv-gate-foot-rule{width:22px;height:1px;background:var(--color-line-1);flex-shrink:0}.mv-gate-game:focus-visible{outline:2px solid var(--color-gold-300);outline-offset:6px;border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){.mv-gate,.mv-gate-card,.mv-gate-shard,.mv-gate-shard-band,.mv-gate-rule,.mv-gate-fan-glow,.mv-gate-discord,.mv-gate-discord-glyph svg{animation:none;transition:none}.mv-gate-discord-ring{display:none}}