.matchCard{overflow:hidden;display:flex;flex-direction:column;height:100%;min-width:0;color:var(--text,#e2e8f8);background:radial-gradient(420px 220px at 100% 0,rgba(37,99,235,.09),transparent 70%),var(--surface,#0f1729);border:1px solid rgba(147,197,253,.1);border-radius:var(--radius-lg,16px);box-shadow:0 16px 44px rgba(0,0,0,.25)}.matchCard__media{position:relative;overflow:hidden;width:100%;aspect-ratio:16/6.5;border-bottom:1px solid rgba(147,197,253,.08);background:linear-gradient(180deg,rgba(6,12,22,.25),rgba(8,13,24,.55)),url(/assets/image/cardBackground.png) 50%/cover no-repeat}.matchCard__media:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top,rgba(37,99,235,.18),transparent 20%);opacity:.1}.matchCard__image{position:relative;z-index:2;padding:.45rem;filter:drop-shadow(0 10px 20px rgba(0,0,0,.35));object-fit:contain;padding:.7rem}.matchCard__body{display:flex;flex:1 1;flex-direction:column;gap:.7rem;padding:.85rem .9rem}.matchCard__body h3{margin:0;color:#f4f7ff;font-size:.98rem;font-weight:760;line-height:1.3;letter-spacing:-.02em}.matchCard__series{margin:.15rem 0 0;color:#93c5fd;font-size:.8rem;font-weight:650;line-height:1.4}.matchCard__meta{display:grid;grid-template-columns:1.2fr 1fr;grid-gap:.75rem;gap:.75rem;margin:0}.matchCard__meta div{min-width:0}.matchCard__meta dt{color:rgba(240,244,255,.4);font-size:.66rem;font-weight:700;line-height:1.3;letter-spacing:.05em;text-transform:uppercase}.matchCard__meta dd{display:flex;align-items:center;gap:.35rem;font-weight:600;margin:.1rem 0 0;color:rgba(240,244,255,.68);font-size:.8rem;line-height:1.45}.matchCard__actions{display:grid;grid-gap:.55rem;gap:.55rem;padding:0 1rem 1rem}.matchCardAction{display:flex;align-items:center;justify-content:space-between;gap:.85rem;min-height:58px;padding:.72rem .8rem;color:#eef4ff;background:hsla(0,0%,100%,.035);border:1px solid rgba(147,197,253,.12);border-radius:var(--radius-md,12px);text-decoration:none;transition:background .16s ease,border-color .16s ease,transform .16s ease}.matchCardAction:hover{transform:translateY(-1px);background:rgba(37,99,235,.09);border-color:rgba(96,165,250,.28)}.matchCardAction:focus-visible{outline:3px solid #60a5fa;outline-offset:3px}.matchCardAction>span:first-child{min-width:0}.matchCardAction small,.matchCardAction strong{display:block}.matchCardAction strong{color:#fff;font-size:.875rem;font-weight:720;line-height:1.35}.matchCardAction small{margin-top:.18rem;color:rgba(240,244,255,.52);font-size:.75rem;line-height:1.35}.matchCardAction--premium{background:radial-gradient(240px 100px at 0 0,var(--premium-bg-strong),transparent 72%),rgba(248,201,95,.055);border-color:var(--premium-border);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.035),0 10px 28px rgba(248,201,95,.1)}.matchCardAction--premium:hover{background:radial-gradient(280px 120px at 0 0,rgba(248,201,95,.23),transparent 72%),rgba(248,201,95,.08);border-color:rgba(255,229,156,.52)}.matchCardAction--premium:focus-visible{outline-color:var(--premium-gold-light)}.matchCardAction--disabled{opacity:.62;cursor:wait}.matchCardBadge{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:28px;padding:.3rem .55rem;color:rgba(240,244,255,.66);background:hsla(0,0%,100%,.05);border:1px solid rgba(147,197,253,.12);border-radius:999px;font-size:.7rem;font-weight:720;line-height:1}.matchCardBadge--free,.matchCardBadge--unlocked{color:#bfdbfe;background:rgba(37,99,235,.12);border-color:rgba(96,165,250,.22)}.matchCardBadge--premium{color:var(--premium-on-gold);background:var(--premium-gradient);border-color:var(--premium-border-strong);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.22),0 6px 18px rgba(248,201,95,.16);font-weight:850}@media (max-width:680px){.matchCard__actions,.matchCard__body{padding:.5rem}.matchCard__body h3{font-size:.75rem;line-height:1.3}.matchCard__series{font-size:.75rem;margin-top:.1rem}.matchCard__meta dt{font-size:.65rem;letter-spacing:.04em}.matchCard__meta dd{font-size:.7rem;line-height:1.35}.matchCardAction{min-height:46px;padding:.3rem .5rem}.matchCardAction strong{font-size:.6rem}.matchCardAction small{font-size:.68rem}.matchCardBadge{font-size:.62rem;min-height:22px;padding:.22rem .5rem}.matchCard__actions{font-size:.75rem}}@media (max-width:350px){.matchCard__meta{grid-template-columns:1fr;gap:.45rem}.matchCard__meta dt{font-size:.6rem;letter-spacing:.04em}.matchCard__meta dd{font-size:.55rem;line-height:1.35}}