/* H8TE 8s — NeatQueue ladder + top-three podium */
.queue-switch { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:18px; }
.queue-switch button { min-width:118px; min-height:46px; border:1px solid var(--line); background:#06080d; color:#7f899d; padding:0 18px; cursor:pointer; font-size:10px; font-weight:900; letter-spacing:.15em; text-transform:uppercase; transition:.2s ease; }
.queue-switch button:hover { border-color:var(--line-blue); color:#fff; }
.queue-switch button.active { color:#fff; border-color:rgba(43,120,255,.72); background:linear-gradient(135deg,rgba(21,87,255,.23),rgba(21,87,255,.05)); box-shadow:inset 0 -2px 0 var(--blue-2),0 0 30px rgba(21,87,255,.10); }
.live-banner { margin-bottom:20px; padding:15px 18px; border:1px solid rgba(70,145,255,.30); background:linear-gradient(90deg,rgba(21,87,255,.09),rgba(21,87,255,.025)); color:#9ebcff; font-size:10px; line-height:1.65; letter-spacing:.035em; }
.live-banner strong { color:#fff; }
.live-banner.preview { border-color:rgba(255,190,70,.26); background:rgba(255,190,70,.05); color:#cbb88e; }

.podium-section { margin:8px 0 26px; }
.podium-kicker { display:flex; align-items:end; justify-content:space-between; gap:22px; margin-bottom:16px; }
.podium-kicker h2 { margin:8px 0 0; font:900 clamp(30px,4vw,52px)/.95 var(--display); text-transform:uppercase; letter-spacing:-.035em; }
.podium-kicker p { margin:0; color:#6f7a8f; font-size:11px; max-width:430px; line-height:1.6; text-align:right; }
.podium-grid { display:grid; grid-template-columns:1fr 1.18fr 1fr; gap:10px; align-items:end; }
.podium-card { min-height:235px; border:1px solid var(--line); background:linear-gradient(155deg,#080b12,#05070b); padding:22px; position:relative; overflow:hidden; display:flex; flex-direction:column; justify-content:space-between; }
.podium-card::before { content:""; position:absolute; inset:auto -60px -95px auto; width:210px; height:210px; border:1px solid rgba(255,255,255,.07); transform:rotate(45deg); }
.podium-card.place-1 { min-height:282px; border-color:rgba(43,120,255,.70); background:radial-gradient(circle at 50% 20%,rgba(43,120,255,.23),transparent 45%),linear-gradient(155deg,#0a1123,#05070b); box-shadow:0 0 46px rgba(21,87,255,.18),inset 0 0 0 1px rgba(95,154,255,.08); }
.podium-card.place-1::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(115deg,transparent 15%,rgba(255,255,255,.07) 47%,transparent 58%); transform:translateX(-120%); animation:podiumSweep 5.5s ease-in-out infinite; }
@keyframes podiumSweep { 0%,62% { transform:translateX(-120%); } 82%,100% { transform:translateX(120%); } }
.podium-card.place-2 { border-color:rgba(219,230,255,.24); }
.podium-card.place-3 { border-color:rgba(89,125,181,.28); }
.podium-top { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; position:relative; z-index:1; }
.podium-rank { font:900 18px/1 var(--display); color:#6f7a8c; letter-spacing:.05em; }
.place-1 .podium-rank { color:#9fc1ff; text-shadow:0 0 20px rgba(43,120,255,.45); }
.podium-crown { font-size:21px; filter:drop-shadow(0 0 12px rgba(74,163,255,.50)); }
.podium-avatar { width:58px; height:58px; border:1px solid var(--line); display:grid; place-items:center; font:900 20px/1 var(--display); background:#0a0d14; color:#fff; }
.place-1 .podium-avatar { width:68px; height:68px; border-color:rgba(43,120,255,.72); color:#a7c7ff; background:#07122a; box-shadow:0 0 28px rgba(21,87,255,.20); }
.podium-player { position:relative; z-index:1; margin-top:28px; }
.podium-player h3 { margin:0; font:900 clamp(20px,2.4vw,31px)/1 var(--display); text-transform:uppercase; letter-spacing:-.025em; }
.podium-player small { display:block; margin-top:6px; color:#687387; font-size:8px; font-weight:900; letter-spacing:.13em; text-transform:uppercase; }
.podium-stats { position:relative; z-index:1; display:flex; align-items:end; justify-content:space-between; gap:12px; margin-top:22px; }
.podium-mmr span,.podium-record span { display:block; color:#637087; font-size:7px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
.podium-mmr strong { display:block; margin-top:5px; font:900 27px/1 var(--display); color:#dfe9ff; }
.place-1 .podium-mmr strong { color:#8fb8ff; font-size:32px; text-shadow:0 0 20px rgba(43,120,255,.25); }
.podium-record { text-align:right; }
.podium-record strong { display:block; margin-top:5px; font-size:12px; }

.table-head,.table-row { min-width:1000px; grid-template-columns:78px minmax(220px,1.35fr) repeat(6,minmax(88px,.62fr)); }
.table-row.top-one { background:linear-gradient(90deg,rgba(21,87,255,.13),rgba(21,87,255,.025) 62%,transparent); box-shadow:inset 3px 0 0 var(--blue-2); }
.table-row.top-two { background:linear-gradient(90deg,rgba(218,229,255,.055),transparent 65%); box-shadow:inset 2px 0 0 rgba(218,229,255,.34); }
.table-row.top-three { background:linear-gradient(90deg,rgba(77,112,166,.08),transparent 65%); box-shadow:inset 2px 0 0 rgba(93,134,197,.38); }
.rank-badge.first { border-color:rgba(43,120,255,.72); color:#9fc1ff; background:rgba(21,87,255,.13); box-shadow:0 0 20px rgba(21,87,255,.17); }
.rank-badge.second { border-color:rgba(218,229,255,.32); color:#e1e9f8; }
.rank-badge.third { border-color:rgba(93,134,197,.42); color:#96b0d8; }
.board-source { color:#657087; font-size:8px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }

@media (max-width:760px) {
  .podium-kicker { align-items:flex-start; flex-direction:column; }
  .podium-kicker p { text-align:left; }
  .podium-grid { grid-template-columns:1fr; align-items:stretch; }
  .podium-card,.podium-card.place-1 { min-height:205px; }
  .podium-card.place-1 { order:1; }
  .podium-card.place-2 { order:2; }
  .podium-card.place-3 { order:3; }
  .queue-switch button { flex:1; }
}