.mk-wrap{ padding:28px 0 60px; }

.mk-top{ display:flex; align-items:center; gap:16px; margin-bottom:18px; }
.mk-top-ic{ width:48px; height:48px; border-radius:13px; background:linear-gradient(135deg,var(--span,#5fe3ff),#2b7fff); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.mk-top-ic svg{ width:24px; height:24px; fill:#fff; }
.mk-title{ font-family:var(--font-family-1,'Unbounded'),sans-serif; font-size:22px; font-weight:800; letter-spacing:.01em; margin:0; color:var(--text-default); }
.mk-sub{ color:var(--text-custom); font-size:13.5px; margin:6px 0 0; }
.mk-soon{ margin-left:auto; flex-shrink:0; background:rgba(244,202,128,.12); border:1px solid rgba(244,202,128,.3); color:#f4ca80; font-size:11.5px; font-weight:700; padding:6px 12px; border-radius:999px; white-space:nowrap; }

.mk-notice{ display:flex; align-items:center; gap:8px; background:rgba(255,255,255,.035); border:1px solid var(--transparent-5-w); border-radius:10px; padding:11px 14px; font-size:12.5px; color:var(--text-custom); margin-bottom:22px; }
.mk-notice svg{ width:15px; height:15px; fill:var(--text-custom); flex-shrink:0; }

.mk-cats{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:24px; }
.mk-cat{ display:inline-flex; align-items:center; gap:7px; padding:9px 16px; border-radius:10px; background:rgba(255,255,255,.035); border:1px solid var(--transparent-5-w); font-size:13px; font-weight:600; color:var(--text-custom); cursor:pointer; white-space:nowrap; transition:.15s; }
.mk-cat svg{ width:13px; height:13px; fill:currentColor; }
.mk-cat:hover{ color:var(--text-default); }
.mk-cat.active{ background:linear-gradient(120deg,var(--span,#5fe3ff),#2b7fff); color:#fff; border-color:transparent; }

.mk-tools{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:22px; }
.mk-search{ flex:1; min-width:200px; display:flex; align-items:center; gap:10px; background:rgba(255,255,255,.035); border:1px solid var(--transparent-5-w); border-radius:10px; padding:0 14px; height:42px; }
.mk-search svg{ width:15px; height:15px; fill:var(--text-custom); flex-shrink:0; }
.mk-search input{ flex:1; height:100%; background:transparent; border:none; outline:none; color:var(--text-default); font-size:13.5px; font-family:inherit; }
.mk-search input::placeholder{ color:var(--text-custom); }
.mk-sort{ height:42px; padding:0 14px; border-radius:10px; background:rgba(255,255,255,.035); border:1px solid var(--transparent-5-w); color:var(--text-default); font-size:13px; font-weight:600; font-family:inherit; cursor:pointer; }
.mk-cur{ display:flex; gap:4px; background:rgba(255,255,255,.035); border:1px solid var(--transparent-5-w); border-radius:10px; padding:4px; height:42px; box-sizing:border-box; }
.mk-cur-opt{ display:flex; align-items:center; gap:6px; padding:0 12px; border-radius:7px; font-size:12.5px; font-weight:700; color:var(--text-custom); cursor:pointer; white-space:nowrap; }
.mk-cur-opt.active{ background:linear-gradient(120deg,var(--span,#5fe3ff),#2b7fff); color:#fff; }
.mk-cur-mark{ width:9px; height:9px; border-radius:50%; display:inline-block; }
.mk-cur-mark-a{ background:var(--green); }
.mk-cur-mark-i{ background:#f4ca80; }

.mk-empty{ grid-column:1/-1; text-align:center; padding:40px 20px; color:var(--text-custom); font-size:13.5px; background:rgba(255,255,255,.02); border:1px dashed var(--transparent-10-w); border-radius:16px; }

.mk-layout{ display:grid; grid-template-columns:1fr 320px; gap:22px; align-items:start; }
@media (max-width:920px){ .mk-layout{ grid-template-columns:1fr; } }

.mk-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(212px,1fr)); gap:14px; }

.mk-item{
  position: relative;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--rarity-color, #5c6b7a) 16%, transparent) 0%, transparent 65%),
    rgba(255,255,255,.035);
  border:1px solid var(--transparent-5-w); border-radius:16px; overflow:hidden;
  transition: transform .2s;
}
.mk-item::before{
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: var(--rarity-color, #5c6b7a);
}
.mk-item:hover{
  transform: translateY(-2px);
}
.mk-item-tag{ font-size:10.5px; font-weight:700; letter-spacing:.06em; color:var(--rarity-color, var(--text-custom)); padding:10px 14px 0; text-transform:uppercase; }
.mk-item-art{ height:104px; display:flex; align-items:center; justify-content:center; }
.mk-item-art svg{ width:42px; height:42px; fill:rgba(255,255,255,.45); }
.mk-tint{ width:38px; height:38px; border-radius:50%; box-shadow:0 0 18px currentColor; }
.mk-item-body{ padding:12px 14px 14px; border-top:1px solid var(--transparent-5-w); }
.mk-item-name{ font-weight:700; font-size:14.5px; color:var(--text-default); }
.mk-item-meta{ color:var(--text-custom); font-size:11.5px; margin-top:3px; }
.mk-item-foot{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; margin-top:12px; }
.mk-price{ display:flex; align-items:center; gap:6px; font-weight:800; font-size:14.5px; color:var(--text-default); white-space:nowrap; }
.mk-price-dot{
  display:inline-flex; align-items:center; justify-content:center; flex-shrink:0;
  width:15px; height:15px; border-radius:5px;
  background:rgba(100,206,130,.16); color:#64ce82;
  font-size:10.5px; font-weight:800; line-height:1;
}
.mk-buy{ flex-shrink:0; white-space:nowrap; background:linear-gradient(120deg,var(--span,#5fe3ff),#2b7fff); border:none; color:#fff; font-weight:700; font-size:12.5px; padding:8px 16px; border-radius:9px; cursor:pointer; transition:transform .15s, box-shadow .2s; }
.mk-buy:hover{ transform:translateY(-2px); box-shadow:0 8px 18px rgba(43,127,255,.4); }

.mk-side{ display:flex; flex-direction:column; gap:14px; }
.mk-card{ background:rgba(255,255,255,.035); border:1px solid var(--transparent-5-w); border-radius:18px; padding:18px; }
.mk-card h3{ font-family:var(--font-family-1,'Unbounded'),sans-serif; font-size:14px; font-weight:700; margin:0 0 14px; display:flex; align-items:center; gap:8px; color:var(--text-default); }
.mk-card h3 svg{ width:16px; height:16px; fill:var(--span,#5fe3ff); }

.mk-stat-row{ display:flex; gap:10px; }
.mk-stat{ flex:1; background:rgba(255,255,255,.04); border-radius:12px; padding:12px; text-align:center; }
.mk-stat b{ display:block; font-size:19px; font-weight:800; color:var(--text-default); }
.mk-stat span{ font-size:10.5px; color:var(--text-custom); text-transform:uppercase; }

.mk-pulse{ width:8px; height:8px; border-radius:50%; background:var(--green); margin-top:5px; flex-shrink:0; box-shadow:0 0 0 0 rgba(100,206,130,.6); animation:mkPulse 1.8s infinite; }

/* ===== Живая лента — бегущая полоса наверху страницы (кейсы + победы апгрейда) ===== */
.mk-ticker-outer{
  position:relative; width:100%; overflow:hidden; padding:12px 0; margin-bottom:22px;
  background:linear-gradient(180deg, rgba(41,163,171,.08), rgba(43,127,255,.04) 60%, transparent);
  border-top:1px solid var(--transparent-5-w); border-bottom:1px solid var(--transparent-5-w);
  border-radius:14px;
}
.mk-ticker-outer::before, .mk-ticker-outer::after{
  content:''; position:absolute; top:0; bottom:0; width:40px; z-index:3; pointer-events:none;
}
.mk-ticker-outer::before{ left:0; background:linear-gradient(90deg, var(--bg,#0b0f17), transparent); }
.mk-ticker-outer::after{ right:0; background:linear-gradient(-90deg, var(--bg,#0b0f17), transparent); }
.mk-ticker-empty{ padding:8px 14px; font-size:12.5px; color:var(--text-custom); }

/* Никакой бесконечной автопрокрутки — лента стоит на месте, пока нет новых записей (см. JS
   applyFeed/refreshFeed). Прокрутка только вручную (свайп/колесо), если карточек больше, чем
   влезает по ширине. Новая карточка появляется слева анимацией mkTickerIn — см. ниже. */
.mk-ticker-track{ display:flex; gap:12px; padding:2px 14px; overflow-x:auto; scrollbar-width:none; }
.mk-ticker-track::-webkit-scrollbar{ display:none; }

.mk-ticker-card{
  flex-shrink:0; display:flex; align-items:center; gap:10px; padding:7px 15px 7px 7px;
  background:rgba(255,255,255,.035); border:1px solid var(--transparent-5-w); border-radius:13px;
  border-left:3px solid var(--tc,#5c6b7a); white-space:nowrap; transition:transform .15s, border-color .15s;
}
.mk-ticker-card:hover{ transform:translateY(-2px); border-color:var(--transparent-10-w); }
.mk-ticker-card.mk-ticker-new{ animation:mkTickerIn .5s cubic-bezier(.3,.8,.3,1); }
@keyframes mkTickerIn{ from{ opacity:0; transform:translateX(-22px) scale(.94); } to{ opacity:1; transform:none; } }
@media (prefers-reduced-motion: reduce){ .mk-ticker-card.mk-ticker-new{ animation:none; } }
.mk-ticker-avatar{ width:30px; height:30px; border-radius:50%; flex-shrink:0; object-fit:cover; box-shadow:0 0 0 2px rgba(255,255,255,.08); }
.mk-ticker-item-img{ width:42px; height:30px; object-fit:contain; flex-shrink:0; filter:drop-shadow(0 4px 8px rgba(0,0,0,.4)); }
.mk-ticker-info{ display:flex; flex-direction:column; gap:1px; min-width:0; }
.mk-ticker-nick{ font-size:11px; font-weight:700; color:var(--text-default); }
.mk-ticker-nick span{ color:var(--text-custom); font-weight:400; }
.mk-ticker-name{ font-size:11.5px; font-weight:700; color:var(--tc,#5c6b7a); }
.mk-ticker-src{ font-size:10px; color:var(--text-custom); }
@media (max-width:700px){ .mk-ticker-outer::before, .mk-ticker-outer::after{ display:none; } }

.mk-top-sellers{ display:flex; flex-direction:column; gap:8px; }
.mk-ts-row{ display:flex; align-items:center; gap:10px; }
.mk-ts-rank{ width:22px; height:22px; border-radius:7px; background:rgba(255,255,255,.06); display:flex; align-items:center; justify-content:center; font-size:11px; font-weight:800; color:var(--text-custom); flex-shrink:0; }
.mk-ts-rank.first{ background:linear-gradient(135deg,#ffd76a,#f4ca80); color:#40320a; }
.mk-ts-name{ flex:1; font-size:13px; font-weight:600; color:var(--text-default); }
.mk-ts-val{ font-size:12px; color:var(--green); font-weight:700; }

@keyframes mkPulse{
  0%{ box-shadow:0 0 0 0 rgba(100,206,130,.6); }
  70%{ box-shadow:0 0 0 7px rgba(100,206,130,0); }
  100%{ box-shadow:0 0 0 0 rgba(100,206,130,0); }
}

.mk-toast{
  position:fixed; left:50%; bottom:24px; transform:translateX(-50%) translateY(20px);
  background:#0b1220; border:1px solid var(--transparent-10-w); color:var(--text-default);
  font-size:13px; font-weight:600; padding:12px 20px; border-radius:12px; max-width:90vw;
  box-shadow:0 16px 40px rgba(0,0,0,.4); opacity:0; pointer-events:none; transition:opacity .2s, transform .2s;
  z-index:1100;
}
.mk-toast.show{ opacity:1; transform:translateX(-50%) translateY(0); }

.mk-ax-balance{ font-size:14px; font-weight:800; color:var(--text-default); margin-bottom:2px; }
.mk-ax-balance b{ color:var(--green); }
.mk-ax-rate{ font-size:11.5px; color:var(--text-custom); margin-bottom:14px; }
.mk-ax-row{ display:flex; gap:8px; margin-bottom:10px; }
.mk-ax-input{ flex:1; min-width:0; height:38px; padding:0 12px; border-radius:9px; background:rgba(255,255,255,.04); border:1px solid var(--transparent-10-w); color:var(--text-default); font-size:13px; font-family:inherit; }
.mk-ax-input::-webkit-outer-spin-button, .mk-ax-input::-webkit-inner-spin-button{ margin:0; }
.mk-ax-btn{ flex-shrink:0; height:38px; padding:0 16px; border-radius:9px; border:none; background:linear-gradient(120deg,var(--span,#5fe3ff),#2b7fff); color:#fff; font-weight:700; font-size:12.5px; cursor:pointer; }
.mk-ax-btn-ghost{ background:rgba(255,255,255,.06); color:var(--text-default); }
.mk-ax-preview{ font-size:12px; font-weight:700; color:var(--span,#5fe3ff); min-height:16px; margin-bottom:6px; }
.mk-ax-msg{ font-size:12px; margin-top:6px; min-height:16px; display:none; }
.mk-ax-msg.show{ display:block; }
.mk-ax-msg.ok{ color:var(--green); }
.mk-ax-msg.err{ color:#ff5b6e; }
.mk-ax-guest{ font-size:12.5px; color:var(--text-custom); line-height:1.5; }

.mk-item-art img{ max-width:100%; max-height:100%; object-fit:contain; filter:drop-shadow(0 6px 14px rgba(0,0,0,.35)); }
.mk-item.owned{ opacity:.7; }
.mk-buy.owned{ background:rgba(100,206,130,.14); color:var(--green); box-shadow:none; cursor:default; display:flex; align-items:center; gap:6px; }
.mk-buy.owned:hover{ transform:none; box-shadow:none; }
.mk-buy.owned svg{ width:13px; height:13px; fill:var(--green); }
.mk-buy:disabled{ opacity:.6; cursor:progress; }
.mk-toast.err{ border-color:rgba(255,91,110,.4); color:#ff5b6e; }
.mk-toast.ok{ border-color:rgba(100,206,130,.4); }
.mk-howto{ font-size:12.5px; color:var(--text-custom); line-height:1.6; margin:0; }
.mk-howto a{ color:var(--span,#5fe3ff); text-decoration:underline; }

.mk-tabs{ display:flex; gap:6px; margin-bottom:22px; border-bottom:1px solid var(--transparent-5-w); }
.mk-tab{ padding:11px 18px; font-size:13.5px; font-weight:700; color:var(--text-custom); cursor:pointer; border-bottom:2px solid transparent; transition:.15s; }
.mk-tab:hover{ color:var(--text-default); }
.mk-tab.active{ color:var(--text-default); border-bottom-color:var(--span,#5fe3ff); }
.mk-tab b{ display:inline-block; margin-left:4px; background:linear-gradient(120deg,var(--span,#5fe3ff),#2b7fff); color:#fff; font-size:10.5px; padding:1px 6px; border-radius:999px; }

.mk-item-seller-badge{ display:flex; align-items:center; gap:5px; padding:0 14px; margin-top:4px; min-width:0; }
.mk-item-seller-badge img{ flex-shrink:0; width:16px; height:16px; border-radius:50%; object-fit:cover; }
.mk-item-seller-badge span{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; color:var(--text-custom); }
.mk-item.p2p .mk-item-tag{ color:var(--span,#5fe3ff); }

.mk-buy.cancel{ background:rgba(255,91,110,.12); color:#ff5b6e; box-shadow:none; }
.mk-buy.cancel:hover{ transform:none; box-shadow:none; background:rgba(255,91,110,.2); }
.mk-buy.sell{ background:linear-gradient(120deg,var(--span,#5fe3ff),#2b7fff); }

.mk-sell-price{ width:100px; height:32px; padding:0 10px; border-radius:8px; background:rgba(255,255,255,.05); border:1px solid var(--transparent-10-w); color:var(--text-default); font-size:12.5px; font-family:inherit; }
.mk-sell-price::-webkit-outer-spin-button, .mk-sell-price::-webkit-inner-spin-button{ margin:0; }

.mk-sec-title{ font-family:var(--font-family-1,'Unbounded'),sans-serif; font-size:16px; font-weight:700; color:var(--text-default); margin:0 0 16px; }
.mk-sec-title:not(:first-child){ margin-top:32px; }
.mk-empty-text{ font-size:13px; color:var(--text-custom); margin:0 0 8px; }
.mk-mine-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
@media (max-width:1140px){ .mk-mine-grid{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:760px){ .mk-mine-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:480px){ .mk-mine-grid{ grid-template-columns:1fr; } }

/* ===== Кейсы ===== */
.mk-case-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
@media (max-width:1140px){ .mk-case-grid{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:760px){ .mk-case-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:480px){ .mk-case-grid{ grid-template-columns:1fr; } }

.mk-case-card{ background:rgba(255,255,255,.035); border:1px solid var(--transparent-5-w); border-radius:18px; padding:18px; text-align:center; }
.mk-case-art{ height:120px; display:flex; align-items:center; justify-content:center; margin-bottom:10px; }
.mk-case-art img{ max-width:80%; max-height:100%; object-fit:contain; filter:drop-shadow(0 10px 18px rgba(0,0,0,.4)); }
.mk-case-art svg{ width:44px; height:44px; fill:rgba(255,255,255,.35); }
.mk-case-name{ font-family:var(--font-family-1,'Unbounded'),sans-serif; font-weight:700; font-size:14.5px; color:var(--text-default); margin-bottom:2px; }
.mk-case-count{ font-size:11.5px; color:var(--text-custom); margin-bottom:4px; }
.mk-case-hint{ font-size:10.5px; color:var(--text-custom); opacity:.7; margin-bottom:10px; line-height:1.35; }
.mk-case-buys{ display:flex; flex-direction:column; gap:8px; margin-bottom:10px; }
.mk-case-buy{ display:flex; align-items:center; justify-content:center; gap:6px; width:100%; padding:10px 0; border-radius:10px; border:none; cursor:pointer; background:linear-gradient(120deg,var(--span,#5fe3ff),#2b7fff); color:#fff; font-weight:700; font-size:12.5px; transition:transform .15s, box-shadow .2s; }
.mk-case-buy:hover{ transform:translateY(-2px); box-shadow:0 8px 18px rgba(43,127,255,.4); }
.mk-case-buy:disabled{ opacity:.5; cursor:not-allowed; transform:none; box-shadow:none; }
.mk-case-buy svg{ width:13px; height:13px; fill:#fff; }
.mk-case-buy[data-currency="rub"]{ background:rgba(255,255,255,.08); }
.mk-case-odds-toggle{ background:none; border:none; color:var(--text-custom); font-size:11.5px; text-decoration:underline; cursor:pointer; padding:4px 0; }
.mk-case-odds-toggle:hover{ color:var(--text-default); }
.mk-case-odds{ text-align:left; margin-top:10px; display:flex; flex-direction:column; gap:6px; max-height:220px; overflow-y:auto; }
.mk-case-odds-row{ display:flex; align-items:center; gap:8px; font-size:11.5px; }
.mk-case-odds-row img{ width:26px; height:26px; object-fit:contain; flex-shrink:0; }
.mk-case-odds-name{ flex:1; min-width:0; color:var(--text-default); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mk-case-odds-pct{ color:var(--span,#5fe3ff); font-weight:700; flex-shrink:0; font-variant-numeric:tabular-nums; }

/* ===== Лента-рулетка открытия кейса ===== */
.mk-reel-overlay{ position:fixed; inset:0; z-index:1000; background:rgba(4,7,14,.88); backdrop-filter:blur(6px); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:24px; }
.mk-reel-box{ position:relative; width:924px; max-width:94vw; height:150px; overflow:hidden; border-radius:16px; background:linear-gradient(180deg,#0b1220,#0d1524); border:1px solid rgba(255,255,255,.08); }
.mk-reel-box::before, .mk-reel-box::after{ content:""; position:absolute; top:0; bottom:0; width:80px; z-index:2; pointer-events:none; }
.mk-reel-box::before{ left:0; background:linear-gradient(90deg,#0b1220,transparent); }
.mk-reel-box::after{ right:0; background:linear-gradient(270deg,#0b1220,transparent); }
.mk-reel-marker{ position:absolute; left:50%; top:0; bottom:0; width:2px; background:var(--span,#5fe3ff); transform:translateX(-50%); z-index:3; box-shadow:0 0 12px var(--span,#5fe3ff); }
.mk-reel-track{ display:flex; height:100%; will-change:transform; }
.mk-reel-slot{ flex:0 0 122px; width:122px; margin:0 5px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.05); border-radius:12px; padding:10px; box-sizing:border-box; }
.mk-reel-slot img{ max-width:70px; max-height:60px; object-fit:contain; }
.mk-reel-slot span{ font-size:10px; color:var(--text-custom); text-align:center; line-height:1.3; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.mk-reel-result{ display:flex; flex-direction:column; align-items:center; gap:14px; }
.mk-reel-result-name{ font-family:var(--font-family-1,'Unbounded'),sans-serif; font-size:20px; font-weight:800; color:var(--text-default); text-align:center; }
.mk-btn-primary{ padding:12px 28px; border-radius:11px; border:none; cursor:pointer; background:linear-gradient(120deg,var(--span,#5fe3ff),#2b7fff); color:#fff; font-weight:700; font-size:13.5px; }
.mk-reel-x{ position:absolute; top:24px; right:28px; width:40px; height:40px; border-radius:50%; border:1px solid rgba(255,255,255,.15); background:rgba(255,255,255,.06); color:#fff; font-size:22px; line-height:1; cursor:pointer; }
.mk-reel-x:hover{ background:rgba(255,255,255,.14); }
.mk-reel-status{ font-size:14px; color:var(--text-custom); }
.mk-reel-noimg{ font-size:26px; opacity:.5; }
@media (max-width:700px){ .mk-reel-box{ height:120px; } .mk-reel-slot{ flex-basis:98px; width:98px; } }

/* ===== Апгрейд скинов: риск-апгрейд + трейд-ап контракт ===== */
.mk-upg-modes{ display:flex; gap:8px; margin-bottom:18px; }
.mk-upg-mode-btn{ padding:9px 18px; border-radius:10px; border:1px solid var(--transparent-5-w); background:rgba(255,255,255,.03); color:var(--text-custom); font-weight:700; font-size:12.5px; cursor:pointer; transition:background .2s, color .2s; }
.mk-upg-mode-btn.active{ background:linear-gradient(120deg,var(--span,#5fe3ff),#2b7fff); color:#fff; border-color:transparent; }
.mk-upg-hint{ font-size:12.5px; color:var(--text-custom); margin:0 0 18px; max-width:640px; line-height:1.5; }

.mk-upg-input-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(140px,1fr)); gap:12px; margin-bottom:20px; }
.mk-upg-input-card{ background:rgba(255,255,255,.03); border:1px solid var(--transparent-5-w); border-radius:14px; padding:12px; text-align:center; cursor:pointer; transition:border-color .15s, transform .15s; border-left:3px solid var(--rc,#5c6b7a); }
.mk-upg-input-card:hover{ transform:translateY(-2px); }
.mk-upg-input-card.active{ border-color:var(--span,#5fe3ff); box-shadow:0 0 0 1px var(--span,#5fe3ff); }
.mk-upg-input-art{ height:64px; display:flex; align-items:center; justify-content:center; margin-bottom:6px; }
.mk-upg-input-art img{ max-width:85%; max-height:100%; object-fit:contain; }
.mk-upg-input-tier{ font-size:10px; font-weight:700; color:var(--rc,#5c6b7a); text-transform:uppercase; letter-spacing:.03em; margin-bottom:2px; }
.mk-upg-input-name{ font-size:11.5px; color:var(--text-default); line-height:1.3; }

.mk-upg-target-area{ border-top:1px solid var(--transparent-5-w); padding-top:18px; }
.mk-upg-selected{ font-size:13px; font-weight:700; color:var(--text-default); margin-bottom:12px; }
.mk-upg-tier-picker{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:14px; }
.mk-upg-tier-btn{ padding:8px 14px; border-radius:10px; border:1px solid var(--rc,#5c6b7a); background:rgba(255,255,255,.02); color:var(--text-default); font-size:11.5px; font-weight:700; cursor:pointer; display:flex; flex-direction:column; align-items:center; gap:2px; transition:background .15s; }
.mk-upg-tier-btn span{ font-size:10px; font-weight:600; color:var(--text-custom); }
.mk-upg-tier-btn.active{ background:var(--rc,#5c6b7a); color:#0b1220; }
.mk-upg-tier-btn.active span{ color:rgba(11,18,32,.75); }
.mk-upg-type-chips{ display:flex; gap:6px; margin-bottom:10px; }
.mk-upg-type-chip{ padding:6px 13px; border-radius:999px; border:1px solid var(--transparent-5-w); background:rgba(255,255,255,.03); color:var(--text-custom); font-size:11.5px; font-weight:700; cursor:pointer; }
.mk-upg-type-chip.active{ background:linear-gradient(120deg,var(--span,#5fe3ff),#2b7fff); color:#fff; border-color:transparent; }
.mk-upg-search{ width:100%; max-width:320px; padding:9px 12px; border-radius:9px; border:1px solid var(--transparent-5-w); background:rgba(255,255,255,.03); color:var(--text-default); font-size:12.5px; margin-bottom:14px; }
.mk-upg-target-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); gap:12px; }
.mk-upg-target-card{ background:rgba(255,255,255,.03); border:1px solid var(--transparent-5-w); border-radius:14px; padding:12px; text-align:center; }
.mk-upg-target-art{ height:64px; display:flex; align-items:center; justify-content:center; margin-bottom:6px; }
.mk-upg-target-art img{ max-width:85%; max-height:100%; object-fit:contain; }
.mk-upg-target-name{ font-size:11.5px; color:var(--text-default); line-height:1.3; margin-bottom:10px; min-height:28px; }
.mk-upg-target-go{ width:100%; padding:8px 0; border-radius:9px; border:none; cursor:pointer; background:linear-gradient(120deg,var(--span,#5fe3ff),#2b7fff); color:#fff; font-weight:700; font-size:11px; }
.mk-upg-target-go:disabled{ opacity:.5; cursor:not-allowed; }

.mk-upg-tu-tiers{ display:flex; flex-wrap:wrap; gap:10px; margin-bottom:18px; }
.mk-upg-tu-tier-btn{ padding:10px 16px; border-radius:11px; border:1px solid var(--rc,#5c6b7a); background:rgba(255,255,255,.02); color:var(--text-default); font-size:12.5px; font-weight:700; cursor:pointer; }
.mk-upg-tu-tier-btn span{ color:var(--text-custom); font-weight:600; }
.mk-upg-tu-tier-btn.active{ background:var(--rc,#5c6b7a); color:#0b1220; }
.mk-upg-tu-tier-btn.active span{ color:rgba(11,18,32,.75); }
.mk-upg-tu-select-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(130px,1fr)); gap:10px; margin-bottom:14px; }
.mk-upg-tu-item{ background:rgba(255,255,255,.03); border:1px solid var(--transparent-5-w); border-radius:12px; padding:10px; text-align:center; cursor:pointer; transition:border-color .15s; }
.mk-upg-tu-item.active{ border-color:var(--span,#5fe3ff); box-shadow:0 0 0 1px var(--span,#5fe3ff); background:rgba(95,227,255,.08); }
.mk-upg-tu-item-art{ height:56px; display:flex; align-items:center; justify-content:center; margin-bottom:6px; }
.mk-upg-tu-item-art img{ max-width:85%; max-height:100%; object-fit:contain; }
.mk-upg-tu-item-name{ font-size:10.5px; color:var(--text-default); line-height:1.3; }
.mk-upg-tu-select-foot{ display:flex; align-items:center; gap:16px; }
.mk-upg-tu-select-foot span{ font-size:12.5px; color:var(--text-custom); font-weight:700; }

/* ===== «Колесо» — быстрый апгрейд одним предметом с крутящейся шкалой (как uptrader.pro) ===== */
.mk-wheel-grid{ display:grid; grid-template-columns:1fr 300px 1fr; gap:22px; align-items:start; }
@media (max-width:900px){ .mk-wheel-grid{ grid-template-columns:1fr; } }
.mk-wheel-panel{ background:rgba(255,255,255,.03); border:1px solid var(--transparent-5-w); border-radius:20px; padding:22px 18px; }
.mk-wheel-panel h4{ font-size:12.5px; font-weight:700; color:var(--text-custom); margin:0 0 14px; text-transform:uppercase; letter-spacing:.07em; }
.mk-wheel-slot{ position:relative; border-radius:16px; background:rgba(255,255,255,.025); border:1px solid var(--transparent-5-w); padding:16px; text-align:center; overflow:hidden; border-bottom:3px solid var(--rc,#5c6b7a); }
.mk-wheel-slot img{ width:100%; max-width:140px; height:80px; object-fit:contain; filter:drop-shadow(0 6px 14px rgba(0,0,0,.4)); }
.mk-wheel-slot .nm{ margin-top:10px; font-size:12.5px; font-weight:600; color:var(--text-default); line-height:1.3; min-height:32px; }
.mk-wheel-slot .lbl{ font-size:10px; text-transform:uppercase; letter-spacing:.08em; color:var(--text-custom); font-weight:700; margin-bottom:8px; }
.mk-wheel-slot.empty{ display:flex; align-items:center; justify-content:center; min-height:150px; color:var(--text-custom); font-size:12px; cursor:pointer; }
.mk-wheel-swatches{ display:flex; gap:7px; margin-top:12px; flex-wrap:wrap; justify-content:center; max-height:130px; overflow-y:auto; }
.mk-wheel-swatches img{ width:32px; height:32px; object-fit:contain; padding:4px; border-radius:8px; background:rgba(255,255,255,.04); border:1px solid transparent; cursor:pointer; transition:.15s; }
.mk-wheel-swatches img:hover{ border-color:var(--transparent-10-w); transform:translateY(-2px); }
.mk-wheel-swatches img.sel{ border-color:var(--span,#5fe3ff); background:rgba(95,227,255,.12); }

.mk-wheel-gaugebox{ display:flex; flex-direction:column; align-items:center; gap:16px; }
.mk-wheel-gauge{ position:relative; width:210px; height:210px; }
.mk-wheel-ring{ position:absolute; inset:0; transition:transform 4.4s cubic-bezier(.1,.7,.08,1); }
.mk-wheel-ring svg{ width:100%; height:100%; transform:rotate(-90deg); }
.mk-wheel-track{ fill:none; stroke:rgba(255,255,255,.07); stroke-width:13; }
.mk-wheel-fill{ fill:none; stroke-width:13; stroke-linecap:round; transition:stroke-dasharray .4s cubic-bezier(.3,.8,.3,1), stroke .3s; }
.mk-wheel-gauge.spinning .mk-wheel-ring{ animation:mkWheelPulse 1s ease-in-out infinite; }
@keyframes mkWheelPulse{ 0%,100%{ filter:drop-shadow(0 0 0 rgba(95,227,255,0)); } 50%{ filter:drop-shadow(0 0 14px rgba(95,227,255,.4)); } }
.mk-wheel-marker{
  position:absolute; left:50%; bottom:-4px; width:0; height:0; z-index:5; transform:translateX(-50%);
  border-left:9px solid transparent; border-right:9px solid transparent; border-bottom:15px solid #fff;
  filter:drop-shadow(0 0 8px rgba(255,255,255,.75)) drop-shadow(0 0 16px rgba(95,227,255,.5));
}
.mk-wheel-center{ position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.mk-wheel-center .num{ font-family:var(--font-family-1,'Unbounded'),sans-serif; font-size:36px; font-weight:800; background:linear-gradient(120deg,var(--span,#5fe3ff),#2b7fff); -webkit-background-clip:text; background-clip:text; color:transparent; line-height:1; }
.mk-wheel-center .lb{ font-size:10.5px; color:var(--text-custom); text-transform:uppercase; letter-spacing:.09em; margin-top:6px; }

.mk-wheel-chiprow{ display:flex; align-items:center; gap:7px; flex-wrap:wrap; justify-content:center; }
.mk-wheel-chip{ font-family:var(--font-family-1,'Unbounded'),sans-serif; font-weight:700; font-size:11.5px; padding:8px 13px; border-radius:9px; cursor:pointer; border:1px solid var(--transparent-10-w); background:rgba(255,255,255,.03); color:var(--text-custom); transition:.15s; }
.mk-wheel-chip:hover{ background:rgba(255,255,255,.06); color:var(--text-default); }
.mk-wheel-chip.active{ color:#0b1220; }
.mk-wheel-chip[data-k].active{ background:linear-gradient(120deg,var(--span,#5fe3ff),#2b7fff); color:#fff; border-color:transparent; }
.mk-wheel-chip[data-p="30"]{ border-color:rgba(255,107,107,.35); color:#ff9d9d; }
.mk-wheel-chip[data-p="30"].active{ background:#ff6b6b; border-color:transparent; }
.mk-wheel-chip[data-p="50"]{ border-color:rgba(228,174,57,.4); color:#f4cf7c; }
.mk-wheel-chip[data-p="50"].active{ background:#e4ae39; border-color:transparent; }
.mk-wheel-chip[data-p="70"]{ border-color:rgba(100,206,130,.4); color:#8fe0a8; }
.mk-wheel-chip[data-p="70"].active{ background:#64ce82; border-color:transparent; }
.mk-wheel-chip.custom{ display:inline-flex; align-items:center; gap:6px; }
.mk-wheel-chip.custom svg{ width:12px; height:12px; fill:currentColor; flex-shrink:0; }
.mk-wheel-chip.custom.active{ background:linear-gradient(120deg,#8847ff,#2b7fff); color:#fff; border-color:transparent; }
.mk-wheel-slider{ display:none; align-items:center; gap:10px; margin-top:6px; padding:10px 14px; background:rgba(255,255,255,.025); border:1px solid var(--transparent-5-w); border-radius:11px; width:100%; }
.mk-wheel-slider.show{ display:flex; }
.mk-wheel-slider input[type=range]{ flex:1; accent-color:var(--span,#5fe3ff); }
.mk-wheel-slider .pct{ font-family:var(--font-family-1,'Unbounded'),sans-serif; font-weight:800; font-size:14px; min-width:44px; text-align:right; color:var(--span,#5fe3ff); }

.mk-wheel-foot{ display:flex; align-items:center; gap:14px; margin-top:18px; flex-wrap:wrap; }
.mk-wheel-note{ font-size:11.5px; color:var(--text-custom); }
.mk-wheel-go{ flex:1; min-width:180px; display:inline-flex; align-items:center; justify-content:center; gap:8px; font-family:var(--font-family-1,'Unbounded'),sans-serif; font-weight:700; font-size:13.5px; letter-spacing:.02em; color:#0b1220; background:linear-gradient(120deg,#e4ae39,#f4cf7c); border:none; border-radius:12px; padding:14px 18px; cursor:pointer; box-shadow:0 8px 22px rgba(228,174,57,.28); transition:transform .15s, box-shadow .2s; text-transform:uppercase; }
.mk-wheel-go svg{ width:16px; height:16px; fill:currentColor; flex-shrink:0; }
.mk-wheel-go-spin{ animation:rotate 1s linear infinite; }
.mk-wheel-go:hover:not(:disabled){ transform:translateY(-2px); box-shadow:0 12px 28px rgba(228,174,57,.4); }
.mk-wheel-go:disabled{ opacity:.5; cursor:not-allowed; }
.mk-wheel-gaugebox.spinning .mk-wheel-chiprow, .mk-wheel-gaugebox.spinning .mk-wheel-slider{ pointer-events:none; opacity:.45; filter:grayscale(.4); }

.mk-wheel-flash{ position:fixed; inset:0; pointer-events:none; opacity:0; transition:opacity .25s; z-index:1100; display:flex; align-items:center; justify-content:center; }
.mk-wheel-flash.show{ opacity:1; pointer-events:auto; }
.mk-wheel-flash-box{ font-family:var(--font-family-1,'Unbounded'),sans-serif; text-align:center; padding:30px 40px; border-radius:20px; backdrop-filter:blur(6px); transform:scale(.9); transition:transform .25s; max-width:90vw; }
.mk-wheel-flash.show .mk-wheel-flash-box{ transform:scale(1); }
.mk-wheel-flash.win .mk-wheel-flash-box{ background:rgba(100,206,130,.14); border:1px solid rgba(100,206,130,.5); box-shadow:0 0 60px rgba(100,206,130,.3); }
.mk-wheel-flash.lose .mk-wheel-flash-box{ background:rgba(255,107,107,.12); border:1px solid rgba(255,107,107,.4); box-shadow:0 0 60px rgba(255,107,107,.22); }
.mk-wheel-flash-title{ display:flex; align-items:center; justify-content:center; gap:10px; font-size:24px; font-weight:800; margin-bottom:12px; }
.mk-wheel-flash.win .mk-wheel-flash-title{ color:#64ce82; }
.mk-wheel-flash.lose .mk-wheel-flash-title{ color:#ff6b6b; }
.mk-wheel-flash-status-ic{ width:26px; height:26px; fill:currentColor; flex-shrink:0; }
.mk-wheel-flash-icon{ width:80px; height:80px; margin:0 auto 12px; }
.mk-wheel-flash-icon img{ max-width:100%; max-height:100%; object-fit:contain; filter:drop-shadow(0 10px 18px rgba(0,0,0,.4)); }
.mk-wheel-flash-name{ font-size:13.5px; color:var(--text-default); font-weight:600; margin-bottom:16px; }
.mk-wheel-flash-close{ padding:10px 22px; border-radius:10px; border:none; cursor:pointer; background:rgba(255,255,255,.08); color:#fff; font-weight:700; font-size:12.5px; }
.mk-wheel-flash-close:hover{ background:rgba(255,255,255,.14); }

.mk-upg-reveal-overlay{ position:fixed; inset:0; z-index:1000; background:rgba(4,7,14,.88); backdrop-filter:blur(6px); display:flex; align-items:center; justify-content:center; }
.mk-upg-reveal-box{ position:relative; width:520px; max-width:90vw; background:linear-gradient(180deg,#0b1220,#0d1524); border:1px solid rgba(255,255,255,.08); border-radius:20px; padding:36px 30px; display:flex; flex-direction:column; align-items:center; gap:20px; }
.mk-upg-reveal-status{ font-size:14px; color:var(--text-custom); }
.mk-upg-bar{ position:relative; width:100%; height:26px; border-radius:13px; background:rgba(255,255,255,.06); overflow:hidden; box-shadow:inset 0 0 0 1px rgba(255,255,255,.06); }
.mk-upg-bar-zone{ position:absolute; left:0; top:0; bottom:0; background:linear-gradient(90deg,#3fce82,#5fe3ff); }
.mk-upg-bar-marker{ position:absolute; top:-5px; width:4px; height:36px; background:#fff; box-shadow:0 0 10px #fff; transform:translateX(-50%); border-radius:2px; }
.mk-upg-bar-marker.spinning{ animation:mkUpgMarkerPulse .18s ease-in-out infinite; box-shadow:0 0 18px #fff, 0 0 34px var(--span,#5fe3ff); }
.mk-upg-bar-marker.settled{ animation:mkUpgMarkerLand .4s cubic-bezier(.34,1.56,.64,1); }
@keyframes mkUpgMarkerPulse{ 0%,100%{ opacity:1; } 50%{ opacity:.55; } }
@keyframes mkUpgMarkerLand{ 0%{ transform:translateX(-50%) scaleY(1.6); } 60%{ transform:translateX(-50%) scaleY(.85); } 100%{ transform:translateX(-50%) scaleY(1); } }
.mk-upg-reveal-result{ display:flex; flex-direction:column; align-items:center; gap:14px; }
.mk-upg-reveal-icon{ width:96px; height:96px; display:flex; align-items:center; justify-content:center; }
.mk-upg-reveal-icon img{ max-width:100%; max-height:100%; object-fit:contain; filter:drop-shadow(0 10px 18px rgba(0,0,0,.4)); }
.mk-upg-reveal-name{ font-family:var(--font-family-1,'Unbounded'),sans-serif; font-size:19px; font-weight:800; text-align:center; }
.mk-upg-reveal-name.win{ color:#3fce82; }
.mk-upg-reveal-name.lose{ color:#ff5b6e; }

/* ===== VIP-скидка на комиссию (Витрина, блок "Как это работает") ===== */
.mk-vip-note{ color:#f4ca80; font-weight:700; }

/* ===== Лимитированные/сезонные кейсы ===== */
.mk-case-card{ position:relative; }
.mk-case-limited-badge{ position:absolute; top:12px; left:12px; right:12px; background:rgba(244,202,128,.14); border:1px solid rgba(244,202,128,.35); color:#f4ca80; font-size:10px; font-weight:700; padding:5px 10px; border-radius:999px; text-align:center; }
.mk-case-limited-badge.expired{ background:rgba(255,91,110,.14); border-color:rgba(255,91,110,.35); color:#ff5b6e; }
.mk-case-card.unavailable{ opacity:.55; }

/* ===== Общий select в стиле площадки (баттлы) ===== */
.mk-select{ height:42px; padding:0 14px; border-radius:10px; background:rgba(255,255,255,.035); border:1px solid var(--transparent-5-w); color:var(--text-default); font-size:13px; font-weight:600; font-family:inherit; cursor:pointer; }

/* ===== Кейс-баттлы ===== */
.mk-battle-create{ background:rgba(255,255,255,.03); border:1px solid var(--transparent-5-w); border-radius:16px; padding:18px; margin-bottom:8px; }
.mk-battle-create .mk-sec-title{ margin-top:0; margin-bottom:14px; }
.mk-battle-create-row{ display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-bottom:12px; }
.mk-battle-list{ display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:14px; margin-bottom:8px; }
.mk-battle-card{ display:flex; gap:12px; align-items:center; background:rgba(255,255,255,.035); border:1px solid var(--transparent-5-w); border-radius:14px; padding:12px; }
.mk-battle-card-art{ width:52px; height:52px; flex-shrink:0; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,.03); border-radius:10px; }
.mk-battle-card-art img{ max-width:80%; max-height:80%; object-fit:contain; }
.mk-battle-card-body{ flex:1; min-width:0; }
.mk-battle-card-name{ font-weight:700; font-size:13px; color:var(--text-default); }
.mk-battle-card-meta{ font-size:10.5px; color:var(--text-custom); margin-top:2px; }
.mk-battle-card-players{ font-size:10.5px; color:var(--span,#5fe3ff); margin-top:2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mk-battle-card-winner{ font-size:11px; color:var(--text-custom); margin-top:2px; }
.mk-battle-card-winner b{ color:#f4ca80; }
.mk-battle-join-btn, .mk-battle-view-btn{ flex-shrink:0; padding:8px 14px; border-radius:9px; border:none; cursor:pointer; font-weight:700; font-size:11.5px; background:linear-gradient(120deg,var(--span,#5fe3ff),#2b7fff); color:#fff; }
.mk-battle-view-btn{ background:rgba(255,255,255,.06); color:var(--text-default); }
.mk-battle-view-btn:disabled{ opacity:.5; cursor:not-allowed; }

.mk-battle-room-overlay{ position:fixed; inset:0; z-index:1000; background:rgba(4,7,14,.88); backdrop-filter:blur(6px); display:flex; align-items:center; justify-content:center; }
.mk-battle-room-box{ position:relative; width:560px; max-width:92vw; max-height:82vh; overflow-y:auto; background:linear-gradient(180deg,#0b1220,#0d1524); border:1px solid rgba(255,255,255,.08); border-radius:20px; padding:32px 28px; }
.mk-battle-room-box h3{ font-family:var(--font-family-1,'Unbounded'),sans-serif; font-size:17px; font-weight:800; color:var(--text-default); margin:0 0 12px; }
.mk-battle-room-players{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:14px; }
.mk-battle-room-player{ padding:6px 12px; border-radius:999px; background:rgba(255,255,255,.06); color:var(--text-default); font-size:12px; font-weight:600; }
.mk-battle-room-winner{ font-size:13px; color:var(--text-default); background:rgba(244,202,128,.1); border:1px solid rgba(244,202,128,.3); border-radius:10px; padding:10px 14px; margin-bottom:16px; }
.mk-battle-room-winner b{ color:#f4ca80; }
.mk-battle-result-player{ border-top:1px solid var(--transparent-5-w); padding:12px 0; }
.mk-battle-result-player:first-of-type{ border-top:none; }
.mk-battle-result-name{ font-weight:700; font-size:12.5px; color:var(--text-default); margin-bottom:8px; }
.mk-battle-result-player.winner .mk-battle-result-name{ color:#3fce82; }
.mk-battle-result-items{ display:flex; flex-wrap:wrap; gap:8px; }
.mk-battle-result-item{ display:flex; flex-direction:column; align-items:center; gap:4px; width:64px; }
.mk-battle-result-item img{ width:44px; height:44px; object-fit:contain; }
.mk-battle-result-item span{ font-size:9px; color:var(--text-custom); text-align:center; line-height:1.25; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }

/* ===== Кейс-баттлы: прокрутка (реплей уже решённого сервером результата) ===== */
.mk-battle-room-box.wide{ width:760px; }
.mk-battle-reel-lane{ margin-bottom:18px; }
.mk-battle-reel-lane-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:6px; }
.mk-battle-reel-lane-name{ font-weight:700; font-size:12.5px; color:var(--text-default); }
.mk-battle-reel-lane-score{ font-size:11.5px; color:var(--text-custom); font-variant-numeric:tabular-nums; }
.mk-battle-reel-lane.winner .mk-battle-reel-lane-name{ color:#3fce82; }
.mk-battle-reel-lane.winner{ position:relative; }
.mk-battle-reel-lane.winner::before{ content:'👑'; position:absolute; left:-2px; top:-16px; font-size:14px; }

.mk-battle-reel{ position:relative; height:72px; overflow:hidden; border-radius:10px; background:rgba(255,255,255,.03); border:1px solid var(--transparent-5-w); }
.mk-battle-reel::before, .mk-battle-reel::after{ content:''; position:absolute; top:0; bottom:0; width:36px; z-index:2; pointer-events:none; }
.mk-battle-reel::before{ left:0; background:linear-gradient(90deg,#0d1524,transparent); }
.mk-battle-reel::after{ right:0; background:linear-gradient(270deg,#0d1524,transparent); }
.mk-battle-reel-pointer{ position:absolute; left:50%; top:0; bottom:0; width:2px; margin-left:-1px; background:#f4ca80; z-index:3; box-shadow:0 0 8px rgba(244,202,128,.8); }
.mk-battle-reel-pointer::before, .mk-battle-reel-pointer::after{ content:''; position:absolute; left:50%; margin-left:-4px; border:4px solid transparent; }
.mk-battle-reel-pointer::before{ top:-1px; border-top-color:#f4ca80; }
.mk-battle-reel-pointer::after{ bottom:-1px; border-bottom-color:#f4ca80; }
.mk-battle-reel-track{ position:absolute; top:0; left:50%; height:100%; display:flex; align-items:center; gap:6px; will-change:transform; }
.mk-battle-reel-item{ flex-shrink:0; width:60px; height:60px; border-radius:8px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.06); display:flex; align-items:center; justify-content:center; box-shadow:inset 0 0 0 2px transparent; }
.mk-battle-reel-item img{ max-width:78%; max-height:78%; object-fit:contain; }
.mk-battle-reel-item.landed{ box-shadow:inset 0 0 0 2px var(--rc,#5c6b7a), 0 0 16px -2px var(--rc,#5c6b7a); animation:mkReelLand .4s ease-out; }
@keyframes mkReelLand{ 0%{ transform:scale(1.18); } 100%{ transform:scale(1); } }

.mk-battle-reel-collected{ display:flex; flex-wrap:wrap; gap:6px; margin-top:6px; min-height:34px; }
.mk-battle-reel-chip{ width:30px; height:30px; border-radius:6px; background:rgba(255,255,255,.04); box-shadow:inset 0 0 0 1px var(--rc,#5c6b7a); display:flex; align-items:center; justify-content:center; opacity:0; transform:translateY(4px); animation:mkChipIn .3s ease-out forwards; }
.mk-battle-reel-chip img{ max-width:80%; max-height:80%; object-fit:contain; }
@keyframes mkChipIn{ to{ opacity:1; transform:translateY(0); } }

.mk-battle-skip-btn{ display:block; margin:0 auto 16px; padding:6px 16px; border-radius:999px; border:1px solid var(--transparent-5-w); background:rgba(255,255,255,.04); color:var(--text-custom); font-size:11px; cursor:pointer; }
.mk-battle-skip-btn:hover{ color:var(--text-default); border-color:rgba(255,255,255,.2); }

.mk-vabank-box{ text-align:center; margin-top:18px; padding-top:16px; border-top:1px solid var(--transparent-5-w); }
.mk-vabank-hint{ font-size:11.5px; color:var(--text-custom); margin-bottom:10px; }
.mk-vabank-btn{ padding:10px 22px; border-radius:10px; border:none; cursor:pointer; font-weight:700; font-size:13px; background:linear-gradient(120deg,#e4ae39,#eb4b4b); color:#fff; }
.mk-vabank-btn:disabled{ opacity:.6; cursor:not-allowed; }
.mk-vabank-skip{ display:block; margin:10px auto 0; background:none; border:none; color:var(--text-custom); font-size:11px; cursor:pointer; text-decoration:underline; }
.mk-vabank-result{ font-size:14px; font-weight:700; margin-top:10px; }
.mk-vabank-result.win{ color:#3fce82; }
.mk-vabank-result.lose{ color:#eb4b4b; }

/* ===== Модалка предмета (клик по карточке скина на витрине/в "Весь каталог") ===== */
#mkGrid .mk-item{ cursor:pointer; }

/* ===== Модалка выставления на продажу (клик по карточке "Доступно для продажи") —
   переиспользует .mk-item-modal-* классы из блока выше (тот же стеклянный стиль), только
   элементы, которых не было в модалке просмотра, получают свои правила здесь. ===== */
#mkMineGrid .mk-item{ cursor:pointer; }
.mk-mine-hint{ font-size:11px; color:var(--text-custom); opacity:.6; }
.mk-item-modal-info .mk-sell-price{ width:100%; height:38px; box-sizing:border-box; }
.mk-sell-modal-min-hint{ font-size:11px; color:var(--text-custom); opacity:.7; margin-top:-8px; }
.mk-sell-modal-instant{ background:rgba(228,174,57,.14) !important; color:#f4ca80; box-shadow:none; margin-top:8px; }
.mk-sell-modal-instant:hover{ background:rgba(228,174,57,.22) !important; transform:none; box-shadow:none; }
.mk-sell-modal-instant:disabled{ cursor:not-allowed; opacity:.5; }
.mk-sell-modal-instant:disabled:hover{ transform:none; box-shadow:none; }
.mk-sell-modal-instant-hint{ font-size:10.5px; color:var(--text-custom); opacity:.7; margin-top:4px; text-align:center; }
.mk-item-modal-overlay{ position:fixed; inset:0; z-index:1001; background:rgba(4,7,14,.88); backdrop-filter:blur(6px); display:flex; align-items:center; justify-content:center; padding:16px; }
.mk-item-modal-box{ position:relative; width:760px; max-width:100%; max-height:90vh; overflow-y:auto; background:linear-gradient(180deg,#0b1220,#0d1524); border:1px solid rgba(255,255,255,.08); border-radius:20px; padding:28px 28px 0; display:flex; flex-direction:column; }
.mk-item-modal-top{ display:grid; grid-template-columns:260px 1fr; gap:28px; padding-bottom:28px; }
@media (max-width:620px){ .mk-item-modal-top{ grid-template-columns:1fr; } .mk-item-modal-box{ padding:22px 20px 0; } }
.mk-item-modal-art{ display:flex; align-items:center; justify-content:center; background:radial-gradient(circle at 50% 28%, color-mix(in srgb, var(--rarity-color,#5c6b7a) 38%, transparent), transparent 72%), rgba(255,255,255,.03); border:1px solid var(--transparent-5-w); border-radius:16px; min-height:220px; padding:16px; }
.mk-item-modal-art img{ max-width:100%; max-height:200px; object-fit:contain; }
.mk-item-modal-art svg{ width:64px; height:64px; fill:rgba(255,255,255,.35); }
.mk-item-modal-info{ display:flex; flex-direction:column; gap:14px; min-width:0; }
.mk-item-modal-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.mk-item-modal-name{ font-family:var(--font-family-1,'Unbounded'),sans-serif; font-size:16.5px; font-weight:700; color:var(--text-default); margin:0; }
.mk-item-modal-x{ flex-shrink:0; width:34px; height:34px; border-radius:50%; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.05); color:#fff; font-size:19px; line-height:1; cursor:pointer; }
.mk-item-modal-x:hover{ background:rgba(255,255,255,.12); }
.mk-item-modal-row{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 14px; background:rgba(255,255,255,.03); border:1px solid var(--transparent-5-w); border-radius:12px; font-size:12.5px; color:var(--text-custom); }
.mk-item-modal-row span:last-child{ color:var(--text-default); font-weight:700; }
.mk-item-modal-seller{ display:flex; align-items:center; gap:6px; }
.mk-item-modal-seller img{ width:20px; height:20px; border-radius:50%; object-fit:cover; }
.mk-item-modal-price{ display:flex; align-items:center; gap:6px; font-family:var(--font-family-1,'Unbounded'),sans-serif; font-size:24px; font-weight:800; color:var(--text-default); margin-top:auto; }
.mk-item-modal-price svg{ width:20px; height:20px; fill:#f4ca80; }
.mk-item-modal-info .mk-buy{ width:100%; justify-content:center; }
.mk-item-modal-hist{ padding-top:22px; border-top:1px solid var(--transparent-5-w); }
.mk-item-modal-hist-stats{ display:flex; flex-wrap:wrap; gap:6px 20px; font-size:12.5px; color:var(--text-custom); margin-bottom:14px; }
.mk-item-modal-hist-stats b{ color:var(--text-default); font-variant-numeric:tabular-nums; }
.mk-item-modal-hist-stats svg{ width:12px; height:12px; fill:#f4ca80; vertical-align:-1px; }
.mk-item-modal-hist-tabs-row{ display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:14px; }
.mk-item-modal-hist-label{ font-size:11.5px; color:var(--text-custom); font-weight:600; }
.mk-item-modal-hist-tabs{ display:flex; gap:4px; background:rgba(255,255,255,.03); border:1px solid var(--transparent-5-w); border-radius:999px; padding:3px; }
.mk-item-modal-hist-tabs button{ border:none; background:transparent; color:var(--text-custom); font-size:11.5px; font-weight:700; padding:6px 12px; border-radius:999px; cursor:pointer; transition:background .15s, color .15s; }
.mk-item-modal-hist-tabs button.active{ background:linear-gradient(120deg,var(--span,#5fe3ff),#2b7fff); color:#fff; }
.mk-item-modal-chart{ min-height:140px; display:flex; align-items:center; justify-content:center; }
.mk-item-modal-chart-row{ display:flex; align-items:stretch; gap:10px; width:100%; }
.mk-item-modal-chart-svg{ flex:1; min-width:0; height:140px; }
.mk-item-modal-chart-grid{ stroke:var(--transparent-5-w); stroke-width:1; }
.mk-item-modal-chart-area{ fill:color-mix(in srgb, var(--span,#5fe3ff) 22%, transparent); stroke:none; }
.mk-item-modal-chart-line{ fill:none; stroke:var(--span,#5fe3ff); stroke-width:2; }
.mk-item-modal-chart-labels{ flex-shrink:0; display:flex; flex-direction:column; justify-content:space-between; padding:2px 0; font-size:10.5px; color:var(--text-custom); font-variant-numeric:tabular-nums; text-align:right; }
.mk-item-modal-hist-toggle{ display:flex; align-items:center; justify-content:center; gap:8px; width:calc(100% + 56px); margin:22px -28px 0; padding:14px; background:rgba(255,255,255,.02); border:none; border-top:1px solid var(--transparent-5-w); border-radius:0 0 20px 20px; color:var(--text-custom); font-size:12px; font-weight:600; cursor:pointer; }
.mk-item-modal-hist-toggle:hover{ background:rgba(255,255,255,.05); color:var(--text-default); }
.mk-item-modal-hist-toggle svg{ width:14px; height:14px; fill:currentColor; transition:transform .2s; }
.mk-item-modal-hist-toggle svg.flipped{ transform:rotate(180deg); }
@media (max-width:620px){ .mk-item-modal-hist-toggle{ width:calc(100% + 40px); margin-left:-20px; margin-right:-20px; } }

/* ===== Статистика игрока ===== */
.mk-stats-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
@media (max-width:1140px){ .mk-stats-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:700px){ .mk-stats-grid{ grid-template-columns:1fr; } }
.mk-stats-grid .mk-card .mk-stat-row:not(:last-child){ margin-bottom:10px; }
.mk-stats-grid .mk-card .mk-howto{ margin-top:10px; }

/* ===== Прослушать музыкальный набор (▶ на карточках/шансах кейса) ===== */
.mk-play-btn{ flex-shrink:0; width:22px; height:22px; box-sizing:border-box; border-radius:50%; border:none; cursor:pointer; background:rgba(255,255,255,.1); color:var(--text-default); font-size:9px; line-height:1; display:inline-flex; align-items:center; justify-content:center; padding:0 0 0 1px; transition:background .15s, transform .15s; }
.mk-play-btn:hover{ background:linear-gradient(120deg,var(--span,#5fe3ff),#2b7fff); color:#fff; transform:scale(1.08); }
.mk-play-btn.playing{ background:linear-gradient(120deg,var(--span,#5fe3ff),#2b7fff); color:#fff; padding-left:0; }
.mk-play-btn-overlay{ position:absolute; right:8px; top:8px; width:26px; height:26px; font-size:10px; background:rgba(4,7,14,.65); backdrop-filter:blur(2px); }

/* ===== Бейдж количества копий (несколько одинаковых скинов у игрока) ===== */
.mk-item-art{ position:relative; }
.mk-item-stack{ position:absolute; right:8px; bottom:8px; background:rgba(4,7,14,.75); border:1px solid var(--transparent-10-w); color:var(--text-default); font-size:10.5px; font-weight:800; padding:2px 7px; border-radius:999px; font-variant-numeric:tabular-nums; }
@media (max-width:700px){ .mk-upg-reveal-box{ padding:26px 20px; } }