/* UGK Tennis – refined UI v3 */
:root{
  --bg:#0d121b;
  --panel:#101827;
  --card:#132033;
  --line:#233247;
  --text:#eaf2ff;
  --muted:#9fb2c8;
  --accent:#33b7ff;
  --accent-2:#2aa0f0;
  --danger:#ff5c6b;
  --radius:16px;
  --shadow:0 8px 24px rgba(0,0,0,.28);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Noto Sans',sans-serif}
a{color:var(--accent);text-decoration:none}
h1,h2{margin:0 0 12px}
h1{font-size:28px}
h2{font-size:20px}
.container{max-width:1200px;margin:0 auto;padding:24px}
.topbar{position:sticky;top:0;z-index:50;background:rgba(16,24,39,.9);border-bottom:1px solid var(--line);backdrop-filter:saturate(130%) blur(6px)}
.topbar .row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0}
.nav a{display:inline-flex;align-items:center;height:36px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.04);color:var(--text)}
.nav a+a{margin-left:8px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}
.grid{display:grid;gap:24px;margin-top:24px}
.grid-3{grid-template-columns:repeat(3,1fr);align-items:stretch}
.grid-3 > .card{height:100%;display:flex;flex-direction:column}
.section-spacer{margin-top:24px}
.list{list-style:none;margin:0;padding:0}
.list li{padding:10px 0;border-bottom:1px dashed var(--line)}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:12px;border-bottom:1px solid var(--line);text-align:left}
.table th{color:var(--muted)}
.video{height:210px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--line);border-radius:12px;opacity:.8}
.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#1c2a42;border:1px solid var(--line);font-size:12px;color:var(--muted)}
.badge .dot{width:8px;height:8px;border-radius:50%}
.badge.live .dot{background:#ff4d4f;box-shadow:0 0 0 6px rgba(255,77,79,.25)}
.score{display:grid;grid-template-columns:1fr auto auto auto 1fr;gap:12px;align-items:center;margin-top:6px}
.score .name{min-width:160px}
.score .box{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:12px;background:#0e1828;border:1px solid var(--line);font-size:24px;font-weight:800}
.score .colon{opacity:.7}
.muted{color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--text);cursor:pointer;transition:.15s}
.btn.small{height:34px;padding:0 10px;border-radius:10px}
.btn.primary{background:linear-gradient(180deg,var(--accent),var(--accent-2));border-color:transparent;color:#081825}
input,select{height:38px;border-radius:12px;border:1px solid var(--line);background:#0e1828;color:var(--text);padding:0 10px;outline:0}
input[type=number]{width:90px}
.scroll-4{max-height:208px;overflow:auto;border-radius:12px}
.wallet{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.choice{display:inline-flex;align-items:center;gap:10px;margin-right:16px}
.choice input{appearance:none;width:20px;height:20px;border-radius:50%;border:2px solid var(--accent);background:transparent}
.choice input:checked{background:var(--accent);box-shadow:0 0 0 3px rgba(51,183,255,.25)}
.footer{color:var(--muted);padding:12px 0 32px}
/* admin helpers */
.score-compact{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.coef-form{display:flex;gap:8px;align-items:center;margin-top:8px;flex-wrap:wrap}
.badge.ongoing{background:#17314a;color:#a3d7ff}
.badge.scheduled{background:#2a254a;color:#d0cfff}
.badge.finished{background:#1f3b2f;color:#c7f1da}


/* ==== PODIUM TOP-3 for standings (safe: no markup changes) ==== */
/* Применяется к таблице внутри .card .scroll-4 */
.card .scroll-10 > .table tbody tr:nth-child(-n+3){
  position: relative;
  font-weight: 700;
  transition: background .15s ease;
}

/* 1 место — золото */
.card .scroll-10 > .table tbody tr:nth-child(1){
  background:
    linear-gradient(90deg, rgba(255,215,0,.12), transparent 55%),
    #0f161d;
  border-color: rgba(255,215,0,.22);
  box-shadow: inset 3px 0 0 rgba(255,215,0,.75);
}

/* 2 место — серебро */
.card .scroll-10 > .table tbody tr:nth-child(2){
  background:
    linear-gradient(90deg, rgba(192,192,192,.12), transparent 55%),
    #0f161d;
  border-color: rgba(192,192,192,.20);
  box-shadow: inset 3px 0 0 rgba(192,192,192,.65);
}

/* 3 место — бронза */
.card .scroll-10 > .table tbody tr:nth-child(3){
  background:
    linear-gradient(90deg, rgba(205,127,50,.12), transparent 55%),
    #0f161d;
  border-color: rgba(205,127,50,.22);
  box-shadow: inset 3px 0 0 rgba(205,127,50,.70);
}

/* Больше места под медаль слева */
.card .scroll-10 > .table tbody tr:nth-child(-n+3) td:first-child{
  position: relative;
  padding-left: 52px; /* было 44 — увеличили под цифру */
}

/* Медальный кружок */
.card .scroll-10 > .table tbody tr:nth-child(-n+3) td:first-child::before{
  content:"";
  position:absolute; left:12px; top:50%; transform:translateY(-50%);
  width:28px; height:28px; border-radius:50%;
  border:2px solid rgba(0,0,0,.25);
  box-shadow:0 2px 6px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.15);
}

/* Заливки медалей */
.card .scroll-10 > .table tbody tr:nth-child(1) td:first-child::before{
  background: radial-gradient(circle at 30% 30%, #fff3a3 0%, #ffd700 45%, #b89300 100%);
}
.card .scroll-10 > .table tbody tr:nth-child(2) td:first-child::before{
  background: radial-gradient(circle at 30% 30%, #ffffff 0%, #c0c0c0 45%, #8f8f8f 100%);
}
.card .scroll-10 > .table tbody tr:nth-child(3) td:first-child::before{
  background: radial-gradient(circle at 30% 30%, #ffe0c7 0%, #cd7f32 45%, #8b4f1f 100%);
}

/* ЦИФРА внутри медали */
.card .scroll-10 > .table tbody tr:nth-child(-n+3) td:first-child::after{
  position:absolute; left:12px; top:50%; transform:translateY(-50%);
  width:28px; height:28px; display:grid; place-items:center;
  font-weight:900; font-size:14px; letter-spacing:.4px;
  color:#fff; text-shadow:0 1px 2px rgba(0,0,0,.55);
  pointer-events:none; content:"";
}
.card .scroll-10 > .table tbody tr:nth-child(1) td:first-child::after{ content:"1"; }
.card .scroll-10 > .table tbody tr:nth-child(2) td:first-child::after{ content:"2"; }
.card .scroll-10 > .table tbody tr:nth-child(3) td:first-child::after{ content:"3"; }

/* Ховеры: не убираем подсветку у топ-3 */
.card .scroll-10 > .table tbody tr:nth-child(n+4):hover{ background:#111b24; }
.card .scroll-10 > .table tbody tr:nth-child(-n+3):hover{ filter:brightness(1.06); }