.highlights-hero, .highlights-section { box-sizing: border-box; margin-block: 24px; }
@media (min-width: 1024px) { .tournament-highlights-page #mainContent { --gbn-listing-max: min(100%, 1500px); } }
.highlights-hero { padding: clamp(30px, 5vw, 62px); border: 1px solid rgba(0, 212, 255, .48); border-radius: 22px; background: radial-gradient(circle at top right, rgba(242, 204, 96, .16), transparent 36%), linear-gradient(135deg, rgba(0, 212, 255, .16), #161b22 62%); }
.highlights-hero h2, .highlights-heading h3 { margin: 0; color: #fff; }.highlights-hero h2 { max-width: 760px; font-size: clamp(2rem, 5vw, 4rem); line-height: 1; text-transform: uppercase; }.highlights-hero p:not(.eyebrow) { max-width: 680px; color: #a9b4c0; line-height: 1.65; }
.highlights-heading { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin-bottom: 16px; }.highlights-heading .eyebrow { margin-bottom: 5px; }
.highlights-list { display: grid; gap: 20px; }.highlight-card { overflow: hidden; border: 1px solid #2e4654; border-radius: 18px; background: #161b22; box-shadow: 0 15px 35px rgba(0,0,0,.22); }.highlight-card-header { display: flex; justify-content: space-between; gap: 18px; padding: 20px 24px; background: linear-gradient(90deg, rgba(0,212,255,.12), transparent); border-bottom: 1px solid #30363d; }.highlight-card-header h4 { margin: 0; color: #fff; font-size: 1.3rem; }.highlight-meta { margin: 7px 0 0; color: #c0cad3; font-size: 1rem; font-weight: 700; }.highlight-player-count { display: inline-block; margin-top: 7px; color: var(--primary); font-size: 1rem; font-weight: 900; }.highlight-game { align-self: start; padding: 6px 10px; border-radius: 999px; color: #0d161b; background: var(--primary); font-size: .72rem; font-weight: 900; text-transform: uppercase; }
.highlight-podium { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 2px; background: #30363d; }.highlight-player { display: grid; grid-template-columns: 156px 1fr; align-items: center; min-width: 0; padding: 20px; background: #111820; }.highlight-player.place-1 { background: linear-gradient(135deg, rgba(242,204,96,.15), #111820); }.highlight-avatar { display: grid; width: 140px; height: 140px; overflow: hidden; place-items: center; border-radius: 14px; background: #263541; color: #fff; font-size: 2.2rem; font-weight: 900; }.highlight-avatar img { width:100%; height:100%; object-fit:cover; }.highlight-rank { display:block; margin-bottom: 6px; color: var(--primary); font-size:.72rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }.place-1 .highlight-rank { color:#f2cc60; }.highlight-name { display:block; overflow:hidden; color:#fff; font-size:1.12rem; text-overflow:ellipsis; white-space:nowrap; }.highlight-detail { display:block; margin-top:6px; color:#9ca8b4; font-size:.84rem; }
@media (max-width: 780px) { .highlights-heading, .highlight-card-header { align-items:flex-start; flex-direction:column; }.highlight-podium { grid-template-columns:1fr; }.highlight-player { grid-template-columns:76px 1fr; }.highlight-avatar { width:60px; height:60px; border-radius:50%; font-size:1.4rem; } }