/* NLauncher — «Витрина дня» и «Коллекции» (shop.v2.js) на /wardrobe и /emotes. Токены — со страницы (e2).
 * Versioned filename: never edit in place (front proxy ignores ?v=) — copy to shop.v3.css. */
.shx,.shx-colls,.shx-modal{--shx-pink:#E0479A;--shx-gold:#D99A06;
  --rc-common:#8A909C;--rc-uncommon:#3FA34D;--rc-rare:#2E6CF6;--rc-epic:#8B5CF6;--rc-legendary:#E59A0C;--rc-mythic:#E6397A}
:root[data-theme="dark"] .shx,:root[data-theme="dark"] .shx-colls,:root[data-theme="dark"] .shx-modal{
  --rc-common:#9AA1AD;--rc-uncommon:#6FD17E;--rc-rare:#6F9BFF;--rc-epic:#B794FF;--rc-legendary:#F5C445;--rc-mythic:#FF6FA5}
.r-common{--rc:var(--rc-common)}.r-uncommon{--rc:var(--rc-uncommon)}.r-rare{--rc:var(--rc-rare)}
.r-epic{--rc:var(--rc-epic)}.r-legendary{--rc:var(--rc-legendary)}.r-mythic{--rc:var(--rc-mythic)}

#daily-shop{margin-top:28px;scroll-margin-top:80px}
#collections{scroll-margin-top:80px}
.shx{padding:22px;border-radius:24px;background:var(--panel);border:1px solid var(--bd);box-shadow:var(--shadow);position:relative;overflow:hidden}
.shx::before{content:"";position:absolute;inset:0 0 auto 0;height:140px;pointer-events:none;
  background:radial-gradient(60% 100% at 0% 0%,color-mix(in srgb,var(--shx-pink) 11%,transparent),transparent 70%)}
.shx-head{position:relative;display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.shx-ico{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:14px;color:var(--shx-pink);
  background:color-mix(in srgb,var(--shx-pink) 13%,var(--panel))}
.shx-ttl{flex:1;min-width:220px;display:flex;flex-direction:column;gap:4px}
.shx-ttl h2{margin:0;font-size:clamp(22px,2.6vw,28px);font-weight:900;letter-spacing:-.03em;line-height:1.05}
.shx-timer{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:12px;background:var(--panel2);border:1px solid var(--bd)}
.shx-timer span{font-size:12.5px;font-weight:700;color:var(--mut)}
.shx-timer b{font-family:var(--mono,ui-monospace,monospace);font-size:16px;font-variant-numeric:tabular-nums;letter-spacing:.02em}

.shx-grid{position:relative;display:grid;grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:14px}
.shx-card{display:flex;flex-direction:column;min-width:0;background:var(--panel);border:1px solid var(--bd);border-radius:18px;overflow:hidden;
  box-shadow:var(--shadow);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.shx-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--rc) 55%,transparent);box-shadow:0 18px 40px -22px color-mix(in srgb,var(--rc) 80%,transparent)}
.shx-pic{position:relative;display:grid;place-items:center;aspect-ratio:1/1;border:0;padding:0;cursor:pointer;width:100%;color:inherit;
  background:radial-gradient(90% 75% at 50% 62%,color-mix(in srgb,var(--rc) 22%,var(--panel2)),var(--panel2) 72%)}
.shx-one{width:78%;height:78%;object-fit:contain;image-rendering:pixelated;transition:transform .25s ease}
.shx-card:hover .shx-one{transform:scale(1.06)}
.shx-collage{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:78%}
.shx-collage img{width:100%;aspect-ratio:1;object-fit:contain;image-rendering:pixelated;border-radius:10px;background:color-mix(in srgb,var(--panel) 55%,transparent)}
.shx-collage img.own{opacity:.5}
.shx-off{position:absolute;top:9px;left:9px;font-family:var(--mono,ui-monospace,monospace);font-weight:800;font-size:12.5px;color:#fff;
  background:var(--shx-pink);padding:3px 8px;border-radius:8px;box-shadow:0 6px 14px -6px var(--shx-pink)}
.shx-tag{position:absolute;top:9px;right:9px;font-size:10.5px;font-weight:800;padding:3px 7px;border-radius:7px;color:var(--ink2);
  background:color-mix(in srgb,var(--panel) 88%,transparent);border:1px solid var(--bd)}
.shx-meta{flex:1;padding:11px 13px 13px;display:flex;flex-direction:column;gap:4px;min-width:0;border-top:3px solid var(--rc)}
.shx-nm{font-weight:800;font-size:14.5px;line-height:1.25;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shx-sub{display:flex;gap:5px;font-size:12px;font-weight:700;color:var(--mut);white-space:nowrap;overflow:hidden;min-width:0}
.shx-sub span:last-child{overflow:hidden;text-overflow:ellipsis}
.shx-rar{color:var(--rc)}
.shx-sp{flex:1;min-height:4px}
.shx-price{display:flex;align-items:center;gap:6px;font-family:var(--mono,ui-monospace,monospace);white-space:nowrap}
.shx-price s{color:var(--mut2);font-weight:600;font-size:12.5px}
.shx-price b{font-size:17px;font-weight:800;color:var(--ink)}
.shx-coin{width:14px;height:14px;image-rendering:pixelated;vertical-align:-2px;flex:none}
.shx-note{font-size:11.5px;color:var(--mut);font-weight:600}
.shx-act{display:flex;gap:6px;margin-top:6px}
.shx-own{display:inline-flex;align-items:center;gap:6px;color:var(--ok);font-weight:800;font-size:13.5px;padding:8px 0 2px}
.shx-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;padding:0 14px;border-radius:11px;border:1px solid var(--bd2);
  background:var(--panel);color:var(--ink);font:inherit;font-weight:700;font-size:13.5px;cursor:pointer;white-space:nowrap;text-decoration:none}
.shx-btn:hover{border-color:var(--ac);color:var(--ac-tx)}
.shx-btn.pri{flex:1;background:var(--ac);border-color:var(--ac);color:#fff;box-shadow:0 10px 22px -12px rgba(46,108,246,.9)}
.shx-btn.pri:hover{background:var(--ac2);color:#fff}
.shx-btn.ico{width:38px;padding:0;color:var(--shx-pink)}
.shx-btn[disabled]{opacity:.6;cursor:default}
.shx-hint{position:relative;margin:16px 0 0;font-size:13.5px;color:var(--mut)}

/* коллекции */
.shx-colls{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px}
.shx-coll{display:flex;gap:14px;align-items:center;padding:14px;border-radius:20px;background:var(--panel);border:1px solid var(--bd);box-shadow:var(--shadow);min-width:0}
.shx-rw{position:relative;flex:none;width:84px;height:84px;display:grid;place-items:center;border-radius:16px;border:0;padding:0;cursor:pointer;color:var(--shx-gold);
  background:radial-gradient(80% 80% at 50% 58%,color-mix(in srgb,var(--shx-gold) 32%,var(--panel2)),var(--panel2) 75%);
  box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--shx-gold) 55%,transparent)}
.shx-rw[disabled]{cursor:default}
.shx-rw img{width:76px;height:76px;object-fit:contain;image-rendering:pixelated}
.shx-got{position:absolute;right:-5px;bottom:-5px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--ok);box-shadow:0 0 0 3px var(--panel)}
.shx-got svg{width:12px;height:12px}
.shx-cm{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
.shx-cn{display:flex;align-items:baseline;gap:10px}
.shx-cn b{flex:1;min-width:0;font-size:16px;font-weight:800;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shx-cnt{font-family:var(--mono,ui-monospace,monospace);font-weight:800;font-size:13.5px;color:var(--ink2)}
.shx-cnt.ok{color:var(--ok)}
.shx-cbar{position:relative;display:block;height:8px;border-radius:99px;background:var(--panel2);box-shadow:inset 0 0 0 1px var(--bd)}
.shx-cbar span{display:block;height:100%;border-radius:99px;background:var(--ac)}
.shx-cbar span.ok{background:var(--ok)}
.shx-cbar i{position:absolute;top:-3px;width:2px;height:14px;margin-left:-1px;border-radius:2px;background:var(--mut2)}
.shx-ms{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--mut);font-weight:600}
.shx-ms li{display:flex;align-items:center;gap:7px;min-width:0}
.shx-ms em{display:inline-flex;align-items:center;gap:3px;font-style:normal;font-family:var(--mono,ui-monospace,monospace);font-size:11px;font-weight:800;color:var(--ink2);min-width:44px}
.shx-ms em svg{width:12px;height:12px}
.shx-ms li.ok{color:var(--ok)}
.shx-ms li.ok em{color:var(--ok)}

/* окно */
.shx-lock{overflow:hidden}
.shx-modal{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:16px;background:rgba(8,10,16,.55);backdrop-filter:blur(4px)}
.shx-box{position:relative;width:min(440px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:22px;border-radius:24px;background:var(--panel);color:var(--ink);box-shadow:var(--shadow-lg,0 30px 70px -24px rgba(0,0,0,.5))}
.shx-x{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:11px;border:0;background:var(--panel2);color:var(--ink);cursor:pointer;display:grid;place-items:center;z-index:1}
.shx-body h3{margin:14px 0 6px;font-size:22px;font-weight:900;letter-spacing:-.03em}
.shx-body p{margin:0 0 10px;color:var(--ink2);font-size:14.5px;line-height:1.5}
.shx-body .kicker{display:block;margin-top:14px}
.shx-mpic{position:relative;height:190px;display:grid;place-items:center;border-radius:18px;
  background:radial-gradient(90% 75% at 50% 62%,color-mix(in srgb,var(--rc) 24%,var(--panel2)),var(--panel2) 72%)}
.shx-mpic.big{height:250px}
.shx-mpic .shx-one{width:auto;height:88%}
.shx-mpic .shx-collage{width:170px}
.shx-bal{font-size:13.5px}
.shx-small{font-size:12.5px!important;color:var(--mut)!important;margin:12px 0 0!important}
.shx-mact{display:flex;gap:10px;margin-top:6px}
.shx-mact .shx-btn{height:46px;flex:1}
.shx-mact .shx-btn.pri{flex:2}

.shx-toast{position:fixed;left:50%;bottom:24px;z-index:95;transform:translateX(-50%);display:flex;flex-direction:column;gap:3px;max-width:min(460px,calc(100vw - 32px));
  padding:13px 18px;border-radius:14px;background:var(--ink);color:var(--bg);box-shadow:0 18px 40px -16px rgba(0,0,0,.5);animation:shxIn .25s ease}
.shx-toast b{font-size:14.5px}
.shx-toast span{font-size:13px;opacity:.8}
.shx-toast.out{opacity:0;transform:translate(-50%,8px);transition:.3s}
@keyframes shxIn{from{opacity:0;transform:translate(-50%,10px)}}

@media (max-width:640px){
  .shx{padding:16px;border-radius:20px}
  .shx-head{gap:10px;margin-bottom:14px}
  .shx-ico{width:38px;height:38px}
  .shx-timer{width:100%;justify-content:space-between}
  .shx-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .shx-meta{padding:10px 10px 11px}
  .shx-nm{font-size:13.5px}
  .shx-price b{font-size:15.5px}
  .shx-btn{height:36px;padding:0 10px;font-size:13px}
  .shx-btn.ico{width:36px}
  .shx-colls{grid-template-columns:1fr}
  .shx-rw{width:72px;height:72px}
  .shx-rw img{width:66px;height:66px}
}
@media (prefers-reduced-motion:reduce){.shx-card,.shx-one{transition:none}.shx-toast{animation:none}}