@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
/* ============================================================
   skin-b.css — вариант B для cup.zyras.ru
   Подключается ПОСЛЕ всех <style> в index.html. Логику не трогает.
   ============================================================ */
:root{
  --sb-bg:#0a0a0c; --sb-panel:#111114; --sb-panel2:#17171b;
  --sb-line:rgba(255,255,255,.08); --sb-or:#ff4d12; --sb-or2:#ff8a3d;
  --sb-tx:#f4f4f6; --sb-mt:#85858f; --sb-side:248px;
}

/* ---------- база ---------- */
html body.skin-b{
  font-family:'Poppins','Onest',system-ui,sans-serif !important;
  background-color:var(--sb-bg) !important; background-image:none !important;
  color:var(--sb-tx); padding-left:var(--sb-side);
}
body.skin-b .font-mono,body.skin-b .font-sans{font-family:'Poppins','Onest',system-ui,sans-serif !important;letter-spacing:0}
body.skin-b h1,body.skin-b h2,body.skin-b h3,body.skin-b h4,
body.skin-b [class*="text-3xl"],body.skin-b [class*="text-4xl"]{
  font-family:'Poppins','Onest',sans-serif !important; font-weight:600 !important; letter-spacing:-.02em !important;
}
body.skin-b main h1{font-size:30px !important;line-height:1.15 !important}

