/* V4.60.0 API Card Template Library — standalone, scoped component stylesheet. */
.pm-api-card-grid{--pm-card-gap:18px;display:grid;grid-template-columns:repeat(var(--pm-card-cols,4),minmax(0,1fr));gap:var(--pm-card-gap);width:100%;min-width:0;box-sizing:border-box}
.pm-api-card-grid--cols-4{--pm-card-cols:4}.pm-api-card-grid--cols-5{--pm-card-cols:5}.pm-api-card-grid--cols-6{--pm-card-cols:6}
.pm-api-card,.pm-api-card *{box-sizing:border-box}.pm-api-card{min-width:0;overflow:hidden;border:1px solid rgba(148,163,184,.18);border-radius:18px;background:#fff;color:#172033;box-shadow:0 10px 28px rgba(15,23,42,.07);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.pm-api-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(15,23,42,.11);border-color:rgba(99,102,241,.24)}
.pm-api-card__media{display:block;overflow:hidden;background:#eef2f7;aspect-ratio:16/10}.pm-api-card__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .28s ease}.pm-api-card:hover .pm-api-card__media img{transform:scale(1.035)}.pm-api-card__body{padding:16px}.pm-api-card__meta{margin-bottom:8px;font-size:11px;font-weight:750;letter-spacing:.045em;text-transform:uppercase;color:#64748b}.pm-api-card__title{margin:0;font:800 clamp(15px,1.1vw,19px)/1.32 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.018em}.pm-api-card__title a{color:inherit;text-decoration:none}.pm-api-card__excerpt{margin:9px 0 0;color:#64748b;font:400 13px/1.62 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}

/* V4.62.0 — Showcase: compact modern game/catalog card. Uses Modern Template accent when available. */
.pm-api-card--showcase{border-color:color-mix(in srgb,var(--accent,#7c6cff) 22%,#2b2941);border-radius:16px;background:linear-gradient(155deg,color-mix(in srgb,var(--accent,#7c6cff) 7%,#201d35),#141323 72%);color:#f7f7fb;box-shadow:0 12px 30px rgba(0,0,0,.24)}
.pm-api-card--showcase:hover{border-color:color-mix(in srgb,var(--accent,#7c6cff) 48%,#3a3558);box-shadow:0 18px 42px rgba(0,0,0,.32),0 0 0 1px color-mix(in srgb,var(--accent,#7c6cff) 10%,transparent)}
.pm-api-card--showcase .pm-api-card__media{aspect-ratio:16/9;background:#0f1020}
.pm-api-card--showcase .pm-api-card__body{padding:12px 13px 14px}
.pm-api-card--showcase .pm-api-card__meta{margin-bottom:6px;color:color-mix(in srgb,var(--accent,#8d7cff) 78%,#fff);font-size:10px;font-weight:900;letter-spacing:.06em}
.pm-api-card--showcase .pm-api-card__title{color:#fff;font-size:15px;line-height:1.28;font-weight:850;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.pm-api-card--showcase .pm-api-card__excerpt{margin-top:7px;color:#aeb0c5;font-size:11.5px;line-height:1.48;-webkit-line-clamp:2}
.pm-api-card--showcase .pm-api-card__media:after{content:"";position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(180deg,transparent,rgba(4,4,10,.24));pointer-events:none}
.pm-api-card--showcase .pm-api-card__media{position:relative}
.pm-api-card--soft-elevated{border:0;border-radius:22px;box-shadow:0 14px 35px rgba(15,23,42,.09)}.pm-api-card--soft-elevated .pm-api-card__body{padding:18px}.pm-api-card--soft-elevated .pm-api-card__media{aspect-ratio:16/10}
.pm-api-card--image-overlay{position:relative;min-height:280px;background:#111827;color:#fff;border:0}.pm-api-card--image-overlay .pm-api-card__media{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}.pm-api-card--image-overlay .pm-api-card__media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,.04),rgba(15,23,42,.88))}.pm-api-card--image-overlay .pm-api-card__body{position:relative;z-index:2;display:flex;min-height:280px;flex-direction:column;justify-content:flex-end;padding:20px}.pm-api-card--image-overlay .pm-api-card__meta,.pm-api-card--image-overlay .pm-api-card__excerpt{color:rgba(255,255,255,.78)}
.pm-api-card--editorial{border-radius:12px;box-shadow:none;border-color:#e2e8f0}.pm-api-card--editorial .pm-api-card__media{aspect-ratio:3/2}.pm-api-card--editorial .pm-api-card__title{font-family:Georgia,"Times New Roman",serif;font-weight:700;letter-spacing:-.012em}.pm-api-card--editorial:hover{transform:none;box-shadow:0 8px 22px rgba(15,23,42,.06)}
.pm-api-card--compact-horizontal{display:grid;grid-template-columns:minmax(96px,38%) minmax(0,1fr);align-items:stretch}.pm-api-card--compact-horizontal .pm-api-card__media{height:100%;min-height:135px;aspect-ratio:auto}.pm-api-card--compact-horizontal .pm-api-card__body{padding:14px}.pm-api-card--compact-horizontal .pm-api-card__excerpt{-webkit-line-clamp:2}
.pm-api-card--minimal{box-shadow:none;border-radius:12px;border-left:3px solid #6366f1}.pm-api-card--minimal .pm-api-card__media{display:none}.pm-api-card--minimal .pm-api-card__body{padding:15px 16px}.pm-api-card--minimal:hover{transform:none;box-shadow:none;background:#f8fafc}
@media(max-width:1280px){.pm-api-card-grid--cols-6{--pm-card-cols:4}.pm-api-card-grid--cols-5{--pm-card-cols:4}}
@media(max-width:980px){.pm-api-card-grid--cols-4,.pm-api-card-grid--cols-5,.pm-api-card-grid--cols-6{--pm-card-cols:3}.pm-api-card-grid{--pm-card-gap:15px}}
@media(max-width:720px){.pm-api-card-grid--cols-4,.pm-api-card-grid--cols-5,.pm-api-card-grid--cols-6{--pm-card-cols:2}.pm-api-card-grid{--pm-card-gap:12px}.pm-api-card__body{padding:13px}.pm-api-card__title{font-size:15px}.pm-api-card__excerpt{font-size:12px;-webkit-line-clamp:2}}
@media(max-width:430px){.pm-api-card-grid--cols-4,.pm-api-card-grid--cols-5,.pm-api-card-grid--cols-6{--pm-card-cols:1}.pm-api-card-grid{--pm-card-gap:11px}.pm-api-card{border-radius:14px}.pm-api-card__media{aspect-ratio:16/9}.pm-api-card__body{padding:13px 14px}.pm-api-card__title{font-size:16px}.pm-api-card--compact-horizontal{grid-template-columns:108px minmax(0,1fr)}.pm-api-card--compact-horizontal .pm-api-card__media{min-height:112px}.pm-api-card--compact-horizontal .pm-api-card__excerpt{display:none}.pm-api-card--image-overlay,.pm-api-card--image-overlay .pm-api-card__body{min-height:240px}}

/* V4.62.1 — Showcase balanced vertical spacing around embedded grids. */
.pm-api-card-grid--showcase{margin-top:24px;margin-bottom:24px}
@media(max-width:767px){.pm-api-card-grid--showcase{margin-top:20px;margin-bottom:20px}}
@media(max-width:430px){.pm-api-card-grid--showcase{margin-top:18px;margin-bottom:18px}}