.op-gh-hero:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#f0b44d38,#0000 65%);height:80%;position:absolute;inset:auto -10% -40% 30%}.op-gh-stage{aspect-ratio:640/440;filter:drop-shadow(0 24px 40px #00000059);height:auto}.op-gh-dot{background:#f6cf86;border-radius:999px;width:.5rem;height:.5rem;box-shadow:0 0 0 4px #f6cf862e,0 0 14px #f6cf86cc}.op-gh-art{background:radial-gradient(ellipse 60% 80% at 85% 0%, #fff3, transparent 70%), radial-gradient(ellipse 50% 60% at 15% 100%, #f0b44d38, transparent 70%), linear-gradient(150deg, var(--a), var(--b))}.op-gh-art[data-game=builder]{--a:#4f4bd1;--b:#1a1a46}.op-gh-art[data-game=where]{--a:#0f766e;--b:#102a43}.op-gh-art[data-game=threads]{--a:#7c3aed;--b:#2a1650}.op-gh-art img{transition:transform .5s cubic-bezier(.2,.9,.25,1.1)}.op-gh-card:hover .op-gh-art img{transform:translateY(-4px)scale(1.04)}.op-gh-more-icon{color:var(--tint);background:color-mix(in oklab, var(--tint) 14%, transparent)}.op-gh-scripture{background:radial-gradient(ellipse 60% 90% at 0% 0%, color-mix(in oklab, var(--color-accent) 16%, transparent), transparent 70%), var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card,0 1px 2px #0000000f)}@media (prefers-reduced-motion:reduce){.op-gh-art img,.op-gh-card:hover .op-gh-art img{transition:none;transform:none}}@media (prefers-contrast:more){.op-gh-art{background:#15162a}}