/* /clans, /clans/<id>, /profile/<id>. --ca = clan/тоглогчийн өнгө. --a/--b бүү ашигла (theme @property). Анимацтай filter:blur хориотой. */
.cx{--ca:var(--lime)}
.cx-hero{position:relative;overflow:hidden;isolation:isolate;padding:clamp(96px,12vw,136px) 0 clamp(34px,5vw,56px)}
.cx-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:url(/_t/nova/img/maps/de_ancient.webp) center 30%/cover;opacity:.38}
.cx-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 90% at 85% 10%,rgba(34,211,238,.24),transparent 62%),radial-gradient(60% 80% at 8% 90%,rgba(255,45,125,.24),transparent 60%),linear-gradient(180deg,rgba(5,7,10,.5),var(--bg) 97%)}
.cx-hero h1{font:900 clamp(40px,7vw,78px)/1.02 var(--fd);letter-spacing:-.03em;margin:12px 0}
.cx-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.cx-kpi{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:22px 0 0;padding:0}
.cx-kpi li{min-width:112px;padding:10px 16px;border:1px solid var(--line2);border-radius:14px;background:rgba(11,13,16,.62);font-size:12.5px;color:var(--muted)}.cx-kpi b{display:block;font:800 22px var(--fd);color:var(--text)}
.cx-h2{display:flex;align-items:center;gap:10px;font:800 22px var(--fd);margin:0 0 14px}.cx-h2 svg{color:var(--lime)}
.cx-pod{display:grid;grid-template-columns:1fr 1.14fr 1fr;gap:14px;align-items:end;margin-bottom:32px}
.cx-pc{--mx:50%;--my:50%;position:relative;display:block;overflow:hidden;padding:18px;text-align:center;color:var(--text);text-decoration:none;border:1px solid var(--line2);border-radius:var(--r2);background:linear-gradient(180deg,rgba(5,7,10,.55),#080A0D 80%),var(--bn,none) center/cover;transition:transform .35s var(--ease)}
.cx-pc:hover{transform:translateY(-5px)}.cx-pc.p1{padding:28px 18px;border-color:#FFC23D;box-shadow:0 22px 60px -30px #FFC23D}.cx-pc.p2{border-color:#B8C2D4}.cx-pc.p3{border-color:#D08A4E}
.cx-pc .n{position:absolute;top:12px;left:16px;font:900 26px var(--fd);color:#FFC23D}.cx-pc.p2 .n{color:#B8C2D4}.cx-pc.p3 .n{color:#D08A4E}
.cx-ic{display:grid;place-items:center;overflow:hidden;width:72px;height:72px;margin:0 auto 10px;border-radius:18px;background:color-mix(in srgb,var(--ca) 22%,#0D0F12);border:2px solid var(--ca);font:900 20px var(--fd);color:var(--ca)}
.cx-ic img{width:100%;height:100%;object-fit:cover}
.cx-pc h3{font:900 21px var(--fd);margin:0}.cx-pc small{color:var(--muted)}.cx-pc .pt{display:block;margin-top:8px;font:900 22px var(--fd);color:#FFC23D}
.cx-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:16px}
.cx-q{flex:1 1 240px;display:flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:14px;background:var(--card)}.cx-q input{flex:1;min-width:0;border:0;outline:0;background:none;color:var(--text);font:500 16px var(--fb)}
.cx-chip{min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--muted);font:700 13.5px var(--fb);cursor:pointer}.cx-chip.on{background:var(--lime);border-color:var(--lime);color:#0A0A0A}
.cx-sel{min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:14px;background:#0D0F12;color:var(--text);font:600 14px var(--fb)}
.cx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(262px,1fr));gap:14px}
.cx-c{--mx:50%;--my:50%;--ry:0deg;--rx:0deg;position:relative;display:flex;flex-direction:column;overflow:hidden;color:var(--text);text-decoration:none;border:1px solid var(--line);border-radius:var(--r);background:var(--card);transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .25s var(--ease),border-color .2s}
.cx-c:hover{border-color:var(--ca)}.cx-c::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .2s;background:radial-gradient(240px circle at var(--mx) var(--my),color-mix(in srgb,var(--ca) 22%,transparent),transparent 70%)}.cx-c:hover::after{opacity:1}
.cx-cb{height:84px;background:linear-gradient(120deg,color-mix(in srgb,var(--ca) 55%,#0B0D10),#0B0D10),var(--bn,none) center/cover;background-blend-mode:normal}.cx-cb.has{background:var(--bn) center/cover}
.cx-rk{position:absolute;top:10px;left:10px;padding:2px 8px;border-radius:8px;background:rgba(0,0,0,.72);font:800 12.5px var(--fd)}.cx-rc{position:absolute;top:10px;right:10px;padding:2px 8px;border-radius:8px;background:var(--lime);color:#0a0a0a;font:800 11.5px var(--fb)}
.cx-cd{flex:1;padding:0 15px 12px}.cx-cd .cx-ic{width:54px;height:54px;margin:-28px 0 8px;position:relative;border-radius:14px;font-size:15px}
.cx-cd h3{display:flex;align-items:center;gap:6px;font:800 17.5px var(--fd);margin:0}.cx-vf{flex:none;width:17px;height:17px;color:var(--cyan)}.cx-cd h3+small{color:var(--muted);font-size:12.5px}
.cx-cd p{min-height:40px;margin:7px 0 10px;color:var(--muted);font-size:13.5px;line-height:1.45;overflow-wrap:anywhere}
.cx-rw{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.cx-rw svg{width:15px;height:15px}.cx-mt{flex:1;height:5px;border-radius:9px;background:var(--line);overflow:hidden}.cx-mt i{display:block;height:100%;width:var(--p);background:var(--ca)}
.cx-on{color:#3DDC97}.cx-on::before{content:"";display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:currentColor}
.cx-cf{display:flex;justify-content:space-between;padding:10px 15px;border-top:1px solid var(--line);font:700 13px var(--fb);color:var(--muted)}.cx-cf.j{color:var(--lime)}
.cx-empty{grid-column:1/-1;padding:44px 20px;text-align:center;color:var(--muted);border:1px dashed var(--line2);border-radius:var(--r)}
.cx-rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;list-style:none;padding:0;margin:0}.cx-rules li{padding:15px;border:1px solid var(--line);border-radius:var(--r);background:var(--card);font-size:14px;color:var(--muted)}.cx-rules b{display:block;margin-bottom:3px;font:800 15px var(--fd);color:var(--text)}
/* дэлгэрэнгүй: clan + профайл */
.cx-top{position:relative;overflow:hidden;isolation:isolate;margin-top:18px;border:1px solid color-mix(in srgb,var(--ca) 42%,transparent);border-radius:var(--r2);background:#090B0E;box-shadow:0 30px 90px -55px var(--ca)}
.cx-bn{position:relative;height:clamp(150px,22vw,240px);background:linear-gradient(120deg,color-mix(in srgb,var(--ca) 40%,#080A0D),#080A0D 72%)}.cx-bn.img{background:var(--bn) center/cover}.cx-bn canvas{position:absolute;inset:0;width:100%;height:100%}.cx-bn::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,#090B0E)}
.cx-hd{position:relative;display:flex;flex-wrap:wrap;gap:20px;align-items:flex-end;padding:0 24px 18px;margin-top:-58px}
.cx-av{flex:none;position:relative;display:grid;place-items:center;width:116px;height:116px;overflow:hidden;border-radius:26px;border:3px solid var(--ca);background:#0D0F12;box-shadow:0 0 34px -8px var(--ca);font:900 38px var(--fd);color:var(--ca)}.cx-av img{width:100%;height:100%;object-fit:cover}
.cx-nm{flex:1 1 280px;min-width:0}.cx-nm h1{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font:900 clamp(28px,4.4vw,46px)/1.06 var(--fd);margin:0;overflow-wrap:anywhere}.cx-nm h1 svg{width:26px;height:26px;color:var(--cyan)}
.cx-sub{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.cx-tg{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border:1px solid var(--line2);border-radius:9px;color:var(--text);text-decoration:none;font:700 12.5px var(--fb);background:rgba(255,255,255,.04)}.cx-tg svg{width:14px;height:14px}
.cx-rkb{flex:0 0 auto;padding:12px 16px;border:1px solid var(--line2);border-radius:18px;background:rgba(255,255,255,.04);text-align:right;font-size:12.5px;color:var(--muted)}.cx-rkb b{display:block;font:900 30px var(--fd);color:var(--ca)}
.cx-kp{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:10px;padding:0 24px 18px}.cx-k{padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.03);font-size:12.5px;color:var(--muted)}.cx-k b{display:block;font:800 23px var(--fd);color:var(--text)}.cx-k b.g{color:#3DDC97}
.cx-ab{display:flex;flex-wrap:wrap;gap:8px;padding:0 24px 20px}.cx-ab .btn{min-height:42px;padding:0 15px;font-size:14px}.cx-btn{display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:0 13px;border:1px solid var(--line2);border-radius:13px;background:rgba(255,255,255,.04);color:var(--text);font:700 13.5px var(--fb);text-decoration:none;cursor:pointer}.cx-btn svg{width:16px;height:16px}.cx-btn.on{background:color-mix(in srgb,var(--ca) 22%,transparent);border-color:var(--ca)}.cx-btn.dn{color:#FF7B8E}
.cx-bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;margin-top:14px}
.cx-t{grid-column:span 6;min-width:0;padding:18px;border:1px solid var(--line);border-radius:var(--r);background:var(--card)}.cx-t.s4{grid-column:span 4}.cx-t.s8{grid-column:span 8}.cx-t.s12{grid-column:span 12}.cx-t h2{display:flex;align-items:center;gap:8px;font:800 17.5px var(--fd);margin:0 0 12px}.cx-t h2 svg{width:19px;height:19px;color:var(--ca)}.cx-t h2 small{margin-left:auto;font:600 12.5px var(--fb);color:var(--muted)}
.cx-ring{flex:none;animation:cxring 1.3s var(--ease) both;display:grid;place-items:center;width:92px;height:92px;border-radius:50%;background:conic-gradient(var(--ca) calc(var(--rp)*1%),var(--line) 0);font:900 21px var(--fd)}.cx-ring span{display:grid;place-items:center;width:74px;height:74px;border-radius:50%;background:#0D0F12}
.cx-lv{display:flex;align-items:center;gap:16px;font-size:13.5px;color:var(--muted)}.cx-lv b{display:block;font:800 18px var(--fd);color:var(--text)}
.cx-ach{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:9px}.cx-a{display:flex;gap:10px;align-items:center;padding:9px 11px;border:1px solid var(--line);border-radius:13px;font-size:12px;color:var(--muted)}.cx-a b{display:block;font:700 13.5px var(--fb);color:var(--text)}.cx-a span.i2{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--line);color:var(--dim)}.cx-a svg{width:18px;height:18px}.cx-a.off{opacity:.42}.cx-a.b span.i2{background:rgba(208,138,78,.18);color:#E2A06A}.cx-a.s span.i2{background:rgba(184,194,212,.16);color:#D3DBE8}.cx-a.g span.i2{background:rgba(255,194,61,.17);color:#FFC23D}.cx-a.off span.i2{background:var(--line);color:var(--dim)}
.cx-act{display:flex;align-items:flex-end;gap:3px;height:96px}.cx-act i{flex:1;min-height:3px;height:var(--h);border-radius:3px 3px 0 0;background:var(--line2)}.cx-act i.v{background:var(--ca)}
.cx-rp{display:grid;grid-template-columns:auto 1fr auto;gap:7px 10px;align-items:center;font-size:13.5px;color:var(--muted)}
.cx-tl{list-style:none;margin:0;padding:0;font-size:14px}.cx-tl li{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px dashed var(--line)}.cx-tl time{color:var(--muted);font-size:12.5px;white-space:nowrap}
.cx-ccd{position:relative;display:flex;gap:14px;align-items:center;overflow:hidden;padding:15px;color:var(--text);text-decoration:none;border:1px solid var(--ca);border-radius:16px;background:linear-gradient(100deg,color-mix(in srgb,var(--ca) 22%,#0B0D10),#0B0D10)}.cx-ccd .cx-ic{margin:0;flex:none}.cx-ccd b{display:block;font:800 18px var(--fd)}.cx-ccd small{color:var(--muted)}
.cx-m{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:9px 6px;border-bottom:1px solid var(--line);font-size:14px;color:var(--text)}.cx-m:last-child{border:0}.cx-m>a{display:flex;gap:10px;align-items:center;grid-column:1/3;min-width:0;color:inherit;text-decoration:none}.cx-m .av{flex:none;display:grid;place-items:center;width:40px;height:40px;overflow:hidden;border-radius:12px;background:var(--line);font-weight:800}.cx-m .av img{width:100%;height:100%;object-fit:cover}.cx-m small{display:block;color:var(--muted);font-size:12px}.cx-m b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.cx-role{padding:1px 7px;border-radius:7px;font:700 11px var(--fb);background:var(--line2)}.cx-role.captain{background:#FFC23D;color:#1a1400}.cx-role.vice{background:var(--violet)}.cx-mv{display:flex;gap:4px}.cx-mv button{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:9px;background:none;color:var(--muted);cursor:pointer}.cx-mv svg{width:15px;height:15px}
.cx-f{display:grid;gap:10px}.cx-f label{display:grid;gap:4px;font:600 13px var(--fb);color:var(--muted)}.cx-f input,.cx-f textarea,.cx-f select{width:100%;min-height:44px;padding:9px 12px;border:1px solid var(--line2);border-radius:12px;background:#0D0F12;color:var(--text);font:500 16px var(--fb)}.cx-f input[type=color]{padding:3px;height:44px}
.cx-shop{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px}.cx-shop button{padding:12px;text-align:left;border:1px solid var(--line2);border-radius:13px;background:rgba(255,255,255,.03);color:var(--text);font:600 13px var(--fb);cursor:pointer}.cx-shop button b{display:block;font:800 18px var(--fd)}.cx-shop button:disabled{opacity:.45;cursor:default}
.cx-mod{position:fixed;inset:0;z-index:90;display:none;place-items:center;padding:16px;background:rgba(0,0,0,.74)}.cx-mod.on{display:grid}.cx-box{width:min(460px,100%);max-height:88dvh;overflow:auto;padding:22px;border:1px solid var(--line2);border-radius:var(--r2);background:#0E1013}.cx-box h3{font:800 21px var(--fd);margin:0 0 12px}
.cx-msg{min-height:19px;margin:9px 0 0;font-size:13.5px;color:#FF7B8E}.cx-msg.ok{color:var(--lime)}.cx-msg a{color:var(--cyan)}
.cx-rv{opacity:1}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.cx-rv{animation:cxin linear both;animation-timeline:view();animation-range:entry 0% entry 30%}}}@keyframes cxin{from{opacity:0;transform:translateY(24px)}}
@media (max-width:820px){.cx-pod{grid-template-columns:1fr}.cx-pc.p1{order:-1}.cx-t,.cx-t.s4,.cx-t.s8{grid-column:span 12}.cx-hd{padding:0 16px 16px}.cx-kp,.cx-ab{padding-left:16px;padding-right:16px}.cx-av{width:92px;height:92px}.cx-rkb{text-align:left}}

/* 2026 эффект: holo хүрээ, sheen, ticker, stagger, scroll parallax, ring, grain */
@property --rp{syntax:'<number>';inherits:true;initial-value:0}@property --cxan{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes cxring{from{--rp:0}}@keyframes cxspin{to{--cxan:360deg}}@keyframes cxmq{to{transform:translateX(-50%)}}@keyframes cxpar{to{background-position-y:100%}}@keyframes cxrise{from{opacity:0;transform:translateY(22px) scale(.97)}}
#cxHf{position:absolute;inset:0;z-index:-1;width:100%;height:100%;pointer-events:none}.cx-hero .wrap{position:relative}
.cx-hero h1 .grad{background-size:200% 100%;animation:cxgr 7s linear infinite alternate}@keyframes cxgr{to{background-position:100% 0}}
.cx-off{flex:none;letter-spacing:0;padding:1px 7px;border-radius:7px;background:linear-gradient(100deg,var(--pink),var(--violet));color:#fff;font:700 10.5px var(--fb)}
.cx-pc{isolation:isolate}.cx-pc.p1{border-color:transparent}.cx-pc.p1::before{content:"";position:absolute;z-index:-2;inset:-60%;background:conic-gradient(from var(--cxan),#FFC23D,#FF3B5C,#FFB84D,#22D3EE,#FFC23D);animation:cxspin 6s linear infinite}.cx-pc.p1::after{content:"";position:absolute;z-index:-1;inset:2px;border-radius:calc(var(--r2) - 2px);background:linear-gradient(180deg,rgba(5,7,10,.62),#080A0D 82%),var(--bn,none) center/cover,#080A0D}
.cx-c{animation:cxrise .6s var(--ease) both;animation-delay:calc(attr(data-i type(<number>),0)*60ms)}.cx-c[data-i="1"]{animation-delay:60ms}.cx-c[data-i="2"]{animation-delay:120ms}.cx-c[data-i="3"]{animation-delay:180ms}.cx-c[data-i="4"]{animation-delay:240ms}.cx-c[data-i="5"]{animation-delay:300ms}
.cx-c::before{content:"";position:absolute;z-index:2;top:0;bottom:0;left:-60%;width:40%;pointer-events:none;background:linear-gradient(105deg,transparent,rgba(255,255,255,.14),transparent);transform:skewX(-18deg);transition:left .7s var(--ease)}.cx-c:hover::before{left:125%}
.cx-cb{transition:background-size .5s var(--ease)}.cx-cd .cx-ic{transition:transform .35s var(--spring)}.cx-c:hover .cx-cd .cx-ic{transform:translateY(-4px) rotate(-4deg) scale(1.07)}
.cx-av{transition:transform .4s var(--spring)}.cx-top:hover .cx-av{transform:perspective(600px) rotateY(-10deg) scale(1.04)}
.cx-t{transition:border-color .25s,transform .3s var(--ease)}.cx-t:hover{border-color:color-mix(in srgb,var(--ca) 45%,transparent);transform:translateY(-2px)}
.cx-top::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.07;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
@supports (animation-timeline:scroll()){@media (min-width:821px){.cx-bn.img{background-size:100% auto;background-repeat:no-repeat;background-position:50% 0;animation:cxpar linear both;animation-timeline:scroll();animation-range:0 420px}}}
@media (prefers-reduced-motion:reduce){.cx-pc.p1::before,.cx-c,.cx-hero h1 .grad,.cx-ring,.cx-bn.img{animation:none}}html.calm html.calm .cx-pc.p1::before,html.calm .cx-hero h1 .grad{animation:none}

.cx-pick{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-top:4px;max-height:236px;overflow-y:auto;scrollbar-width:thin}.cx-pick.w{grid-template-columns:repeat(4,minmax(0,1fr))}.cx-pick button{padding:0;overflow:hidden;aspect-ratio:1;border:2px solid transparent;border-radius:10px;background:none;cursor:pointer;transition:transform .2s var(--spring)}.cx-pick.w button{aspect-ratio:3.5}.cx-pick button:hover{transform:scale(1.07)}.cx-pick button.on{border-color:var(--lime)}.cx-pick img{display:block;width:100%;height:100%;object-fit:cover}
.cx-rkg{display:flex;gap:10px;align-items:center}.cx-rkg img{width:64px;height:64px;filter:drop-shadow(0 8px 16px color-mix(in srgb,var(--ca) 55%,transparent));transition:transform .4s var(--spring)}.cx-top:hover .cx-rkg img{transform:rotate(-6deg) scale(1.08)}

/* v5: кинетик гарчиг, хром нэр, glass сүлд, game-icons */
.gi{display:inline-block;width:1.15em;height:1.15em;fill:currentColor;vertical-align:-.2em}.cx-h2 .gi{width:26px;height:26px;color:var(--lime)}.cx-kpi .gi{float:right;width:22px;height:22px;margin-left:12px;color:var(--lime);opacity:.85}
.cx-hg{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:32px;align-items:center}
.cx-kin{display:flex;flex-wrap:wrap;gap:0 .28em}.cx-kin span{display:inline-block;animation:cxword .85s var(--spring) both;animation-delay:calc(var(--d)*130ms)}@keyframes cxword{from{opacity:0;transform:translateY(.55em) rotate(3deg)}}
.cx-gold{background:linear-gradient(100deg,#FFE9A8,#FFC23D 30%,#FF7A3D 62%,#FFE9A8);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
.cx-name{display:inline-block;padding-bottom:.08em;background:linear-gradient(105deg,#fff 18%,color-mix(in srgb,var(--ca) 78%,#fff) 42%,#fff 58%,color-mix(in srgb,var(--ca) 50%,#fff) 82%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;transition:background-position .9s var(--ease)}.cx-c:hover .cx-name,.cx-pc:hover .cx-name,.cx-top:hover .cx-name{background-position:100% 0}
.cx-nm h1 .cx-name{animation:cxnm 7s ease-in-out infinite alternate}@keyframes cxnm{to{background-position:100% 0}}
.cx-stack{position:relative;height:320px;--px:0;--py:0}.cx-stack span{position:absolute;display:block;overflow:hidden;border-radius:21%;box-shadow:0 26px 60px -22px var(--ca),0 0 0 1px rgba(255,255,255,.2);transition:transform .5s var(--ease)}.cx-stack img{display:block;width:100%;height:100%}
.cx-stack .s0{left:92px;top:40px;z-index:3;width:210px;height:210px;transform:translate(calc(var(--px)*26px),calc(var(--py)*26px))}.cx-stack .s1{left:0;top:6px;z-index:2;width:138px;height:138px;transform:translate(calc(var(--px)*-34px),calc(var(--py)*-34px)) rotate(-11deg)}.cx-stack .s2{right:0;bottom:6px;z-index:2;width:138px;height:138px;transform:translate(calc(var(--px)*-44px),calc(var(--py)*-44px)) rotate(10deg)}
.cx-cd .cx-ic,.cx-pc .cx-ic{border-width:1px;border-color:rgba(255,255,255,.28);box-shadow:0 12px 26px -12px var(--ca)}
.cx-cr{margin:16px 0 0;font-size:12px;color:var(--dim)}.cx-cr a{color:var(--muted)}
@media (max-width:980px){.cx-hg{grid-template-columns:minmax(0,1fr)}.cx-stack{display:none}}
@media (prefers-reduced-motion:reduce){.cx-kin span,.cx-nm h1 .cx-name{animation:none}}html.calm .cx-nm h1 .cx-name{animation:none}

@media (max-width:1024px){.cx-sel{font-size:16px}}

/* v7: нэрийн шошго, skin сет, давуу тал */
.cx-ntag{--nt:var(--lime);display:inline-flex;align-items:center;gap:5px;padding:1px 8px;border-radius:7px;border:1px solid color-mix(in srgb,var(--nt) 62%,transparent);background:color-mix(in srgb,var(--nt) 17%,#0B0D10);color:color-mix(in srgb,var(--nt) 72%,#fff);font:800 11.5px/1.6 var(--fb);letter-spacing:.04em;vertical-align:1px;box-shadow:0 0 12px -4px var(--nt)}.cx-ntag i{width:6px;height:6px;border-radius:2px;background:var(--nt);transform:rotate(45deg)}
.cx-ntag.pro{position:relative;overflow:hidden;background:linear-gradient(100deg,color-mix(in srgb,var(--nt) 34%,#0B0D10),#0B0D10 55%,color-mix(in srgb,var(--nt) 34%,#0B0D10))}.cx-ntag.pro::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.5),transparent);animation:cxtag 4.2s ease-in-out infinite}@keyframes cxtag{60%,100%{left:125%}}
.cx-role.admin{background:var(--cyan);color:#04202a}.cx-off.cur{background:var(--lime);color:#0a0a0a}
.cx-sets{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.cx-set{--sc:#9AA3B2;position:relative;padding:13px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(150deg,color-mix(in srgb,var(--sc) 15%,transparent),transparent 60%);transition:transform .3s var(--ease),border-color .2s}.cx-set:hover{transform:translateY(-3px);border-color:var(--sc)}.cx-set.on{border-color:var(--lime);box-shadow:0 14px 36px -20px var(--lime)}.cx-set.lock{opacity:.6}
.cx-set .hd{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:8px}.cx-set .hd b{margin-right:auto;font:800 15.5px var(--fd)}.cx-set .im{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:8px}.cx-set img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;border-radius:10px;background:rgba(255,255,255,.04)}.cx-set .cx-btn{width:100%;justify-content:center}
.s-steppe{--sc:#FFB061}.s-frost{--sc:#22D3EE}.s-gold{--sc:#FFC23D}.s-blood{--sc:#FF3B5C}.s-neon{--sc:#FFB84D}.s-shadow{--sc:#FFB84D}
.cx-perks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.cx-perks div{padding:16px;border:1px solid var(--line);border-radius:var(--r);background:var(--card);font-size:13.5px;color:var(--muted)}.cx-perks b{display:block;margin:8px 0 2px;font:800 15px var(--fd);color:var(--text)}.cx-perks .gi{width:26px;height:26px;color:var(--lime)}
@media (max-width:900px){.cx-perks{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.cx-ntag.pro::after{animation:none}}html.calm .cx-ntag.pro::after{animation:none}

/* v8: хэрэглэгчийн сонгосон сет, профайлын skin */
.cx-off.cur{display:inline-flex;align-items:center;gap:3px}.cx-off.cur .ic,.cx-off.cur svg{width:11px;height:11px}.cx-off.cl{background:rgba(255,255,255,.12);color:var(--text)}
.cx-set{display:flex;flex-direction:column}.cx-set[data-pick]{cursor:pointer}.cx-set .ft{display:grid;gap:6px;margin-top:auto}.cx-set .ft:empty{display:none}.cx-set .ft .btn{width:100%;justify-content:center}.cx-set .cx-btn.ok{border-color:var(--lime);color:var(--lime)}.cx-set.on{background:linear-gradient(150deg,color-mix(in srgb,var(--lime) 14%,transparent),transparent 60%)}
.cx-lo{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.cx-lo div{min-width:0;padding:8px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.03)}.cx-lo img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain}.cx-lo small{display:block;margin-top:4px;color:var(--muted);font-size:11.5px}.cx-lo b{display:block;font:700 13px/1.3 var(--fb);overflow-wrap:anywhere}
.cx-box{scrollbar-width:none;-ms-overflow-style:none}.cx-box::-webkit-scrollbar{display:none}
/* Жинхэнэ зурагны эффект: сүлдэн дээгүүр гэрэл гүйх, banner аажим томрох, hover-т өнгө тодрох */
@media (prefers-reduced-motion:no-preference){
.cx-ic,.cx-av{position:relative}
.cx-ic::after,.cx-av::after{content:"";position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.42) 50%,transparent 58%);transform:translateX(-75%);animation:none;pointer-events:none}
@keyframes cxshine{0%,62%{transform:translateX(-75%)}100%{transform:translateX(75%)}}
.cx-bn.img{overflow:hidden}
.cx-bn.img::before{content:"";position:absolute;inset:0;background:var(--bn) center/cover;animation:cxkb 20s ease-in-out infinite alternate;will-change:transform}
@keyframes cxkb{from{transform:scale(1)}to{transform:scale(1.14) translate(-1.5%,1%)}}
.cx-c{overflow:hidden}.cx-cb.has{transition:transform .9s var(--ease),filter .4s}
.cx-c:hover .cx-cb.has{transform:scale(1.09);filter:saturate(1.2) contrast(1.05)}
.cx-c:hover .cx-ic{box-shadow:0 0 26px -2px var(--ca)}
}