/* Prism game cards on the plugin's neutral skin, re-tokened for the
   theme: the preview set into a soft pale well, the tag a dark chip, pale
   chips and the theme's own accent buttons. */
@import url("../../../../components/games/game-showcase-card.css");

.gcard-skin-editorial {
    --gc-radius:var(--radius);
    --gc-card-bg:var(--paper-2);
    --gc-card-border:1px solid var(--rule);
    --gc-shadow:var(--shadow);
    --gc-shadow-hover:var(--shadow-lift);
    --gc-stage-bg:var(--psm-well);
    --gc-stage-radius:calc(var(--radius) - 8px);
    --gc-body-bg:transparent;
    --gc-accent:var(--psm-accent-text);
    --gc-tag-bg:var(--psm-panel); --gc-tag-fg:var(--psm-on-panel);
    --gc-title-font:var(--font-display);
    --gc-chip-bg:var(--paper-3); --gc-chip-fg:var(--ink-2);
    --gc-chip-solid-bg:var(--psm-accent); --gc-chip-solid-fg:var(--psm-on-accent);
    --gc-cta-bg:var(--btn-bg); --gc-cta-fg:var(--btn-ink); --gc-cta-radius:999px;
}
.gcard-skin-editorial .gcard-title { font-weight: 700; letter-spacing: -.01em; }
.gcard-skin-editorial { transition: transform .35s cubic-bezier(.2, .8, .3, 1), box-shadow .3s ease; }
.gcard-skin-editorial:hover, .gcard-skin-editorial:focus-within { transform: translateY(-4px); }
.gcard-skin-editorial .gcard-tag, .gcard-skin-editorial [class*="gcard-tag"] { border-radius: 999px; }
@media (prefers-reduced-motion: reduce) { .gcard-skin-editorial:hover, .gcard-skin-editorial:focus-within { transform: none; } }
/* Free / hot chips in the theme's green and red */
.gcard-chip-free { color: var(--psm-good); border-color: currentColor; background: var(--psm-good-soft); }
.gcard-chip-hot { color: var(--psm-bad); border-color: currentColor; background: var(--psm-bad-soft); }