.nxt-pc{--pointer-x:50%;--pointer-y:50%;--pointer-from-center:0;--pointer-from-top:.5;--pointer-from-left:.5;--rotate-x:0deg;--rotate-y:0deg;--background-x:50%;--background-y:50%;--card-opacity:0;--card-radius:var(--radius-lg,20px);--glow:var(--color-magenta,#ff2e88);--sun-1:#ff2e88;--sun-2:#9b5cff;--sun-3:#2ff0e0;--sun-4:#ff5a1f;--sun-5:#ff2e88;--sun-6:#9b5cff;perspective:700px;touch-action:pan-y;position:relative}.nxt-pc__behind{z-index:0;pointer-events:none;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y), var(--glow) 0, transparent 55%);filter:blur(60px)saturate(1.4);opacity:calc(.55 * var(--card-opacity));transition:opacity .25s;position:absolute;inset:0}.nxt-pc__shell{z-index:1;position:relative}.nxt-pc__card{aspect-ratio:.718;border-radius:var(--card-radius);background:var(--color-ink-2,#121216);border:1px solid var(--color-line,#2a2a33);height:74svh;max-height:520px;box-shadow:#000000bf calc(var(--pointer-from-left) * 10px - 3px) calc(var(--pointer-from-top) * 20px - 6px) 24px -8px, 0 0 40px -14px var(--glow);backface-visibility:hidden;transition:transform .9s,box-shadow .3s,border-color .3s;display:grid;position:relative;overflow:hidden;transform:translateZ(0)rotateX(0)rotateY(0)}.nxt-pc__card>*{border-radius:var(--card-radius);pointer-events:none;grid-area:1/-1;display:grid}.nxt-pc__inside{background-color:#09090bd1;background-image:linear-gradient(145deg,#ff2e882e 0%,#2ff0e01f 100%);position:absolute;inset:0}.nxt-pc__shine{z-index:3;mix-blend-mode:color-dodge;filter:brightness(.5)contrast(1.3)saturate(.5)opacity(.35);background-image:repeating-linear-gradient(0deg, var(--sun-1) 5%, var(--sun-2) 10%, var(--sun-3) 15%, var(--sun-4) 20%, var(--sun-5) 25%, var(--sun-6) 30%, var(--sun-1) 35%), radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #0000001a 12%, #0000004d 120%);background-position:0 var(--background-y), 50%;background-blend-mode:color, hard-light;background-size:500% 500%,200% 200%;transition:filter .8s}.nxt-pc__glare{z-index:4;mix-blend-mode:overlay;filter:brightness(.75)contrast(1.2);background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #c9c6dd 10%, #181528d9 85%)}.nxt-pc__media{z-index:2;mix-blend-mode:luminosity;overflow:hidden}.nxt-pc__avatar{transform-origin:50% 100%;width:100%;transform:translateX(calc(-50% + (var(--pointer-from-left) - .5) * 6px)) scaleY(calc(1 + (var(--pointer-from-top) - .5) * .02)) scaleX(calc(1 + (var(--pointer-from-left) - .5) * .01));will-change:transform;transition:transform .12s ease-out;position:absolute;bottom:-1px;left:50%}.nxt-pc__poster{object-fit:cover;opacity:.4;filter:blur(3px);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.12)}.nxt-pc__scrim{z-index:2;background:linear-gradient(#09090bb8 0%,#09090b4d 45%,#09090bf2 100%);position:absolute;inset:0}.nxt-pc__media--video{mix-blend-mode:normal}.nxt-pc__video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.nxt-pc__scrim--video{background:linear-gradient(#09090b99 0%,#09090b0f 38%,#09090b8c 72%,#09090bed 100%)}.nxt-pc__details{z-index:5;text-align:center;width:100%;transform:translate3d(calc(var(--pointer-from-left) * -6px + 3px), calc(var(--pointer-from-top) * -6px + 3px), .1px);padding:0 1.4em;position:absolute;top:2.4em}.nxt-pc__name{letter-spacing:-.01em;text-transform:uppercase;color:#fff;text-shadow:0 0 34px #ff2e8873,0 2px 10px #000000f2;margin:0;font-size:min(5svh,2.7em);line-height:.92}.nxt-pc__title{letter-spacing:.14em;text-transform:uppercase;color:#ffffffd1;text-shadow:0 2px 10px #000000f2;max-width:92%;margin:.55em auto 0;font-size:12px;line-height:1.45}.nxt-pc__bar{--inset:14px;z-index:6;left:var(--inset);right:var(--inset);bottom:var(--inset);border:1px solid var(--color-line,#2a2a33);border-radius:calc(var(--card-radius) - var(--inset) + 8px);pointer-events:auto;background:#09090bdb;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex;position:absolute}.nxt-pc__who{text-align:left;flex-direction:column;gap:3px;min-width:0;display:flex}.nxt-pc__handle{color:#ffffffeb;font-size:12px;line-height:1}.nxt-pc__status{letter-spacing:.18em;text-transform:uppercase;color:var(--color-muted,#8f8a9c);font-size:10px;line-height:1}.nxt-pc__cta{letter-spacing:.14em;text-transform:uppercase;color:#fff;border:1px solid var(--color-line,#2a2a33);border-radius:var(--radius-sm,7px);flex-shrink:0;padding:9px 13px;font-size:11px;font-weight:700;transition:background-color .2s,border-color .2s,color .2s}.nxt-pc__cta:hover{background:var(--color-magenta,#ff2e88);border-color:var(--color-magenta,#ff2e88);color:#09090b}@media (prefers-reduced-motion:no-preference){.nxt-pc:hover,.nxt-pc.is-active{--card-opacity:1}.nxt-pc:hover .nxt-pc__card,.nxt-pc.is-active .nxt-pc__card{transform:translateZ(0) rotateX(var(--rotate-y)) rotateY(var(--rotate-x));border-color:color-mix(in oklab, var(--color-magenta,#ff2e88) 45%, var(--color-line,#2a2a33));transition:box-shadow .3s,border-color .3s}.nxt-pc:hover .nxt-pc__shine,.nxt-pc.is-active .nxt-pc__shine{filter:brightness(.4)contrast(1.2)saturate(.7)opacity(.6)}}@media (max-width:768px){.nxt-pc__card{height:64svh;max-height:430px}.nxt-pc__details{top:1.8em}.nxt-pc__name{font-size:min(4svh,2.2em)}.nxt-pc__bar{--inset:11px;padding:8px 10px}}@media (max-width:420px){.nxt-pc__card{height:58svh;max-height:360px}.nxt-pc__name{font-size:min(3.6svh,1.9em)}.nxt-pc__title{font-size:11px}}
