.pg-door{border:2px solid var(--color-border);background:var(--color-surface);flex-direction:column;min-width:0;transition:border-color .2s,transform .2s;display:flex;overflow:hidden}.pg-door:hover{border-color:var(--color-accent)}.pg-door:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.pg-stage{border-bottom:2px solid var(--color-border);background:radial-gradient(60% 70% at 50% 100%,#e8102f29,#0000 70%),repeating-linear-gradient(135deg,#f5f2ec06 0 2px,#0000 2px 12px),#0b0a0b;height:clamp(11rem,26vw,15rem);display:block;position:relative;overflow:hidden}.pg-copy{padding:1.1rem 1.25rem 1.3rem;display:block}.pg-go{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.16em;color:var(--color-text);margin-top:.9rem;font-size:.6875rem;font-weight:700;transition:color .15s;display:block}.pg-door:hover .pg-go{color:var(--color-accent)}.pg-crew{aspect-ratio:1;object-fit:cover;transform-origin:50% 260%;width:clamp(6rem,12vw,8rem);transform:translateX(-50%) rotate(calc(var(--i) * 9deg));border:3px solid #0b0a0b;transition:transform .4s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:.9rem;left:50%;box-shadow:0 14px 30px #0009}.pg-door:hover .pg-crew{transform:translateX(-50%) rotate(calc(var(--i) * 12deg)) translateY(-6px)}.pg-stage--clash:before{content:"";background:var(--color-accent);width:.6rem;position:absolute;top:-10%;bottom:-10%;left:50%;transform:translate(-50%)rotate(14deg);box-shadow:0 0 30px #e8102f8c}.pg-fighter{aspect-ratio:1;object-fit:cover;border:3px solid #0b0a0b;width:clamp(7rem,15vw,10rem);transition:transform .4s cubic-bezier(.2,.8,.2,1);position:absolute;top:50%;box-shadow:0 18px 36px #000000a6}.pg-fighter--l{right:calc(50% + 1.1rem);transform:translateY(-50%)rotate(-5deg)}.pg-fighter--r{left:calc(50% + 1.1rem);transform:translateY(-50%)rotate(5deg)}.pg-door:hover .pg-fighter--l{transform:translateY(-50%)translate(.6rem)rotate(-2deg)}.pg-door:hover .pg-fighter--r{transform:translateY(-50%)translate(-.6rem)rotate(2deg)}.pg-vs{z-index:2;background:var(--color-accent);color:#000;width:3rem;height:3rem;font-family:var(--font-display,inherit);letter-spacing:-.02em;justify-content:center;align-items:center;font-size:1.25rem;font-weight:800;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-6deg);box-shadow:4px 4px #000}@media (prefers-reduced-motion:reduce){.pg-crew,.pg-fighter{transition:none}}.pg-fighter--unknown{color:var(--color-accent);font-family:var(--font-display,inherit);background:repeating-linear-gradient(135deg,#f5f2ec0f 0 6px,#0000 6px 14px),#151214;justify-content:center;align-items:center;font-size:3.5rem;font-weight:800;display:flex}.rx-card{border:2px solid var(--color-border);background:var(--color-surface);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1rem;min-height:5.5rem;padding:.75rem 1rem .75rem .75rem;transition:border-color .15s;display:grid}.rx-card:hover,.rx-card:focus-visible{border-color:var(--color-accent)}.rx-pair{align-items:center;display:flex;position:relative}.rx-pair>:is(img,.rx-unknown){object-fit:cover;border:2px solid #0b0a0b;width:3.5rem;height:3.5rem;box-shadow:0 8px 18px #00000073}.rx-pair>.rx-unknown{color:var(--color-accent);background:#151214;justify-content:center;align-items:center;font-weight:800;display:flex}.rx-pair>.rx-a{transform:rotate(-4deg)}.rx-pair>.rx-b{transform:rotate(4deg)}.rx-pair>.rx-x{z-index:1;background:var(--color-accent);color:#000;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;margin-inline:-.45rem;font-size:.8rem;font-weight:800;display:flex;position:relative}.rx-card:is(:hover,:focus-visible) .rx-pair>.rx-a{transform:rotate(-4deg)translate(-3px)}.rx-card:is(:hover,:focus-visible) .rx-pair>.rx-b{transform:rotate(4deg)translate(3px)}