: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}

/* ===== КАБЛУЧАРА v3: объёмный кейс (3 слоя: задник · скины · фронт) ===== */
.cz{aspect-ratio:320/300;display:block;overflow:visible;isolation:isolate}
.cz>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transition:transform .55s var(--ease)}
.cz-b{z-index:1}.cz-f{z-index:3;filter:drop-shadow(0 10px 14px rgba(0,0,0,.45))}
.cz .cz-g{z-index:0;bottom:2%;width:110%;opacity:.8}
.cz .cz-i{z-index:2;inset:0}
.cz .cz-i .sk{width:50%;bottom:36%;left:50%;margin-left:-24%;filter:drop-shadow(0 6px 10px rgba(0,0,0,.6)) drop-shadow(0 0 14px color-mix(in srgb,var(--cc) 60%,transparent))}
.cz .sk.s0{bottom:42%;margin-left:-25%;transform:rotate(-4deg);animation:skf 5s ease-in-out infinite;z-index:3}
.cz .sk.s1{bottom:34%;margin-left:-58%;width:42%;transform:rotate(-20deg);opacity:.92;animation:skf 6s ease-in-out -1.5s infinite}
.cz .sk.s2{bottom:34%;margin-left:14%;width:42%;transform:rotate(20deg);opacity:.92;animation:skf 5.5s ease-in-out -3s infinite}
.tw{transform-box:fill-box;transform-origin:center;animation:twk 3s ease-in-out infinite;opacity:.0}
@keyframes twk{0%,100%{opacity:0;transform:scale(.3)}50%{opacity:.95;transform:scale(1)}}
.case:hover .cz-b{transform:translateY(-2px)}
.case:hover .cz-f{transform:translateY(5px) scale(1.02)}
.case:hover .cz .sk.s0{transform:translateY(-34px) rotate(-2deg) scale(1.12)}
.case:hover .cz .sk.s1{transform:translate(-14px,-24px) rotate(-26deg) scale(1.05)}
.case:hover .cz .sk.s2{transform:translate(14px,-24px) rotate(26deg) scale(1.05)}
.cz-img .cz-pic{position:relative;z-index:2;width:100%;height:100%;object-fit:contain}
.case .cz{margin:-18px -10px 0;width:calc(100% + 20px)}
.cz .cz-i .sk{width:44%;margin-left:-22%}
.cz .sk.s0{bottom:47%;margin-left:-23%;width:46%;transform:rotate(-5deg)}
.cz .sk.s1{bottom:45%;margin-left:-47%;width:36%;transform:rotate(-24deg)}
.cz .sk.s2{bottom:45%;margin-left:11%;width:36%;transform:rotate(24deg)}
/* hero scene */
.hx-v{height:auto;min-height:440px;display:grid;place-items:center}
.hs{position:relative;width:100%;max-width:560px;aspect-ratio:1.18;margin:0 auto}
.hs-c{position:absolute;display:block}
.hs-m{left:17%;width:66%;top:8%;z-index:3;animation:hsf 6s ease-in-out infinite}
.hs-l{left:-6%;width:46%;top:38%;z-index:1;opacity:.9;filter:saturate(.9) brightness(.8);transform:rotate(-5deg)}
.hs-r{right:-6%;width:46%;top:34%;z-index:2;opacity:.95;filter:brightness(.88);transform:rotate(5deg)}
.hs-l .cz-i,.hs-r .cz-i{opacity:.85}
.hs-t{position:absolute;left:50%;bottom:-6%;transform:translateX(-50%);z-index:5;display:flex;align-items:center;gap:10px;padding:8px 16px;border-radius:12px;background:rgba(10,10,20,.88);border:1px solid color-mix(in srgb,var(--cc,#8a4dff) 60%,#fff2);backdrop-filter:blur(8px);white-space:nowrap;box-shadow:0 12px 30px rgba(0,0,0,.5)}
.hs-t b{font-family:var(--hf);letter-spacing:.06em;font-size:15px;text-transform:uppercase}.hs-t i{font-style:normal;color:#ffd24a;font-weight:800}
@keyframes hsf{50%{transform:translateY(-10px)}}

@media(max-width:1050px){.hx-v{min-height:0}.hs{max-width:420px}}
@media(max-width:640px){.hs{max-width:320px}.hs-t{padding:6px 12px}.hs-t b{font-size:12px}}
.hx-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.hx h1{font-size:clamp(46px,6.6vw,104px);line-height:.92}
.hs{max-width:620px}
.hs-m{left:12%;width:76%;top:4%}.hs-l{left:-10%;width:50%;top:34%}.hs-r{right:-10%;width:50%;top:30%}
.hs-t{bottom:0}
/* ===== апгрейдер: реактор ===== */
.up-h{padding:34px 0 22px}.up-h h1{font-size:clamp(40px,5.4vw,76px);text-transform:uppercase;line-height:.95;margin:14px 0 18px}
.up-st{display:flex;gap:10px;flex-wrap:wrap}.up-st span{display:flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border:1px solid var(--bd2);border-radius:999px;background:rgba(255,255,255,.03);font-size:13px;font-weight:600;color:#c4c9da}
.up-st b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#a24dff,#ff4fa3);color:#fff;font-family:var(--hf);font-size:14px}
.mach{position:relative;background:radial-gradient(120% 70% at 50% 0%,rgba(138,77,255,.28),transparent 60%),linear-gradient(180deg,#171a28,#0d0f19)!important;border:1px solid #3b3f58!important;border-radius:26px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 30px 60px -20px rgba(0,0,0,.7),0 0 70px -20px rgba(138,77,255,.5);text-align:center}
.mach::before,.mach::after{content:"";position:absolute;top:14px;width:9px;height:9px;border-radius:50%;background:#5a6180;box-shadow:inset 0 1px 1px #fff6}.mach::before{left:14px}.mach::after{right:14px}
.mach-top{display:flex;align-items:center;justify-content:center;gap:8px;margin:-4px 0 14px;font-family:var(--hf);letter-spacing:.22em;font-size:12px;color:#8e95b0}
.mach-top .led{width:8px;height:8px;border-radius:50%;background:#25d9a0;box-shadow:0 0 10px #25d9a0;animation:ledb 2s infinite}.mach-top .led:nth-child(2){background:#ffcf4a;box-shadow:0 0 10px #ffcf4a;animation-delay:-.7s}.mach-top .led:nth-child(3){background:#ff4fa3;box-shadow:0 0 10px #ff4fa3;animation-delay:-1.3s}
@keyframes ledb{50%{opacity:.35}}
.mach .wheel{position:relative;padding:14px;border-radius:50%;background:radial-gradient(circle,#0a0b14 58%,#2a2f47 60%,#12141f 64%,#3a4060 66%,#0c0e18 70%);box-shadow:0 0 50px rgba(138,77,255,.35),inset 0 0 30px #000;max-width:300px;margin-left:auto;margin-right:auto}
.mach .wheel::after{content:"";position:absolute;inset:6px;border-radius:50%;background:repeating-conic-gradient(#fff3 0 .6deg,transparent .6deg 6deg);-webkit-mask:radial-gradient(circle,transparent 66%,#000 67%,#000 70%,transparent 71%);mask:radial-gradient(circle,transparent 66%,#000 67%,#000 70%,transparent 71%);pointer-events:none}
.mach .wc b{font-family:var(--hf);font-size:44px}
.mach .slot{background:radial-gradient(circle at 50% 30%,rgba(138,77,255,.22),rgba(0,0,0,.35));border:1px dashed #565c80;border-radius:18px}
.mach .btn.lg{width:100%}
.up-guest{position:relative;max-width:420px;margin:0 auto 40px}.up-guest .mach{opacity:.55;filter:saturate(.6);pointer-events:none}
.up-lock{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center;background:linear-gradient(180deg,transparent,rgba(8,8,16,.7) 40%)}.up-lock h3{font-family:var(--hf);font-size:24px;text-transform:uppercase;margin:0}.up-lock p{margin:0 0 6px;color:#aab0c6;font-size:14px}
/* кейс: ровная подпись */
.case>b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em;line-height:1.25;font-size:clamp(15px,1.5vw,19px)}
.up-lock{justify-content:flex-end;padding-bottom:30px;background:linear-gradient(180deg,transparent 30%,rgba(8,8,16,.92) 75%)}.up-guest .mach{opacity:.8}
/* ===== бонусы: большие баннеры ===== */
.bgrid .bn{position:relative;overflow:hidden;min-height:260px;padding:30px 36%  30px 30px;border-radius:26px;border:1px solid color-mix(in srgb,var(--cc) 45%,#2a2d44);background:radial-gradient(90% 120% at 100% 50%,color-mix(in srgb,var(--cc) 34%,transparent),transparent 62%),linear-gradient(135deg,#171a2a,#0d0f19);justify-content:center}
.bgrid .bn.wide{padding-right:34%}
.bn .bci{width:44px;height:44px;border-radius:14px;background:color-mix(in srgb,var(--cc) 22%,#10121c);border:1px solid color-mix(in srgb,var(--cc) 55%,transparent);color:var(--cc)}
.bn h3{font-family:var(--hf);font-size:clamp(24px,2.6vw,34px);text-transform:uppercase;letter-spacing:.02em;line-height:1.05}
.bn p{max-width:420px}
.bn-a{position:absolute;right:-30px;top:50%;width:min(52%,330px);aspect-ratio:320/300;transform:translateY(-52%) rotate(-3deg);pointer-events:none;transition:transform .5s var(--ease)}
.bn-a svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.bn-a .cz-b{z-index:1}.bn-a .cz-f{z-index:3}.bn-a .cz-i{display:none}
.bn:hover .bn-a{transform:translateY(-56%) rotate(0) scale(1.05)}
@media(max-width:700px){.bgrid .bn,.bgrid .bn.wide{padding:24px 24px 150px;min-height:0}.bn-a{top:auto;bottom:-30px;right:50%;margin-right:-110px;width:220px;transform:none}.bn:hover .bn-a{transform:scale(1.04)}}
.bgrid .bn>:not(.bn-a){max-width:100%}.bgrid .bn .btn,.bgrid .bn .bcb,.bgrid .bn form{max-width:min(100%,300px)}.bgrid .bn.wide .btn,.bgrid .bn.wide form{max-width:min(100%,380px)}
.bgrid .bn .bcb{flex-wrap:wrap}
@media(max-width:700px){.bgrid .bn .btn,.bgrid .bn form,.bgrid .bn .bcb{max-width:100%}}
/* синхронизация скинов */
.sy-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:12px 0}.sy-g label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#aab0c6}.sy-g label.chk{flex-direction:row;align-items:center;gap:8px}
.sy-g select,.sy-g input[type=number]{padding:10px 12px;border-radius:10px;border:1px solid var(--bd2);background:rgba(9,6,20,.7);color:inherit}
.sy-res{max-height:240px;overflow:auto;margin:8px 0;border:1px solid var(--bd);border-radius:12px;padding:6px}.sy-r{display:flex;gap:10px;align-items:center;padding:6px 8px;border-radius:8px;cursor:pointer}.sy-r:hover{background:rgba(255,255,255,.05)}.sy-r small{margin-left:auto}
.sy-bar{height:12px;border-radius:99px;background:#1b1d2d;overflow:hidden;margin:16px 0}.sy-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#a24dff,#ff4fa3);transition:width .4s}
.sy-res .sy-r{display:flex;flex-direction:row;align-items:center;gap:10px}.sy-res .sy-r input{width:auto;flex:none;margin:0}.sy-g label.chk input{width:auto;flex:none}
.tier{margin-top:34px}.tier .sec{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.tier .sec small{font-family:Manrope,sans-serif;font-size:13px;letter-spacing:0;text-transform:none;color:#8a90a8;font-weight:500}
.tier[data-t=top] .case{border-color:color-mix(in srgb,var(--cc) 55%,#2a2d44)}
.sy-cs{margin-top:18px;padding:16px;border:1px solid var(--bd2);border-radius:16px;background:rgba(138,77,255,.08)}.sy-cs h3{margin:0 0 6px;font-family:var(--hf);text-transform:uppercase}

/* ===== v4: исправления ===== */
/* скины в кейсе: крупнее, нормальные пропорции, не «плавают» у крышки */
.cz .cz-i .sk{width:62%;margin-left:-31%;bottom:38%;filter:drop-shadow(0 8px 14px rgba(0,0,0,.65)) drop-shadow(0 0 16px color-mix(in srgb,var(--cc) 55%,transparent))}
.cz .sk .skin.pic{aspect-ratio:4/3}.cz .sk .skin{width:100%}
.cz .sk.s0{bottom:41%;margin-left:-31%;width:62%;transform:rotate(-3deg);z-index:3}
.cz .sk.s1{bottom:36%;margin-left:-62%;width:48%;transform:rotate(-14deg);opacity:1;z-index:2}
.cz .sk.s2{bottom:36%;margin-left:14%;width:48%;transform:rotate(14deg);opacity:1;z-index:2}
.case:hover .cz .sk.s0{transform:translateY(-30px) rotate(-1deg) scale(1.1)}
.case:hover .cz .sk.s1{transform:translate(-12px,-20px) rotate(-18deg) scale(1.06)}
.case:hover .cz .sk.s2{transform:translate(12px,-20px) rotate(18deg) scale(1.06)}
/* монета на жёлтой кнопке цены */
.case .cp .coin,.cp .coin{color:#6b4300;filter:none}.case .cp .coin circle{fill:rgba(107,67,0,.16)}
.btn.pri .coin{color:#ffe08a}
/* заголовок героя: диакритика «Й» не лезет на строку выше */
.hx h1{line-height:1.12;margin:18px 0 22px}.hx h1 em{display:inline-block;padding-top:.04em}
@media(max-width:640px){.hx h1{line-height:1.08}}
.item-pic,.skin.pic img{image-rendering:auto}

/* ===== v4: анимации ===== */
[data-rv]{opacity:0;transform:translateY(26px) scale(.975);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--d,0)*60ms)}
[data-rv].in{opacity:1;transform:none}
#app.pgx{animation:pgin .55s cubic-bezier(.2,.8,.2,1) both}@keyframes pgin{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
/* карточки кейсов: наклон, блик, парящий кейс */
.case{position:relative;transform-style:preserve-3d;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .4s;will-change:transform}
.case:hover{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-8px)}
.case .cz-g{translate:calc((var(--gx,.5) - .5)*40px) 0}
.case::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.14) 50%,transparent 60%);transform:translateX(-130%);transition:transform .9s}
.case:hover::after{transform:translateX(130%)}
@keyframes czb{50%{translate:0 -4px}}

.ribbon{animation:rbn 2.4s ease-in-out infinite}@keyframes rbn{50%{box-shadow:0 0 18px rgba(141,255,122,.8)}}
/* кнопки: блик, нажатие, волна */
.btn{position:relative;overflow:hidden;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .3s,background .3s,border-color .3s}
.btn:active{transform:scale(.96)}
.btn.pri::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.4) 50%,transparent 65%);transform:translateX(-130%)}
.btn.pri:hover::after{transform:translateX(130%);transition:transform .8s}.btn.pri:hover{transform:translateY(-2px);box-shadow:0 14px 34px -8px rgba(162,77,255,.7)}
.hx-b .btn.pri{animation:cta 3.2s ease-in-out infinite}@keyframes cta{50%{box-shadow:0 0 0 8px rgba(162,77,255,.14),0 14px 34px -8px rgba(162,77,255,.75)}}
.rip{position:absolute;border-radius:50%;background:rgba(255,255,255,.35);transform:scale(0);animation:rip .65s ease-out forwards;pointer-events:none}@keyframes rip{to{transform:scale(1);opacity:0}}
/* баланс */
#coins.bump{animation:bump .6s cubic-bezier(.2,1.5,.3,1)}@keyframes bump{40%{transform:scale(1.18);color:#ffe08a}}
/* hero: параллакс + плавающие искры */
.hx{--px:0;--py:0}
.hs-m{translate:calc(var(--px)*-12px) calc(var(--py)*-8px);transition:translate .25s ease-out}
.hs-l{translate:calc(var(--px)*8px) calc(var(--py)*5px);transition:translate .25s ease-out}.hs-r{translate:calc(var(--px)*14px) calc(var(--py)*6px);transition:translate .25s ease-out}
.hx::before{animation:hxg 9s ease-in-out infinite alternate}@keyframes hxg{to{transform:scale(1.12) translate(-2%,2%)}}
.hs-m{animation:hsf 6s ease-in-out infinite,hsin 1s cubic-bezier(.2,.9,.3,1) both}.hs-l{animation:hsin 1s .15s cubic-bezier(.2,.9,.3,1) both}.hs-r{animation:hsin 1s .3s cubic-bezier(.2,.9,.3,1) both}
@keyframes hsin{from{opacity:0;transform:translateY(40px) scale(.9)}}
.hx h1{animation:h1in .9s cubic-bezier(.2,.8,.2,1) both}@keyframes h1in{from{opacity:0;transform:translateY(24px);filter:blur(6px)}}
.hx .lead,.hx-b,.hx-st,.hx .eyebrow{animation:h1in .9s .15s cubic-bezier(.2,.8,.2,1) both}.hx-b{animation-delay:.3s}.hx-st{animation-delay:.45s}
.eyebrow i{animation:eyl 2.5s ease-in-out infinite}@keyframes eyl{50%{width:42px}}
/* выпадение предмета */
.res .big{animation:popin .75s cubic-bezier(.2,1.5,.3,1) both}@keyframes popin{from{opacity:0;transform:scale(.4) rotate(-8deg)}}
.res .rn{animation:h1in .6s .3s both}
.res{position:relative}.res::before{content:"";position:absolute;left:50%;top:70px;width:340px;height:340px;margin-left:-170px;border-radius:50%;z-index:-1;background:conic-gradient(from 0deg,transparent 0 6%,color-mix(in srgb,var(--rc,#8a4dff) 40%,transparent) 8%,transparent 12% 31%,color-mix(in srgb,var(--rc,#8a4dff) 30%,transparent) 34%,transparent 38% 56%,color-mix(in srgb,var(--rc,#8a4dff) 40%,transparent) 59%,transparent 63% 81%,color-mix(in srgb,var(--rc,#8a4dff) 28%,transparent) 84%,transparent 88%);-webkit-mask-image:radial-gradient(circle,#000 10%,transparent 68%);mask-image:radial-gradient(circle,#000 10%,transparent 68%);animation:crot 14s linear infinite}
.modal .mb{animation:mbin .45s cubic-bezier(.2,1.2,.3,1) both}@keyframes mbin{from{opacity:0;transform:translateY(24px) scale(.94)}}
/* тосты, чипы, меню */
.chip{transition:background .25s,transform .2s,border-color .25s}.chip:hover{transform:translateY(-2px)}.chip.on{animation:chipOn .4s cubic-bezier(.2,1.4,.3,1)}@keyframes chipOn{from{transform:scale(.9)}}
.nav a{position:relative;transition:color .25s}.mode-card{transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s}.mode-card:hover{transform:translateY(-6px)}
.bn:hover{transform:translateY(-4px)}.bn{transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.it{transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .25s}.it:hover{transform:translateY(-4px) scale(1.03)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}[data-rv]{opacity:1!important;transform:none!important}}

/* ===== v4: адаптация под телефоны ===== */
@media(max-width:1050px){.hx-in{grid-template-columns:minmax(0,1fr)!important;gap:8px}.hx-v{order:2!important;min-height:0;margin-top:6px}.hs{max-width:480px}.hx{min-height:0}}
@media(max-width:640px){
 .hx{padding:26px 16px 0}.hx h1{font-size:clamp(42px,14.2vw,66px)!important;margin:12px 0 16px}.hx .eyebrow{font-size:10px;letter-spacing:.14em}
 .hx p.lead{font-size:14.5px;line-height:1.65;max-width:none}
 .hx-b{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hx-b .btn{width:100%;min-width:0;padding-left:8px;padding-right:8px;font-size:14px;white-space:nowrap}
 .hx-st{gap:16px;margin-top:26px}.hx-st b{font-size:24px}
 .hs{max-width:360px;margin-top:6px}.hs-t{padding:6px 12px;gap:8px}.hs-t b{font-size:12px}.hs-t i{font-size:13px}
 .hx-bot{flex-direction:column;gap:6px;font-size:10px}
 .home{margin:0 -16px}.sx{padding-left:16px;padding-right:16px}
 .cases{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .case{padding:0 8px 14px}.case>b{font-size:13.5px;min-height:2.6em}.case .cn{font-size:11px}.case .cp{padding:7px 12px;font-size:13px}
 .case .cz{margin:-8px -4px 0;width:calc(100% + 8px)}
 .chips{overflow-x:auto;flex-wrap:nowrap;margin:0 -16px;padding:0 16px 6px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex:none}
 .sx-h{flex-direction:column;align-items:flex-start;gap:8px}.sec{font-size:22px}
 .tier>h2.sec small{display:block;margin-top:2px}
 .feat,.rank-banner{grid-template-columns:1fr!important;padding:22px 18px}
 .modes{grid-template-columns:1fr!important}
 .cp-h{flex-direction:column;text-align:center;padding:18px 14px}.cp-i{width:min(300px,86%)}
 .items{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .upg{grid-template-columns:1fr!important}.mach{padding:16px 12px}.up-h h1{font-size:40px}.up-st span{font-size:12px}
 .bgrid .bn{padding:22px 18px 150px}
 .ph h1{font-size:32px}
 .modal .mb{width:calc(100vw - 20px);max-width:none;max-height:92vh;overflow:auto;border-radius:20px}
 .tabbar{padding-bottom:max(6px,env(safe-area-inset-bottom))}
}
@media(max-width:380px){.hx h1{font-size:40px!important}.case>b{font-size:12.5px}.hx-st{gap:10px}}
@media(max-width:640px){.hx h1{font-size:clamp(38px,12.2vw,60px)!important;letter-spacing:-.01em}}
/* фон героя без «стенки»: растягиваем на всю ширину окна и плавно гасим */
.hx{overflow:visible;clip-path:inset(0 -100vw 0 -100vw)}
.hx::before,.hx::after{left:-50vw;right:-50vw}
.hx::before{background:radial-gradient(ellipse 38% 55% at 66% 50%,rgba(100,45,155,.42),transparent 70%),radial-gradient(ellipse 30% 40% at 78% 78%,rgba(23,89,169,.3),transparent 70%)}
.hx::after{-webkit-mask-image:linear-gradient(90deg,transparent 30%,#000 62%,transparent 96%);mask-image:linear-gradient(90deg,transparent 30%,#000 62%,transparent 96%)}
html,body{overflow-x:hidden}
.hx h1{font-size:clamp(46px,min(6.6vw,5.4vw + 0px),82px)}
@media(max-width:640px){.hx h1{font-size:clamp(38px,12.2vw,60px)!important}}

/* ===== v5: производительность, фон героя, размеры скинов ===== */
.bg i{display:none}
.cz .cz-i .sk{filter:drop-shadow(0 6px 8px rgba(0,0,0,.5))}
.case{will-change:auto;content-visibility:auto;contain-intrinsic-size:auto 400px}
.modal .mb,.res::before{will-change:auto}
/* скины внутри кейса: меньше, не выходят за границы и не закрывают надпись */
.cz .sk.s0{width:42%;margin-left:-21%;bottom:39%;transform:rotate(-3deg)}
.cz .sk.s1{width:33%;margin-left:-45%;bottom:37%;transform:rotate(-15deg)}
.cz .sk.s2{width:33%;margin-left:12%;bottom:37%;transform:rotate(15deg)}
.case:hover .cz .sk.s0{transform:translateY(-22px) rotate(-1deg) scale(1.08)}
.case:hover .cz .sk.s1{transform:translate(-8px,-14px) rotate(-19deg) scale(1.05)}
.case:hover .cz .sk.s2{transform:translate(8px,-14px) rotate(19deg) scale(1.05)}
.cz-f{z-index:3}.cz-i{overflow:visible}
/* фон героя: свечение целиком внутри блока — без резких границ сверху/снизу */
.hx::before{background:radial-gradient(closest-side at 66% 46%,rgba(100,45,155,.5),transparent),radial-gradient(closest-side at 78% 72%,rgba(23,89,169,.34),transparent)!important}
.hx::after{-webkit-mask-image:linear-gradient(90deg,transparent 30%,#000 62%,transparent 96%),linear-gradient(180deg,transparent,#000 22%,#000 62%,transparent);mask-image:linear-gradient(90deg,transparent 30%,#000 62%,transparent 96%),linear-gradient(180deg,transparent,#000 22%,#000 62%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
.hx{clip-path:none;overflow:visible}

/* ===== v6: эффекты кейсов вернулись, но оптимизированы =====
   – тяжёлые размытия нарисованы один раз (статично), движется только слой целиком (transform/opacity — на GPU)
   – анимируются только видимые карточки (.vis) и только когда страница не листается (body.scr) */
.cz>svg{will-change:transform}
.cz>svg.cz-b,.cz>svg.cz-f{filter:none}
.cz .cz-g{filter:blur(10px);width:100%;background:radial-gradient(circle,color-mix(in srgb,var(--cc) 55%,transparent),transparent 65%);will-change:transform,opacity}
.cz-sp{z-index:1;pointer-events:none}
.cz .cz-i .sk{filter:drop-shadow(0 8px 12px rgba(0,0,0,.6)) drop-shadow(0 0 14px color-mix(in srgb,var(--cc) 60%,transparent));will-change:transform}
.case.vis .cz-g,.hs .cz-g{animation:cglow 4s ease-in-out infinite}
.case.vis .cz>svg.cz-b,.hs .cz>svg.cz-b{animation:czb 6s ease-in-out infinite}
.case.vis .cz>svg.cz-f,.hs .cz>svg.cz-f{animation:czb 6s ease-in-out -.5s infinite}
.case.vis .cz-sp .spA,.hs .cz-sp .spA{animation:twk2 2.8s ease-in-out infinite}.case.vis .cz-sp .spB,.hs .cz-sp .spB{animation:twk2 2.8s ease-in-out -1.4s infinite}
.cz-sp g{transform-box:fill-box;transform-origin:center}
@keyframes twk2{0%,100%{opacity:.15}50%{opacity:1}}
.case.vis .cz .sk.s0,.hs .cz .sk.s0{animation:skf 5s ease-in-out infinite,skrot 7s ease-in-out infinite}
.case.vis .cz .sk.s1,.hs .cz .sk.s1{animation:skf 6s ease-in-out -1.5s infinite,skrot 8s ease-in-out -2s infinite}
.case.vis .cz .sk.s2,.hs .cz .sk.s2{animation:skf 5.5s ease-in-out -3s infinite,skrot 9s ease-in-out -4s infinite}
.case.vis .cz .sk .skin,.hs .cz .sk .skin{animation:skp 3.6s ease-in-out infinite}
@keyframes skrot{50%{rotate:3deg}}
@keyframes skp{50%{scale:1.05}}
.case.vis .ribbon{animation:rbn 2.4s ease-in-out infinite}
body.scr .case .cz *,body.scr .case .cz,body.scr .hs *,body.scr .case .ribbon{animation-play-state:paused!important}

/* ===== v7: премиальная рулетка + рейкбэк ===== */
.rc{width:156px}.rc:before{display:none}
.rc{--rcw:156px}.rc .spot{position:absolute;inset:8px 8px;border-radius:16px;background:radial-gradient(ellipse 70% 60% at 50% 0%,color-mix(in srgb,var(--rc) 70%,#fff 0%),transparent 72%),linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);opacity:.9}
.rc .skin{position:relative;width:120px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}.rc b{position:relative;font-size:12px;font-weight:700;color:#fff;max-width:132px;text-align:center;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.rc small{position:relative;font-size:10.5px;color:#8f9ac0;margin-top:-4px}
.roul{height:210px;border-radius:24px;background:linear-gradient(180deg,rgba(60,40,110,.35),rgba(10,10,20,.6));box-shadow:inset 0 0 60px rgba(0,0,0,.5)}
.vr{position:relative;display:grid;grid-template-columns:repeat(var(--n,5),1fr);gap:10px;padding:14px;margin-bottom:18px;border-radius:28px;border:1px solid var(--bd2);background:linear-gradient(180deg,rgba(60,40,110,.3),rgba(8,8,16,.7));box-shadow:inset 0 0 70px rgba(0,0,0,.55),0 20px 60px rgba(0,0,0,.4)}
.vcol{position:relative;height:468px;overflow:hidden;border-radius:18px;background:rgba(0,0,0,.28);-webkit-mask-image:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent);transition:box-shadow .4s}
.vstrip{will-change:transform}.vcol .rc{width:100%;height:156px;display:flex}.vcol .rc .skin{width:min(120px,76%)}
.vmark{position:absolute;left:8px;right:8px;top:50%;height:156px;margin-top:-78px;border:2px solid rgba(255,201,58,.7);border-radius:18px;box-shadow:0 0 28px rgba(255,201,58,.35),inset 0 0 24px rgba(255,201,58,.12);pointer-events:none;z-index:3}
.vcol .rc{transition:opacity .5s,filter .5s}.vcol.done .rc{opacity:.4;filter:saturate(.5)}.vcol.stop{box-shadow:0 0 0 2px rgba(255,201,58,.5)}
.vr[data-n="2"]{max-width:560px;margin-inline:auto}.vr[data-n="3"]{max-width:820px;margin-inline:auto}.vr[data-n="4"]{max-width:1040px;margin-inline:auto}
@media(max-width:720px){.vr{gap:5px;padding:8px;border-radius:20px}.vcol{height:360px;border-radius:12px}.vcol .rc{height:120px}.vmark{height:120px;margin-top:-60px;left:4px;right:4px;border-radius:12px}.vcol .rc b{font-size:9.5px;max-width:100%}.vcol .rc small{font-size:8.5px}.vcol .rc .spot{inset:4px 3px;border-radius:10px}.vr[data-n="5"] .rc small{display:none}.rc{width:140px}.roul{height:180px}}
.rbk{min-height:230px}.rbk .bn-a.rbc{right:2%;width:min(36%,260px);aspect-ratio:1;transform:translateY(-50%)}.rbk:hover .bn-a.rbc{transform:translateY(-52%) scale(1.04)}.rbk .bn-a svg{width:100%;height:100%}
.rbch{animation:rbf 4s ease-in-out infinite}@keyframes rbf{50%{transform:translateY(-6px)}}
.rbk h3 .mut{color:rgba(255,255,255,.35)}
.rbp{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;padding:12px 14px;border-radius:18px;background:rgba(255,63,142,.1);border:1px solid rgba(255,63,142,.3);max-width:430px}.rbp small{display:block;font-size:12px;color:#c7a0b4}.rbp b{font-size:20px}.rbp .btn{min-width:130px}
.rbn{margin-top:10px;font-size:12.5px;text-align:center;max-width:430px}
@media(max-width:720px){.rbk .bn-a.rbc{opacity:.35;width:50%}.rbp{flex-wrap:wrap}}
.rc .skin{width:104px;margin-bottom:2px}.vcol .rc .skin{width:min(104px,72%)}.rc{gap:3px}.rc b{margin-top:0}
@media(max-width:720px){.vcol .rc .skin{width:min(70px,86%)}}

/* ===== v8: ранги, скины внутри кейсов, кнопки, рулетка ===== */
/* скины строго внутри корпуса и не вылезают за боковые стенки */
.cz .cz-i{clip-path:inset(-70% 15% 0 17%)}
.cz .sk.s0{width:40%;margin-left:-20%;bottom:47%;transform:rotate(-2deg)}
.cz .sk.s1{width:30%;margin-left:-30%;bottom:46%;transform:rotate(-9deg)}
.cz .sk.s2{width:30%;margin-left:0;bottom:46%;transform:rotate(9deg)}
.case:hover .cz .sk.s0{transform:translateY(-14px) rotate(0) scale(1.05)}
.case:hover .cz .sk.s1{transform:translate(-3px,-8px) rotate(-11deg) scale(1.03)}
.case:hover .cz .sk.s2{transform:translate(3px,-8px) rotate(11deg) scale(1.03)}
/* кнопки: без «наезда» и выхода за границы */
.chip.on{animation:none}.chip{flex:none;transform:none!important;transition:background .25s,border-color .25s,color .25s}
.chips{flex-wrap:wrap;overflow:visible;margin-inline:0;padding-inline:0}
.nsel{display:flex;flex-wrap:wrap;gap:8px;max-width:100%}.btn{max-width:100%;box-sizing:border-box}
@media(max-width:720px){.chips{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px 16px;padding:0 16px 6px}}
/* ранги */
.rkh{position:relative;display:flex;align-items:center;gap:30px;padding:30px 34px;margin-bottom:16px;border-radius:28px;border:1px solid color-mix(in srgb,var(--rc) 45%,#2a2d44);background:radial-gradient(70% 140% at 12% 50%,color-mix(in srgb,var(--rc) 24%,transparent),transparent 70%),linear-gradient(180deg,#141728,#0c0e19);overflow:hidden}
.rkh:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.02) 0 2px,transparent 2px 14px);pointer-events:none}
.rkh-e{flex:none;width:150px;filter:drop-shadow(0 0 28px color-mix(in srgb,var(--rc) 65%,transparent));position:relative;z-index:1}.rkem{display:block;width:100%;height:auto;overflow:visible}
.rkh-t{position:relative;z-index:1;flex:1;min-width:0}.rkh-t small{letter-spacing:.2em;font-size:11px;color:var(--mut)}.rkh-t h2{font-family:var(--hf);font-size:clamp(34px,5vw,56px);text-transform:uppercase;color:var(--rc);line-height:1;margin:4px 0 14px;text-shadow:0 0 30px color-mix(in srgb,var(--rc) 50%,transparent)}
.rkh-bar{height:12px;border-radius:12px;background:#1d2236;overflow:hidden;border:1px solid rgba(255,255,255,.06)}.rkh-bar i{display:block;height:100%;border-radius:12px;background:linear-gradient(90deg,color-mix(in srgb,var(--rc) 60%,#000),var(--rc));box-shadow:0 0 18px var(--rc);transition:width 1s var(--ease,ease)}
.rkh-x{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:8px;font-size:13px;color:var(--mut)}.rkh-x b{color:#fff}
.rkh-a{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.rkg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:6px}
.rkc{position:relative;padding:34px 16px 18px;border-radius:22px;border:1px solid #262a40;background:linear-gradient(180deg,color-mix(in srgb,var(--rc) 14%,#141728),#0d0f1b 70%);display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .3s,border-color .3s;overflow:hidden}
.rkc:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--rc) 55%,#262a40)}
.rkc.cur{border-color:var(--rc);box-shadow:0 0 0 1px var(--rc),0 14px 44px color-mix(in srgb,var(--rc) 28%,transparent)}
.rkc.lock .rkc-e{filter:grayscale(.75) brightness(.7)}
.rkc-x{position:absolute;top:10px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:5px;padding:4px 11px;border-radius:999px;background:rgba(10,12,22,.85);border:1px solid rgba(255,255,255,.1);font-size:11.5px;font-weight:700;white-space:nowrap}.rkc-x svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.rkc.lock .rkc-x{color:#8c94aa}.rkc.got .rkc-x,.rkc.cur .rkc-x{color:var(--rc)}
.rkc-e{width:112px;margin:6px 0 4px;filter:drop-shadow(0 8px 18px color-mix(in srgb,var(--rc) 40%,transparent))}
.rkc h4{font-family:var(--hf);font-size:24px;text-transform:uppercase;color:var(--rc);letter-spacing:.02em;margin-bottom:12px}
.rkc-s{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%;margin-bottom:12px}.rkc-s div{padding:8px 4px;border-radius:12px;background:rgba(255,255,255,.04)}.rkc-s small{display:block;font-size:10.5px;color:var(--mut)}.rkc-s b{font-size:16px;display:inline-flex;align-items:center;gap:4px;justify-content:center}
.rkcoin{display:inline-block;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe9a0,#e9a516);box-shadow:inset 0 0 0 2px rgba(120,70,0,.5)}
.rkc ul{list-style:none;width:100%;display:flex;flex-direction:column;gap:6px;font-size:12.5px;text-align:left}.rkc li{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.04)}.rkc li svg{flex:none;width:16px;height:16px;padding:2px;border-radius:50%;background:var(--rc);fill:none;stroke:#0b0d18;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.rkc li.n{color:#7a8299}.rkc li.n svg{background:#2a2f45;stroke:#6a728c}
@media(max-width:1100px){.rkg{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.rkg{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rkh{flex-direction:column;text-align:center;padding:24px 18px}.rkh-e{width:120px}.rkh-x{justify-content:center}.rkh-a{justify-content:center}.rkc{padding:32px 10px 14px}.rkc-e{width:92px}.rkc h4{font-size:19px}.rkc ul{font-size:11.5px}.rkc-s b{font-size:14px}}
@media(max-width:420px){.rkg{grid-template-columns:1fr}}

.case .cp{white-space:nowrap}.case .cp .okc{font-size:inherit}

/* ===== v9: меню-кнопки и верхняя панель (онлайн + лента дропа) ===== */
.mq{display:none}
.nav{display:flex;align-items:center;gap:6px;margin-left:20px}
.nav a{display:flex;align-items:center;gap:9px;padding:6px 14px 6px 7px;border-radius:14px;border:1px solid transparent;background:none;color:#9aa3bd;font-size:14px;font-weight:700;letter-spacing:.01em;position:relative;white-space:nowrap;transition:color .25s,background .25s,border-color .25s,transform .25s}
.nav a::after{display:none}
.nav .ni{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#1d2236,#12162a);border:1px solid #2a3150;transition:background .25s,border-color .25s,box-shadow .25s,transform .35s cubic-bezier(.3,1.5,.4,1)}
.nav .ni svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.nav a:hover{color:#fff;background:rgba(255,255,255,.04);transform:translateY(-1px)}
.nav a:hover .ni{border-color:#5b4bd1;box-shadow:0 0 16px rgba(124,92,255,.45);transform:rotate(-6deg) scale(1.08)}
.nav a.on{color:#fff;background:linear-gradient(135deg,rgba(124,92,255,.28),rgba(255,79,163,.16));border-color:rgba(160,130,255,.45);box-shadow:0 8px 24px rgba(100,70,220,.28),inset 0 1px 0 rgba(255,255,255,.12)}
.nav a.on .ni{background:linear-gradient(145deg,#8a6bff,#d450c0);border-color:transparent;color:#fff;box-shadow:0 0 18px rgba(170,100,255,.6)}
@media(max-width:1360px){.nav a{padding:6px 10px 6px 6px;gap:7px;font-size:13px}.nav .ni{width:28px;height:28px}.nav{gap:2px;margin-left:8px}}
@media(max-width:1230px){.nav a span{display:none}.nav a{padding:5px}.nav a.on span{display:inline}.nav a.on{padding:5px 12px 5px 5px}}
.lv{position:relative;z-index:5;border-bottom:1px solid #1d2136;background:linear-gradient(180deg,rgba(18,20,36,.92),rgba(10,12,22,.6))}
.lv-in{display:flex;align-items:stretch;gap:12px;padding-top:10px;padding-bottom:10px}
.lv-l{flex:none;display:flex;flex-direction:column;gap:8px;width:118px}
.lv-on{display:flex;align-items:center;gap:10px;height:48px;padding:0 14px;border-radius:14px;background:linear-gradient(135deg,rgba(30,200,130,.22),rgba(20,120,90,.12));border:1px solid rgba(60,220,150,.45);box-shadow:0 0 22px rgba(40,200,130,.16),inset 0 1px 0 rgba(255,255,255,.08)}
.lv-on>i{flex:none;width:10px;height:10px;border-radius:50%;background:#34e39a;box-shadow:0 0 0 0 rgba(52,227,154,.7);animation:lvp 1.8s ease-out infinite}
@keyframes lvp{to{box-shadow:0 0 0 10px rgba(52,227,154,0)}}
.lv-on b{display:block;font-size:20px;line-height:1;color:#eafff5;font-variant-numeric:tabular-nums}.lv-on small{display:block;margin-top:3px;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#6fd9ab}
.lv-t{display:flex;align-items:center;justify-content:center;gap:7px;height:24px;border-radius:9px;background:rgba(255,255,255,.04);border:1px solid #232844;font-size:9.5px;font-weight:800;letter-spacing:.16em;color:#8d96b6}.lv-t i{width:6px;height:6px;border-radius:2px;background:#ff4fa3;box-shadow:0 0 8px #ff4fa3;transform:rotate(45deg)}
.lv-w{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 94%,transparent);mask-image:linear-gradient(90deg,#000 94%,transparent)}
.lv-r{display:flex;gap:10px;height:82px;width:max-content}
.lvc{flex:none;position:relative;display:flex;align-items:center;gap:8px;width:176px;height:82px;padding:6px 10px;border-radius:14px;border:1px solid color-mix(in srgb,var(--rc) 38%,#252a42);background:radial-gradient(ellipse 80% 90% at 30% 0%,color-mix(in srgb,var(--rc) 38%,transparent),transparent 70%),linear-gradient(180deg,#171b30,#0e1120);overflow:hidden}
.lvc::after{content:"";position:absolute;left:14%;right:14%;bottom:0;height:2px;border-radius:2px;background:var(--rc);box-shadow:0 0 12px var(--rc)}
.lvc .skin{flex:none;width:68px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.55))}
.lvc div{min-width:0}.lvc b{display:block;font-size:12.5px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:88px}.lvc small{display:block;margin-top:2px;font-size:10.5px;color:#7f89aa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:88px}
.lvc.new{animation:lvIn .7s cubic-bezier(.2,.9,.3,1)}
@keyframes lvIn{from{margin-left:-186px;opacity:0}60%{opacity:1}}
@media(max-width:860px){.lv-in{padding-top:8px;padding-bottom:8px;gap:8px}.lv-l{width:92px;gap:6px}.lv-on{height:42px;padding:0 10px;gap:8px}.lv-on b{font-size:17px}.lv-on small{font-size:9px}.lv-t{height:22px;font-size:8.5px}.lv-r,.lvc{height:70px}.lvc{width:150px;padding:5px 8px}.lvc .skin{width:56px}.lvc b,.lvc small{max-width:70px}}
@media(max-width:860px){.nav{display:none}.lv-t{display:none}.lv-l{width:88px}}

/* ===== v10: вход, профиль, настройки, история, рефералы, поддержка ===== */
.okc{color:var(--ok)}em.adm{font-style:normal;font-size:11px;font-weight:700;padding:3px 8px;border-radius:20px;background:#3a3158;color:#fff;margin-left:8px;vertical-align:middle}
.avatar.md{width:64px;height:64px;font-size:26px}.avatar.lg{width:84px;height:84px;font-size:34px;border:3px solid #15192a}
.nb{font-style:normal;font-size:11px;font-weight:700;background:var(--c1);color:#fff;border-radius:20px;padding:2px 8px;margin-left:8px}
.avbtn{position:relative}.avdot{position:absolute;top:-1px;right:-1px;width:11px;height:11px;border-radius:50%;background:var(--c1);border:2px solid var(--bg)}
.umenu a .mi,.umenu a i.mi{display:inline-grid;place-items:center;width:20px;height:20px;margin-right:10px;font-style:normal}.mi svg{width:18px;height:18px}.umenu a.red{color:#ff7a88}
/* auth */
.modal.auth .mb{max-width:430px;text-align:center}.modal.auth h2{margin-bottom:6px}.ctr{text-align:center}
.aw{display:grid;gap:10px;margin:20px 0 8px}.ab{display:flex;align-items:center;justify-content:center;gap:10px;height:54px;border-radius:14px;font-weight:700;font-size:15px;color:#fff;border:1px solid transparent;transition:transform .2s,filter .2s,box-shadow .2s}
.ab:hover{transform:translateY(-2px);filter:brightness(1.1)}.ab i{display:grid;place-items:center}.ab svg{width:22px;height:22px}
.ab.sb{background:linear-gradient(120deg,#1b2a49,#2b4b7c);border-color:#35609c}.ab.tg{background:linear-gradient(120deg,#1c8fd0,#2aabee)}.ab.gg{background:#fff;color:#2b2f3d}
.ab2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ab.off{opacity:.45;filter:grayscale(.6)}
.refn{margin:12px 0 0;padding:9px 12px;border-radius:10px;background:rgba(189,255,82,.08);border:1px solid rgba(189,255,82,.25);font-size:13px}
.tgw{display:grid;gap:12px;justify-items:center;padding:10px 0}.tgw p{margin:0}.spn{width:38px;height:38px;border-radius:50%;border:3px solid var(--bd2);border-top-color:var(--c1);animation:spn 1s linear infinite}@keyframes spn{to{transform:rotate(360deg)}}
.mut.sm{font-size:12px}
/* profile */
.pfw{margin-bottom:22px}.pf-bn{position:relative;border-radius:20px;min-height:250px;background-size:cover;background-position:center;overflow:hidden;display:flex;align-items:flex-end;padding:18px;border:1px solid var(--bd)}
.pf-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,10,20,.1),rgba(8,10,20,.85))}
.pf-card{position:relative;width:100%;display:grid;gap:14px}.pf-top{display:flex;gap:16px;align-items:center}.pf-id{flex:1;min-width:0}
.pf-nm{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pf-nm b{font-size:26px;font-family:var(--hf);letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis}
.pf-idc{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;background:rgba(255,255,255,.12);color:#dfe3f5;font-size:13px;font-weight:600}.pf-idc svg{width:14px;height:14px}.pf-idc:hover{background:rgba(255,255,255,.2)}
.pf-st{display:flex;gap:22px;margin-top:8px;flex-wrap:wrap}.pf-st small{display:block;color:#b6bdd6;font-size:12px}.pf-st b{font-size:18px}
.pf-xp{position:relative;display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:12px 70px 12px 14px;border-radius:14px;background:rgba(10,12,24,.65);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.1);color:#fff}
.pf-xl{font-size:13px;color:#cfd4ea}.pf-xl b{color:#fff}.pf-xr{font-weight:800;color:var(--rc)}.pf-bar{grid-column:1/-1;height:7px;border-radius:7px;background:rgba(255,255,255,.12);overflow:hidden}.pf-bar i{display:block;height:100%;border-radius:7px;background:linear-gradient(90deg,var(--rc),#fff)}
.pf-em{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:46px;height:46px}.pf-em svg{width:100%;height:100%}
.pf-act{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.pf-b{display:flex;align-items:center;justify-content:center;gap:9px;height:50px;border-radius:14px;background:var(--panel);border:1px solid var(--bd);font-weight:700;color:#fff;transition:.2s}
.pf-b:hover{border-color:var(--c2);background:var(--panel2);transform:translateY(-2px)}.pf-b svg{width:20px;height:20px;color:var(--c1)}
.pf-h{margin:26px 0 12px;font-family:var(--hf);font-size:20px;letter-spacing:.5px}
.pf-best{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pf-bc{position:relative;padding:12px;border-radius:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--rc) 16%,var(--panel)),var(--panel));border:1px solid color-mix(in srgb,var(--rc) 45%,#262b40);text-align:center;overflow:hidden}
.pf-bi{height:84px;display:grid;place-items:center}.pf-bi svg{max-width:100%;max-height:84px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}.pf-bc small{display:block;color:var(--mut);font-size:12px;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-bc b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-bp{display:inline-flex;gap:5px;align-items:center;margin-top:6px;font-weight:700;color:var(--gold)}
.pf-be{grid-column:1/-1;padding:22px;text-align:center;color:var(--mut);border:1px dashed var(--bd2);border-radius:14px}
.pf-tabs,.rf-tabs{display:flex;gap:6px;padding:5px;margin:26px 0 16px;border:1px solid var(--bd);border-radius:14px;background:var(--panel);overflow-x:auto}.rf-tabs{margin-top:10px}
.pf-tabs button,.rf-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 14px;border-radius:10px;color:var(--mut);font-weight:700;white-space:nowrap}
.pf-tabs button svg,.rf-tabs button svg{width:18px;height:18px}.pf-tabs button.on,.rf-tabs button.on{background:linear-gradient(120deg,#a05cff,#7343d2);color:#fff}
/* settings modal */
.modal.setm .mb{max-width:460px;padding:0;overflow:hidden;text-align:left}.sth{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px;border-bottom:1px solid var(--bd)}.sth h3{margin:0;flex:1;text-align:center;font-size:17px}
.mbk,.mx2{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#cfd4ea;background:rgba(255,255,255,.07);font-size:22px}.mbk svg{width:18px;height:18px}.sth>span{width:34px}
.stb{padding:18px;display:grid;gap:14px;max-height:75vh;overflow-y:auto}
.st-u{display:flex;flex-direction:column;align-items:center;gap:6px}.st-u b{font-size:20px}.st-l{display:grid;gap:8px}
.st-r{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--panel);border:1px solid var(--bd);color:#fff;text-align:left;transition:.2s}.st-r:hover{border-color:var(--c2);background:var(--panel2)}
.st-r i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(160,92,255,.15);color:#c9a6ff}.st-r i svg{width:18px;height:18px}.st-r b{flex:1;font-size:15px}.st-r small{color:var(--mut);font-size:12px;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st-r em{display:grid;color:var(--mut)}.st-r em svg{width:16px;height:16px}
.st-out{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;border-radius:14px;border:1px solid rgba(255,93,108,.45);color:var(--bad);font-weight:800;letter-spacing:.5px}.st-out:hover{background:rgba(255,93,108,.1)}.st-out svg{width:18px;height:18px}
.st-in{width:100%;padding:13px 14px;border-radius:12px;border:1px solid var(--bd2);background:#0f1220;color:#fff;font:inherit}.st-in:focus{outline:0;border-color:var(--c2)}.st-in.ta{resize:vertical;min-height:90px}.st-lb{font-weight:700;font-size:14px}
.st-warn{display:grid;gap:4px;padding:12px 14px;border-radius:12px;background:rgba(255,200,58,.08);border:1px solid rgba(255,200,58,.35);font-size:13px}.st-warn b{color:var(--gold)}
.st-pv.a{display:grid;place-items:center;padding:10px}.st-pv.b{height:110px;border-radius:14px;background-size:cover;background-position:center;border:1px solid var(--bd)}
.st-bt,.sp-bt{display:flex;gap:10px;flex-wrap:wrap}.st-bt .btn,.sp-bt .btn{flex:1}.btn.lg{height:50px;font-size:15px;letter-spacing:.4px}.btn.ghost{background:transparent}
.sw12{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.sw12.bn{grid-template-columns:repeat(4,1fr)}.swt{aspect-ratio:1;border-radius:12px;border:2px solid transparent}.sw12.bn .swt{aspect-ratio:3/1}.swt.on{border-color:#fff;box-shadow:0 0 0 2px var(--c2)}
.err{color:var(--bad);font-size:13px;min-height:0}.err:empty{display:none}
.sess{display:grid;gap:10px}.ss{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;border:1px solid var(--bd);background:var(--panel)}.ss.cur{border-color:var(--c2)}.ss>i{display:grid;color:var(--c3)}.ss>i svg{width:22px;height:22px}.ss>div{flex:1;min-width:0}.ss small{display:block;color:var(--mut);font-size:12px}
/* history */
.hs-l{display:grid;gap:8px}.hs-d{margin:14px 0 4px;font-size:13px;color:var(--mut);text-transform:uppercase;letter-spacing:1px}.hs-m{margin-top:14px;text-align:center}
.hs-r{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:14px;background:var(--panel);border:1px solid var(--bd)}
.hs-i{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;flex:none;background:rgba(255,255,255,.06);color:#cfd4ea}.hs-i svg{width:20px;height:20px}
.hs-i.pu{background:rgba(160,92,255,.18);color:#c9a6ff}.hs-i.gr{background:rgba(37,217,160,.16);color:var(--ok)}.hs-i.rd{background:rgba(255,93,108,.16);color:var(--bad)}.hs-i.dk{background:rgba(75,157,255,.15);color:var(--c3)}
.hs-t{flex:1;min-width:0}.hs-t b{display:block;font-size:14px}.hs-t small{color:var(--mut);font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hs-a{display:inline-flex;align-items:center;gap:5px;font-weight:800}.hs-a.p{color:var(--ok)}.hs-a.n{color:var(--bad)}.hs-a.z{color:var(--mut)}
.hs-e{display:grid;justify-items:center;gap:6px;padding:34px 10px;color:var(--mut);text-align:center}.hs-e svg{width:42px;height:42px;opacity:.6}.hs-e b{color:#fff}
/* referrals */
.rf,.sp{max-width:760px;margin:0 auto}.rf-t{font-family:var(--hf);font-size:34px;margin:6px 0 4px}
.rf-c{padding:20px;border-radius:18px;background:var(--panel);border:1px solid var(--bd);margin-top:14px}.rf-c h2{font-size:24px;margin:0 0 8px}.rf-c h3{margin:0 0 12px;font-size:17px}
.rf-hero{background:radial-gradient(120% 140% at 0 0,rgba(160,92,255,.22),transparent 60%),var(--panel)}.rf-l{display:block;margin:16px 0 6px;font-size:13px;font-weight:700;color:#cfd4ea}
.rf-f{display:flex;gap:8px}.rf-f input{flex:1;min-width:0;padding:13px 14px;border-radius:12px;border:1px solid var(--bd2);background:#0f1220;color:#fff;font:inherit}.rf-f button{width:50px;border-radius:12px;background:linear-gradient(120deg,#a05cff,#7343d2);display:grid;place-items:center;color:#fff}.rf-f button svg{width:20px;height:20px}
.rf-bal{text-align:center;display:grid;gap:8px;justify-items:center}.rf-bh{display:flex;gap:10px;justify-content:space-between;width:100%;color:var(--mut);font-size:13px}.rf-bh em{font-style:normal}
.rf-bn{display:flex;align-items:center;gap:8px;font-size:44px;font-weight:800;font-family:var(--hf);color:var(--gold)}.rkcoin.lg{width:30px;height:30px}.rf-bal .btn{width:100%;margin-top:6px}
.rf-send{width:100%;margin-top:14px;height:52px}.rf-g{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.rf-k{padding:16px;border-radius:16px;background:var(--panel);border:1px solid var(--bd)}.rf-k small{color:var(--mut);display:block}.rf-k b{font-size:24px}
.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}
/* support */
.sp-new{width:100%;margin:12px 0 4px}.sp-h{margin:24px 0 10px;font-family:var(--hf);font-size:20px}
.sp-i{border:1px solid var(--bd);border-radius:14px;background:var(--panel);margin-bottom:8px;overflow:hidden}.sp-qb{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:15px 16px;color:#fff;text-align:left;font-size:15px}.sp-qb i{font-style:normal;font-size:22px;color:var(--c1)}
.sp-a{display:none;padding:0 16px 16px;color:#cfd4ea;line-height:1.55}.sp-i.open .sp-a{display:block}.sp-i.open{border-color:var(--c2)}.sp-a p{margin:0}
.sp-t{width:100%;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;background:var(--panel);border:1px solid var(--bd);margin-bottom:8px;text-align:left;color:#fff}.sp-t:hover{border-color:var(--c2)}.sp-t>div{flex:1;min-width:0}.sp-t small{display:block;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sp-t.adm{margin-bottom:6px}.sp-s{font-size:12px;font-weight:700;padding:5px 10px;border-radius:20px;white-space:nowrap}.sp-s.wt{background:rgba(255,200,58,.14);color:var(--gold)}.sp-s.ok{background:rgba(37,217,160,.14);color:var(--ok)}.sp-s.cl{background:rgba(255,255,255,.08);color:var(--mut)}
.sp-e{padding:26px;text-align:center;color:var(--mut);border:1px dashed var(--bd2);border-radius:14px}
.sp-bk{display:flex;align-items:center;gap:12px;margin:6px 0 4px}.sp-bk h1{font-family:var(--hf);font-size:28px;margin:0}
.sp-st{color:var(--c1);font-weight:800;letter-spacing:1px}.sp-tp{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 18px}.sp-tp button{padding:10px 16px;border-radius:12px;border:1px solid var(--bd2);color:#fff;font-weight:600}.sp-tp button.on{background:linear-gradient(120deg,#a05cff,#7343d2);border-color:transparent}
.tk-h{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}.tk-m{display:grid;gap:10px;max-height:380px;overflow-y:auto;margin-bottom:14px;padding-right:4px}
.tk-b{max-width:86%;padding:10px 14px;border-radius:14px;background:#0f1220;border:1px solid var(--bd)}.tk-b.u{justify-self:end;background:rgba(160,92,255,.14);border-color:rgba(160,92,255,.35)}.tk-b.a{justify-self:start}.tk-b small{display:block;color:var(--mut);font-size:11px;margin-bottom:3px}.tk-b p{margin:0;white-space:pre-wrap;word-break:break-word}
.cprow{display:flex;gap:8px;flex-wrap:wrap}.cprow input{flex:1;min-width:200px}
@media(max-width:640px){.pf-best{grid-template-columns:repeat(2,1fr)}.pf-bn{min-height:230px;padding:12px}.pf-nm b{font-size:21px}.pf-st{gap:14px}.rf-g{grid-template-columns:repeat(2,1fr)}.rf-bn{font-size:36px}.sw12{grid-template-columns:repeat(4,1fr)}.tk-b{max-width:94%}.pf-xp{padding-right:62px}.ab2{grid-template-columns:1fr}}

.pf-card .pf-act{margin-top:0}.pf-card .pf-b{background:rgba(10,12,24,.7);backdrop-filter:blur(6px);border-color:rgba(255,255,255,.14)}
.btn svg{width:18px;height:18px;flex:none}.st-pv.b{width:100%}.stb{min-width:0}
.stb>*{min-width:0;max-width:100%;box-sizing:border-box}.stb{overflow-x:hidden}.sw12{grid-template-columns:repeat(6,minmax(0,1fr))}.sw12.bn{grid-template-columns:repeat(4,minmax(0,1fr))}.st-pv.b{box-sizing:border-box}@media(max-width:640px){.sw12{grid-template-columns:repeat(4,minmax(0,1fr))}}
.swt{height:auto;width:100%}.sw12:not(.bn) .swt{border-radius:50%}.sw12.bn .swt{aspect-ratio:2.4/1}

.pf-shade{background:linear-gradient(180deg,rgba(8,10,20,0) 0%,rgba(8,10,20,.12) 38%,rgba(8,10,20,.82) 100%)}.pf-bn{min-height:300px}@media(max-width:640px){.pf-bn{min-height:270px}}

.pf-bi .skin.pic{width:100%;max-width:150px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}

.pf-bi .skin{width:min(190px,92%)}.pf-bi{height:96px}.pf-bi .skin.pic{aspect-ratio:244/82}.mi .skin,.big .skin{max-width:100%}

/* ===== v12: рефералка, Telegram ===== */
.st-ok{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:14px;background:rgba(37,217,160,.1);border:1px solid rgba(37,217,160,.35)}.st-ok i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ok);color:#052;flex:none}.st-ok svg{width:18px;height:18px}.st-ok b{display:block}.st-ok span{color:#cfd4ea;font-size:13px}
.rf-hero{display:grid;gap:0}.rf-hl h2{font-size:26px;line-height:1.15}.rf-lv{display:inline-block;margin-bottom:10px;padding:4px 12px;border-radius:20px;background:rgba(160,92,255,.2);color:#d3b8ff;font-weight:800;font-size:12px;letter-spacing:.6px;text-transform:uppercase}
.rf-bal{display:grid;gap:12px;justify-items:stretch;text-align:center;background:radial-gradient(110% 90% at 50% 0,rgba(255,200,58,.12),transparent 60%),var(--panel)}.rf-bal .rf-bn{justify-content:center}
.rf-nx{margin-top:6px;padding:14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--bd);text-align:left;display:grid;gap:10px}.rf-nh{font-size:14px}.rf-nh b{color:var(--gold)}
.rf-pg{display:grid;gap:5px;font-size:12px;color:var(--mut)}.rf-pg i{display:block;height:7px;border-radius:7px;background:rgba(255,255,255,.1);overflow:hidden}.rf-pg b{display:block;height:100%;border-radius:7px;background:linear-gradient(90deg,#a05cff,#ff4f91)}
.rf-h{margin:26px 0 8px;font-family:var(--hf);font-size:20px}.rf-sb{margin:0 0 12px;font-size:13px}
.rf-fd{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.rf-fc{padding:14px;border-radius:14px;background:linear-gradient(180deg,rgba(160,92,255,.14),var(--panel));border:1px solid var(--bd2)}.rf-fc b{display:flex;align-items:center;gap:6px;font-size:20px;color:var(--gold)}.rf-fc small{color:var(--mut);font-size:12px;display:block;margin-top:4px}
.rf-lvs{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity}.rf-l1{flex:0 0 190px;scroll-snap-align:start;padding:14px;border-radius:16px;background:var(--panel);border:1px solid var(--bd);display:grid;gap:2px}
.rf-l1.cur{background:linear-gradient(160deg,rgba(37,217,160,.28),rgba(8,60,40,.5));border-color:rgba(37,217,160,.6)}.rf-l1.lock{opacity:.8}
.rf-l1h{display:flex;justify-content:space-between;align-items:center;font-size:13px}.rf-l1h em{font-style:normal;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--ok);color:#052}.rf-l1h em.lk{background:rgba(255,255,255,.1);color:var(--mut)}.rf-l1h svg{width:13px;height:13px}
.rf-l1 b{font-size:28px;font-family:var(--hf)}.rf-l1.cur b{color:#7dffc9}.rf-l1 small{color:#cfd4ea}.rf-l1 p{margin:6px 0 0;color:var(--mut);font-size:12px;line-height:1.35}
@media(max-width:640px){.rf-fd{grid-template-columns:repeat(2,1fr)}.rf-hl h2{font-size:22px}.rf-l1{flex-basis:170px}}
/* v13: код для входа через Telegram, 2FA */
.tgcd{margin-top:10px;font-size:13px}.tgcd b{display:inline-block;margin-left:4px;padding:2px 10px;border-radius:8px;background:rgba(255,255,255,.08);color:#fff;font:700 16px/1.6 'Oswald',monospace;letter-spacing:.18em;user-select:all}
.tfa-qr{display:block;margin:12px auto;width:210px;height:210px;border-radius:12px;background:#fff;padding:8px}.tfa-sec{display:block;margin:6px 0;padding:8px 10px;border-radius:8px;background:rgba(255,255,255,.06);font:600 13px/1.4 monospace;word-break:break-all;user-select:all;text-align:center}
.tfa-code{letter-spacing:.35em;text-align:center;font:700 22px/1 'Oswald',monospace}
.isadm .nav,.isadm .lv,.isadm .tabbar,.isadm .ft,.isadm #hdr,.isadm .hd-r{display:none!important}.isadm .hd-in{justify-content:center}