@keyframes nav-pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@keyframes community-marquee{to{transform:translate(-50%)}}.community-row{overflow:hidden}.community-marquee{animation:community-marquee var(--marquee-s,60s) linear infinite}.community-row:has(:focus-visible) .community-marquee{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.community-row{overflow-x:auto}.community-marquee{animation:none}.community-marquee>li[aria-hidden]{display:none}}@property --border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes border-spin{to{--border-angle:360deg}}.glow-border:before{content:"";z-index:1;border-radius:inherit;background:conic-gradient(from var(--border-angle), transparent 0 62%, #ffffff1f 74%, #fff9 86%, color-mix(in srgb, var(--accent) 50%, transparent) 90%, transparent 97%);-webkit-mask-composite:xor;--border-angle:200deg;pointer-events:none;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes arrow-hint{0%,84%,to{transform:none}91%{transform:translate(3px)}}@keyframes arrow-through{0%{opacity:1;transform:none}45%{opacity:0;transform:translate(130%)}46%{opacity:0;transform:translate(-130%)}to{opacity:1;transform:none}}.cta-arrow>svg:last-child{animation:6s ease-in-out infinite arrow-hint}.cta-arrow:hover>svg:last-child,.cta-arrow:focus-visible>svg:last-child{animation:.7s cubic-bezier(.6,0,.3,1) arrow-through}.cta-glow{background-color:var(--accent);box-shadow:inset 0 -2px 0 #00000029, 0 10px 28px -14px color-mix(in srgb, var(--accent) 70%, transparent);background-image:linear-gradient(#ffffff38,#0000 55%)}@keyframes float-card{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-5px)rotate(-2.5deg)}}.float-card{animation:9s ease-in-out infinite float-card}@keyframes stage-in{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:none}}.stage-in{animation:.7s cubic-bezier(.2,.7,.2,1) both stage-in}@keyframes reveal{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@supports (animation-timeline:view()){.reveal{animation:linear both reveal;animation-timeline:view();animation-range:entry entry 35%}}.lime-band{--ink:#0b0c0f;--ink-2:#0b0c0fbd;--muted:#0b0c0f8f;background-color:var(--band,#a7f810);color:var(--ink)}.lime-band :where(.on-dark,article,[role=tablist]){--ink:#eef0f4;--ink-2:#b4bac7;--muted:#8890a1}.lime-wash{background:radial-gradient(70% 65% at 50% var(--wash-y,0%), var(--band-wash,#e6ff9e) 0%, color-mix(in srgb, var(--band-wash,#e6ff9e) 55%, transparent) 40%, transparent 80%)}.lime-dots{background-image:radial-gradient(circle,#0b0c0f1c 1.7px,#0000 2.2px);background-size:26px 26px}@media (prefers-reduced-motion:reduce){.glow-border:before{--border-angle:200deg;animation:none}.cta-arrow>svg:last-child,.cta-arrow:hover>svg:last-child,.float-card,.stage-in,.reveal,.lime-wash{animation:none}}.lime-band .lime-glass{--ink:#0b0c0f;--ink-2:#0b0c0fbd;--muted:#0b0c0f8f}.cta-glow:hover,.cta-glow:focus-visible{box-shadow:inset 0 -2px 0 #00000029, 0 14px 34px -14px color-mix(in srgb, var(--accent) 85%, transparent)}.paper-band{--ink:#0b0c0f;--ink-2:#0b0c0fb8;--muted:#0b0c0f85;color:var(--ink);background-color:#f2f0eb}.paper-band :where(.on-dark,article,[role=tablist]){--ink:#eef0f4;--ink-2:#b4bac7;--muted:#8890a1}.paper-band .lime-glass{--ink:#0b0c0f;--ink-2:#0b0c0fb8;--muted:#0b0c0f85;background-color:#fff;box-shadow:0 0 0 1px #0b0c0f12,0 20px 40px -28px #0b0c0f59}.studio-floor{transform-origin:50% 100%;background-image:radial-gradient(circle,#ffffff1c 1.3px,#0000 1.7px);background-size:26px 26px;transform:perspective(520px)rotateX(64deg);-webkit-mask-image:linear-gradient(#0000 15%,#000 90%);mask-image:linear-gradient(#0000 15%,#000 90%)}@keyframes studio-drift{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.studio-drift{animation:6s ease-in-out infinite studio-drift}@media (prefers-reduced-motion:reduce){.studio-drift{animation:none}}
.mega-shell{max-height:var(--mega-max,calc(100dvh - 4rem));overscroll-behavior:contain;scrollbar-width:thin;background:radial-gradient(circle,#ffffff0d 1.3px,#0000 1.7px) 0 0/22px 22px,#0f1115;border:1px solid #ffffff17;border-radius:24px;overflow-y:auto;box-shadow:0 40px 80px -28px #000000e6}.mega-scrim{inset-inline:0;background:#0506088c;height:100dvh;position:absolute;top:100%}.mega-cards{grid-template-rows:auto auto 1fr}.mega-cell,.mega-card{grid-row:span 3;grid-template-rows:subgrid;grid-template-columns:minmax(0,1fr);row-gap:0;display:grid}.mega-card{color:var(--ink);background:radial-gradient(90% 55% at 50% 38%, color-mix(in srgb, var(--c2) 30%, transparent), transparent 72%), linear-gradient(180deg, #171a20, #121418);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c2) 22%, transparent), inset 0 1px 0 #ffffff0d;border-radius:16px;outline:none;padding-bottom:18px;transition:transform .26s cubic-bezier(.2,.8,.2,1),box-shadow .26s;position:relative}.mega-card:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c2) 60%, transparent), inset 0 1px 0 #ffffff0d, 0 18px 36px -20px color-mix(in srgb, var(--c2) 70%, transparent);transform:translateY(-3px)}.mega-card:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px}.mega-card-art{aspect-ratio:440/360;pointer-events:none;filter:drop-shadow(0 14px 16px #0000008c);width:108%;margin:-40px -4% 0;transition:transform .36s cubic-bezier(.2,.8,.2,1);display:block}.mega-card-art img{object-fit:contain;width:100%;height:100%}.mega-card:hover .mega-card-art,.mega-card:focus-visible .mega-card-art{transform:translateY(-6px)scale(1.05)}.mega-card-title{font-family:var(--font-display);letter-spacing:-.01em;padding:14px 16px 0;font-size:16px;font-weight:700;line-height:1.2}.mega-card-desc{color:var(--ink-2);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;align-self:start;margin:6px 16px 0;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}@media (max-width:1279.98px){.mega-card-title{padding:12px 12px 0;font-size:14.5px}.mega-card-desc{margin:5px 12px 0;font-size:12.5px}}.mega-tile{height:100%;min-height:128px;color:var(--ink);background:radial-gradient(80% 90% at 0% 0%, color-mix(in srgb, var(--c2) 22%, transparent), transparent 70%), #15171c;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c2) 20%, transparent), inset 0 1px 0 #ffffff0a;border-radius:16px;outline:none;flex-direction:column;padding:16px;transition:transform .26s cubic-bezier(.2,.8,.2,1),box-shadow .26s;display:flex}.mega-tile:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c2) 55%, transparent), 0 16px 32px -20px color-mix(in srgb, var(--c2) 70%, transparent);transform:translateY(-2px)}.mega-tile:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px}.mega-badge{color:#fff;background:var(--badge);width:36px;height:36px;box-shadow:0 6px 14px -6px var(--badge);border-radius:999px;justify-content:center;align-items:center;display:flex}.mega-badge svg{width:18px;height:18px}.mega-guide{border-radius:18px;outline:none;display:block}.mega-guide:focus-visible{outline:2px solid var(--accent-2);outline-offset:4px}.mega-guide-art{aspect-ratio:280/158;background:radial-gradient(70% 80% at 50% 100%, color-mix(in srgb, var(--rarity-epic) 35%, transparent), transparent 70%), #15171c;border-radius:16px;display:block;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff12}.mega-guide-art img{object-fit:contain;filter:drop-shadow(0 10px 12px #00000080);width:100%;height:100%;transition:transform .36s cubic-bezier(.2,.8,.2,1)}.mega-guide:hover .mega-guide-art img,.mega-guide:focus-visible .mega-guide-art img{transform:scale(1.04)}@keyframes mega-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes mega-fade{0%{opacity:0}to{opacity:1}}@keyframes mega-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes mega-scrim-in{0%{opacity:0}}@media (prefers-reduced-motion:no-preference){.mega:not([data-swap]) .mega-shell{animation:.22s cubic-bezier(.2,.8,.2,1) mega-in}.mega[data-swap] .mega-content{animation:.18s ease-out mega-fade}.mega:not([data-swap]) .mega-item{animation:.42s cubic-bezier(.2,.8,.2,1) both mega-rise;animation-delay:calc(40ms + var(--i,0) * 32ms)}.mega-scrim{animation:.2s ease-out mega-scrim-in}}@media (prefers-reduced-motion:reduce){.mega-card,.mega-tile,.mega-card-art,.mega-guide-art img{transition:none}}