.match-db-page{position:relative}.match-db-controls{display:grid;gap:1rem}.match-db-search label,.match-db-filters label{display:block;margin-bottom:.45rem;color:var(--text-faint);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase}.match-db-search input,.match-db-filters select{width:100%;border:1px solid var(--line);border-radius:1.15rem;background:#ffffff09;color:var(--text);padding:.95rem 1rem;font-size:.96rem}.match-db-search input::-moz-placeholder{color:var(--text-faint)}.match-db-search input::placeholder{color:var(--text-faint)}.match-db-search input:focus,.match-db-filters select:focus{outline:none;border-color:var(--line-strong);box-shadow:0 0 0 4px #f5c26514}.match-db-filters{display:grid;gap:1rem}.match-db-count{display:flex;align-items:center;color:var(--text-faint);font-size:.76rem;letter-spacing:.18em;text-transform:uppercase}.match-db-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.match-db-card{height:100%}.match-db-card[hidden]{display:none}.match-db-card-link,.match-db-detail-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:2rem;background:#12131ad1;backdrop-filter:blur(14px);box-shadow:var(--shadow)}.match-db-card-link{display:flex;flex-direction:column;min-height:100%;transition:transform .18s ease,border-color .18s ease}.match-db-card-link:hover{transform:translateY(-4px);border-color:var(--line-strong)}.match-db-thumb{position:relative;aspect-ratio:16 / 9;background-image:var(--match-db-thumb);background-size:cover;background-position:center;background-color:#ffffff0a}.match-db-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#07070a1f,#07070ab3)}.match-db-thumb-large{min-height:22rem}.match-db-play-indicator{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .18s ease}.match-db-card-link:hover .match-db-play-indicator{opacity:1}.match-db-play-icon{width:3.2rem;height:3.2rem;color:#fff}.match-db-card-body,.match-db-detail-body{position:relative;z-index:1;padding:1.35rem}.match-db-meta{display:flex;flex-wrap:wrap;gap:.85rem;color:var(--text-faint);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase}.match-db-title-text{margin-top:.8rem;font-family:Bebas Neue,sans-serif;font-size:2rem;line-height:.95;letter-spacing:.02em}.match-db-desc{margin-top:.65rem;color:var(--text-muted);line-height:1.7}.match-db-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.2rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.06);color:var(--text-faint);font-size:.76rem;letter-spacing:.15em;text-transform:uppercase}.match-db-cta{color:var(--gold)}.match-db-empty{margin-top:1.25rem;padding:1.4rem 1.6rem;border:1px solid var(--line);border-radius:1.5rem;color:var(--text-muted);background:#ffffff06}.match-db-empty[hidden]{display:none}.match-db-detail{display:grid;gap:1.25rem}.match-db-eyebrow{display:inline-flex;width:-moz-fit-content;width:fit-content;margin-bottom:.9rem;color:var(--gold);font-size:.72rem;letter-spacing:.24em;text-transform:uppercase}.match-db-detail-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.25rem}.match-db-button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--line);padding:.9rem 1.15rem;color:var(--text-muted);font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.match-db-button:hover{transform:translateY(-1px);border-color:var(--line-strong);color:var(--text)}.match-db-button.primary{background:var(--gold);border-color:transparent;color:#09090c}.match-db-button.primary:hover{background:#fff1d2;color:#09090c}.match-db-video{position:relative;aspect-ratio:16 / 9;background:#000}.match-db-tag-row{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.match-db-chip{display:inline-flex;align-items:center;border-radius:999px;padding:.45rem .8rem;background:#f5c2651a;border:1px solid rgba(245,194,101,.2);color:var(--gold);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase}.match-db-richtext{color:var(--text-muted);line-height:1.8}.match-db-richtext>*+*{margin-top:1rem}.match-db-richtext a{color:var(--gold)}@media(min-width:880px){.match-db-controls{grid-template-columns:minmax(0,1fr) auto;align-items:end}.match-db-filters{grid-template-columns:repeat(3,minmax(0,1fr));min-width:34rem}.match-db-detail{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr)}}