/* Homepage game cards: one standard "medallion" template. Each game supplies its own colors and icon. */
.cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.card.gc{position:relative;overflow:hidden;border:0;border-radius:18px;padding:26px 20px 22px;min-height:480px;gap:0;align-items:center;text-align:center;color:#fff;
  background:radial-gradient(circle at 50% 16%,color-mix(in srgb,var(--d) 68%,#fff 32%),var(--d) 62%);box-shadow:0 6px 0 rgba(0,0,0,.32)}
.gc-med{width:132px;height:132px;border-radius:50%;border:5px solid var(--a);box-shadow:0 0 0 6px rgba(255,255,255,.13),0 10px 20px rgba(0,0,0,.35);overflow:hidden;flex:none;margin:0 0 14px}
.gc-ic{width:100%;height:100%;overflow:hidden;padding:0}
.gc-ic svg{display:block;width:100%;height:100%}
.gc-tag{font:800 11px/1 var(--ui);letter-spacing:.14em;text-transform:uppercase;padding:6px 10px;border-radius:999px;background:var(--a);color:var(--ona);margin-bottom:10px}
.gc-title{font:700 30px/1.1 var(--ui);letter-spacing:.03em;text-transform:uppercase;color:var(--t);margin:0}
.card.gc p.gc-sub{font:500 15.5px/1.45 var(--ui);color:rgba(255,255,255,.9);margin:10px 0 0;max-width:34ch}
.gc-chips{list-style:none;margin:14px 0 28px;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:7px}
.gc-chips li{font:800 11.5px/1 var(--ui);padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.17);color:#fff}
.card.gc .row{position:relative;z-index:3;margin-top:auto;padding-top:0;margin-left:64px;display:flex;flex-wrap:nowrap;gap:9px;justify-content:center}
.card.gc .btn{border:0;white-space:nowrap;font:800 14px/1 var(--ui);padding:12px 14px;border-radius:10px;background:#fff;color:#14181f;box-shadow:0 3px 0 rgba(0,0,0,.28);transition:transform .08s,box-shadow .08s}
.card.gc .btn.primary{background:var(--a);color:var(--ona)}
.card.gc .btn:hover{transform:translateY(-1px);box-shadow:0 4px 0 rgba(0,0,0,.28)}
.card.gc .btn:active{transform:translateY(2px);box-shadow:0 1px 0 rgba(0,0,0,.28)}
.card.gc .btn:focus-visible{outline:3px solid #fff;outline-offset:2px}
.gc-fig{position:absolute;left:-40px;bottom:-46px;width:140px;height:140px;transform:rotate(-12deg);z-index:2;pointer-events:none}
.card.gc .lvl-badge{top:14px;right:14px}
/* Upper-left corner label (glass pill), chosen in the Home page admin. */
.gc-corner{position:absolute;top:14px;left:14px;z-index:5;display:flex;align-items:center;gap:7px;padding:6px 11px 6px 9px;border-radius:999px;background:rgba(0,0,0,.42);border:1.5px solid rgba(255,255,255,.35);color:#fff;font:800 10.5px/1 var(--ui);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.gc-corner:not(.live){padding-left:11px}
.gc-corner .dot{width:8px;height:8px;border-radius:50%;background:#ff5a47;box-shadow:0 0 0 0 rgba(255,90,71,.7);animation:gcpulse 1.6s infinite}
.gc-corner .short{display:none}
@keyframes gcpulse{0%{box-shadow:0 0 0 0 rgba(255,90,71,.7)}70%{box-shadow:0 0 0 7px rgba(255,90,71,0)}100%{box-shadow:0 0 0 0 rgba(255,90,71,0)}}
@media (prefers-reduced-motion:reduce){.gc-corner .dot{animation:none}}
.card.gc.has-corner{padding-top:44px}
.card.gc.is-pick .gc-corner{top:38px}
.card.gc.is-pick.has-corner{padding-top:70px!important}
@media (max-width:380px){.gc-corner .long{display:none}.gc-corner .short{display:inline}}
/* Today's pick ribbon is 26px tall: push the difficulty badge (and the content) below it so it is never covered */
.card.gc.is-pick{padding-top:54px!important}
.card.gc.is-pick .lvl-badge{top:38px}
@media (max-width:360px){.card.gc{padding-left:14px;padding-right:14px}.card.gc .row{margin-left:48px;gap:6px}.card.gc .btn{padding:11px 10px;font-size:13px}.gc-fig{width:110px;height:110px;left:-34px;bottom:-38px}}