:root{--bg:#0b0d15;--card:rgba(255,255,255,.04);--card2:rgba(255,255,255,.07);--bd:#262b40;--bd2:#3a3158;--tx:#f4f5fb;--mut:#8a92ab;--c1:#ff4f91;--c2:#9a54ff;--c3:#4b9dff;--lime:#bdff52;--panel:#141827;--panel2:#1a2034;--ok:#25d9a0;--bad:#ff5d6c;--gold:#ffc83a;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;overflow-x:clip}
body{font-family:Manrope,Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--tx);line-height:1.5;font-size:15px;min-height:100vh;overflow-x:clip;-webkit-font-smoothing:antialiased;padding-bottom:78px}
a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0}ul{list-style:none}.hide{display:none!important}
.wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.mut{color:var(--mut)}.sm{font-size:13px}
.ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:middle}
.coin{color:var(--gold);width:16px;height:16px;margin-right:4px;vertical-align:-3px}.money{display:inline-flex;align-items:center;font-weight:700;white-space:nowrap}
.bg{position:fixed;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(1000px 600px at 80% -10%,#2a0e3a,transparent 60%),radial-gradient(800px 500px at 0% 30%,#1a0b30,transparent 60%),var(--bg)}
.bg i{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5}.b1{width:480px;height:480px;background:#ff2e93;left:-140px;top:10%;animation:fl 24s ease-in-out infinite}.b2{width:420px;height:420px;background:#6a3cff;right:-120px;top:45%;animation:fl 28s ease-in-out infinite reverse}
.grid{inset:0!important;width:auto!important;height:auto!important;border-radius:0!important;filter:none!important;opacity:.5!important;background-image:linear-gradient(rgba(200,140,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(200,140,255,.06) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at 50% 20%,#000 10%,transparent 70%);mask-image:radial-gradient(ellipse at 50% 20%,#000 10%,transparent 70%)}
@keyframes fl{50%{transform:translate(80px,50px) scale(1.12)}}
/* шапка */
.hd{position:sticky;top:0;z-index:40;background:rgba(9,6,20,.78);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--bd)}
.hd-in{display:flex;align-items:center;gap:20px;height:64px}.brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:21px;letter-spacing:-.02em}.brand b{color:var(--c1)}
.nav{display:flex;gap:4px;margin-left:12px}.nav a{padding:8px 14px;border-radius:11px;color:var(--mut);font-weight:600;font-size:14.5px;transition:.2s}.nav a:hover{color:#fff;background:rgba(255,255,255,.06)}.nav a.on{color:#fff;background:rgba(138,77,255,.2)}
.hd-r{margin-left:auto;display:flex;align-items:center;gap:10px}.bal{padding:7px 14px;border:1px solid var(--bd2);border-radius:999px;background:var(--card);font-size:15px}.bump{animation:bump .5s}@keyframes bump{40%{transform:scale(1.25);color:var(--gold)}}
.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--c2),var(--c1));font-weight:700}.avatar.lg{width:72px;height:72px;font-size:30px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:12px;font-weight:600;border:1px solid var(--bd2);transition:transform .2s var(--ease),box-shadow .2s,background .2s,opacity .2s;white-space:nowrap}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}
.btn.pri{border:0;color:#fff;background:linear-gradient(120deg,var(--c2),var(--c1));box-shadow:0 8px 26px rgba(80,140,255,.35)}.btn.pri:hover:not(:disabled){box-shadow:0 12px 34px rgba(255,61,154,.5)}.btn.ghost{background:var(--card)}.btn.ghost:hover:not(:disabled){background:var(--card2);border-color:var(--c1)}.btn.lg{padding:15px 28px;font-size:16px;border-radius:14px}.btn.sm{padding:6px 12px;font-size:13px}
main{padding-top:26px;padding-bottom:30px;min-height:70vh}h1{font-size:clamp(28px,4.4vw,46px);line-height:1.1;letter-spacing:-.03em}h2{font-size:24px;letter-spacing:-.02em}h3{font-size:17px;margin-bottom:12px}
.sec{margin:34px 0 16px}.ph{margin:6px 0 20px}.ph h1{font-size:clamp(26px,3.6vw,38px)}.back{display:inline-block;color:var(--mut);margin:4px 0 14px;font-weight:600}.back:hover{color:#fff}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;padding:20px 0 10px}.badge{display:inline-flex;align-items:center;gap:9px;padding:6px 14px;border:1px solid var(--bd2);border-radius:999px;background:var(--card);font-size:13px;margin-bottom:18px}.badge i{width:8px;height:8px;border-radius:50%;background:var(--ok);animation:pulse 2s infinite}@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(37,217,160,0)}0%{box-shadow:0 0 0 0 rgba(37,217,160,.7)}}
.grad{background:linear-gradient(100deg,var(--c1),var(--c2) 50%,var(--c3));-webkit-background-clip:text;background-clip:text;color:transparent}.lead{color:var(--mut);font-size:18px;margin:16px 0 26px;max-width:520px}
.hero-v{position:relative;height:300px}.hf{position:absolute;width:210px;animation:fy 6s ease-in-out infinite}.hf.f0{left:2%;top:0;transform:rotate(-6deg)}.hf.f1{right:2%;top:30px;animation-delay:-2s}.hf.f2{left:12%;bottom:0;animation-delay:-4s}.hf.f3{right:12%;bottom:-6px;animation-delay:-1s}@keyframes fy{50%{translate:0 -12px}}
/* подарки */
.gifts{display:grid;grid-template-columns:1.2fr 1fr;gap:14px;margin-bottom:18px}.gift{display:flex;align-items:center;gap:14px;padding:14px 18px;border:1px solid var(--bd);border-radius:18px;background:linear-gradient(135deg,rgba(138,77,255,.14),rgba(255,61,154,.05)),var(--card)}.gift .ic{width:30px;height:30px;color:var(--c1)}.gift small{display:block;color:var(--mut)}.gift>div{flex:1}
.promo input{flex:1;min-width:0;padding:10px 14px;border-radius:12px;border:1px solid var(--bd2);background:rgba(9,6,20,.6);outline:0}.promo input:focus{border-color:var(--c1)}
/* лента */
.feed{display:flex;align-items:center;gap:14px;padding:10px 14px;border:1px solid var(--bd);border-radius:16px;background:var(--card);overflow:hidden}.feed>.mut{font-size:12.5px;white-space:nowrap}.fl{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;flex:1}.fl::-webkit-scrollbar{display:none}
.fi{flex:none;display:flex;align-items:center;gap:8px;padding:5px 12px 5px 6px;border-radius:12px;border:1px solid color-mix(in srgb,var(--rc) 60%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--rc) 18%,transparent),transparent);animation:slin .6s var(--ease)}@keyframes slin{from{opacity:0;transform:translateX(-20px)}}
.fi .skin{width:54px;height:22px}.fi b{display:block;font-size:12.5px;line-height:1.1}.fi small{color:var(--mut);font-size:11.5px}
/* кейсы */
.cases{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.case{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 14px 18px;border:1px solid var(--bd);border-radius:22px;background:linear-gradient(170deg,color-mix(in srgb,var(--cc) 14%,transparent),var(--card) 55%);transition:transform .35s var(--ease),border-color .3s,box-shadow .3s;overflow:hidden}
.case:hover{transform:translateY(-6px);border-color:var(--cc);box-shadow:0 22px 50px color-mix(in srgb,var(--cc) 25%,transparent)}.case .crate{width:170px;transition:transform .4s var(--ease)}.case:hover .crate{transform:scale(1.1) rotate(-3deg)}.case b{font-size:17px}.cp{color:var(--mut);font-size:14px}.okc{color:var(--ok)}
.cp-h{display:flex;align-items:center;gap:30px;padding:24px;border:1px solid var(--bd);border-radius:26px;background:linear-gradient(135deg,color-mix(in srgb,var(--cc) 16%,transparent),var(--card) 60%);margin-bottom:18px}.cp-i .crate{width:190px;animation:fy 5s ease-in-out infinite}.cp-t{flex:1;display:grid;gap:14px;justify-items:start}
.nsel{display:flex;gap:6px}.nsel button{padding:8px 16px;border-radius:11px;border:1px solid var(--bd2);background:var(--card);font-weight:700}.nsel button.on{background:linear-gradient(120deg,var(--c2),var(--c1));border-color:transparent}
/* рулетка */
.roul{position:relative;height:190px;overflow:hidden;border:1px solid var(--bd2);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.01));margin-bottom:18px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.mark{position:absolute;left:50%;top:0;bottom:0;width:3px;margin-left:-1.5px;background:linear-gradient(180deg,var(--gold),#fff,var(--gold));z-index:3;box-shadow:0 0 22px var(--gold)}.mark:before,.mark:after{content:"";position:absolute;left:-7px;border:8.5px solid transparent}.mark:before{top:0;border-top-color:var(--gold)}.mark:after{bottom:0;border-bottom-color:var(--gold)}
.strip{display:flex;gap:0;height:100%;padding:12px 0;will-change:transform}.rc{flex:none;width:148px;padding:0 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;position:relative}.rc:before{content:"";position:absolute;inset:6px 6px;border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--rc) 28%,transparent),transparent);border-bottom:3px solid var(--rc)}.rc .skin{position:relative;width:128px}.rc small{position:relative;font-size:11.5px;color:#cdd8ff;text-align:center;line-height:1.1}
.multi{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:18px}.mc{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;border-radius:18px;border:1px solid var(--rc,var(--bd));background:linear-gradient(180deg,color-mix(in srgb,var(--rc,#4f6cff) 22%,transparent),var(--card));animation:flip .6s var(--ease)}.mc.back{--rc:#4f6cff;min-height:130px;justify-content:center}.mcb{font-size:36px;color:var(--mut)}.mc small{font-size:12px;color:#cdd8ff;text-align:center}@keyframes flip{from{transform:rotateY(90deg) scale(.8);opacity:0}}
/* карточка предмета */
.items{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.items.sm{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:9px;max-height:520px;overflow-y:auto;padding:2px}
.it{position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;padding:12px 8px 10px;border:1px solid color-mix(in srgb,var(--rc) 45%,transparent);border-radius:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--rc) 16%,transparent),var(--card) 70%);text-align:center;transition:transform .25s var(--ease),box-shadow .25s,border-color .25s;cursor:default;user-select:none}
.it:before{content:"";position:absolute;left:12%;right:12%;bottom:0;height:3px;border-radius:3px;background:var(--rc);box-shadow:0 0 14px var(--rc)}.it .skin{width:100%;max-width:150px}.it small{color:var(--mut);font-size:11.5px;margin-top:2px}.it b{font-size:13px;line-height:1.2}.it .pr{margin-top:5px;font-size:13px}
.it[data-id]{cursor:pointer}.it[data-id]:hover{transform:translateY(-3px);box-shadow:0 14px 30px color-mix(in srgb,var(--rc) 25%,transparent)}.it.sel{border-color:#fff;box-shadow:0 0 0 2px var(--c1),0 14px 30px color-mix(in srgb,var(--rc) 30%,transparent)}.it.sel:after{content:"✓";position:absolute;top:6px;right:8px;width:22px;height:22px;border-radius:50%;background:var(--c1);color:#04101f;font-weight:800;display:grid;place-items:center;font-size:13px}
.ch{position:absolute;top:6px;left:8px;font-style:normal;font-size:11.5px;font-weight:700;padding:2px 7px;border-radius:8px;background:rgba(9,6,20,.7);color:#cfe0ff}
/* инвентарь */
.tot{color:var(--mut)}.tot b{color:#fff}.bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:12px}.bar select,.search{padding:10px 14px;border-radius:12px;border:1px solid var(--bd2);background:rgba(9,6,20,.7);outline:0}.bar select option{background:#0b1330}.sellLow{display:flex;gap:8px;margin-left:auto}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.chip{padding:6px 14px;border-radius:999px;border:1px solid color-mix(in srgb,var(--rc,#8b98c0) 60%,transparent);font-size:13px;font-weight:600;color:var(--mut)}.chip.on{background:color-mix(in srgb,var(--rc,#6d7bff) 28%,transparent);color:#fff}
.empty{text-align:center;color:var(--mut);padding:50px 10px;display:grid;gap:12px;justify-items:center}.empty a{color:var(--c1)}
/* апгрейд */
.upg{display:grid;grid-template-columns:1fr minmax(300px,380px) 1fr;gap:16px;align-items:start}.panel{padding:18px;border:1px solid var(--bd);border-radius:22px;background:var(--card)}.panel h3 small{color:var(--mut);font-weight:500;margin-left:6px}
.slots{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:6px}.slot{flex:1;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px dashed var(--bd2);border-radius:18px;padding:10px;text-align:center}.arrow{font-size:24px;color:var(--c1)}
.stack{position:relative;height:50px;width:100%}.st{position:absolute;left:50%;top:0;width:90px;margin-left:-45px;transform:translateX(calc(var(--j)*18px - 18px)) rotate(calc(var(--j)*5deg - 5deg))}.st.one{position:relative;left:auto;margin:0;transform:none;width:110px;filter:drop-shadow(0 0 14px var(--rc))}
.wheel{position:relative;width:min(260px,100%);margin:6px auto 10px}.wheel svg{width:100%;display:block}#wPtr{transition:none}.wc{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.wc b{font-size:34px;letter-spacing:-.02em}.wc small{color:var(--mut)}
.p-mid .btn{width:100%}.uRes{margin-top:12px;text-align:center;min-height:40px}.win{padding:12px;border-radius:14px;background:rgba(37,217,160,.14);border:1px solid var(--ok);animation:flip .6s var(--ease)}.lose{padding:12px;border-radius:14px;background:rgba(255,93,108,.12);border:1px solid var(--bad);color:#ffc2c8}
/* рейтинг, админ */
.tt{display:grid;gap:4px}.tr{display:grid;grid-template-columns:44px 1fr 150px 90px 100px;gap:8px;padding:10px 12px;border-radius:12px;align-items:center}.tr.th{color:var(--mut);font-size:12.5px;text-transform:uppercase;letter-spacing:.08em}.tr:not(.th):hover{background:var(--card2)}.tr.me{background:rgba(138,77,255,.18)}.pl{font-size:18px}
.row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.row input,.uact input{padding:9px 12px;border-radius:11px;border:1px solid var(--bd2);background:rgba(9,6,20,.7);outline:0;min-width:0}.plist{display:flex;flex-wrap:wrap;gap:8px}.tag{padding:5px 12px;border-radius:999px;background:rgba(138,77,255,.18);font-size:13px}.tag a{margin-left:6px;color:var(--bad)}
.panel+.panel{margin-top:16px}.ur{display:grid;grid-template-columns:1.2fr 1fr .8fr 2fr;gap:8px;align-items:center;padding:9px 6px;border-bottom:1px solid var(--bd)}.ur.ban{opacity:.5}.uact{display:flex;gap:6px}.uact input{width:110px}.adm{font-size:11px;font-style:normal;padding:2px 8px;border-radius:8px;background:var(--c2)}
/* модалки */
.modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(2,5,14,.78);backdrop-filter:blur(8px);animation:fade .25s}@keyframes fade{from{opacity:0}}
.mb{position:relative;width:min(440px,100%);max-height:92dvh;overflow:auto;padding:28px 24px;border:1px solid var(--bd2);border-radius:26px;background:linear-gradient(180deg,#0e1736,#0a1128);box-shadow:0 40px 100px rgba(0,0,0,.6);animation:pop .4s var(--ease)}@keyframes pop{from{opacity:0;transform:translateY(20px) scale(.95)}}
.mx{position:absolute;top:12px;right:14px;width:34px;height:34px;border-radius:50%;font-size:22px;color:var(--mut)}.mx:hover{color:#fff;background:var(--card2)}.mb h2{margin-bottom:8px}.mb form{display:grid;gap:14px;margin-top:16px}.mb label{display:grid;gap:6px;font-size:13px;color:var(--mut)}.mb input{padding:12px 14px;border-radius:12px;border:1px solid var(--bd2);background:rgba(9,6,20,.7);color:#fff;outline:0;font-size:16px}.mb input:focus{border-color:var(--c1)}
.err{color:var(--bad);font-size:13.5px;min-height:18px}.sw{margin-top:14px;text-align:center;color:var(--mut)}.sw a{color:var(--c1)}.pf{text-align:center;display:grid;gap:8px;justify-items:center;margin-bottom:16px}.kv{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.kv div{padding:12px;border-radius:14px;background:var(--card);border:1px solid var(--bd)}.kv small{display:block;color:var(--mut);font-size:12px}.kv b{font-size:20px}
.res{text-align:center;display:grid;gap:8px;justify-items:center}.res .big{width:100%;padding:10px;border-radius:20px;background:radial-gradient(circle,color-mix(in srgb,var(--rc) 35%,transparent),transparent 70%);animation:glow 2s ease-in-out infinite}@keyframes glow{50%{filter:brightness(1.3)}}.res .skin{width:100%;max-width:300px}.rn{font-size:20px;font-weight:700}.rr{font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:13px}.rp{color:var(--mut)}.ra{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap;justify-content:center}.mini{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:8px;width:100%}.mi{padding:6px;border-radius:12px;border:1px solid var(--rc);background:color-mix(in srgb,var(--rc) 14%,transparent)}
.toasts{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);z-index:200;display:grid;gap:8px;justify-items:center;pointer-events:none;width:min(92vw,420px)}.toast{padding:11px 18px;border-radius:14px;background:#0e1736;border:1px solid var(--bd2);box-shadow:0 12px 40px rgba(0,0,0,.5);animation:pop .4s var(--ease);font-weight:600;text-align:center}.toast.ok{border-color:var(--ok)}.toast.bad{border-color:var(--bad)}.toast.out{opacity:0;transform:translateY(10px);transition:.4s}
.ft{padding-bottom:20px;color:var(--mut);font-size:12.5px;text-align:center}
/* нижняя панель (телефон) */
.tabbar{display:none}
@media(max-width:1020px){.upg{grid-template-columns:1fr 1fr}.upg .p-mid{grid-column:1/-1;order:-1}}
@media(max-width:820px){.nav{display:none}.hero{grid-template-columns:1fr}.hero-v{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px}.hf{position:static;width:auto;animation:none;transform:none!important}.hf.f2,.hf.f3{display:none}.gifts{grid-template-columns:1fr}.cp-h{flex-direction:column;text-align:center;padding:18px}.cp-t{justify-items:center}.cp-i .crate{width:150px}
 .tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(11,13,21,.96);backdrop-filter:blur(16px);border-top:1px solid var(--bd);padding:6px 6px calc(6px + env(safe-area-inset-bottom))}.tabbar a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;border-radius:12px;color:var(--mut);font-size:11.5px;font-weight:600}.tabbar a svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tabbar a.on{color:#fff;background:rgba(138,77,255,.2)}}
@media(max-width:640px){.wrap{padding:0 14px}.hd-in{height:56px;gap:10px}.brand{font-size:19px}.brand img{width:30px;height:30px}.bal{padding:6px 11px;font-size:14px}.hd-r .btn{padding:8px 12px;font-size:14px}
 .cases{grid-template-columns:1fr 1fr;gap:10px}.case{padding:14px 8px 14px}.case .crate{width:110px}.case b{font-size:15px;text-align:center}.cp{font-size:12.5px;text-align:center}
 .items{grid-template-columns:repeat(2,1fr);gap:9px}.items.sm{grid-template-columns:repeat(2,1fr);max-height:340px}.rc{width:148px}.roul{height:170px}.feed>.mut{display:none}.upg{grid-template-columns:1fr}.tr{grid-template-columns:34px 1fr auto}.hm{display:none}.ur{grid-template-columns:1fr 1fr}.uact{grid-column:1/-1}.uact input{flex:1;width:auto}.sellLow{margin-left:0;width:100%}.sellLow select{flex:1}.bar .btn,.bar select{flex:1 1 140px}.mb{padding:24px 16px}.kv b{font-size:17px}.toasts{bottom:84px}.ft{padding-bottom:84px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}}

/* ===== профиль, меню, настройки, рефералка, бонусы ===== */
.avatar{position:relative;overflow:hidden;flex:none;color:#fff;font-weight:700}.avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.avatar.xs{width:28px;height:28px;font-size:13px}.avatar.sm{width:40px;height:40px;font-size:16px}.avatar.xl{width:96px;height:96px;font-size:40px;border:4px solid var(--bg)}
.um{position:relative}.avbtn{display:block;border-radius:50%;padding:0;box-shadow:0 0 0 2px var(--bd2);transition:.2s}.avbtn:hover,.avbtn[aria-expanded=true]{box-shadow:0 0 0 2px var(--c1)}
.umenu{position:absolute;right:0;top:calc(100% + 10px);width:250px;padding:8px;border:1px solid var(--bd2);border-radius:18px;background:rgba(10,16,38,.97);backdrop-filter:blur(18px);box-shadow:0 24px 60px rgba(0,0,0,.55);z-index:90;animation:mpop .18s var(--ease)}
@keyframes mpop{from{opacity:0;transform:translateY(-6px) scale(.97)}}
.umh{display:flex;align-items:center;gap:10px;padding:8px 8px 12px;margin-bottom:6px;border-bottom:1px solid var(--bd)}.umh b{display:block;font-size:15px}.umh small{color:var(--mut)}
.umenu a{display:flex;align-items:center;gap:11px;padding:11px 10px;border-radius:12px;font-weight:600;font-size:14.5px;color:var(--tx);transition:.15s}.umenu a:hover{background:rgba(138,77,255,.18)}.umenu a .ic{width:19px;height:19px;color:var(--c1)}
.prof{border:1px solid var(--bd);border-radius:24px;overflow:hidden;background:var(--card);margin-bottom:16px}
.pbn{height:190px;background-size:cover;background-position:center}.pbn.sm{height:110px;border-radius:16px}
.pbd{display:flex;align-items:flex-end;gap:16px;padding:0 22px 20px;margin-top:-44px;flex-wrap:wrap}.pbi{flex:1;min-width:160px;padding-bottom:4px}.pbi h1{font-size:28px;margin:0 0 6px}
.idc{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;border:1px solid var(--bd2);background:var(--card);color:var(--mut);font-size:13.5px}.idc b{color:var(--tx);letter-spacing:.5px}.idc .ic{width:14px;height:14px}.idc:hover{border-color:var(--c1)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:18px}.stat{padding:16px;border:1px solid var(--bd);border-radius:18px;background:var(--card)}.stat small{display:block;color:var(--mut);margin-bottom:6px}.stat b{font-size:21px}.stat em{display:block;font-style:normal;color:var(--mut);font-size:12.5px;margin-top:4px}
.ph .tot{margin-top:6px;color:var(--mut)}
.lookp{position:relative;margin-bottom:56px}.lookp .avatar.lk{position:absolute;left:18px;bottom:-48px}
.lrow{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0 10px}.lb{display:flex;gap:8px}
.sw12{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:9px}.sw12.bn{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}.swt{height:40px;border-radius:12px;border:2px solid transparent;transition:.15s}.sw12:not(.bn) .swt{border-radius:50%;aspect-ratio:1;height:auto}.swt:hover{transform:scale(1.08)}.swt.on{border-color:#fff;box-shadow:0 0 0 3px rgba(255,61,154,.45)}
.sess{display:grid;gap:10px}.ss{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--bd);border-radius:14px}.ss>div{flex:1;min-width:0}.ss small{display:block;color:var(--mut);overflow-wrap:anywhere}.ss .ic{width:22px;height:22px;color:var(--c1)}.ss.cur{border-color:rgba(37,217,160,.4);background:rgba(37,217,160,.05)}
.pwf{display:grid;gap:10px;max-width:420px}.pwf input,.cprow input{padding:11px 14px;border-radius:12px;border:1px solid var(--bd2);background:rgba(9,6,20,.7);outline:0;min-width:0}.pwf input:focus,.cprow input:focus{border-color:var(--c1)}
.btn.bad{border:1px solid rgba(255,93,108,.5);color:var(--bad);padding:10px 18px;border-radius:12px;font-weight:600}.btn.bad:hover{background:rgba(255,93,108,.12)}
.tabs{display:flex;gap:6px;padding:5px;border:1px solid var(--bd);border-radius:14px;background:var(--card);margin-bottom:16px;width:fit-content;max-width:100%;overflow:auto}.tabs button{padding:9px 18px;border-radius:10px;color:var(--mut);font-weight:600;white-space:nowrap}.tabs button.on{color:#fff;background:rgba(138,77,255,.3)}
.refhero h2{font-size:26px;margin-bottom:8px}.refgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.refgrid .panel{display:grid;gap:12px;align-content:start}.panel+.panel.refgrid{margin-top:16px}
.rbal{font-size:34px;font-weight:800}.cpf{display:grid;gap:6px}.cpf+.cpf{margin-top:12px}.cprow{display:flex;gap:8px}.cprow input{flex:1}
.bars{display:flex;align-items:flex-end;gap:6px;height:130px;padding-top:8px}.bar1{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px}.bar1 i{display:block;width:100%;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,var(--c1),var(--c2))}.bar1 small{font-size:11px;color:var(--mut)}
.kvr{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--bd)}.kvr:last-child{border:0}
.ru{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--bd)}.ru:last-child{border:0}.ru>div{flex:1;min-width:0}.ru small{display:block}
.okc{color:var(--ok)}
.bgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.bgrid .panel{margin-top:0}.bc{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.bc.wide{grid-column:1/-1}.bc h3{margin:0}.bc p{margin:0;flex:1}.bc .btn,.bc form{align-self:stretch;text-align:center}.bcb{display:grid;gap:8px;align-self:stretch}
.bci{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(138,77,255,.3),rgba(255,61,154,.2))}.bci .ic{width:24px;height:24px}
.cbs{display:flex;gap:28px;flex-wrap:wrap}.cbs small{display:block;color:var(--mut)}.cbs b{font-size:22px}
.bnl{display:flex;align-items:center;gap:12px;padding:13px 18px;margin-bottom:18px;border:1px solid var(--bd2);border-radius:16px;background:linear-gradient(100deg,rgba(138,77,255,.18),rgba(255,61,154,.08));transition:.2s}.bnl:hover{border-color:var(--c1);transform:translateY(-2px)}.bnl .ic{width:24px;height:24px;color:var(--c1)}.bnl span{flex:1}.bnl i{font-style:normal;color:var(--c1)}
.pn{display:flex;align-items:center;gap:10px}
@media(max-width:820px){.refgrid{grid-template-columns:1fr}.pbn{height:130px}.umenu{position:fixed;right:12px;left:12px;top:64px;width:auto}}
@media(max-width:640px){.avatar.xl{width:80px;height:80px;font-size:32px}.pbd{padding:0 14px 16px}.pbi h1{font-size:23px}.cprow{flex-direction:column}.refhero h2{font-size:21px}.tabs button{padding:8px 13px}}
.pbd{align-items:flex-start}.pbi{margin-top:50px;padding-bottom:0}.pbd>.btn{margin-top:50px;margin-left:auto}
.items>.empty,.items>.empty.sm{grid-column:1/-1}
.umenu{background:#0e0a1c}
@media(max-width:700px){.bgrid{grid-template-columns:1fr}}
@media(max-width:640px){.pbd>.btn{margin:0;width:100%;text-align:center}.pbi{margin-top:44px}}

/* ===== износы ===== */
.skin.pic{display:block;position:relative;aspect-ratio:244/82;margin:0 auto}.skin.pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45))}.skin.pic .scr{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.skin.w2{filter:saturate(.94)}.skin.w3{filter:saturate(.78) brightness(.93)}.skin.w4{filter:saturate(.55) brightness(.8) contrast(1.06)}
.wb{position:absolute;top:8px;left:8px;padding:2px 7px;border-radius:7px;font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.4px;background:rgba(9,6,20,.78);border:1px solid currentColor}
.wb.w0{color:#25d9a0}.wb.w1{color:#9be564}.wb.w2{color:#ffc83a}.wb.w3{color:#ff9a3d}.wb.w4{color:#ff6b5b}
.mc .wb{top:10px;left:10px}
/* ===== админ-панель ===== */
.adl{display:inline-block;margin-bottom:8px;color:var(--c1);font-weight:600;font-size:13px}.ft{text-align:center}
.alog{max-width:400px;margin:40px auto;display:grid;gap:12px}.alog form{display:grid;gap:10px}.alog input{padding:12px 14px;border-radius:12px;border:1px solid var(--bd2);background:rgba(9,6,20,.7);outline:0}.alog input:focus{border-color:var(--c1)}
.adh{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.warnb{padding:12px 16px;margin-bottom:14px;border:1px solid rgba(255,200,58,.5);background:rgba(255,200,58,.08);border-radius:14px;color:#ffe08a}
.acs .case{position:relative;cursor:pointer}.acs .adm{position:absolute;top:10px;right:10px}
.cfm{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:12px}.cfm input[type=text],.cfm input:not([type]),.cfm input[type=number]{padding:10px 12px;border-radius:11px;border:1px solid var(--bd2);background:rgba(9,6,20,.7);outline:0;min-width:0}.inl{display:inline-flex;align-items:center;gap:6px;color:var(--mut)}.inl input[type=color]{width:38px;height:32px;padding:0;border:0;background:none}
.crow{display:grid;grid-template-columns:70px 1fr 120px 40px;gap:10px;align-items:center;padding:8px 4px;border-bottom:1px solid var(--bd)}.crow.ch0{color:var(--mut);font-size:12px;border-bottom:1px solid var(--bd2)}.crow small{display:block}.crow a{color:var(--tx)}.crow a:hover{color:var(--c1)}
.crow.irow{grid-template-columns:70px 1fr auto auto;cursor:pointer}.crow.irow:hover{background:rgba(138,77,255,.1)}
.th{display:block;border-radius:10px;padding:4px;background:linear-gradient(180deg,color-mix(in srgb,var(--rc) 20%,transparent),var(--card))}.th .skin{width:100%;display:block}
.chin{display:grid;gap:2px}.chin input,.pwf select,.pwf input[type=file],.row select{padding:8px 10px;border-radius:10px;border:1px solid var(--bd2);background:rgba(9,6,20,.7);outline:0;min-width:0;color:var(--tx)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.two .pwf{max-width:none}
.ipv{max-width:260px;margin:0 auto 12px;padding:10px;border-radius:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--rc) 22%,transparent),var(--card))}.ipv .skin{width:100%;display:block}
.upl{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:14px 0}.upl small{flex-basis:100%}
.search{flex:1;min-width:200px;padding:10px 14px;border-radius:12px;border:1px solid var(--bd2);background:rgba(9,6,20,.7);outline:0}
.mb .pwf{max-width:none}
@media(max-width:700px){.two{grid-template-columns:1fr}.crow{grid-template-columns:56px 1fr 92px 36px}.crow.irow{grid-template-columns:56px 1fr auto}.crow.irow .hm{display:none}}
.two{align-items:start}.pwf{align-content:start}.adl{display:block}
.crow>span:nth-child(2){min-width:0;overflow-wrap:anywhere}

/* ===== КАБЛУЧАРА: оформление кейса ===== */
/* оформление кейса: светящийся контейнер + «вылетающие» скины */
.cz{position:relative;width:100%;aspect-ratio:1/.92;display:grid;place-items:end center;--cc:#8a4dff}
.cz .crate{position:relative;z-index:2;width:78%;transition:transform .5s var(--ease);filter:drop-shadow(0 14px 22px rgba(0,0,0,.5))}
.cz-g{position:absolute;left:50%;bottom:6%;width:92%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--cc) 55%,transparent),transparent 65%);filter:blur(10px);animation:cglow 4s ease-in-out infinite}
@keyframes cglow{50%{opacity:.6;transform:translateX(-50%) scale(1.1)}}
.cz-r{position:absolute;left:50%;bottom:30%;width:130%;aspect-ratio:1;transform:translateX(-50%);background:conic-gradient(from 0deg,transparent 0 8%,color-mix(in srgb,var(--cc) 35%,transparent) 10%,transparent 14% 33%,color-mix(in srgb,var(--cc) 25%,transparent) 36%,transparent 40% 60%,color-mix(in srgb,var(--cc) 30%,transparent) 63%,transparent 67% 85%,color-mix(in srgb,var(--cc) 22%,transparent) 88%,transparent 92%);-webkit-mask-image:radial-gradient(circle,#000 8%,transparent 62%);mask-image:radial-gradient(circle,#000 8%,transparent 62%);animation:crot 22s linear infinite;opacity:.8}
@keyframes crot{to{transform:translateX(-50%) rotate(360deg)}}
.cz-i{position:absolute;inset:0;z-index:3;pointer-events:none}.cz-i .sk{position:absolute;left:50%;width:56%;transition:transform .5s var(--ease);filter:drop-shadow(0 8px 12px rgba(0,0,0,.55))}.cz-i .sk .skin{width:100%;display:block}
.sk.s0{bottom:56%;margin-left:-28%;z-index:3;transform:translateY(0) rotate(0);animation:skf 5s ease-in-out infinite}
.sk.s1{bottom:52%;margin-left:-60%;transform:rotate(-18deg) scale(.8);animation:skf 6s ease-in-out -1.5s infinite;opacity:.95}
.sk.s2{bottom:52%;margin-left:4%;transform:rotate(18deg) scale(.8);animation:skf 5.5s ease-in-out -3s infinite;opacity:.95}
@keyframes skf{50%{translate:0 -7px}}
.case:hover .cz .crate{transform:translateY(4px) scale(1.04)}.case:hover .sk.s0{transform:translateY(-22px) scale(1.12)}.case:hover .sk.s1{transform:translate(-8px,-14px) rotate(-22deg) scale(.9)}.case:hover .sk.s2{transform:translate(8px,-14px) rotate(22deg) scale(.9)}
.cp-h{border-radius:30px;background:radial-gradient(90% 120% at 0% 50%,color-mix(in srgb,var(--cc) 28%,transparent),transparent 65%),linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.015));border-color:color-mix(in srgb,var(--cc) 40%,rgba(255,255,255,.08))}
.cp-i{flex:none;width:min(360px,42%)}.cp-i .cz{--cc:inherit}
.cp-h .cz .crate{width:70%}
.acs .case .cz{pointer-events:none}
/* ===== КАБЛУЧАРА: дизайн по концепции (Oswald + Manrope, графит + фиолет + розовый) ===== */
:root{--hf:Oswald,Impact,"Arial Narrow",sans-serif}
h1,h2,.brand .bt,.sec,.rank-banner h2,.mode-card h3,.ph h1{font-family:var(--hf);letter-spacing:.005em}
.bg{background:radial-gradient(900px 560px at 82% -8%,#2b1550,transparent 60%),radial-gradient(700px 480px at 0% 35%,#14204a,transparent 60%),var(--bg)}
.bg i{opacity:.32}.b1{background:#8a3cff}.b2{background:#2a6bff}
/* loader */
.loader{position:fixed;inset:0;z-index:500;background:#090a10;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;transition:opacity .55s,visibility .55s}.loader.done{opacity:0;visibility:hidden}
.loader-logo{font-family:var(--hf);font-size:44px;font-weight:700;letter-spacing:.02em}.loader-logo span{color:var(--c2)}.load-track{height:3px;width:170px;background:#25283a;overflow:hidden;border-radius:3px}.load-track i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--c2),var(--c1));transform:translateX(-100%);animation:ld 1.1s ease forwards}.loader small{font-size:11px;letter-spacing:.22em;color:var(--mut)}@keyframes ld{to{transform:none}}
/* бегущая строка */
.mq{height:36px;overflow:hidden;background:#17132a;border-bottom:1px solid #302344;display:flex;align-items:center}.mq-t{white-space:nowrap;min-width:max-content;animation:mqm 46s linear infinite;font-size:12px;font-weight:800;letter-spacing:.18em;color:#c3a5ff}.mq-t span{display:inline-block;padding-right:0}.mq-t b{color:var(--c1);font-size:15px;margin:0 22px}@keyframes mqm{to{transform:translateX(-50%)}}
/* шапка */
.hd{position:sticky;top:0;z-index:100;background:rgba(11,13,21,.9);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid #202436}
.hd-in{height:74px;gap:24px;max-width:1280px;margin:0 auto;padding:0 20px;border:0;border-radius:0;background:none;box-shadow:none}
.brand{gap:11px;font-size:inherit;letter-spacing:0}.brand img{filter:drop-shadow(0 4px 14px rgba(154,84,255,.45));width:38px;height:38px}
.brand .bt{display:block;font-size:24px;font-weight:700;line-height:1;letter-spacing:.02em;color:#fff}.brand .bt b{background:none;-webkit-text-fill-color:initial;color:var(--c2)}.brand .bt small{display:block;font-family:Manrope,sans-serif;font-size:9.5px;font-weight:700;letter-spacing:.16em;color:var(--mut);margin-top:5px}
.nav{gap:clamp(4px,1.4vw,22px);margin-left:18px}.nav a{padding:8px 4px;border-radius:0;font-size:14px;font-weight:700;color:#9299ad;background:none!important;box-shadow:none!important;position:relative;white-space:nowrap}.nav a:hover,.nav a.on{color:#fff}.nav a.on::after{content:"";position:absolute;left:4px;bottom:-6px;width:16px;height:2px;background:var(--c2)}
.bal{border:1px solid #272e44;background:#151a2a;border-radius:12px;padding:9px 14px;font-size:14px}
.btn{border-radius:11px}.btn.pri{background:linear-gradient(115deg,#a05cff,#7343d2);box-shadow:0 7px 25px rgba(129,68,232,.3)}.btn.pri:hover:not(:disabled){box-shadow:0 10px 32px rgba(154,84,255,.5)}.btn.ghost{background:#151929;border-color:#353b51}
.avatar{background:linear-gradient(135deg,#3d2c66,#171c2e);border:1px solid #5e4b91}
/* hero */
.home{margin:0 -20px}.hx{position:relative;overflow:hidden;padding:clamp(40px,6vw,84px) 20px 0;min-height:560px;display:flex;flex-direction:column}
.hx::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 76% 50%,rgba(100,45,155,.4),transparent 38%),radial-gradient(ellipse at 90% 75%,rgba(23,89,169,.3),transparent 38%);pointer-events:none}
.hx::after{content:"";position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(142,112,194,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(142,112,194,.35) 1px,transparent 1px);background-size:55px 55px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 55%);mask-image:linear-gradient(90deg,transparent,#000 55%);pointer-events:none}
.hx-in{position:relative;z-index:3;display:grid;grid-template-columns:1.05fr .95fr;gap:20px;align-items:center;flex:1}
.eyebrow{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.2em;font-weight:800;color:#9aa2ba}.eyebrow i{height:1px;width:34px;background:#514366}
.hx h1{font-size:clamp(64px,9.4vw,138px);font-weight:700;line-height:.88;letter-spacing:-.02em;margin:22px 0 22px;text-transform:uppercase}.hx h1 em,.sx h2 em,.rank-banner h2 em,.feat h2 em{font-style:normal;color:var(--c2);text-shadow:0 0 36px rgba(150,85,255,.35)}
.hx p.lead{font-size:16px;line-height:1.75;color:#9ba2b7;max-width:470px;margin:0 0 26px}
.hx-b{display:flex;gap:12px;flex-wrap:wrap}.hx-st{display:flex;align-items:center;gap:24px;margin-top:38px}.hx-st b{display:block;font-family:var(--hf);font-size:28px}.hx-st small{font-size:11px;letter-spacing:.13em;color:var(--mut);font-weight:700}.hx-st>i{height:34px;width:1px;background:#32374a}
.hx-v{position:relative;height:430px}.hx-v .halo{position:absolute;left:50%;top:48%;width:420px;height:420px;margin:-210px;border-radius:50%;background:radial-gradient(circle,rgba(164,77,255,.38),transparent 66%);filter:blur(10px);animation:cglow 4s ease-in-out infinite}
.hx-v .ring{position:absolute;left:8%;top:12%;width:84%;aspect-ratio:1;border:1px solid rgba(182,139,255,.25);border-radius:50%;transform:rotate(-20deg) scaleY(.45)}.hx-v .ring.b{border-color:rgba(255,79,145,.22);left:0;top:22%;width:100%;transform:rotate(30deg) scaleY(.48)}
.hx-v .hf{position:absolute;width:220px}.hx-v .hf.f0{left:0;top:6%;transform:rotate(-7deg)}.hx-v .hf.f1{right:0;top:12%;animation-delay:-2s}.hx-v .hf.f2{left:12%;bottom:0;animation-delay:-4s}.hx-v .hf.f3{right:10%;bottom:2%;animation-delay:-1s}
.hx-bot{position:relative;z-index:3;margin-top:28px;padding:18px 0;display:flex;justify-content:space-between;border-top:1px solid #343448;color:#8188a0;font-size:11px;letter-spacing:.15em;font-weight:700}.hx-bot b{color:var(--c2);font-size:16px;margin-left:7px}
/* live-strip */
.ls{display:flex;align-items:center;gap:20px;margin:0 20px;padding:14px 18px;border:1px solid #252b3e;background:#111524;border-radius:14px;min-width:0}
.ls-l{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:800;letter-spacing:.12em;white-space:nowrap}.ls-l i{width:8px;height:8px;border-radius:50%;background:#65f6a4;box-shadow:0 0 12px #65f6a4aa;animation:pulse 1.4s infinite}@keyframes pulse{50%{opacity:.4;transform:scale(.75)}}
.tkw{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 96%,transparent)}
.tk{display:flex}.tk .tkr{display:flex;flex:none;gap:10px;padding-right:10px}.tk.run{width:max-content;animation:tkm var(--dur,40s) linear infinite}.tkw:hover .tk.run{animation-play-state:paused}@keyframes tkm{to{transform:translateX(-50%)}}
.tkn{color:var(--mut);font-size:13px;padding:6px 0;display:block}
.tki{flex:none;display:flex;align-items:center;gap:8px;width:178px;height:50px;padding:5px 10px;border-radius:10px;border:1px solid color-mix(in srgb,var(--rc) 40%,#252b40);background:linear-gradient(180deg,color-mix(in srgb,var(--rc) 16%,transparent),#171d2d);position:relative;overflow:hidden}
.tki::after{content:"";position:absolute;left:12%;right:12%;bottom:0;height:2px;background:var(--rc);box-shadow:0 0 10px var(--rc)}
.tki .skin{width:56px;flex:none}.tki b{display:block;font-size:12.5px;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:88px}.tki small{color:var(--mut);font-size:11px}
.ls-c{font-size:11px;color:#7f879d;white-space:nowrap}.ls-c i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6cf5a1;margin-right:6px}
/* секции */
.sx{padding:84px 20px 0}.sx-h{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:26px;flex-wrap:wrap}.sx-h .eyebrow{margin-bottom:12px}.sx-h h2{font-size:clamp(38px,5.4vw,66px);line-height:.95;text-transform:uppercase;margin:0}
.sx-link{font-size:12px;font-weight:800;letter-spacing:.1em;color:#a0a6b8;padding-bottom:6px}.sx-link span{color:var(--c2);font-size:16px;margin-left:12px}
.chips{display:flex;gap:8px;margin-bottom:22px;overflow:auto;padding-bottom:2px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{padding:11px 16px;border-radius:9px;background:#111523;border:1px solid #292f43;color:#8c94aa;font-size:13px;font-weight:700;white-space:nowrap}.chip.on,.chip:hover{color:#fff;border-color:#8150c7;background:#281b3f}
.sec{font-size:30px;text-transform:uppercase;margin:34px 0 16px}.sec::before{background:linear-gradient(180deg,var(--c2),var(--c1))}
.cases{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.case{padding:0 14px 18px;border-radius:16px;background:radial-gradient(110% 70% at 50% 0%,color-mix(in srgb,var(--cc) 26%,transparent),transparent 70%),linear-gradient(160deg,#171c2e,#101321);border:1px solid color-mix(in srgb,var(--cc) 30%,#262b40);gap:3px}
.case:hover{box-shadow:0 24px 54px color-mix(in srgb,var(--cc) 28%,transparent);border-color:var(--cc)}
.case b{font-family:var(--hf);font-size:21px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.cn{font-size:12.5px;color:#7f879e}
.case .cp{margin-top:8px;padding:8px 18px;border-radius:999px;font-weight:800;font-size:14px;color:#251c0b;background:#ffcf5d;box-shadow:none}
.case.hid{display:none}
.ribbon{background:linear-gradient(90deg,#8dff7a,var(--lime));color:#1a2b04;border-radius:0}
/* апгрейд-тизер */
.feat{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;margin:84px 0 0;padding:70px 20px;background:radial-gradient(ellipse at 75% 45%,rgba(91,44,140,.28),transparent 45%),#101321;border-top:1px solid #262b3e;border-bottom:1px solid #262b3e}
.feat h2{font-size:clamp(52px,7vw,96px);line-height:.9;text-transform:uppercase;margin:20px 0}.feat p{font-size:15px;line-height:1.75;color:#9ba2b7;max-width:420px;margin-bottom:26px}
.ud{background:#0b0d15;border:1px solid #2d3349;border-radius:17px;padding:22px;box-shadow:0 25px 70px rgba(0,0,0,.35)}
.ud-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:.12em;font-weight:800;color:#8b93a9;padding-bottom:16px;border-bottom:1px solid #252b3e}.ud-top em{font-style:normal;font-size:11px;color:#66f6a5;border:1px solid #28513e;border-radius:30px;padding:5px 10px}
.ud-sl{display:grid;grid-template-columns:1fr 34px 1fr;gap:10px;align-items:center;padding:24px 0}.ud-s{background:#151a2b;border:1px solid #2b3248;border-radius:12px;padding:14px 8px;text-align:center;min-width:0}.ud-s .skin{width:100%;max-width:150px;margin:0 auto 8px;display:block}.ud-s small{display:block;font-size:11px;color:#828aa2;letter-spacing:.1em;font-weight:700}.ud-s b{display:block;font-size:13px;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ud-ar{text-align:center;color:var(--c2);font-size:26px}
.ud-r{display:flex;justify-content:space-between;font-size:13px;color:#a4abc0}.ud-r b{color:#c69cff;font-size:17px}.ud-tr{height:6px;border-radius:6px;background:#292e41;margin:12px 0 8px;overflow:hidden}.ud-tr i{display:block;height:100%;width:64%;background:linear-gradient(90deg,#7540c4,#c66aff);transition:width .2s}
.ud input[type=range]{width:100%;accent-color:#a45cff}.ud .btn{width:100%;margin-top:16px}.ud-n{font-size:11.5px;line-height:1.6;color:#717991;text-align:center;margin:12px 0 0}
/* режимы */
.modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.mode-card{position:relative;display:block;min-height:250px;padding:24px;border:1px solid #292f43;border-radius:14px;background:linear-gradient(145deg,#191e30,#101321);overflow:hidden;transition:transform .3s,border-color .3s}
.mode-card::after{content:"";position:absolute;width:200px;height:200px;border-radius:50%;right:-75px;top:-85px;background:rgba(146,81,255,.12);filter:blur(5px);transition:transform .4s}.mode-card:hover{transform:translateY(-5px);border-color:#7450ad}.mode-card:hover::after{transform:scale(1.5)}
.mode-card .no{font-size:11px;letter-spacing:.14em;color:#828ba4;font-weight:700}.mode-card .mic{position:absolute;right:22px;top:36px;width:46px;height:46px;stroke-width:1.4;color:#bd8dff;filter:drop-shadow(0 0 14px rgba(156,84,255,.5))}
.mode-card h3{font-size:30px;text-transform:uppercase;margin:56px 0 10px}.mode-card p{font-size:13.5px;line-height:1.75;color:#8d95ab;max-width:290px}.mode-card .go{display:inline-block;margin-top:14px;font-size:12px;font-weight:800;letter-spacing:.08em;color:#c9a5ff}
.mode-card.soon{opacity:.85}.mode-card.soon .mi{color:#ff739f}.mode-card.soon .go{color:#8c94aa}.mode-card.ct .mi{color:#ffcf5d}
/* ранги */
.rank-banner{position:relative;overflow:hidden;margin:84px 20px 0;padding:42px 5%;border:1px solid #39304f;border-radius:17px;background:radial-gradient(ellipse at 75% 50%,rgba(157,75,255,.22),transparent 35%),linear-gradient(110deg,#171528,#101321);display:flex;align-items:center;gap:30px;flex-wrap:wrap}
.rank-banner h2{font-size:clamp(34px,4.6vw,58px);text-transform:uppercase;margin:0 0 8px}.rank-banner p{font-size:14px;line-height:1.7;color:#9ba2b7;margin:0}.rank-banner .btn{margin-left:auto;position:relative;z-index:2}
.rk-em{flex:0 0 112px;width:112px;height:112px;display:grid;place-items:center;border:1px solid rgba(161,123,255,.42);border-radius:50%;box-shadow:inset 0 0 40px rgba(162,77,255,.1),0 0 40px rgba(162,77,255,.1)}.rk-em svg{width:64px;height:64px;stroke:#c8a2ff;stroke-width:1.3;filter:drop-shadow(0 0 14px #a24dff)}
.rk-ln{position:absolute;right:-70px;top:-170px;width:420px;height:420px;border:1px solid rgba(180,138,255,.1);border-radius:50%;box-shadow:0 0 0 25px rgba(180,138,255,.02),0 0 0 50px rgba(180,138,255,.015)}
.ft{border-top:1px solid #252b3e;margin-top:80px;padding-top:26px;padding-bottom:26px;display:grid;gap:14px}.ft-t{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.ft-b{font-family:var(--hf);font-size:24px;font-weight:700}.ft-b b{color:var(--c2)}.ft nav{display:flex;gap:20px;flex-wrap:wrap}.ft nav a{font-size:13px;color:#a3aac0}.ft nav a:hover{color:#fff}.ft small{font-size:12px;line-height:1.7;color:#737b92}
/* страницы: контракты и ранги */
.ct-g{display:grid;grid-template-columns:1fr 340px;gap:18px;align-items:start}.ct-slots{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:12px 0 14px}.ct-sl{aspect-ratio:1;border:1px dashed #3a3f57;border-radius:12px;display:grid;place-items:center;background:#111523;color:#4a5068;font-family:var(--hf);font-size:22px;overflow:hidden;position:relative;cursor:pointer}.ct-sl.f{border-style:solid;border-color:var(--rc);background:linear-gradient(180deg,color-mix(in srgb,var(--rc) 20%,#111523),#111523);color:#fff}.ct-sl .skin{width:92%}
.ct-bar{height:8px;border-radius:8px;background:#292e41;overflow:hidden;margin:6px 0 12px}.ct-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--c2),var(--c1));transition:width .25s}
.ct-res{padding:16px;border:1px solid #2d3349;border-radius:14px;background:#0f1322;position:sticky;top:96px}.ct-res h3{font-family:var(--hf);text-transform:uppercase;font-size:20px;margin:0 0 6px}
.ct-pool{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.ct-win{display:grid;place-items:center;gap:10px;text-align:center;padding:10px 0}
.rk-hero{display:flex;align-items:center;gap:22px;padding:22px;border:1px solid #39304f;border-radius:16px;background:radial-gradient(ellipse at 85% 50%,rgba(157,75,255,.22),transparent 45%),linear-gradient(110deg,#171528,#101321);margin-bottom:18px;flex-wrap:wrap}.rk-hero .rk-em{flex-basis:96px;width:96px;height:96px}.rk-hero h2{font-size:40px;text-transform:uppercase;line-height:1}.rk-hero .grow{flex:1;min-width:220px}
.rk-xp{height:10px;border-radius:10px;background:#292e41;overflow:hidden;margin:12px 0 6px}.rk-xp i{display:block;height:100%;background:linear-gradient(90deg,var(--c2),var(--c1))}
.rk-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.rk-c{position:relative;padding:16px;border:1px solid #292f43;border-radius:14px;background:linear-gradient(145deg,#191e30,#101321)}.rk-c.cur{border-color:var(--c2);box-shadow:0 0 0 1px var(--c2),0 12px 36px rgba(154,84,255,.2)}.rk-c.lock{opacity:.55}.rk-c .rk-ic{width:42px;height:42px;stroke:var(--rc);stroke-width:1.4;fill:none}.rk-c h4{font-family:var(--hf);font-size:21px;text-transform:uppercase;margin:8px 0 2px}.rk-c small{color:var(--mut);font-size:12.5px}
.rk-st{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:18px}.rk-st div{padding:14px;border:1px solid #292f43;border-radius:12px;background:#111523}.rk-st b{display:block;font-family:var(--hf);font-size:26px}.rk-st small{font-size:11.5px;color:var(--mut);letter-spacing:.08em;font-weight:700}
/* фоны панелей и модалок под новую палитру */
.panel,.pn{background:var(--panel);border-color:#262b40}.modal .mb{background:#15192a;border-color:#3c3454}
@media(max-width:1050px){.nav{gap:6px;margin-left:8px}.nav a{font-size:13px}.brand .bt small{display:none}.hx-in{grid-template-columns:1fr}.hx-v{height:340px;order:-1;opacity:.9}.feat{grid-template-columns:1fr;gap:30px}.ct-g{grid-template-columns:1fr}.ct-res{position:static}}
@media(max-width:860px){.nav{display:none}.hd-in{height:62px}.modes{grid-template-columns:1fr}.mode-card{min-height:210px}.mode-card h3{margin-top:44px}}
@media(max-width:640px){.mq{height:30px}.mq-t{font-size:10px}.hx{min-height:0;padding-top:30px}.hx h1{font-size:19vw}.hx-v{height:250px}.hx-v .hf{width:130px}.hx-v .halo{width:260px;height:260px;margin:-130px}.hx-st{gap:14px}.hx-st b{font-size:22px}.hx-bot{font-size:9px}.hx-bot span:last-child{display:none}.ls{margin:0 10px;padding:10px;gap:10px}.ls-c{display:none}.tki{width:140px;height:44px}.tki .skin{width:44px}.tki b{max-width:62px;font-size:11px}.sx{padding:60px 14px 0}.feat{padding:50px 14px;margin-top:60px}.ud{padding:14px}.rank-banner{margin:60px 14px 0;padding:26px 20px}.rk-em{flex-basis:70px;width:70px;height:70px}.rk-em svg{width:40px;height:40px}.rank-banner .btn{margin-left:0}.cases{grid-template-columns:1fr 1fr;gap:10px}.case{padding:0 8px 14px}.case b{font-size:16px}.case .cp{padding:6px 12px;font-size:12.5px}.sec{font-size:24px}.brand .bt{font-size:20px}.brand img{width:32px;height:32px}.ct-slots{grid-template-columns:repeat(5,1fr);gap:5px}.home{margin:0 -20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(max-width:1050px){.hx-v{order:0}}
@media(max-width:640px){.hx h1{font-size:13.5vw}.hx-in{gap:6px}.hx-v{height:230px;margin-top:10px}.hx-v .hf{width:120px}.hx-v .hf.f0{left:2%;top:0}.hx-v .hf.f1{right:2%;top:8%}.hx-v .hf.f2{left:14%;bottom:0}.hx-v .hf.f3{right:12%;bottom:0}.hx-st{flex-wrap:wrap}.hx-b .btn{flex:1}.sx-h h2,.feat h2{overflow-wrap:anywhere}.feat h2{font-size:15vw}.chips{margin-right:-14px}}
@media(max-width:640px){.home{margin:0 -20px;width:calc(100% + 40px);overflow:hidden}}
.case .cp .okc,.case .cp b.okc{color:#064d2e}.case .cp{max-width:92%;text-align:center}

/* ===== страница пополнения: стиль NikaPay (тёмно-синий) ===== */
.payb{margin-left:2px;padding:7px 12px}a.bal{display:inline-flex;align-items:center}a.bal:hover{border-color:var(--c2)}
.np{max-width:640px;margin:0 auto;display:grid;gap:18px}
.np-card{position:relative;overflow:hidden;padding:22px;border:1px solid rgba(110,150,255,.2);border-radius:20px;background:radial-gradient(120% 70% at 85% -10%,rgba(47,123,255,.28),transparent 60%),linear-gradient(170deg,#0e1632,#070b19);box-shadow:0 24px 70px rgba(7,11,25,.6)}
.np-h{display:flex;align-items:center;gap:12px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid rgba(110,150,255,.14);flex-wrap:wrap}.np-h img{filter:drop-shadow(0 6px 18px rgba(47,123,255,.55))}.np-h b{display:block;font-family:var(--hf);font-size:26px;letter-spacing:.02em;line-height:1}.np-h small{color:#7f90bf;font-size:12.5px}
.np-t{margin-left:auto;font-size:10.5px;font-weight:800;letter-spacing:.12em;color:#3ec5ff;border:1px solid rgba(62,197,255,.35);background:rgba(62,197,255,.08);padding:6px 10px;border-radius:999px}
.np-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;border-radius:14px;background:#0a1128;border:1px solid rgba(110,150,255,.14);margin-bottom:18px}.np-tabs button{padding:11px;border-radius:10px;font-weight:700;color:#7f90bf;transition:.2s}.np-tabs button.on{color:#fff;background:linear-gradient(120deg,#2f7bff,#3ec5ff);box-shadow:0 8px 24px rgba(47,123,255,.4)}
.np-warn{padding:12px 14px;border-radius:12px;border:1px solid rgba(255,86,113,.4);background:rgba(255,86,113,.08);color:#ff9aa9;margin-bottom:14px;font-size:14px}
.np-f{display:grid;gap:10px}.np-l{font-size:13px;font-weight:700;color:#a9b8e6;margin-top:6px}.np-l .mut{font-weight:500}
.np-m{display:grid;grid-template-columns:1fr 1fr;gap:10px}.np-m button{display:grid;gap:3px;justify-items:start;padding:14px;border-radius:14px;border:1px solid rgba(110,150,255,.18);background:#0a1128;text-align:left;transition:.2s}.np-m button .ic{width:26px;height:26px;color:#3ec5ff;margin-bottom:4px}.np-m button b{font-size:15px}.np-m button small{color:#7f90bf;font-size:12px}.np-m button:hover{border-color:#2f7bff}.np-m button.on{border-color:#2f7bff;background:linear-gradient(160deg,rgba(47,123,255,.22),#0a1128);box-shadow:0 0 0 1px #2f7bff,0 12px 30px rgba(47,123,255,.25)}
.np-a{display:flex;align-items:center;border:1px solid rgba(110,150,255,.22);background:#0a1128;border-radius:14px;padding:0 16px;transition:.2s}.np-a:focus-within{border-color:#2f7bff;box-shadow:0 0 0 3px rgba(47,123,255,.2)}.np-a input{flex:1;min-width:0;background:none;border:0;outline:0;padding:15px 0;font-size:24px;font-weight:700;font-family:var(--hf);letter-spacing:.02em}.np-a span{color:#7f90bf;font-weight:700}
.np-q{display:flex;gap:8px;flex-wrap:wrap}.np-q button{padding:8px 14px;border-radius:999px;border:1px solid rgba(110,150,255,.2);background:#0a1128;color:#a9b8e6;font-weight:700;font-size:13px;transition:.2s}.np-q button:hover{border-color:#2f7bff;color:#fff}
.np-i{width:100%;padding:13px 14px;border-radius:12px;border:1px solid rgba(110,150,255,.22);background:#0a1128;outline:0;font-size:15px}.np-i:focus{border-color:#2f7bff;box-shadow:0 0 0 3px rgba(47,123,255,.2)}select.np-i option{background:#0a1128}
.np-s{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding:14px 16px;border-radius:14px;background:rgba(47,123,255,.1);border:1px dashed rgba(47,123,255,.4)}.np-s b{font-family:var(--hf);font-size:22px;color:#fff}
.np-go{background:linear-gradient(120deg,#2f7bff,#3ec5ff)!important;box-shadow:0 12px 34px rgba(47,123,255,.45)!important;width:100%;margin-top:6px}
.np-n{font-size:12.5px;line-height:1.6;color:#7f90bf;text-align:center}
.np-st{display:flex;list-style:none;gap:0;margin:0 0 18px;padding:0}.np-st li{flex:1;display:grid;justify-items:center;gap:6px;position:relative;font-size:11.5px;color:#7f90bf;text-align:center}.np-st li::before{content:"";position:absolute;top:13px;right:50%;width:100%;height:2px;background:rgba(110,150,255,.2)}.np-st li:first-child::before{display:none}.np-st li.ok::before,.np-st li.cur::before{background:#2f7bff}.np-st li.x::before{background:rgba(255,86,113,.4)}
.np-st i{position:relative;z-index:1;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#0a1128;border:2px solid rgba(110,150,255,.3);font-style:normal;font-weight:800;font-size:12px}.np-st .ok i{background:#2f7bff;border-color:#2f7bff;color:#fff}.np-st .cur i{border-color:#3ec5ff;color:#fff;box-shadow:0 0 0 4px rgba(62,197,255,.2);animation:pulse 1.6s infinite}.np-st .cur{color:#fff}.np-st .x i{border-color:#ff5671}
.np-id{text-align:center;font-size:12px;color:#7f90bf;letter-spacing:.04em;margin-bottom:12px;word-break:break-all}
.np-c{display:grid;gap:10px;justify-items:center;text-align:center;padding:10px 0 16px}.np-c h3{margin:0;font-family:var(--hf);font-size:24px;text-transform:uppercase;letter-spacing:.02em}.np-c p{margin:0;max-width:440px}
.np-sp{width:46px;height:46px;border-radius:50%;border:3px solid rgba(62,197,255,.2);border-top-color:#3ec5ff;animation:npsp 1s linear infinite}@keyframes npsp{to{transform:rotate(360deg)}}
.np-amt{text-align:center;margin-bottom:12px;color:#a9b8e6}
.np-req{display:grid;gap:8px;width:100%;text-align:left}.np-req>div{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:#0a1128;border:1px solid rgba(110,150,255,.16)}.np-req small{flex:0 0 108px;color:#7f90bf;font-size:12.5px}.np-req b{flex:1;min-width:0;word-break:break-word;font-size:15.5px}
.npcp{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:9px;border:1px solid rgba(110,150,255,.25);color:#3ec5ff;transition:.2s}.npcp:hover{background:rgba(62,197,255,.14)}
.np-tm{display:grid;grid-template-columns:auto auto;gap:4px 12px;align-items:center;justify-content:center;width:100%;padding:12px;border-radius:14px;background:rgba(47,123,255,.1)}.np-tm span{color:#a9b8e6;font-size:13px}.np-tm b{font-family:var(--hf);font-size:30px;color:#3ec5ff;letter-spacing:.04em}.np-tm i{grid-column:1/-1;height:5px;border-radius:5px;background:rgba(110,150,255,.2);overflow:hidden}.np-tm u{display:block;height:100%;background:linear-gradient(90deg,#2f7bff,#3ec5ff);transition:width 1s linear}
.np-b{display:grid;gap:10px;grid-template-columns:2fr 1fr}.np-card>.btn{margin-right:6px}
.np-ck{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#25d9a0,#3ec5ff);color:#04201a;font-size:34px;font-weight:900;box-shadow:0 0 0 8px rgba(37,217,160,.15);animation:npop .5s var(--ease)}@keyframes npop{from{transform:scale(.3);opacity:0}}.np-c.bad .np-ck{background:linear-gradient(135deg,#ff5671,#ff8a9b);color:#2a0008;box-shadow:0 0 0 8px rgba(255,86,113,.15)}
.np-hist{padding:18px;border:1px solid var(--bd);border-radius:18px;background:var(--panel)}.np-hist h3{margin:0 0 10px}.np-hr{display:grid;grid-template-columns:1fr auto auto;gap:2px 12px;width:100%;text-align:left;padding:11px 12px;border-radius:12px;transition:.2s}.np-hr:hover{background:rgba(255,255,255,.04)}.np-hr b{text-align:right}.np-hr em{font-style:normal;font-size:12px;color:#7f90bf;text-align:right}.np-hr small{grid-column:1/-1;color:#7f90bf;font-size:11.5px}.np-hr.done em{color:#25d9a0}.np-hr.canceled em,.np-hr.expired em{color:#ff8a9b}
@media(max-width:640px){.np-card{padding:16px;border-radius:16px}.np-t{margin-left:0}.np-req small{flex-basis:84px}.np-b{grid-template-columns:1fr}.payb{display:none}.np-st li{font-size:10.5px}}

/* ===== Кошелёк КАБЛУЧАРЫ (окно пополнения) ===== */
.modal.wl .mb{position:relative;width:min(440px,calc(100% - 20px));max-height:calc(100dvh - 24px);overflow:auto;padding:22px 18px 18px;border-radius:26px;border:1px solid rgba(255,255,255,.1);background:radial-gradient(120% 55% at 50% -8%,rgba(154,84,255,.3),transparent 70%),linear-gradient(180deg,#17141f,#0e0c14);box-shadow:0 40px 100px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.06);scrollbar-width:thin}
.modal.wl .mx{position:absolute;right:14px;top:14px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.08);color:#cfc7e6;font-size:22px;line-height:1;z-index:2}.modal.wl .mx:hover{background:rgba(255,255,255,.16)}
.wl-h{display:flex;align-items:center;gap:12px;margin:0 38px 16px 0}.wl-h h2{margin:0;font-family:var(--hf);font-size:26px;text-transform:uppercase;letter-spacing:.02em;line-height:1}.wl-h small{color:#9b93b3;font-size:13px}.wl-h small b{color:#ffcf5d}
.wl-ic,.wl-i{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:14px;background:rgba(154,84,255,.16);border:1px solid rgba(154,84,255,.35);color:#c9a5ff}.wl-i .ic,.wl-ic .ic{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.wl-i.big{width:50px;height:50px}
.wl-t{margin:16px 2px 8px;font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#8d84a8}
.wl-l{display:grid;gap:8px}
.wl-r{position:relative;display:flex;align-items:center;gap:14px;width:100%;padding:14px;border-radius:18px;text-align:left;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);transition:transform .2s var(--ease),background .2s,border-color .2s}
.wl-r b{display:block;font-size:17px;font-weight:800}.wl-r small{display:block;color:#9b93b3;font-size:12.5px;margin-top:2px}.wl-r>span:nth-child(2){flex:1;min-width:0}.wl-r>i{font-style:normal;font-size:26px;color:#7e7596;transition:transform .2s}
.wl-r:hover:not(.off){background:rgba(154,84,255,.14);border-color:rgba(154,84,255,.5);transform:translateY(-2px)}.wl-r:hover:not(.off)>i{transform:translateX(4px);color:#fff}
.wl-r.off{opacity:.55;cursor:not-allowed}.wl-r.off .wl-i{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);color:#7e7596}.wl-r.off small{color:#ff8fa3}
.wl-x{font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:5px 9px;border-radius:999px;color:#ff8fa3;border:1px solid rgba(255,143,163,.4);background:rgba(255,86,113,.08);white-space:nowrap}
.wl-hist{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin-top:18px;padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);font-size:13px;font-weight:800;letter-spacing:.1em;color:#cfc7e6;transition:.2s}.wl-hist:hover{background:rgba(255,255,255,.09)}.wl-hist .ic{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.wl-n{margin:14px 4px 0;text-align:center;font-size:12px;line-height:1.6;color:#7e7596}.wl-n b{color:#4b9dff}
.wl-warn{margin:0 0 12px;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,86,113,.4);background:rgba(255,86,113,.08);color:#ff9aa9;font-size:13.5px}
.wl-bk0{margin:-4px 0 12px;padding:6px 10px 6px 4px;border-radius:10px;color:#9b93b3;font-weight:700;font-size:14px}.wl-bk0:hover{color:#fff}
.wl-bks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:244px;overflow:auto;padding:2px;scrollbar-width:thin}
.wl-bk{position:relative;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);text-align:left;font-weight:700;font-size:13.5px;min-width:0;transition:.2s}
.wl-bk i{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:9px;font-style:normal;font-weight:900;font-family:var(--hf);font-size:16px}.wl-bk span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wl-bk em{position:absolute;right:-1px;top:-8px;font-style:normal;font-size:9.5px;font-weight:900;letter-spacing:.06em;padding:3px 7px;border-radius:7px;background:linear-gradient(120deg,#25d9a0,#bdff52);color:#05281b}
.wl-bk:hover{border-color:rgba(154,84,255,.55)}.wl-bk.on{border-color:#9a54ff;background:linear-gradient(160deg,rgba(154,84,255,.25),rgba(255,255,255,.04));box-shadow:0 0 0 1px #9a54ff,0 10px 26px rgba(154,84,255,.3)}
.wl-a{display:flex;align-items:center;padding:0 16px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);transition:.2s}.wl-a:focus-within{border-color:#9a54ff;box-shadow:0 0 0 3px rgba(154,84,255,.25)}
.wl-a input{flex:1;min-width:0;background:none;border:0;outline:0;padding:15px 0;font-family:var(--hf);font-size:26px;font-weight:600;color:#fff}.wl-a span{color:#9b93b3;font-weight:700}
.wl-q{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.wl-q button{padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#cfc7e6;font-weight:700;font-size:13px;transition:.2s}.wl-q button:hover{border-color:#9a54ff;color:#fff}
.wl-s{display:flex;justify-content:space-between;align-items:center;margin:14px 0 12px;padding:13px 16px;border-radius:14px;border:1px dashed rgba(154,84,255,.5);background:rgba(154,84,255,.08);color:#cfc7e6}.wl-s b{font-family:var(--hf);font-size:22px;color:#fff}
.wl-go{width:100%;text-transform:uppercase;letter-spacing:.06em}
.wl-w{display:grid;justify-items:center;gap:12px;text-align:center;padding:26px 6px 8px}.wl-w h2{margin:0;font-family:var(--hf);text-transform:uppercase;font-size:24px}.wl-w p{margin:0}.wl-w .btn{width:100%;margin-top:10px}
.wl-sp{width:54px;height:54px;border-radius:50%;border:3px solid rgba(255,255,255,.12);border-top-color:#a77bff;animation:npsp 1s linear infinite;margin:8px auto}
.wl-sum{font-family:var(--hf);font-size:34px;color:#fff}
@media(max-width:420px){.wl-bks{grid-template-columns:1fr}.modal.wl .mb{padding:18px 14px 14px;border-radius:22px}}
.wl-a input::-webkit-outer-spin-button,.wl-a input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.wl-a input{-moz-appearance:textfield;appearance:textfield}