/* SUBZ — цвет ника (профиль, строка продавца в каталоге), выбор цвета в «Оформить»
   и плитка «остальные ачивки скрыты». Список цветов — app/player.py NICKS.
   Только яркие цвета: контраст каждого (и каждого цвета градиента) с тёмным фоном
   сайта — не ниже 5.5:1, тёмных вариантов нет, ник не сливается с фоном. */

/* nick--default: цвет не задаём — остаётся цвет места (белый в профиле, серый в каталоге) */
.nick--red{color:#ff5a5a}
.nick--orange{color:#ff8a3d}
.nick--amber{color:#ffc53d}
.nick--lime{color:#b6f33a}
.nick--mint{color:#2ee59d}
.nick--cyan{color:#22d3ee}
.nick--blue{color:#6f9bff}
.nick--violet{color:#b58cff}
.nick--pink{color:#ff6fb5}

/* градиенты — текст с заливкой */
.nick--rainbow,.nick--ocean,.nick--sunset,.nick--gold,.nick--neon{
  color:transparent;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;text-shadow:none}
.nick--rainbow{background-image:linear-gradient(90deg,#ff5a5a,#ffb13d,#f5f54a,#4fe39a,#4fc3ff,#a98bff,#ff6fd8,#ff5a5a);
  background-size:200% 100%;animation:nickFlow 6s linear infinite}
.nick--ocean{background-image:linear-gradient(90deg,#4fe3d0,#22d3ee,#6f9bff)}
.nick--sunset{background-image:linear-gradient(90deg,#ffb13d,#ff5a5a,#ff4fa3)}
.nick--gold{background-image:linear-gradient(100deg,#fff3c4,#f5c451 40%,#e0a23a 70%,#fff3c4)}
.nick--neon{background-image:linear-gradient(90deg,#b6f33a,#22d3ee);filter:drop-shadow(0 0 6px rgb(34 211 238 / .45))}
@keyframes nickFlow{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.nick--rainbow{animation:none}}

/* градиентный текст с тенью выглядит грязно — у ника в профиле тень убираем (у сплошных цветов остаётся) */
.pl-name.nick--rainbow,.pl-name.nick--ocean,.pl-name.nick--sunset,.pl-name.nick--gold,.pl-name.nick--neon{text-shadow:none}

/* ── «Оформить»: выбор цвета ника ── */
.pl-nicks{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}
.pl-nk{position:relative;display:flex;align-items:center;justify-content:center;min-height:40px;padding:6px 10px;
  border:1px solid var(--line,#262626);border-radius:12px;background:var(--bg-1,#0d0d0d);cursor:pointer;transition:border-color .2s,box-shadow .2s}
.pl-nk input{position:absolute;inset:0;opacity:0;margin:0;cursor:inherit}
.pl-nk:hover{border-color:var(--line-2,#3a3a3a)}
.pl-nk:has(input:checked){border-color:var(--fg,#fff);box-shadow:0 0 0 1px var(--fg,#fff)}
.pl-nk:has(input:focus-visible){outline:2px solid var(--fg,#fff);outline-offset:2px}
.pl-nk__name{font-family:var(--f-display,inherit);font-size:13px;font-weight:800;letter-spacing:-.01em;white-space:nowrap}
.pl-nk.is-locked{cursor:not-allowed}
.pl-nk.is-locked .pl-nk__name{opacity:.35}
.pl-nk__lock{position:absolute;top:4px;right:5px;color:var(--mute,#8a8a8a)}
.pl-nk__lock .ico{width:11px;height:11px}

/* ── трофеи: плитка «остальные скрыты» — без общего числа ── */
.acc--more{cursor:default;border-style:dashed;background:transparent}
.acc--more .acc__q{display:grid;place-items:center;width:46px;height:46px;border:1.5px dashed var(--line-2,#3a3a3a);border-radius:50%;
  font-family:var(--f-display,inherit);font-size:20px;font-weight:800;color:var(--mute,#8a8a8a)}
.acc--more .acc__t{color:var(--fg-2,#cfcfcf)}