/* cazino-2026.online, 24.10.2026: top-3 Panda / Joycasino / Ramenbet (owner). Design: Codex (incoming/codex/top3), sheen layer: Claude. */
/* Load after the existing inline styles. Add codex-top1/2/3 only to actual ranks 1–3. */
.cz-card.codex-top1,.cz-card.codex-top2,.cz-card.codex-top3,
.cz-row.codex-top1,.cz-row.codex-top2,.cz-row.codex-top3{
  --top-accent:#e7b95e;--top-glow:231,185,94;
  border-color:var(--top-accent);
  background:linear-gradient(112deg,transparent 42%,rgba(255,255,255,.075) 50%,transparent 58%),linear-gradient(108deg,rgba(var(--top-glow),.13),rgba(var(--top-glow),.025) 38%,transparent 72%),#161b22;
  background-size:300% 100%,auto,auto;background-repeat:no-repeat;background-position:150% 0,0 0,0 0;
  box-shadow:inset 0 0 0 1px rgba(var(--top-glow),.13),0 7px 24px rgba(0,0,0,.22);
  animation:czTopHalo 4.8s ease-in-out infinite,czTopSheen 6.5s linear infinite;
}
.cz-card.codex-top2,.cz-row.codex-top2{--top-accent:#b9c9d6;--top-glow:185,201,214}
.cz-card.codex-top3,.cz-row.codex-top3{--top-accent:#d99b75;--top-glow:217,155,117}
.cz-card[class*="codex-top"] .cz-rank,.cz-row[class*="codex-top"] .cz-rank{
  background:linear-gradient(135deg,var(--top-accent),#fff0d8);color:#10151b;border-color:transparent;
  display:inline-flex;gap:1px;box-shadow:0 2px 12px rgba(var(--top-glow),.28);
}
.cz-card[class*="codex-top"] .cz-rank::before,.cz-row[class*="codex-top"] .cz-rank::before{content:"№";font-size:.7em;align-self:center}
.cz-card[class*="codex-top"] .cz-logo{border-color:rgba(var(--top-glow),.32);background:#0d1117}
.cz-card[class*="codex-top"] .cz-btn,.cz-row[class*="codex-top"] .cz-btn{
  animation:czTopButton 3.6s ease-in-out infinite;
}
.cz-card[class*="codex-top"]:focus-within,.cz-row[class*="codex-top"]:focus-within{outline:2px solid var(--top-accent);outline-offset:2px}
/* Full comparison table: class goes on the relevant <tr> only. */
.cz-table tbody tr.codex-top1{--top-accent:#e7b95e;--top-glow:231,185,94}
.cz-table tbody tr.codex-top2{--top-accent:#b9c9d6;--top-glow:185,201,214}
.cz-table tbody tr.codex-top3{--top-accent:#d99b75;--top-glow:217,155,117}
.cz-table tbody tr[class*="codex-top"] td{background:rgba(var(--top-glow),.075);border-bottom-color:rgba(var(--top-glow),.35)}
.cz-table tbody tr[class*="codex-top"] td:first-child{color:var(--top-accent);font-weight:800;white-space:nowrap}
.cz-table tbody tr[class*="codex-top"] td:first-child::before{content:"№"}
.cz-table tbody tr[class*="codex-top"]:hover td{background:rgba(var(--top-glow),.13)}
@keyframes czTopHalo{0%,100%{box-shadow:inset 0 0 0 1px rgba(var(--top-glow),.13),0 7px 24px rgba(0,0,0,.22)}50%{box-shadow:inset 0 0 0 1px rgba(var(--top-glow),.28),0 7px 25px rgba(var(--top-glow),.17)}}
@keyframes czTopSheen{0%{background-position:150% 0,0 0,0 0}60%,100%{background-position:-60% 0,0 0,0 0}}
@keyframes czTopButton{0%,100%{box-shadow:0 6px 18px rgba(var(--top-glow),.22)}50%{box-shadow:0 6px 23px rgba(var(--top-glow),.43)}}
@media(max-width:420px){.cz-card[class*="codex-top"]{max-width:100%;min-width:0;overflow:visible}.cz-card[class*="codex-top"] .cz-main{min-width:0}.cz-card[class*="codex-top"] .cz-act{max-width:100%}}
@media(prefers-reduced-motion:reduce){.cz-card[class*="codex-top"],.cz-row[class*="codex-top"],.cz-card[class*="codex-top"] .cz-btn,.cz-row[class*="codex-top"] .cz-btn{animation:none!important;transition:none!important}}