/* /shop v2 — CS2 + Minecraft дэлгүүр (2026) */
.sh-hero{position:relative;overflow:hidden;padding-bottom:10px}
.sh-orb{position:absolute;z-index:-1;border-radius:50%;filter:blur(70px);opacity:.35;pointer-events:none;animation:none}
.sh-orb.a{width:520px;height:520px;left:-140px;top:-160px;background:#FF2D7D}
.sh-orb.b{width:460px;height:460px;right:-120px;top:-60px;background:#FFB84D;animation-delay:-5s}
.sh-orb.c{width:380px;height:380px;left:40%;top:120px;background:#C6FF3D;opacity:.16;animation-delay:-9s}
[data-g=mc] .sh-orb.a{background:#5BC236}[data-g=mc] .sh-orb.b{background:#7A4E2D}
.sh-top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.sh-acc{display:flex;gap:10px;flex-wrap:wrap}
.sh-chip{display:inline-flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid var(--line);color:#fff;text-decoration:none;font-size:13.5px;font-weight:700;backdrop-filter:blur(12px)}
.sh-chip .ic{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:color-mix(in srgb,var(--c,var(--lime)) 16%,transparent);color:var(--c,var(--lime))}
.sh-chip .ic svg{width:17px;height:17px}.sh-chip small{display:block;font-size:11px;color:var(--muted,#9aa);font-weight:600}
.sh-chip.steam{background:linear-gradient(135deg,#1b2838,#2a475e);border-color:rgba(102,192,244,.35)}.sh-chip.steam .ic{background:rgba(102,192,244,.15);color:#66c0f4}
a.sh-chip:hover{border-color:rgba(255,255,255,.25)}
/* тоглоом сэлгэгч */
.sh-games{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px;max-width:860px}
.sh-gm{position:relative;overflow:hidden;display:flex;align-items:flex-end;height:96px;padding:14px 16px;border-radius:20px;border:1px solid var(--line);background:#0B0D10 center/cover;color:#fff;font:inherit;text-align:left;cursor:pointer;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s}
.sh-gm::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,10,.92),rgba(5,7,10,.35));transition:opacity .3s}
.sh-gm span{position:relative}.sh-gm b{display:block;font-size:19px;font-weight:900}.sh-gm small{color:rgba(255,255,255,.7);font-size:12.5px}
.sh-gm:hover{transform:translateY(-3px)}
.sh-gm.on{border-color:var(--lime);box-shadow:0 0 0 1px var(--lime),0 18px 40px -18px var(--lime)}.sh-gm.on::before{opacity:.7}
/* онцлох баннер */
.sh-feat{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1.2fr 1fr;gap:20px;align-items:center;margin-bottom:28px;padding:30px;border-radius:30px;
  background:linear-gradient(120deg,rgba(123,125,128,.35),rgba(255,45,125,.28) 45%,rgba(255,194,61,.18)),#0C0E11;border:1px solid rgba(255,255,255,.12)}
.sh-feat::before{content:"";position:absolute;inset:0;z-index:-1;background:url(/_t/nova/img/games/cs2-hero-960.webp) right center/cover;opacity:.22;mask:linear-gradient(90deg,transparent 30%,#000)}
.sh-feat .k{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.12);font-size:11.5px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.sh-feat .k i{width:7px;height:7px;border-radius:50%;background:#FFC23D;box-shadow:0 0 10px #FFC23D}
.sh-feat h2{margin:12px 0 6px;font-size:clamp(28px,4vw,46px);font-weight:900;line-height:1.02}
.sh-feat p{margin:0;color:rgba(255,255,255,.8)}
.sh-feat ul{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.sh-feat li{padding:7px 12px;border-radius:12px;background:rgba(5,7,10,.45);border:1px solid rgba(255,255,255,.1);font-size:13px;font-weight:700}
.sh-fbuy{justify-self:end;display:flex;flex-direction:column;align-items:flex-end;gap:10px;text-align:right}
.sh-fbuy s{color:rgba(255,255,255,.55);font-size:16px}
.sh-fbuy b{font-size:clamp(36px,5vw,58px);font-weight:900;line-height:1;background:linear-gradient(120deg,#fff,#FFC23D);-webkit-background-clip:text;background-clip:text;color:transparent}
/* хяналт */
.sh-bar{position:sticky;top:76px;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 24px;padding:8px;border-radius:20px;background:rgba(9,11,14,.72);border:1px solid var(--line);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.sh-tabs,.sh-days{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.sh-tabs::-webkit-scrollbar,.sh-days::-webkit-scrollbar{display:none}
.sh-tabs button,.sh-days button{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border:0;border-radius:13px;background:none;color:var(--muted,#9aa);font:inherit;font-weight:800;font-size:13px;cursor:pointer;white-space:nowrap;transition:.2s}
.sh-tabs button svg{width:15px;height:15px}.sh-tabs button:hover,.sh-days button:hover{color:#fff}
.sh-tabs button.on{background:var(--lime);color:#0A0A0A;box-shadow:0 8px 22px -10px var(--lime)}
.sh-days{margin-left:auto;padding:3px;border-radius:14px;background:rgba(255,255,255,.04)}
.sh-days button{padding:7px 12px;font-size:12.5px}.sh-days button.on{background:rgba(255,255,255,.12);color:#fff}
.sh-sec{margin-bottom:38px}
.sh-sec h2{display:flex;align-items:center;gap:10px;margin:0 0 4px;font-size:23px}
.sh-sec h2 svg{width:22px;height:22px;color:var(--c,var(--lime))}
.sh-sec>p{margin:0 0 16px;color:var(--muted,#9aa);font-size:14px}
/* scroll reveal + holo */
.rv{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.8,.2,1) calc(var(--i,0)*60ms),transform .7s cubic-bezier(.2,.8,.2,1) calc(var(--i,0)*60ms)}
.rv.vis{opacity:1;transform:none}
.holo{position:relative;isolation:isolate;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}
.holo::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2;opacity:0;mix-blend-mode:color-dodge;transition:opacity .35s;
  background:radial-gradient(300px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.18),transparent 60%),linear-gradient(115deg,transparent 30%,rgba(255,45,125,.18) 42%,rgba(34,211,238,.18) 50%,rgba(198,255,61,.16) 58%,transparent 70%) var(--hx,50%) 0/250% 100%}
.holo:hover::after{opacity:1}
/* багц */
.sh-bund{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sh-b{--c:#C6FF3D;overflow:hidden;display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:28px;background:linear-gradient(150deg,color-mix(in srgb,var(--c) 18%,transparent),#0B0D10 60%);border:1px solid color-mix(in srgb,var(--c) 35%,var(--line))}
.sh-b.hot{--c:#FF2D7D}
.sh-b .top{display:flex;align-items:center;gap:10px}
.sh-b .top b{font-size:24px;font-weight:900}
.sh-tagx{padding:4px 10px;border-radius:9px;font-size:11px;font-weight:900;letter-spacing:.06em;background:var(--c);color:#0A0A0A}
.sh-b .inc{display:flex;gap:8px;flex-wrap:wrap}
.sh-b .inc>span{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);font-weight:800;font-size:13.5px}
.sh-b .pr{display:flex;align-items:baseline;gap:10px;margin-top:auto}
.sh-b .pr b{font-size:36px;font-weight:900;font-variant-numeric:tabular-nums}.sh-b .pr s{color:var(--muted,#9aa)}
.sh-save{margin-left:auto;padding:5px 10px;border-radius:9px;background:rgba(198,255,61,.14);color:var(--lime);font-size:12px;font-weight:900}
/* гишүүнчлэл */
.sh-mem{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sh-m{--c:#C6FF3D;overflow:hidden;display:flex;flex-direction:column;gap:14px;padding:24px;border-radius:28px;background:linear-gradient(170deg,color-mix(in srgb,var(--c) 14%,transparent),var(--bg2) 55%);border:1px solid color-mix(in srgb,var(--c) 30%,var(--line))}
.sh-m:hover,.sh-b:hover{box-shadow:0 34px 70px -34px var(--c)}
.sh-m.vipplus{--c:#FF2D7D}.sh-m.elite{--c:#FFC23D}
.sh-m.vipplus::before{content:"ХИТ";position:absolute;top:14px;right:-30px;z-index:3;transform:rotate(35deg);padding:4px 38px;background:linear-gradient(90deg,#FFB84D,#FF2D7D);font-size:10.5px;font-weight:900;letter-spacing:.06em}
.sh-m .tier{display:inline-flex;align-self:flex-start;padding:7px 14px;border-radius:12px;font-size:22px;font-weight:900;color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent);border:1px solid color-mix(in srgb,var(--c) 30%,transparent)}
.sh-m.elite .tier{background:linear-gradient(135deg,#FFE58A,#FFC23D);color:#1a1200;border:0;box-shadow:0 10px 30px -10px #FFC23D}
.sh-m .ds{color:var(--muted,#9aa);font-size:13.5px;margin-top:-6px}
.sh-pr{display:flex;align-items:baseline;gap:6px}
.sh-pr b{font-size:38px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums;background:linear-gradient(120deg,#fff,var(--c));-webkit-background-clip:text;background-clip:text;color:transparent}
.sh-pr small{color:var(--muted,#9aa);font-weight:700}
.sh-perks{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px;flex:1}
.sh-perks li{display:flex;align-items:center;gap:10px;font-size:14px}
.sh-perks li::before{content:"";flex:none;width:18px;height:18px;border-radius:6px;background:color-mix(in srgb,var(--c) 18%,transparent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/11px no-repeat}
.sh-act{display:flex;gap:8px}.sh-act .btn{flex:1;justify-content:center}
.sh-gift{flex:none!important;width:46px;padding:0!important;justify-content:center}
.sh-own{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:5px 10px;border-radius:9px;font-size:12px;font-weight:800;color:#05070A;background:var(--lime)}
.sh-own svg{width:13px;height:13px}
/* жижиг карт */
.sh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.sh-c{--c:var(--lime);overflow:hidden;display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:22px;background:var(--bg2);border:1px solid var(--line)}
.sh-c:hover{border-color:color-mix(in srgb,var(--c) 45%,var(--line))}
.sh-prev{display:grid;place-items:center;height:92px;border-radius:16px;background:radial-gradient(circle at 50% 130%,color-mix(in srgb,var(--c) 28%,transparent),transparent 70%),#07090C;border:1px solid rgba(255,255,255,.05);font-size:23px;padding:0 10px;text-align:center;overflow:hidden}
.sh-c h3{margin:0;font-size:16px}.sh-c p{margin:0;font-size:12.5px;color:var(--muted,#9aa)}
.sh-c .row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}
.sh-c .row b{font-size:18px;font-weight:900;font-variant-numeric:tabular-nums}
.sh-c .row .btn{padding:8px 14px;font-size:13px}
/* Minecraft */
.mc-plans{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}
.mc-p{--mca:#5BC236;--mcb:#7A4E2D;overflow:hidden;display:flex;flex-direction:column;gap:12px;padding:0 0 18px;border-radius:24px;background:#0B0D10;border:1px solid rgba(255,255,255,.08)}
.mc-blk{position:relative;height:110px;background:linear-gradient(180deg,var(--mca) 0 26%,var(--mcb) 26% 100%);image-rendering:pixelated}
.mc-blk::before{content:"";position:absolute;inset:0;opacity:.35;background-image:linear-gradient(90deg,rgba(0,0,0,.25) 50%,transparent 50%),linear-gradient(rgba(0,0,0,.2) 50%,transparent 50%);background-size:22px 22px}
.mc-blk::after{content:"";position:absolute;inset:auto 0 0;height:40%;background:linear-gradient(transparent,#0B0D10)}
.mc-blk b{position:absolute;left:18px;bottom:10px;z-index:1;font-size:24px;font-weight:900;text-shadow:0 2px 0 rgba(0,0,0,.6)}
.mc-pop{position:absolute;right:12px;top:12px;z-index:1;padding:4px 10px;border-radius:9px;background:#FFC23D;color:#1a1200;font-size:11px;font-weight:900}
.mc-p .specs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 18px}
.mc-p .specs span{padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.04);font-size:12.5px;color:var(--muted,#9aa)}.mc-p .specs b{display:block;color:#fff;font-size:15px}
.mc-p .row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 18px;margin-top:auto}
.mc-p .row b{font-size:22px;font-weight:900}.mc-p .row small{color:var(--muted,#9aa)}
.mc-hours{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.mc-h{display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:20px;background:linear-gradient(160deg,rgba(91,194,54,.12),#0B0D10 60%);border:1px solid rgba(91,194,54,.25);color:#fff;text-decoration:none}
.mc-h b{font-size:28px;font-weight:900}.mc-h small{color:var(--muted,#9aa)}.mc-h em{font-style:normal;font-size:18px;font-weight:900;color:#C6FF3D}
.mc-free{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mc-f{display:flex;align-items:center;gap:16px;padding:20px;border-radius:22px;background:var(--bg2);border:1px solid var(--line);color:#fff;text-decoration:none;transition:border-color .3s}
.mc-f:hover{border-color:rgba(91,194,54,.5)}
.mc-f img{width:64px;height:64px;border-radius:16px;object-fit:cover}.mc-f b{display:block;font-size:16px}.mc-f small{color:var(--muted,#9aa)}
/* gift CTA */
.sh-gc{position:relative;overflow:hidden;display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:26px 28px;border-radius:26px;background:linear-gradient(120deg,rgba(255,194,61,.2),rgba(255,45,125,.16),rgba(123,125,128,.2));border:1px solid rgba(255,255,255,.1)}
.sh-gc h3{margin:0 0 4px;font-size:21px}.sh-gc p{margin:0;color:var(--muted,#9aa)}.sh-gc .btn{margin-left:auto}
/* modal + toast */
.sh-mod{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:16px;background:rgba(5,7,10,.7);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .25s}
.sh-mod.on{opacity:1;pointer-events:auto}
.sh-box{width:100%;max-width:440px;padding:24px;border-radius:26px;background:#0C0E11;border:1px solid rgba(255,255,255,.1);box-shadow:0 40px 80px -30px #000;transform:translateY(16px) scale(.98);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.sh-mod.on .sh-box{transform:none}
.sh-box h3{margin:0 0 4px;font-size:21px}.sh-box .sub{margin:0 0 16px;color:var(--muted,#9aa);font-size:13.5px}
.sh-line{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:14px}
.sh-line b{font-variant-numeric:tabular-nums}.sh-line.tot b{font-size:20px;color:var(--lime)}
.sh-box label{display:block;margin:14px 0 6px;font-size:12.5px;font-weight:700;color:var(--muted,#9aa)}
.sh-box input{width:100%;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#fff;font:inherit;font-size:16px;outline:none;box-sizing:border-box}
.sh-box input:focus{border-color:var(--lime)}
.sh-msg{min-height:20px;margin:12px 0 0;font-size:13.5px}.sh-msg.err{color:#FF5A6E}.sh-msg.ok{color:var(--lime)}
.sh-box .acts{display:flex;gap:8px;margin-top:14px}.sh-box .acts .btn{flex:1;justify-content:center}
.sh-ok{position:fixed;inset:0;z-index:120;pointer-events:none;overflow:hidden}
.sh-ok i{position:absolute;top:-12px;width:9px;height:14px;border-radius:2px;animation:shFall 1.6s cubic-bezier(.2,.6,.4,1) forwards}
@keyframes shFall{to{transform:translate(var(--dx),110vh) rotate(var(--r));opacity:.2}}
@keyframes shOrb{to{transform:translate(60px,40px) scale(1.15)}}
@media (max-width:1000px){.sh-mem,.sh-bund{grid-template-columns:1fr}.mc-hours{grid-template-columns:repeat(2,1fr)}.sh-feat{grid-template-columns:1fr}.sh-fbuy{justify-self:start;align-items:flex-start;text-align:left}}
@media (max-width:640px){.sh-bar{top:70px;padding:6px;gap:6px}.sh-days{margin-left:0;width:100%;justify-content:space-between}.sh-days button{flex:1;justify-content:center}
  .sh-games{gap:8px}.sh-gm{height:80px;padding:12px}.sh-gm b{font-size:14px;line-height:1.15}.sh-gm small{display:none}.sh-feat{padding:22px;border-radius:24px}
  .sh-m,.sh-b{padding:20px;border-radius:22px}.sh-pr b{font-size:32px}.sh-grid{grid-template-columns:1fr 1fr;gap:10px}.sh-c{padding:12px;border-radius:18px}.sh-prev{height:70px;font-size:17px}
  .sh-c .row{flex-direction:column;align-items:stretch}.sh-c .row .btn{justify-content:center}.mc-free{grid-template-columns:1fr}.sh-gc .btn{margin-left:0;width:100%;justify-content:center}}
@media (hover:none){.holo{transform:none!important}}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.holo{transform:none!important}.sh-orb{animation:none}}
html.calm .rv{opacity:1;transform:none}html.calm .holo{transform:none!important}html.calm .sh-orb{animation:none}
/* Minecraft багц v2 (2026): хөвөгч 3D блок, түвшний гэрэл, icon үзүүлэлт */
.mc-plans{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important;gap:12px!important}
.mc2{--t:#5BC236;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;border-radius:26px;background:linear-gradient(180deg,color-mix(in srgb,var(--t) 10%,#0C0E11),#090B0E 60%);border:1px solid color-mix(in srgb,var(--t) 22%,rgba(255,255,255,.06))}
.mc2:hover{box-shadow:0 30px 60px -30px color-mix(in srgb,var(--t) 70%,transparent);border-color:color-mix(in srgb,var(--t) 50%,transparent)}
.mc2-top{position:relative;display:grid;place-items:center;height:150px;background:radial-gradient(120px 90px at 50% 60%,color-mix(in srgb,var(--t) 45%,transparent),transparent 70%)}
.mc2-top::before{content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:18px 18px;mask:radial-gradient(circle at 50% 55%,#000,transparent 70%)}
.mc2-top img{position:relative;width:96px;height:96px;filter:drop-shadow(0 18px 18px rgba(0,0,0,.55));animation:mcFloat 4s ease-in-out infinite;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.mc2:hover .mc2-top img{transform:scale(1.12) rotate(-6deg)}
.mc2-top i{position:absolute;bottom:18px;width:70px;height:12px;border-radius:50%;background:rgba(0,0,0,.55);filter:blur(6px);animation:mcShadow 4s ease-in-out infinite}
.mc2-hot{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;background:linear-gradient(135deg,#FFC23D,#FF8A3D);color:#1a1200;font-size:11px;font-weight:900;letter-spacing:.06em;box-shadow:0 8px 20px -8px #FFC23D}
.mc2-hot svg{width:12px;height:12px}
.mc2-b{display:flex;flex-direction:column;gap:12px;padding:4px 18px 18px;flex:1}
.mc2-n{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.mc2-n b{font-size:21px;font-weight:900;letter-spacing:-.01em}
.mc2-n small{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--t)}
.mc2-pw{height:5px;border-radius:9px;background:rgba(255,255,255,.07);overflow:hidden}
.mc2-pw i{display:block;height:100%;width:var(--p);border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--t) 60%,transparent),var(--t))}
.mc2-s{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mc2-s span{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.05);font-size:12px;color:var(--muted,#9aa)}
.mc2-s svg{width:15px;height:15px;flex:none;color:var(--t)}
.mc2-s b{color:#fff;font-size:13.5px;font-variant-numeric:tabular-nums}
.mc2-p{display:flex;align-items:baseline;gap:6px;margin-top:auto}
.mc2-p b{font-size:26px;font-weight:900;font-variant-numeric:tabular-nums}.mc2-p small{color:var(--muted,#9aa)}
.mc2 .btn{width:100%;justify-content:center}
@keyframes mcFloat{50%{transform:translateY(-8px)}}
@keyframes mcShadow{50%{transform:scale(.8);opacity:.6}}
@media (max-width:640px){.mc-plans{grid-template-columns:1fr 1fr!important;gap:10px!important}.mc2{border-radius:20px}.mc2-top{height:110px}.mc2-top img{width:70px;height:70px}.mc2-b{padding:2px 12px 12px;gap:10px}.mc2-n b{font-size:17px}.mc2-n small{display:none}.mc2-s{grid-template-columns:1fr}.mc2-s span{padding:6px 8px}.mc2-p b{font-size:20px}}
@media (prefers-reduced-motion:reduce){.mc2-top img,.mc2-top i{animation:none}}
html.calm .mc2-top img,html.calm .mc2-top i{animation:none}
/* түвшингээр ялгаруулах + текст тасрахгүй */
.mc2-s span{min-width:0;white-space:nowrap}.mc2-s b{font-size:13px}
.mc2-top img{image-rendering:pixelated;width:104px;height:104px}
.mc2.tier-coal{--t:#9AA0A6}.mc2.tier-stone{--t:#B0B0B0}.mc2.tier-iron{--t:#E8C9A8}
.mc2.tier-diamond::before,.mc2.tier-emerald::before,.mc2.tier-netherite::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;z-index:3;pointer-events:none;
  background:conic-gradient(from var(--mca2,0deg),transparent 0 60%,var(--t),#fff 75%,transparent 90%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:mcSpin 5s linear infinite}
.mc2.tier-netherite{--t:#FFB84D;background:linear-gradient(180deg,#17191C,#090B0E 60%)}
.mc2.tier-netherite .mc2-n small::after{content:" · MAX";color:#fff}
.mc2.tier-diamond .mc2-top,.mc2.tier-emerald .mc2-top,.mc2.tier-netherite .mc2-top{background:radial-gradient(130px 100px at 50% 60%,color-mix(in srgb,var(--t) 60%,transparent),transparent 70%)}
@property --mca2{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes mcSpin{to{--mca2:360deg}}
@media (prefers-reduced-motion:reduce){.mc2::before{animation:none}}
.mc2-n{flex-wrap:nowrap}.mc2-n b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc2-n small{white-space:nowrap;flex:none}
/* Серверийн нэмэлт таб */
.sv-pick{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 30px;padding:14px;border-radius:22px;background:var(--bg2);border:1px solid var(--line)}
.sv-lb{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#9aa);margin-right:4px}
.sv-chip{display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid var(--line);color:#fff;cursor:pointer;text-align:left;transition:.2s}
.sv-chip .ic{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:rgba(255,255,255,.06)}.sv-chip .ic svg{width:17px;height:17px}
.sv-chip b{display:block;font-size:14px}.sv-chip small{font-size:11.5px;color:var(--muted,#9aa)}
.sv-chip:hover{border-color:rgba(198,255,61,.4)}.sv-chip.on{border-color:var(--lime);background:rgba(198,255,61,.08);box-shadow:0 0 0 3px rgba(198,255,61,.12)}.sv-chip.on .ic{background:var(--lime);color:#0B0D10}
.sv-empty{display:flex;align-items:center;gap:10px;color:var(--muted,#9aa);font-size:14px}.sv-empty svg{width:20px;height:20px;color:var(--lime)}.sv-empty a{color:var(--lime)}
.sv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.sv-c{--c2:var(--c,var(--lime));position:relative;overflow:hidden;display:flex;flex-direction:column;gap:9px;padding:8px 8px 14px;border-radius:24px;color:#fff;text-decoration:none;
  background:linear-gradient(160deg,color-mix(in srgb,var(--c2) 13%,transparent),var(--bg2) 55%);border:1px solid var(--line);transition:border-color .25s,transform .25s}
.sv-c:hover{border-color:color-mix(in srgb,var(--c2) 50%,var(--line))}
.sv-h{display:flex;align-items:center;justify-content:space-between}
.sv-ic{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:color-mix(in srgb,var(--c2) 18%,transparent);color:var(--c2)}.sv-ic svg{width:21px;height:21px}
.sv-tag{font-size:11px;padding:4px 9px;border-radius:99px;background:rgba(255,255,255,.06);color:var(--muted,#bbc)}
.sv-c h3{margin:4px 0 0;font-size:17px}.sv-c p{margin:0;font-size:12.5px;color:var(--muted,#9aa);line-height:1.5}
.sv-ls,.sv-sp{display:flex;flex-wrap:wrap;gap:6px}
.sv-ls span,.sv-sp span{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;padding:4px 9px;border-radius:9px;background:rgba(255,255,255,.05);border:1px solid var(--line)}
.sv-sp svg{width:13px;height:13px;color:var(--c2)}
.sv-c .row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:6px}
.sv-c .row b{font-size:19px;font-weight:900;font-variant-numeric:tabular-nums}.sv-c .row .btn{padding:8px 14px;font-size:13px}
.sv-max{justify-content:flex-start}
.sv-new{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.sv-new a{display:flex;flex-direction:column;gap:4px;padding:18px;border-radius:20px;color:#fff;text-decoration:none;background:linear-gradient(150deg,color-mix(in srgb,var(--g) 18%,transparent),var(--bg2) 60%);border:1px solid color-mix(in srgb,var(--g) 30%,var(--line));transition:.25s}
.sv-new a:hover{transform:translateY(-3px);border-color:var(--g)}.sv-new svg{width:24px;height:24px;color:var(--g);margin-bottom:6px}.sv-new small{font-size:12px;color:var(--muted,#9aa)}
@media(max-width:760px){.sv-new{grid-template-columns:1fr 1fr}.sv-chip{flex:1 1 100%}}

/* cover зураг (2026: inset media, glass chip, hover zoom) */
.sv-c>:not(.sv-art){margin-inline:8px}
.sv-art{position:relative;aspect-ratio:16/9;border-radius:17px;overflow:hidden;background:#0D0F12 center/cover no-repeat;margin-bottom:4px;isolation:isolate;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);transition:background-size .5s cubic-bezier(.2,.8,.2,1)}
.sv-art::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(10,12,15,.55));pointer-events:none}
.sv-ore{background:radial-gradient(60% 70% at 50% 58%,color-mix(in srgb,var(--c2) 45%,transparent),transparent 70%),linear-gradient(180deg,#0D0F12,#15171A)}
.sv-ore img{position:absolute;left:50%;top:50%;width:46%;max-width:150px;translate:-50% -50%;image-rendering:pixelated;filter:drop-shadow(0 14px 18px rgba(0,0,0,.5));transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.sv-art .sv-ic,.sv-art .sv-tag{position:absolute;z-index:1;backdrop-filter:blur(10px) saturate(1.4);-webkit-backdrop-filter:blur(10px) saturate(1.4)}
.sv-art .sv-ic{left:10px;bottom:10px;width:38px;height:38px;border-radius:12px;background:color-mix(in srgb,var(--c2) 30%,rgba(10,12,15,.55));color:#fff;border:1px solid rgba(255,255,255,.14)}
.sv-art .sv-tag{right:10px;top:10px;background:rgba(10,12,15,.5);color:#fff;border:1px solid rgba(255,255,255,.12)}
@media(hover:hover){.sv-c:hover{transform:translateY(-3px)}.sv-c:hover .sv-ore img{transform:translateY(-6px) scale(1.06)}
  .sv-c:not(.sv-u):not(.sv-max) .sv-art{background-size:100%}.sv-c:not(.sv-u):not(.sv-max):hover .sv-art{background-size:108%}}
.sv-new a{position:relative;overflow:hidden;padding:8px 8px 16px}.sv-new a>:not(.sv-nimg){margin-inline:10px}
.sv-nimg{display:block;aspect-ratio:16/10;border-radius:14px;margin-bottom:6px;background:#0D0F12 center 30%/cover no-repeat;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.sv-new a:hover .sv-nimg{transform:scale(1.03)}
.sv-new a svg{position:absolute;top:18px;left:8px;width:34px;height:34px;padding:8px;border-radius:11px;color:#fff;background:color-mix(in srgb,var(--g) 35%,rgba(10,12,15,.55));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14)}
@media(max-width:760px){.sv-art{aspect-ratio:2/1}.sv-ore img{width:30%}}

/* v15: бодит plugin лого, Minecraft render, bento онцлох карт */
.sv-new-art{display:grid;place-items:center;background:radial-gradient(70% 90% at 50% 62%,color-mix(in srgb,var(--c2) 42%,transparent),transparent 72%),linear-gradient(170deg,#141619,#0B0D10)}
.sv-new-art::before{content:"";position:absolute;inset:0;opacity:.32;background:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 22px),repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 22px);-webkit-mask:radial-gradient(70% 80% at 50% 55%,#000,transparent);mask:radial-gradient(70% 80% at 50% 55%,#000,transparent)}
.sv-stack{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.sv-lg{--k:0;width:clamp(58px,31%,76px);aspect-ratio:1;margin-inline:-7px;object-fit:cover;border-radius:19px;border:2px solid rgba(255,255,255,.14);background:#17191C;box-shadow:0 12px 26px -10px #000,0 0 26px -8px var(--c2);transform:rotate(calc(var(--k)*9deg)) translateY(calc(var(--k)*var(--k)*5px));transition:transform .4s var(--ease,cubic-bezier(.2,.8,.2,1)),box-shadow .3s}
.sv-c:hover .sv-lg{transform:translateX(calc(var(--k)*13px)) translateY(-5px) scale(1.07);box-shadow:0 18px 30px -10px #000,0 0 32px -6px var(--c2)}
.sv-rd{width:clamp(74px,40%,104px);aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 12px 14px rgba(0,0,0,.55));transition:transform .4s var(--ease,cubic-bezier(.2,.8,.2,1))}.sv-c:hover .sv-rd{transform:translateY(-6px) scale(1.09) rotate(-3deg)}
.sv-new-art .sv-ic{position:absolute;left:10px;bottom:10px;z-index:2}.sv-new-art .sv-tag{position:absolute;top:10px;right:10px;z-index:2}
.sv-ls span img{width:15px;height:15px;border-radius:4px;object-fit:cover}
.sv-rec{display:inline-flex;align-self:flex-start;align-items:center;gap:5px;padding:3px 9px;border-radius:99px;background:var(--lime);color:#0B0D10;font-size:11px;font-weight:800}.sv-rec svg{width:12px;height:12px}
@media (min-width:760px){.sv-big{grid-column:span 2}.sv-big .sv-art{aspect-ratio:auto;height:clamp(118px,11vw,150px)}.sv-big .sv-lg{width:78px;margin-inline:2px}}
@media (prefers-reduced-motion:reduce){.sv-lg,.sv-rd{transition:none}.sv-c:hover .sv-lg,.sv-c:hover .sv-rd{transform:rotate(calc(var(--k,0)*9deg))}}html.calm .sv-lg,html.calm .sv-rd{transition:none}
.sv-new-art:has(.sv-lg) .sv-ic{display:none}.sv-new-art:has(.sv-lg) .sv-stack{padding-top:20px;box-sizing:border-box}.sv-lg{width:clamp(50px,25%,64px);margin-inline:-4px;border-radius:15px}.sv-c:hover .sv-lg{transform:translateX(calc(var(--k)*7px)) translateY(-4px) scale(1.06)}.sv-new-art .sv-tag{background:rgba(10,12,15,.72)}
.sv-lg:only-child{width:clamp(64px,34%,78px)}
.sv-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;transition:transform .5s var(--ease,cubic-bezier(.2,.8,.2,1))}.sv-c:hover .sv-ph{transform:scale(1.06)}.sv-new-art:has(.sv-ph)::before{display:none}
@media (prefers-reduced-motion:reduce){.sv-ph{transition:none}.sv-c:hover .sv-ph{transform:none}}html.calm .sv-ph{transition:none}