/* живое свечение на фоне */
body.skin-b::before{
  content:""; position:fixed; inset:-20%; z-index:-1; pointer-events:none;
  background:
    radial-gradient(520px 420px at 82% 4%, rgba(255,77,18,.30), transparent 70%),
    radial-gradient(480px 420px at 8% 96%, rgba(255,77,18,.16), transparent 70%),
    radial-gradient(380px 300px at 55% 60%, rgba(194,65,12,.10), transparent 70%);
  animation:sbDrift 18s ease-in-out infinite alternate;
}
@keyframes sbDrift{to{transform:translate(40px,30px) scale(1.08)}}
body.skin-b::after{
  content:""; position:fixed; inset:0; z-index:-1; pointer-events:none; opacity:.35;
  background-image:linear-gradient(var(--sb-line) 1px,transparent 1px),linear-gradient(90deg,var(--sb-line) 1px,transparent 1px);
  background-size:56px 56px; -webkit-mask-image:radial-gradient(ellipse at 70% 0%,#000,transparent 65%); mask-image:radial-gradient(ellipse at 70% 0%,#000,transparent 65%);
}

/* ---------- поверхности Tailwind-токенов ---------- */
body.skin-b .bg-brand-surface{background-color:rgba(255,255,255,.035) !important}
body.skin-b .bg-brand-panel{background-color:var(--sb-panel) !important}
body.skin-b .border-brand-line{border-color:var(--sb-line) !important}
body.skin-b [class*="bg-[#10141d]"],body.skin-b [class*="bg-[#171d2a]"],body.skin-b [class*="bg-[#141824]"]{background-color:var(--sb-panel2) !important}
body.skin-b [class*="bg-[#0a0d14]"],body.skin-b [class*="bg-[#0b0e15]"]{background-color:#0c0c0f !important}
body.skin-b .rounded-2xl{border-radius:22px !important}
body.skin-b .rounded-3xl{border-radius:26px !important}
body.skin-b .rounded-xl{border-radius:14px !important}

/* ---------- шапка = верхняя панель ---------- */
body.skin-b header{
  background:rgba(10,10,12,.72) !important; backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px);
  border-bottom:1px solid var(--sb-line) !important; box-shadow:none !important;
}
/* логотип и подпись переехали в сайдбар */
body.skin-b header a[href="./"],body.skin-b header > div > div:first-child > span{display:none !important}

/* ---------- сайдбар ---------- */
#sbSide{
  position:fixed; z-index:45; left:0; top:0; bottom:0; width:var(--sb-side);
  background:rgba(17,17,20,.86); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px);
  border-right:1px solid var(--sb-line); padding:22px 14px 16px; display:flex; flex-direction:column;
  font-family:'Poppins',sans-serif; animation:sbSlide .7s cubic-bezier(.2,.9,.3,1) both; overflow-y:auto;
}
@keyframes sbSlide{from{transform:translateX(-36px);opacity:0}}
.sb-logo{display:flex;align-items:center;gap:10px;padding:2px 10px 22px;text-decoration:none;color:#fff;font-weight:700;font-size:16px}
.sb-logo i{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--sb-or2),var(--sb-or));box-shadow:0 8px 20px -6px var(--sb-or);color:#1a0800}
.sb-logo b{color:var(--sb-or)}
.sb-ico{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-3px}
.sb-grp{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#5d5d66;padding:16px 14px 8px}
.sb-nav{display:flex;align-items:center;gap:12px;width:100%;padding:11px 14px;margin-bottom:3px;border-radius:14px;
  border:0;background:none;color:var(--sb-mt);font:500 13.5px 'Poppins',sans-serif;text-decoration:none;cursor:pointer;
  position:relative;transition:background .25s,color .25s,transform .25s;text-align:left}
.sb-nav:hover{background:var(--sb-panel2);color:#fff;transform:translateX(4px)}
.sb-nav.on{background:linear-gradient(90deg,rgba(255,77,18,.24),rgba(255,77,18,.04));color:#fff}
.sb-nav.on::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:var(--sb-or)}
.sb-nav .sb-bd{margin-left:auto;background:var(--sb-or);color:#1a0800;font-size:10px;font-weight:700;padding:2px 7px;border-radius:99px}
.sb-me{margin-top:auto;display:flex;align-items:center;gap:10px;padding:12px;border-radius:16px;
  background:linear-gradient(135deg,var(--sb-panel2),rgba(255,77,18,.16));border:1px solid var(--sb-line);cursor:pointer;color:#fff;text-decoration:none}
.sb-me img,.sb-me .sb-av{width:38px;height:38px;border-radius:12px;object-fit:cover;background:#2a2a30;box-shadow:0 0 0 2px var(--sb-or);flex-shrink:0}
.sb-me b{display:block;font-size:13px;font-weight:600;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sb-me small{font-size:11px;color:var(--sb-or2);display:flex;align-items:center;gap:4px}

/* плавающие кнопки сдвигаются от сайдбара */
body.skin-b #siteChatFloatBtn{left:calc(var(--sb-side) + 22px) !important}
body.skin-b #siteChatDrawer{left:calc(var(--sb-side) + 22px) !important}

/* ---------- кнопки ---------- */
html body.skin-b button{transition:transform .2s,box-shadow .25s,background-color .2s,border-color .2s,color .2s,filter .2s !important}
html body.skin-b button:is([class~="bg-brand-orange"],[class~="from-brand-orange"],[class~="from-orange-500"],[class~="from-amber-500"]){
  font-family:'Poppins',sans-serif !important; font-weight:600 !important; font-size:.75rem !important; letter-spacing:0 !important;
  border:0 !important; border-radius:14px !important; color:#1a0800 !important;
  background-image:linear-gradient(135deg,#ff8a3d,#ff4d12) !important; background-color:transparent !important;
  background-size:100% 100% !important; background-position:0 0 !important; background-repeat:no-repeat !important;
  box-shadow:0 8px 22px -8px rgba(255,77,18,.8) !important;
}
html body.skin-b button:is([class~="bg-amber-500"],[class~="bg-emerald-500"],[class~="bg-cyan-500"],[class~="bg-emerald-600"]){
  font-family:'Poppins',sans-serif !important; font-weight:600 !important; font-size:.75rem !important; letter-spacing:0 !important;
  border:0 !important; background-image:none !important; box-shadow:0 6px 18px -8px currentColor !important;
}
html body.skin-b button:is([class~="bg-brand-orange"],[class~="from-brand-orange"],[class~="bg-amber-500"],[class~="bg-emerald-500"],[class~="bg-cyan-500"],[class~="bg-emerald-600"]):not(:disabled):hover{
  transform:translateY(-2px) !important; filter:brightness(1.08);
}
html body.skin-b button:is([class~="bg-brand-orange"],[class~="from-brand-orange"],[class~="bg-amber-500"],[class~="bg-emerald-500"],[class~="bg-cyan-500"],[class~="bg-emerald-600"]):not(:disabled):active{
  transform:scale(.97) !important; box-shadow:none !important;
}
html body.skin-b button[class*="border"]:not([class*="bg-brand-orange"]):not([class*="bg-amber-500"]):not([class*="bg-emerald-500"]):not([class*="bg-cyan-500"]):not([class*="bg-emerald-600"]):not([class*="absolute"]):not([class*="fixed"]):not([class*="translate"]):not(:disabled):hover{
  transform:translateY(-1px) !important; box-shadow:0 8px 20px -10px rgba(255,77,18,.55) !important;
}
html body.skin-b button[class*="border"]:not([class*="bg-brand-orange"]):not([class*="bg-amber-500"]):not([class*="bg-emerald-500"]):not([class*="bg-cyan-500"]):not([class*="bg-emerald-600"]):not([class*="absolute"]):not([class*="fixed"]):not([class*="translate"]):not(:disabled):active{
  transform:scale(.97) !important; box-shadow:none !important;
}

/* ---------- поля ---------- */
body.skin-b input,body.skin-b textarea,body.skin-b select{background-color:rgba(255,255,255,.04) !important;border-color:var(--sb-line) !important;border-radius:12px !important}
html body.skin-b input:focus,html body.skin-b textarea:focus,html body.skin-b select:focus{
  border-color:var(--sb-or) !important; box-shadow:0 0 0 3px rgba(255,77,18,.18) !important; outline:none;
}
html body.skin-b :is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--sb-or);outline-offset:2px}

/* ---------- карточки турниров ---------- */
body.skin-b #tournamentsGrid > div{
  background:rgba(255,255,255,.035) !important; border:1px solid var(--sb-line) !important; box-shadow:none !important;
  position:relative; overflow:hidden; animation:sbUp .6s both; transition:transform .35s,border-color .35s,box-shadow .35s;
}
body.skin-b #tournamentsGrid > div:nth-child(2){animation-delay:.07s}
body.skin-b #tournamentsGrid > div:nth-child(3){animation-delay:.14s}
body.skin-b #tournamentsGrid > div:nth-child(n+4){animation-delay:.2s}
body.skin-b #tournamentsGrid > div::before{
  content:""; position:absolute; inset:0; pointer-events:none; opacity:0; transition:opacity .3s;
  background:radial-gradient(circle at var(--mx,50%) var(--my,0%),rgba(255,77,18,.16),transparent 55%);
}
body.skin-b #tournamentsGrid > div:hover{transform:translateY(-6px);border-color:rgba(255,77,18,.45) !important;box-shadow:0 22px 50px -24px rgba(255,77,18,.6) !important}
body.skin-b #tournamentsGrid > div:hover::before{opacity:1}
@keyframes sbUp{from{opacity:0;transform:translateY(24px)}}

/* модалки появляются плавно */
body.skin-b div[id$="Modal"]:not(.hidden) > div{animation:sbPop .35s cubic-bezier(.2,.9,.3,1.1) both}
@keyframes sbPop{from{opacity:0;transform:translateY(14px) scale(.97)}}
body.skin-b div[id$="Modal"]{backdrop-filter:blur(14px) !important}

/* ---------- блок статистики на главной ---------- */
#sbStats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:26px}
.sb-kpi{background:rgba(255,255,255,.035);border:1px solid var(--sb-line);border-radius:22px;padding:18px 20px;transition:.3s;animation:sbUp .6s both}
.sb-kpi:nth-child(2){animation-delay:.07s}.sb-kpi:nth-child(3){animation-delay:.14s}.sb-kpi:nth-child(4){animation-delay:.21s}
.sb-kpi:hover{border-color:rgba(255,77,18,.4);box-shadow:0 18px 40px -22px var(--sb-or)}
.sb-kt{display:flex;justify-content:space-between;align-items:center;color:var(--sb-mt);font-size:12px;margin-bottom:12px}
.sb-kv{display:flex;align-items:center;justify-content:space-between;gap:10px}
.sb-kn{font-size:30px;font-weight:600;line-height:1}
.sb-ring{--p:0;width:56px;height:56px;border-radius:50%;flex-shrink:0;position:relative;display:grid;place-items:center;
  background:conic-gradient(var(--sb-or) calc(var(--p)*1%),rgba(255,255,255,.08) 0);transition:background .6s}
.sb-ring::after{content:attr(data-t);position:absolute;inset:6px;border-radius:50%;background:var(--sb-panel);display:grid;place-items:center;font-size:11px;font-weight:600}
.sb-bar{display:none;height:5px;border-radius:9px;background:rgba(255,255,255,.08);overflow:hidden;margin-top:14px}
.sb-bar i{display:block;height:100%;width:calc(var(--p)*1%);border-radius:9px;background:linear-gradient(90deg,var(--sb-or),var(--sb-or2));transition:width .6s}
body.sb-list .sb-ring{display:none}
body.sb-list .sb-bar{display:block}
.sb-seg{display:inline-flex;padding:3px;border-radius:12px;background:var(--sb-bg);border:1px solid var(--sb-line)}
.sb-seg button{border:0;background:none;color:var(--sb-mt);font:500 11px 'Poppins',sans-serif;padding:5px 12px;border-radius:9px;cursor:pointer}
.sb-seg button.on{background:var(--sb-or);color:#1a0800;font-weight:600}
.sb-statshead{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.sb-statshead span{font-size:12px;color:var(--sb-mt);text-transform:uppercase;letter-spacing:.12em;font-weight:600}

/* ---------- faceit в профиле: кольца / список ---------- */
#profileFaceitBox .sb-seg{margin-left:auto;margin-right:10px}
body:not(.sb-list) #profileFaceitBox .grid > div{
  --p:0; width:104px; aspect-ratio:1; margin:0 auto; border-radius:50% !important; border:0 !important;
  display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; isolation:isolate;
  background:conic-gradient(var(--sb-or) calc(var(--p)*1%),rgba(255,255,255,.08) 0) !important;
}
body:not(.sb-list) #profileFaceitBox .grid > div::before{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--sb-panel);z-index:-1}

/* ---------- стикеры: строгие плашки без эмодзи ---------- */
html body.skin-b .stk{
  gap:7px; padding:6px 12px; border-radius:12px !important; transform:none !important;
  font-family:'Poppins',sans-serif !important; font-weight:600 !important; font-size:.72rem !important; letter-spacing:0 !important; text-transform:none !important;
  color:#fff !important; border:1px solid rgba(255,255,255,.16) !important; box-shadow:0 6px 16px -8px rgba(0,0,0,.6) !important; text-shadow:none !important;
}
html body.skin-b .stk:nth-child(even){transform:none !important}
html body.skin-b .stk-pick:hover .stk{transform:translateY(-2px) !important}
html body.skin-b .stk-big{font-size:1rem !important;padding:9px 16px !important}
html body.skin-b .stk-mini{font-size:.5rem !important;padding:3px 6px !important;border-radius:8px !important}
html body.skin-b .stk-e svg{width:1.3em;height:1.3em;stroke-width:2}
html body.skin-b .stk-gg{background:linear-gradient(135deg,#15803d,#22c55e) !important}
html body.skin-b .stk-ez{background:linear-gradient(135deg,#b45309,#f59e0b) !important;color:#1c1100 !important}
html body.skin-b .stk-wp{background:linear-gradient(135deg,#0369a1,#38bdf8) !important}
html body.skin-b .stk-glhf{background:linear-gradient(135deg,#6d28d9,#a78bfa) !important}
html body.skin-b .stk-f{background:linear-gradient(135deg,#3f3f46,#71717a) !important}
html body.skin-b .stk-rip{background:linear-gradient(135deg,#9f1239,#f43f5e) !important}
html body.skin-b .stk-cs{background:linear-gradient(135deg,#1c1917,#292524) !important;border-color:rgba(255,77,18,.5) !important}
html body.skin-b .stk-anime{background:linear-gradient(135deg,#be185d,#f472b6) !important}
html body.skin-b .stk-neon{background:#0b0e15 !important;color:#7ff5ff !important;border-color:#22d3ee !important}

/* ---------- мелочи ---------- */
body.skin-b footer{background:transparent !important;border-top:1px solid var(--sb-line) !important}
body.skin-b #socialLinksBanner{max-width:72rem}
body.skin-b .custom-scroll::-webkit-scrollbar-thumb{background:#2a2a30}
body.skin-b .custom-scroll::-webkit-scrollbar-thumb:hover{background:var(--sb-or)}
body.skin-b ::selection{background:var(--sb-or);color:#000}
body.skin-b h1::first-letter,body.skin-b h2::first-letter,body.skin-b h3::first-letter,body.skin-b h4::first-letter,body.skin-b label::first-letter{text-transform:uppercase}
.sb-ic{display:inline-block;vertical-align:-.18em;width:1.1em;height:1.1em;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

@media(max-width:1000px){
  :root{--sb-side:0px} #sbSide{display:none}
  #sbStats{grid-template-columns:1fr 1fr}
  body.skin-b #siteChatFloatBtn,body.skin-b #siteChatDrawer{left:20px !important}
}
@media(prefers-reduced-motion:reduce){body.skin-b::before,#sbSide,#tournamentsGrid>div,.sb-kpi{animation:none !important}}


/* меню-выезжалка на узких экранах */
#sbBurger{display:none;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;margin-right:10px;border-radius:11px;border:1px solid var(--sb-line);background:var(--sb-panel2);color:#fff;cursor:pointer}
#sbShade{position:fixed;inset:0;z-index:55;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .3s}
body.sb-open #sbShade{opacity:1;pointer-events:auto}
@media(max-width:1000px){
  #sbBurger{display:flex}
  #sbSide{display:flex !important;z-index:60;transform:translateX(-105%);transition:transform .3s cubic-bezier(.2,.9,.3,1)}
  body.sb-open #sbSide{transform:none}
}

@media(max-width:1000px){
  #sbSide{width:260px;max-width:85vw;animation:none}
}

/* плавающие кнопки чата и поддержки убраны: они есть в меню */
body.skin-b #siteChatFloatBtn,body.skin-b #userSupportFloatBtn{display:none !important}
body.skin-b #siteChatDrawer,body.skin-b #userSupportDrawer{bottom:20px !important}

/* кнопки персонала убраны из шапки: они есть в меню слева */
body.skin-b #staffDeskBtn,body.skin-b #accountsAdminBtn,body.skin-b #coinsAdminBtn,body.skin-b #adminBtn{display:none !important}


/* ===== тема 2: угли ===== */
body.skin-b.sb-t2{--sb-bg:#0b0706;--sb-panel:#140d0a;--sb-panel2:#1b110d;--sb-line:rgba(255,160,100,.12);--sb-mt:#9a8a82}
body.skin-b.sb-t2::before{
  background:
    radial-gradient(700px 520px at 88% 0%, rgba(255,77,18,.34), transparent 68%),
    radial-gradient(620px 520px at 6% 100%, rgba(194,65,12,.26), transparent 70%),
    radial-gradient(520px 420px at 50% 55%, rgba(127,29,29,.20), transparent 70%),
    radial-gradient(360px 300px at 28% 18%, rgba(255,138,61,.12), transparent 70%);
  animation:sbEmber 26s ease-in-out infinite alternate;
}
@keyframes sbEmber{
  0%{transform:translate(0,0) scale(1)}
  100%{transform:translate(3%,-3%) scale(1.1)}
}
body.skin-b.sb-t2::after{
  opacity:.6;
  background-image:
    radial-gradient(circle,rgba(255,190,120,.95) 0 1.2px,transparent 2.4px),
    radial-gradient(circle,rgba(255,110,40,.85) 0 1.6px,transparent 3px),
    radial-gradient(circle,rgba(255,220,170,.7) 0 .9px,transparent 2px);
  background-size:210px 210px,330px 330px,150px 150px;
  background-position:20px 40px,140px 120px,80px 10px;
  -webkit-mask-image:linear-gradient(0deg,#000 0,transparent 85%);
  mask-image:linear-gradient(0deg,#000 0,transparent 85%);
  animation:sbEmbers 50s linear infinite;
}
@keyframes sbEmbers{to{background-position:20px -170px,140px -210px,80px -140px}}
body.skin-b.sb-t2 #sbSide{background:rgba(18,12,10,.82)}
body.skin-b.sb-t2 header{background:rgba(14,9,7,.7) !important}
body.skin-b.sb-t2 .sb-kpi,body.skin-b.sb-t2 #tournamentsGrid>div{background:rgba(255,138,61,.045) !important;border-color:rgba(255,138,61,.16) !important}
body.skin-b.sb-t2 .bg-brand-surface{background-color:rgba(255,138,61,.04) !important}
@media(prefers-reduced-motion:reduce){body.skin-b.sb-t2::before,body.skin-b.sb-t2::after{animation:none !important}}

/* выбор темы в настройках */
.sb-set-t{font:600 11px 'Poppins',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#85858f;margin-bottom:10px}
.sb-set-g{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sb-tc{display:flex;flex-direction:column;gap:10px;padding:10px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#a1a1aa;cursor:pointer;text-align:left;font:500 12px 'Poppins',sans-serif;transition:.25s}
.sb-tc:hover{border-color:rgba(255,77,18,.4);color:#fff}
.sb-tc.on{border-color:#ff4d12;color:#fff;box-shadow:0 0 0 3px rgba(255,77,18,.16),0 14px 30px -16px #ff4d12}
.sb-tc i{display:block;height:64px;border-radius:12px}
.sb-tc b{display:block;font-weight:600}
.sb-tc small{font-size:10.5px;color:#71717a;font-weight:400}
.sb-pv1{background-color:#0a0a0c;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px),radial-gradient(90px 60px at 85% 0,rgba(255,77,18,.5),transparent 70%);background-size:14px 14px,14px 14px,100% 100%}
.sb-pv2{background-color:#0b0706;background-image:radial-gradient(90px 60px at 85% 0,rgba(255,77,18,.65),transparent 70%),radial-gradient(80px 60px at 5% 100%,rgba(194,65,12,.5),transparent 70%),radial-gradient(circle,rgba(255,200,140,.9) 0 1px,transparent 2px),radial-gradient(circle,rgba(255,110,40,.9) 0 1.4px,transparent 2.6px);background-size:100% 100%,100% 100%,26px 26px,38px 38px;background-position:0 0,0 0,6px 8px,18px 20px}

/* эффект за курсором */
#sbFx{position:fixed;left:0;top:0;width:100%;height:100%;z-index:-1;pointer-events:none;display:none}
.sb-fxrow{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);font-family:'Poppins',sans-serif;transition:opacity .25s}
.sb-fxrow b{display:block;font-size:12.5px;font-weight:600;color:#fff}
.sb-fxrow small{display:block;margin-top:3px;font-size:10.5px;line-height:1.35;color:#85858f}
.sb-fxrow.off{opacity:.5}
.sb-sw{position:relative;flex-shrink:0;width:42px;height:24px;border-radius:99px;border:0;background:rgba(255,255,255,.14);cursor:pointer;transition:background .25s}
.sb-sw i{position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .25s}
.sb-sw.on{background:linear-gradient(135deg,#ff8a3d,#ff4d12)}
.sb-sw.on i{transform:translateX(18px)}

#siteSettingsModal>div{max-height:92vh;overflow-y:auto}

/* ===== тема 3: космос ===== */
body.skin-b.sb-t3{--sb-bg:#05060f;--sb-panel:#0c0e1d;--sb-panel2:#12152a;--sb-line:rgba(150,170,255,.12);--sb-mt:#8a8fa8}
html body.skin-b.sb-t3{background-color:#05060f !important}
body.skin-b.sb-t3::before{
  background:
    radial-gradient(640px 500px at 20% 15%, rgba(99,102,241,.28), transparent 70%),
    radial-gradient(560px 460px at 85% 30%, rgba(168,85,247,.20), transparent 70%),
    radial-gradient(600px 480px at 60% 100%, rgba(255,77,18,.16), transparent 70%),
    radial-gradient(300px 260px at 40% 55%, rgba(56,189,248,.10), transparent 70%);
  animation:sbNebula 30s ease-in-out infinite alternate;
}
@keyframes sbNebula{0%{transform:translate(0,0) scale(1) rotate(0)}100%{transform:translate(-3%,3%) scale(1.12) rotate(5deg)}}
body.skin-b.sb-t3::after{
  opacity:1; -webkit-mask-image:none; mask-image:none;
  background-image:
    radial-gradient(circle,#fff 0 .8px,transparent 1.4px),
    radial-gradient(circle,rgba(190,210,255,.9) 0 1px,transparent 1.8px),
    radial-gradient(circle,rgba(255,220,180,.9) 0 1.2px,transparent 2.2px);
  background-size:130px 130px,210px 210px,310px 310px;
  background-position:0 0,40px 70px,90px 20px;
  animation:sbTwinkle 5s ease-in-out infinite alternate;
}
@keyframes sbTwinkle{0%{opacity:.4}100%{opacity:1}}
body.skin-b.sb-t3 #sbSide{background:rgba(9,10,22,.84)}
body.skin-b.sb-t3 header{background:rgba(6,7,16,.7) !important}
body.skin-b.sb-t3 .sb-kpi,body.skin-b.sb-t3 #tournamentsGrid>div{background:rgba(130,140,255,.05) !important;border-color:rgba(150,170,255,.16) !important}
body.skin-b.sb-t3 .bg-brand-surface{background-color:rgba(130,140,255,.045) !important}


@media(prefers-reduced-motion:reduce){body.skin-b.sb-t3::before,body.skin-b.sb-t3::after,body.skin-b.sb-t4::before,body.skin-b.sb-t4::after{animation:none !important}}

/* превью в настройках */
.sb-pv3{background-color:#05060f;background-image:radial-gradient(70px 50px at 20% 10%,rgba(99,102,241,.65),transparent 70%),radial-gradient(70px 50px at 90% 45%,rgba(168,85,247,.5),transparent 70%),radial-gradient(circle,#fff 0 .8px,transparent 1.6px),radial-gradient(circle,rgba(190,210,255,.9) 0 1px,transparent 2px);background-size:100% 100%,100% 100%,22px 22px,34px 34px;background-position:0 0,0 0,5px 7px,15px 3px}


/* ===== тема 4: орбита (v2) ===== */
body.skin-b.sb-t4{
  --sb-bg:#03030f;--sb-panel:#0a0c26;--sb-panel2:#11143a;--sb-line:rgba(140,165,255,.15);--sb-mt:#8d93bd;
  --sb-or:#6f8dff;--sb-or2:#7fdcff;
  --o4r:880px;--o4c:520px;--o4x:72%;
}
@media(max-width:900px){body.skin-b.sb-t4{--o4r:560px;--o4c:300px;--o4x:62%}}
html body.skin-b.sb-t4{background-color:#03030f !important}

body.skin-b.sb-t4::before{
  inset:0; transform:none; animation:none;
  background:
    radial-gradient(ellipse at 50% 42%,transparent 52%,rgba(1,1,10,.62) 100%),
    radial-gradient(560px 130px at var(--o4x) calc(100% + var(--o4c) - var(--o4r)),rgba(255,176,112,.34),rgba(255,130,90,.10) 45%,transparent 72%),
    radial-gradient(150px 30px at var(--o4x) calc(100% + var(--o4c) - var(--o4r)),rgba(255,238,215,.75),transparent 72%),
    radial-gradient(circle at var(--o4x) calc(100% + var(--o4c)),
      #02030e 0,#04051a calc(var(--o4r) - 260px),#0a1140 calc(var(--o4r) - 40px),#2744c8 calc(var(--o4r) - 5px),
      #d7e6ff var(--o4r),rgba(130,175,255,.6) calc(var(--o4r) + 3px),rgba(85,115,255,.30) calc(var(--o4r) + 26px),
      rgba(110,75,235,.16) calc(var(--o4r) + 90px),rgba(60,60,200,.06) calc(var(--o4r) + 260px),transparent calc(var(--o4r) + 520px)),
    radial-gradient(900px 420px at 16% -8%,rgba(80,105,255,.22),transparent 70%),
    radial-gradient(520px 380px at 94% 10%,rgba(140,75,255,.13),transparent 70%),
    radial-gradient(420px 300px at 38% 62%,rgba(40,170,255,.06),transparent 70%),
    linear-gradient(180deg,rgba(14,20,90,.30),transparent 55%);
}

body.skin-b.sb-t4::after{
  inset:auto; opacity:1; border-radius:50%;
  width:calc((var(--o4r) + 600px)*2); height:calc((var(--o4r) + 600px)*2);
  left:calc(var(--o4x) - var(--o4r) - 600px);
  top:calc(100% + var(--o4c) - var(--o4r) - 600px);
  background-size:auto; background-position:0 0;
  background-image:conic-gradient(from 0deg,
    rgba(120,150,255,.12) 0deg,rgba(120,150,255,.12) 70deg,
    rgba(120,180,255,.30) 150deg,rgba(255,205,160,.85) 176deg,rgba(120,150,255,.12) 177deg,
    rgba(120,150,255,.12) 250deg,rgba(120,190,255,.35) 320deg,rgba(205,230,255,.95) 358deg,rgba(120,150,255,.12) 359deg);
  mask-image:radial-gradient(circle at 50% 50%,transparent 0 calc(var(--o4r) + 118px),#000 calc(var(--o4r) + 119px) calc(var(--o4r) + 121px),transparent calc(var(--o4r) + 122px) calc(var(--o4r) + 296px),#000 calc(var(--o4r) + 297px) calc(var(--o4r) + 299px),transparent calc(var(--o4r) + 300px) calc(var(--o4r) + 430px),#000 calc(var(--o4r) + 431px) calc(var(--o4r) + 432px),transparent calc(var(--o4r) + 433px) calc(var(--o4r) + 556px),#000 calc(var(--o4r) + 557px) calc(var(--o4r) + 559px),transparent calc(var(--o4r) + 560px));
  transform-origin:50% 50%; will-change:transform;
  animation:sbO4Spin 170s linear infinite;
}
@keyframes sbO4Spin{to{transform:rotate(360deg)}}

html:has(body.sb-t4)::before,html:has(body.sb-t4)::after{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  -webkit-mask-image:linear-gradient(180deg,#000 0,#000 55%,transparent 92%);mask-image:linear-gradient(180deg,#000 0,#000 55%,transparent 92%);
}
html:has(body.sb-t4)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22760%22%20height=%22760%22%20viewBox=%220%200%20760%20760%22%3E%3Ccircle%20cx=%22344%22%20cy=%22425%22%20r=%220.95%22%20fill=%22%23ffe2c4%22%20opacity=%220.57%22/%3E%3Ccircle%20cx=%22650%22%20cy=%22144%22%20r=%220.87%22%20fill=%22%23ffe2c4%22%20opacity=%220.69%22/%3E%3Ccircle%20cx=%22603%22%20cy=%2272%22%20r=%220.55%22%20fill=%22%23ffffff%22%20opacity=%220.63%22/%3E%3Ccircle%20cx=%22677%22%20cy=%22482%22%20r=%220.74%22%20fill=%22%23ffe2c4%22%20opacity=%220.93%22/%3E%3Ccircle%20cx=%22497%22%20cy=%22468%22%20r=%220.45%22%20fill=%22%23ffffff%22%20opacity=%220.83%22/%3E%3Ccircle%20cx=%2248%22%20cy=%2227%22%20r=%220.92%22%20fill=%22%23ffffff%22%20opacity=%220.79%22/%3E%3Ccircle%20cx=%22248%22%20cy=%22449%22%20r=%220.48%22%20fill=%22%23cfe0ff%22%20opacity=%220.70%22/%3E%3Ccircle%20cx=%22380%22%20cy=%22503%22%20r=%220.65%22%20fill=%22%23a9c2ff%22%20opacity=%220.53%22/%3E%3Ccircle%20cx=%22419%22%20cy=%22708%22%20r=%220.40%22%20fill=%22%23a9c2ff%22%20opacity=%220.47%22/%3E%3Ccircle%20cx=%22175%22%20cy=%22220%22%20r=%220.40%22%20fill=%22%23ffffff%22%20opacity=%220.53%22/%3E%3Ccircle%20cx=%22643%22%20cy=%22294%22%20r=%220.97%22%20fill=%22%23ffffff%22%20opacity=%220.40%22/%3E%3Ccircle%20cx=%22705%22%20cy=%2240%22%20r=%220.59%22%20fill=%22%23ffe2c4%22%20opacity=%220.54%22/%3E%3Ccircle%20cx=%22430%22%20cy=%22151%22%20r=%220.79%22%20fill=%22%23a9c2ff%22%20opacity=%220.31%22/%3E%3Ccircle%20cx=%22253%22%20cy=%22733%22%20r=%220.84%22%20fill=%22%23ffffff%22%20opacity=%220.34%22/%3E%3Ccircle%20cx=%22537%22%20cy=%228%22%20r=%220.65%22%20fill=%22%23ffe2c4%22%20opacity=%220.37%22/%3E%3Ccircle%20cx=%22425%22%20cy=%22340%22%20r=%220.47%22%20fill=%22%23cfe0ff%22%20opacity=%220.54%22/%3E%3Ccircle%20cx=%22292%22%20cy=%22300%22%20r=%220.99%22%20fill=%22%23ffffff%22%20opacity=%220.44%22/%3E%3Ccircle%20cx=%22738%22%20cy=%22611%22%20r=%220.55%22%20fill=%22%23ffffff%22%20opacity=%220.40%22/%3E%3Ccircle%20cx=%22300%22%20cy=%22649%22%20r=%220.77%22%20fill=%22%23ffffff%22%20opacity=%220.28%22/%3E%3Ccircle%20cx=%22111%22%20cy=%22336%22%20r=%220.36%22%20fill=%22%23a9c2ff%22%20opacity=%220.83%22/%3E%3Ccircle%20cx=%22293%22%20cy=%2256%22%20r=%220.49%22%20fill=%22%23cfe0ff%22%20opacity=%220.26%22/%3E%3Ccircle%20cx=%22280%22%20cy=%22473%22%20r=%220.43%22%20fill=%22%23ffe2c4%22%20opacity=%220.83%22/%3E%3Ccircle%20cx=%22103%22%20cy=%22293%22%20r=%220.76%22%20fill=%22%23a9c2ff%22%20opacity=%220.89%22/%3E%3Ccircle%20cx=%22622%22%20cy=%22190%22%20r=%220.47%22%20fill=%22%23cfe0ff%22%20opacity=%220.73%22/%3E%3Ccircle%20cx=%22295%22%20cy=%22367%22%20r=%220.40%22%20fill=%22%23ffffff%22%20opacity=%220.32%22/%3E%3Ccircle%20cx=%2229%22%20cy=%22732%22%20r=%220.50%22%20fill=%22%23ffe2c4%22%20opacity=%220.43%22/%3E%3Ccircle%20cx=%22626%22%20cy=%22453%22%20r=%220.54%22%20fill=%22%23cfe0ff%22%20opacity=%220.90%22/%3E%3Ccircle%20cx=%22743%22%20cy=%2296%22%20r=%220.66%22%20fill=%22%23ffffff%22%20opacity=%220.45%22/%3E%3Ccircle%20cx=%22697%22%20cy=%22155%22%20r=%220.36%22%20fill=%22%23a9c2ff%22%20opacity=%220.54%22/%3E%3Ccircle%20cx=%22189%22%20cy=%2235%22%20r=%220.53%22%20fill=%22%23cfe0ff%22%20opacity=%220.31%22/%3E%3Ccircle%20cx=%22105%22%20cy=%22342%22%20r=%220.57%22%20fill=%22%23cfe0ff%22%20opacity=%220.66%22/%3E%3Ccircle%20cx=%22702%22%20cy=%22361%22%20r=%220.58%22%20fill=%22%23a9c2ff%22%20opacity=%220.92%22/%3E%3Ccircle%20cx=%2216%22%20cy=%22484%22%20r=%220.66%22%20fill=%22%23a9c2ff%22%20opacity=%220.47%22/%3E%3Ccircle%20cx=%22760%22%20cy=%2257%22%20r=%220.70%22%20fill=%22%23ffffff%22%20opacity=%220.88%22/%3E%3Ccircle%20cx=%22560%22%20cy=%22535%22%20r=%220.87%22%20fill=%22%23a9c2ff%22%20opacity=%220.50%22/%3E%3Ccircle%20cx=%22521%22%20cy=%22685%22%20r=%220.92%22%20fill=%22%23ffe2c4%22%20opacity=%220.91%22/%3E%3Ccircle%20cx=%2223%22%20cy=%22380%22%20r=%220.36%22%20fill=%22%23ffe2c4%22%20opacity=%220.52%22/%3E%3Ccircle%20cx=%229%22%20cy=%2255%22%20r=%220.41%22%20fill=%22%23ffffff%22%20opacity=%220.95%22/%3E%3Ccircle%20cx=%22669%22%20cy=%22553%22%20r=%220.60%22%20fill=%22%23ffe2c4%22%20opacity=%220.56%22/%3E%3Ccircle%20cx=%22637%22%20cy=%2264%22%20r=%220.84%22%20fill=%22%23ffffff%22%20opacity=%220.47%22/%3E%3Ccircle%20cx=%2267%22%20cy=%2217%22%20r=%220.97%22%20fill=%22%23ffffff%22%20opacity=%220.60%22/%3E%3Ccircle%20cx=%22467%22%20cy=%22700%22%20r=%220.52%22%20fill=%22%23ffffff%22%20opacity=%220.51%22/%3E%3Ccircle%20cx=%22109%22%20cy=%22465%22%20r=%220.69%22%20fill=%22%23a9c2ff%22%20opacity=%220.71%22/%3E%3Ccircle%20cx=%22336%22%20cy=%22678%22%20r=%220.56%22%20fill=%22%23a9c2ff%22%20opacity=%220.39%22/%3E%3Ccircle%20cx=%22327%22%20cy=%22613%22%20r=%220.94%22%20fill=%22%23cfe0ff%22%20opacity=%220.52%22/%3E%3Ccircle%20cx=%22443%22%20cy=%22241%22%20r=%220.44%22%20fill=%22%23ffe2c4%22%20opacity=%220.50%22/%3E%3Ccircle%20cx=%22681%22%20cy=%2231%22%20r=%220.39%22%20fill=%22%23a9c2ff%22%20opacity=%220.83%22/%3E%3Ccircle%20cx=%2286%22%20cy=%22358%22%20r=%220.95%22%20fill=%22%23ffe2c4%22%20opacity=%220.52%22/%3E%3Ccircle%20cx=%22395%22%20cy=%22511%22%20r=%220.82%22%20fill=%22%23ffe2c4%22%20opacity=%220.47%22/%3E%3Ccircle%20cx=%22630%22%20cy=%22211%22%20r=%220.74%22%20fill=%22%23a9c2ff%22%20opacity=%220.65%22/%3E%3Ccircle%20cx=%22235%22%20cy=%22602%22%20r=%220.36%22%20fill=%22%23cfe0ff%22%20opacity=%220.53%22/%3E%3Ccircle%20cx=%22144%22%20cy=%22585%22%20r=%220.52%22%20fill=%22%23cfe0ff%22%20opacity=%220.81%22/%3E%3Ccircle%20cx=%22748%22%20cy=%2288%22%20r=%220.42%22%20fill=%22%23a9c2ff%22%20opacity=%220.92%22/%3E%3Ccircle%20cx=%22520%22%20cy=%22151%22%20r=%220.66%22%20fill=%22%23cfe0ff%22%20opacity=%220.75%22/%3E%3Ccircle%20cx=%22574%22%20cy=%22406%22%20r=%220.37%22%20fill=%22%23cfe0ff%22%20opacity=%220.44%22/%3E%3Ccircle%20cx=%22263%22%20cy=%22530%22%20r=%220.69%22%20fill=%22%23cfe0ff%22%20opacity=%220.53%22/%3E%3Ccircle%20cx=%22602%22%20cy=%22689%22%20r=%220.41%22%20fill=%22%23ffe2c4%22%20opacity=%220.34%22/%3E%3Ccircle%20cx=%22345%22%20cy=%22475%22%20r=%220.94%22%20fill=%22%23ffe2c4%22%20opacity=%220.64%22/%3E%3Ccircle%20cx=%22496%22%20cy=%22382%22%20r=%220.88%22%20fill=%22%23a9c2ff%22%20opacity=%220.57%22/%3E%3Ccircle%20cx=%22495%22%20cy=%22156%22%20r=%220.82%22%20fill=%22%23ffffff%22%20opacity=%220.40%22/%3E%3Ccircle%20cx=%22684%22%20cy=%22745%22%20r=%220.99%22%20fill=%22%23a9c2ff%22%20opacity=%220.43%22/%3E%3Ccircle%20cx=%22546%22%20cy=%2212%22%20r=%220.68%22%20fill=%22%23ffffff%22%20opacity=%220.56%22/%3E%3Ccircle%20cx=%22418%22%20cy=%22584%22%20r=%220.67%22%20fill=%22%23ffffff%22%20opacity=%220.40%22/%3E%3Ccircle%20cx=%22659%22%20cy=%22326%22%20r=%220.37%22%20fill=%22%23a9c2ff%22%20opacity=%220.73%22/%3E%3Ccircle%20cx=%22696%22%20cy=%22358%22%20r=%221.00%22%20fill=%22%23ffe2c4%22%20opacity=%220.91%22/%3E%3Ccircle%20cx=%22374%22%20cy=%22721%22%20r=%220.41%22%20fill=%22%23cfe0ff%22%20opacity=%220.56%22/%3E%3Ccircle%20cx=%22425%22%20cy=%22632%22%20r=%220.71%22%20fill=%22%23cfe0ff%22%20opacity=%220.62%22/%3E%3Ccircle%20cx=%22641%22%20cy=%22426%22%20r=%220.55%22%20fill=%22%23ffe2c4%22%20opacity=%220.92%22/%3E%3Ccircle%20cx=%22661%22%20cy=%22463%22%20r=%220.55%22%20fill=%22%23cfe0ff%22%20opacity=%220.93%22/%3E%3Ccircle%20cx=%22398%22%20cy=%22435%22%20r=%220.48%22%20fill=%22%23ffffff%22%20opacity=%220.60%22/%3E%3Ccircle%20cx=%22460%22%20cy=%2221%22%20r=%220.98%22%20fill=%22%23ffe2c4%22%20opacity=%220.63%22/%3E%3Ccircle%20cx=%22752%22%20cy=%2293%22%20r=%220.41%22%20fill=%22%23cfe0ff%22%20opacity=%220.30%22/%3E%3Ccircle%20cx=%22409%22%20cy=%22314%22%20r=%220.97%22%20fill=%22%23ffe2c4%22%20opacity=%220.44%22/%3E%3Ccircle%20cx=%22360%22%20cy=%2296%22%20r=%220.63%22%20fill=%22%23ffe2c4%22%20opacity=%220.62%22/%3E%3Ccircle%20cx=%2283%22%20cy=%22319%22%20r=%220.37%22%20fill=%22%23a9c2ff%22%20opacity=%220.34%22/%3E%3Ccircle%20cx=%22592%22%20cy=%2217%22%20r=%220.48%22%20fill=%22%23cfe0ff%22%20opacity=%220.26%22/%3E%3Ccircle%20cx=%22216%22%20cy=%22550%22%20r=%220.51%22%20fill=%22%23ffe2c4%22%20opacity=%220.32%22/%3E%3Ccircle%20cx=%22555%22%20cy=%2293%22%20r=%220.68%22%20fill=%22%23a9c2ff%22%20opacity=%220.75%22/%3E%3Ccircle%20cx=%22533%22%20cy=%22668%22%20r=%220.37%22%20fill=%22%23ffe2c4%22%20opacity=%220.83%22/%3E%3Ccircle%20cx=%22468%22%20cy=%22409%22%20r=%220.91%22%20fill=%22%23cfe0ff%22%20opacity=%220.62%22/%3E%3Ccircle%20cx=%22647%22%20cy=%22465%22%20r=%220.91%22%20fill=%22%23cfe0ff%22%20opacity=%220.89%22/%3E%3Ccircle%20cx=%22477%22%20cy=%22264%22%20r=%220.47%22%20fill=%22%23a9c2ff%22%20opacity=%220.87%22/%3E%3Ccircle%20cx=%22148%22%20cy=%22592%22%20r=%220.48%22%20fill=%22%23ffffff%22%20opacity=%220.34%22/%3E%3Ccircle%20cx=%22182%22%20cy=%22552%22%20r=%220.52%22%20fill=%22%23ffffff%22%20opacity=%220.55%22/%3E%3Ccircle%20cx=%22715%22%20cy=%22413%22%20r=%220.81%22%20fill=%22%23cfe0ff%22%20opacity=%220.53%22/%3E%3Ccircle%20cx=%22521%22%20cy=%2213%22%20r=%220.48%22%20fill=%22%23a9c2ff%22%20opacity=%220.89%22/%3E%3Ccircle%20cx=%22736%22%20cy=%2288%22%20r=%220.68%22%20fill=%22%23a9c2ff%22%20opacity=%220.60%22/%3E%3Ccircle%20cx=%22521%22%20cy=%22144%22%20r=%220.40%22%20fill=%22%23ffffff%22%20opacity=%220.27%22/%3E%3Ccircle%20cx=%22579%22%20cy=%22466%22%20r=%220.94%22%20fill=%22%23ffe2c4%22%20opacity=%220.35%22/%3E%3Ccircle%20cx=%22140%22%20cy=%22155%22%20r=%220.90%22%20fill=%22%23a9c2ff%22%20opacity=%220.90%22/%3E%3Ccircle%20cx=%2272%22%20cy=%2247%22%20r=%220.97%22%20fill=%22%23ffe2c4%22%20opacity=%220.30%22/%3E%3Ccircle%20cx=%2274%22%20cy=%22297%22%20r=%220.63%22%20fill=%22%23a9c2ff%22%20opacity=%220.55%22/%3E%3Ccircle%20cx=%22457%22%20cy=%2210%22%20r=%220.81%22%20fill=%22%23cfe0ff%22%20opacity=%220.38%22/%3E%3Ccircle%20cx=%22345%22%20cy=%22562%22%20r=%220.61%22%20fill=%22%23cfe0ff%22%20opacity=%220.67%22/%3E%3Ccircle%20cx=%2272%22%20cy=%22602%22%20r=%220.56%22%20fill=%22%23ffffff%22%20opacity=%220.81%22/%3E%3Ccircle%20cx=%22536%22%20cy=%22654%22%20r=%220.76%22%20fill=%22%23ffe2c4%22%20opacity=%220.65%22/%3E%3Ccircle%20cx=%22145%22%20cy=%22444%22%20r=%220.57%22%20fill=%22%23a9c2ff%22%20opacity=%220.45%22/%3E%3Ccircle%20cx=%2288%22%20cy=%22565%22%20r=%220.45%22%20fill=%22%23ffe2c4%22%20opacity=%220.34%22/%3E%3Ccircle%20cx=%22251%22%20cy=%22410%22%20r=%220.59%22%20fill=%22%23ffe2c4%22%20opacity=%220.79%22/%3E%3Ccircle%20cx=%22308%22%20cy=%22549%22%20r=%220.40%22%20fill=%22%23a9c2ff%22%20opacity=%220.46%22/%3E%3Ccircle%20cx=%2277%22%20cy=%22675%22%20r=%220.99%22%20fill=%22%23ffffff%22%20opacity=%220.41%22/%3E%3Ccircle%20cx=%22718%22%20cy=%22506%22%20r=%220.57%22%20fill=%22%23ffe2c4%22%20opacity=%220.65%22/%3E%3Ccircle%20cx=%22405%22%20cy=%22296%22%20r=%221.00%22%20fill=%22%23cfe0ff%22%20opacity=%220.74%22/%3E%3Ccircle%20cx=%22579%22%20cy=%22745%22%20r=%220.36%22%20fill=%22%23ffffff%22%20opacity=%220.77%22/%3E%3Ccircle%20cx=%22195%22%20cy=%22305%22%20r=%220.38%22%20fill=%22%23cfe0ff%22%20opacity=%220.70%22/%3E%3Ccircle%20cx=%228%22%20cy=%22197%22%20r=%220.53%22%20fill=%22%23a9c2ff%22%20opacity=%220.64%22/%3E%3Ccircle%20cx=%22386%22%20cy=%22735%22%20r=%220.72%22%20fill=%22%23ffffff%22%20opacity=%220.70%22/%3E%3Ccircle%20cx=%22615%22%20cy=%2258%22%20r=%220.74%22%20fill=%22%23ffffff%22%20opacity=%220.52%22/%3E%3Ccircle%20cx=%22713%22%20cy=%22293%22%20r=%220.98%22%20fill=%22%23ffe2c4%22%20opacity=%220.63%22/%3E%3Ccircle%20cx=%22453%22%20cy=%22326%22%20r=%220.67%22%20fill=%22%23a9c2ff%22%20opacity=%220.62%22/%3E%3Ccircle%20cx=%22454%22%20cy=%22278%22%20r=%220.54%22%20fill=%22%23a9c2ff%22%20opacity=%220.64%22/%3E%3Ccircle%20cx=%22215%22%20cy=%22545%22%20r=%220.54%22%20fill=%22%23ffffff%22%20opacity=%220.79%22/%3E%3Ccircle%20cx=%22445%22%20cy=%22481%22%20r=%220.62%22%20fill=%22%23ffe2c4%22%20opacity=%220.29%22/%3E%3Ccircle%20cx=%22240%22%20cy=%22302%22%20r=%220.73%22%20fill=%22%23a9c2ff%22%20opacity=%220.30%22/%3E%3Ccircle%20cx=%22688%22%20cy=%22326%22%20r=%220.66%22%20fill=%22%23cfe0ff%22%20opacity=%220.28%22/%3E%3Ccircle%20cx=%2275%22%20cy=%22616%22%20r=%220.94%22%20fill=%22%23cfe0ff%22%20opacity=%220.94%22/%3E%3Ccircle%20cx=%22621%22%20cy=%22459%22%20r=%220.42%22%20fill=%22%23ffe2c4%22%20opacity=%220.57%22/%3E%3Ccircle%20cx=%22155%22%20cy=%2240%22%20r=%220.69%22%20fill=%22%23ffffff%22%20opacity=%220.50%22/%3E%3Ccircle%20cx=%22106%22%20cy=%22317%22%20r=%220.74%22%20fill=%22%23ffe2c4%22%20opacity=%220.50%22/%3E%3Ccircle%20cx=%22565%22%20cy=%22620%22%20r=%220.44%22%20fill=%22%23a9c2ff%22%20opacity=%220.76%22/%3E%3C/svg%3E");background-size:760px 760px;animation:sbO4Tw 7s ease-in-out infinite alternate}
html:has(body.sb-t4)::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%221180%22%20height=%221180%22%20viewBox=%220%200%201180%201180%22%3E%3Cdefs%3E%3CradialGradient%20id=%22g%22%3E%3Cstop%20offset=%220%22%20stop-color=%22%23fff%22/%3E%3Cstop%20offset=%22.25%22%20stop-color=%22%23bcd0ff%22%20stop-opacity=%22.55%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%236c8cff%22%20stop-opacity=%220%22/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle%20cx=%22647%22%20cy=%22408%22%20r=%226.4%22%20fill=%22url(%23g)%22%20opacity=%220.68%22/%3E%3Ccircle%20cx=%22602%22%20cy=%22406%22%20r=%224.7%22%20fill=%22url(%23g)%22%20opacity=%220.99%22/%3E%3Ccircle%20cx=%22122%22%20cy=%22525%22%20r=%223.9%22%20fill=%22url(%23g)%22%20opacity=%220.71%22/%3E%3Ccircle%20cx=%221179%22%20cy=%22389%22%20r=%225.4%22%20fill=%22url(%23g)%22%20opacity=%220.74%22/%3E%3Ccircle%20cx=%22862%22%20cy=%22528%22%20r=%223.7%22%20fill=%22url(%23g)%22%20opacity=%220.75%22/%3E%3Ccircle%20cx=%22482%22%20cy=%22935%22%20r=%225.3%22%20fill=%22url(%23g)%22%20opacity=%220.64%22/%3E%3Ccircle%20cx=%22795%22%20cy=%22352%22%20r=%225.0%22%20fill=%22url(%23g)%22%20opacity=%220.65%22/%3E%3Ccircle%20cx=%22485%22%20cy=%22928%22%20r=%225.1%22%20fill=%22url(%23g)%22%20opacity=%220.89%22/%3E%3Ccircle%20cx=%22893%22%20cy=%22693%22%20r=%225.6%22%20fill=%22url(%23g)%22%20opacity=%220.73%22/%3E%3Ccircle%20cx=%22729%22%20cy=%22917%22%20r=%223.4%22%20fill=%22url(%23g)%22%20opacity=%220.97%22/%3E%3Ccircle%20cx=%22433%22%20cy=%22164%22%20r=%223.6%22%20fill=%22url(%23g)%22%20opacity=%220.70%22/%3E%3Ccircle%20cx=%2282%22%20cy=%22469%22%20r=%224.7%22%20fill=%22url(%23g)%22%20opacity=%220.84%22/%3E%3Ccircle%20cx=%22551%22%20cy=%221104%22%20r=%225.6%22%20fill=%22url(%23g)%22%20opacity=%220.69%22/%3E%3Ccircle%20cx=%221032%22%20cy=%22825%22%20r=%226.9%22%20fill=%22url(%23g)%22%20opacity=%220.88%22/%3E%3Ccircle%20cx=%221139%22%20cy=%22242%22%20r=%224.1%22%20fill=%22url(%23g)%22%20opacity=%220.99%22/%3E%3Ccircle%20cx=%2226%22%20cy=%221090%22%20r=%226.6%22%20fill=%22url(%23g)%22%20opacity=%220.61%22/%3E%3Ccircle%20cx=%22178%22%20cy=%221081%22%20r=%226.8%22%20fill=%22url(%23g)%22%20opacity=%220.94%22/%3E%3Ccircle%20cx=%22855%22%20cy=%22897%22%20r=%224.2%22%20fill=%22url(%23g)%22%20opacity=%220.55%22/%3E%3Ccircle%20cx=%22741%22%20cy=%221041%22%20r=%226.8%22%20fill=%22url(%23g)%22%20opacity=%220.78%22/%3E%3Ccircle%20cx=%2210%22%20cy=%22206%22%20r=%224.8%22%20fill=%22url(%23g)%22%20opacity=%220.65%22/%3E%3Ccircle%20cx=%2233%22%20cy=%22227%22%20r=%225.0%22%20fill=%22url(%23g)%22%20opacity=%220.61%22/%3E%3Ccircle%20cx=%22133%22%20cy=%22195%22%20r=%223.1%22%20fill=%22url(%23g)%22%20opacity=%220.90%22/%3E%3Ccircle%20cx=%221021%22%20cy=%22238%22%20r=%225.5%22%20fill=%22url(%23g)%22%20opacity=%220.94%22/%3E%3Ccircle%20cx=%22287%22%20cy=%22393%22%20r=%226.5%22%20fill=%22url(%23g)%22%20opacity=%220.89%22/%3E%3Ccircle%20cx=%22733%22%20cy=%22937%22%20r=%225.3%22%20fill=%22url(%23g)%22%20opacity=%220.69%22/%3E%3Ccircle%20cx=%22809%22%20cy=%22925%22%20r=%223.2%22%20fill=%22url(%23g)%22%20opacity=%220.69%22/%3E%3C/svg%3E");background-size:1180px 1180px;background-position:300px 200px;animation:sbO4Tw 11s ease-in-out -4s infinite alternate}
@keyframes sbO4Tw{0%{opacity:.45}100%{opacity:1}}

body.skin-b.sb-t4 #sbSide{
  background:linear-gradient(180deg,rgba(9,12,42,.80),rgba(4,5,22,.86));
  backdrop-filter:blur(24px) saturate(1.5);-webkit-backdrop-filter:blur(24px) saturate(1.5);
  border-right-color:rgba(140,165,255,.16);box-shadow:30px 0 80px -44px rgba(70,95,255,.45);
}
body.skin-b.sb-t4 header{background:rgba(3,4,20,.55) !important;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border-bottom-color:rgba(140,165,255,.14) !important}
body.skin-b.sb-t4 .sb-kpi,body.skin-b.sb-t4 #tournamentsGrid>div{
  background:linear-gradient(160deg,rgba(125,150,255,.10),rgba(125,150,255,.03) 60%) !important;
  border-color:rgba(145,170,255,.18) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 24px 50px -34px rgba(40,60,220,.7) !important;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
}
body.skin-b.sb-t4 .sb-kpi:hover{border-color:rgba(150,190,255,.5) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 18px 44px -22px #6f8dff !important}
body.skin-b.sb-t4 #tournamentsGrid>div::before{background:radial-gradient(circle at var(--mx,50%) var(--my,0%),rgba(120,160,255,.20),transparent 55%)}
body.skin-b.sb-t4 #tournamentsGrid>div:hover{border-color:rgba(150,190,255,.55) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 26px 60px -26px rgba(90,120,255,.85) !important}
body.skin-b.sb-t4 .bg-brand-surface{background-color:rgba(125,150,255,.05) !important}

body.skin-b.sb-t4 .sb-logo i{background:linear-gradient(135deg,#a9bcff,#5b7bff 60%,#33c8ff);box-shadow:0 8px 24px -6px rgba(91,123,255,.9);color:#040626}
body.skin-b.sb-t4 .sb-nav.on{background:linear-gradient(90deg,rgba(111,141,255,.26),rgba(111,141,255,.03))}
body.skin-b.sb-t4 .sb-nav.on::before{background:linear-gradient(180deg,#b4c4ff,#42d0ff);box-shadow:0 0 14px rgba(110,160,255,.9)}
body.skin-b.sb-t4 .sb-nav .sb-bd{background:linear-gradient(135deg,#ffd2a0,#ff9a5c);color:#2a0f00}
body.skin-b.sb-t4 .sb-me{background:linear-gradient(135deg,var(--sb-panel2),rgba(111,141,255,.20))}
html body.skin-b.sb-t4 button:is([class~="bg-brand-orange"],[class~="from-brand-orange"],[class~="from-orange-500"],[class~="from-amber-500"]){
  background-image:linear-gradient(135deg,#a9bcff,#5b7bff 55%,#34c6ff) !important;color:#040626 !important;
  box-shadow:0 10px 26px -10px rgba(91,123,255,.9),inset 0 1px 0 rgba(255,255,255,.35) !important;
}
body.skin-b.sb-t4 .sb-tc:hover{border-color:rgba(130,160,255,.5)}
body.skin-b.sb-t4 .sb-tc.on{border-color:#7f9bff;box-shadow:0 0 0 3px rgba(111,141,255,.18),0 14px 30px -16px #6f8dff}
body.skin-b.sb-t4 .sb-sw.on{background:linear-gradient(135deg,#8ea6ff,#38c8ff)}
body.skin-b.sb-t4 ::selection{background:rgba(111,141,255,.4)}

@media(max-width:700px){body.skin-b.sb-t4::after{animation:none}}
@media(prefers-reduced-motion:reduce){
  body.skin-b.sb-t4::after,html:has(body.sb-t4)::before,html:has(body.sb-t4)::after{animation:none !important}
}

.sb-pv4{background-color:#03030f;background-image:
  radial-gradient(34px 9px at 70% 34px,rgba(255,225,190,.95),transparent 72%),
  radial-gradient(90px 18px at 70% 34px,rgba(255,165,105,.45),transparent 72%),
  radial-gradient(circle at 70% 210%,#04051a 0 99px,#2744c8 100px,#e2edff 101px,rgba(110,150,255,.55) 104px,rgba(90,70,230,.22) 118px,transparent 150px),
  radial-gradient(circle,#fff 0 .6px,transparent 1.2px),radial-gradient(circle,rgba(170,200,255,.9) 0 .8px,transparent 1.5px);
  background-size:100% 100%,100% 100%,100% 100%,23px 23px,37px 37px;background-position:0 0,0 0,0 0,4px 6px,17px 2px}