/* Сезони, лиги и турнир на деня. Префикс .sn- (platform/js/season.js) */
.sn-page{display:flex; flex-direction:column; gap:14px; max-width:880px; margin:0 auto; padding-bottom:24px}
.sn-page .phead{display:flex; align-items:flex-end; justify-content:space-between; gap:10px; flex-wrap:wrap}

/* значки на лигите */
.sn-lg{--c:#cd7f32; display:inline-grid; place-items:center; width:30px; height:30px; flex:none; border-radius:50%;
  background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--c) 55%, #fff), var(--c) 60%, color-mix(in srgb, var(--c) 60%, #000));
  color:#1b1405; box-shadow:0 0 0 2px rgba(255,255,255,.25), 0 4px 10px rgba(0,0,0,.35)}
.sn-lg .pi{width:58%; height:58%}
.sn-lg.big{width:84px; height:84px; box-shadow:0 0 0 4px rgba(255,255,255,.22), 0 0 34px color-mix(in srgb, var(--c) 55%, transparent)}
.sn-silver{--c:#c3cad8} .sn-gold{--c:#ffc53d} .sn-plat{--c:#6fe0cf} .sn-diamond{--c:#8fb6ff}

.sn-me{display:flex; align-items:center; gap:18px; padding:18px; background:radial-gradient(120% 140% at 0% 0%, rgba(255,197,61,.16), transparent 60%), var(--pcard)}
.sn-me-tx{flex:1; min-width:0; display:flex; flex-direction:column; gap:6px}
.sn-me-tx .ph2{margin:0}
.sn-stats{display:flex; flex-wrap:wrap; gap:4px 16px; font-size:14px; color:var(--pmuted)}
.sn-stats b{color:var(--ptext); font-size:18px}
.sn-note{margin:0; font-size:13px}
.sn-prog{display:flex; flex-direction:column; gap:3px; min-width:0}
.sn-prog-bar{display:block; height:7px; border-radius:4px; background:rgba(3,8,30,.5); overflow:hidden}
.sn-prog-bar i{display:block; height:100%; border-radius:4px; background:linear-gradient(90deg, #f0a91f, var(--paccent))}
.sn-prog small{font-size:12px; color:var(--pmuted)}
@media (max-width:520px){ .sn-me{flex-direction:column; text-align:center} .sn-stats{justify-content:center} }

.sn-pend{display:flex; align-items:center; gap:14px; flex-wrap:wrap; padding:14px 16px; border:1.5px solid var(--paccent); background:rgba(255,197,61,.12)}
.sn-pend > div{flex:1; min-width:180px; display:flex; flex-direction:column; gap:2px}
.sn-pend-ic{display:grid; place-items:center; width:42px; height:42px; border-radius:50%; background:var(--paccent); color:#1b1405}

/* турнир */
.sn-tour .pmuted{font-size:13.5px; line-height:1.45}
.sn-br{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:10px; margin:12px 0; align-items:center}
.sn-col{display:flex; flex-direction:column; gap:8px; justify-content:space-around; height:100%}
.sn-col > b{font:700 11px var(--body); letter-spacing:.08em; text-transform:uppercase; color:var(--pmuted); text-align:center}
.sn-m{display:flex; flex-direction:column; border-radius:10px; overflow:hidden; border:1px solid var(--pline); background:rgba(3,8,30,.4)}
.sn-m span{padding:5px 8px; font-size:12.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.sn-m span + span{border-top:1px solid var(--pline)}
.sn-m .me{color:var(--paccent); font-weight:700}
.sn-m .win{background:rgba(63,210,138,.14)}
.sn-m .lose{opacity:.45; text-decoration:line-through}

/* лиги */
.sn-lgs{list-style:none; margin:10px 0; padding:0; display:grid; grid-template-columns:repeat(5, minmax(0,1fr)); gap:8px}
.sn-lgs li{display:flex; flex-direction:column; align-items:center; gap:4px; padding:10px 4px; border-radius:14px; border:1px solid var(--pline); text-align:center}
.sn-lgs li.on{border-color:var(--paccent); background:rgba(255,197,61,.1)}
.sn-lgs b{font-size:13px} .sn-lgs small{font-size:11px; color:var(--pmuted)} .sn-lgs span{font:700 13px var(--num); color:var(--paccent)}
@media (max-width:520px){ .sn-lgs{grid-template-columns:repeat(3, minmax(0,1fr))} }

/* класация */
.sn-hd, .sn-list li{display:grid; grid-template-columns:2.2em 34px minmax(0,1fr) 30px 3.6em 3.4em; align-items:center; gap:10px}
.sn-hd{padding:6px 10px; font:700 11px var(--body); letter-spacing:.08em; text-transform:uppercase; color:var(--pmuted)}
.sn-hd span:nth-child(2){grid-column:2 / 4}
.sn-hd span:nth-child(n+4), .sn-list .sn-r, .sn-list b{text-align:right}
.sn-list{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:4px}
.sn-list li{padding:7px 10px; border-radius:12px; background:rgba(255,255,255,.03)}
.sn-list li.me{background:rgba(255,197,61,.14); box-shadow:inset 3px 0 0 var(--paccent)}
.sn-list + .sn-list{margin-top:8px; padding-top:8px; border-top:1px dashed var(--pline)}
.sn-n{color:var(--pmuted); font-size:14px}
.sn-nm{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:600}
.sn-cup{color:var(--paccent)} .sn-cup .pi{width:14px; height:14px; vertical-align:-2px}
.sn-r{color:var(--pmuted); font-size:13px}
.sn-list b{font-size:15px}
.sn-ava{--s:34px; display:grid; place-items:center; width:var(--s); height:var(--s); border-radius:50%; overflow:hidden; background:rgba(255,255,255,.08)}
.sn-ava svg{width:100%; height:100%}
.sn-ava .pi{width:55%; height:55%; color:var(--pmuted)}
.sn-src{font-size:12px; margin:10px 0 0}
.sn-rows > .pi{width:16px; height:16px; vertical-align:-3px}
@media (max-width:420px){ .sn-hd, .sn-list li{grid-template-columns:1.8em 30px minmax(0,1fr) 26px 3.2em; gap:8px} .sn-hd span:nth-child(4), .sn-list .sn-r{display:none} }

.sn-hist ul{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px}
.sn-hist li{display:grid; grid-template-columns:30px minmax(0,1fr) auto auto; gap:10px; align-items:center; font-size:14px}

/* малка карта в лобитата */
.sn-mini-wrap{width:100%; margin:0 0 12px}
.sn-mini{display:flex; align-items:center; gap:12px; padding:10px 14px; border-radius:18px; text-decoration:none; color:var(--ptext, #fffdf7);
  border:1px solid var(--pline, rgba(255,255,255,.14)); background:linear-gradient(100deg, rgba(143,182,255,.14), rgba(255,197,61,.08))}
.sn-mini:active{transform:scale(.99)}
.sn-mini-tx{flex:1; min-width:0; display:flex; flex-direction:column; gap:4px}
.sn-mini-tx b{font-size:14px}
.sn-mini-r{display:flex; align-items:center; gap:6px; color:var(--pmuted, #c3cdf0)}
.sn-mini-r small{display:inline-flex; align-items:center; gap:4px; font-size:12px; text-align:right}
.sn-mini-r small .pi{width:14px; height:14px; color:var(--paccent, #ffc53d)}
.sn-mini-r > .pi{width:18px; height:18px}
@media (max-width:420px){ .sn-mini-r small{display:none} }