/* 🏷 /market — the card market. Dark, gold-and-rose accents shared with the cards page. */
.mk{--mk-a:#FFB84D;--mk-b:#FF6FB5}
.mk-hero{position:relative;overflow:hidden;padding:110px 0 70px;background:radial-gradient(700px 360px at 85% 10%,rgba(255,184,77,.22),transparent 70%),radial-gradient(600px 380px at 10% 90%,rgba(255,111,181,.18),transparent 70%),linear-gradient(180deg,#0A1226,#0B1622)}
.mk-hero::after{content:"";position:absolute;inset:auto 0 0;height:80px;background:linear-gradient(transparent,var(--bg))}
.mk-hero-in{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:end}
.mk-k{display:inline-block;font-size:12.5px;font-weight:800;color:var(--mk-a);padding:5px 12px;border-radius:99px;background:rgba(255,184,77,.12);box-shadow:inset 0 0 0 1px rgba(255,184,77,.3)}
.mk-hero h1{margin:14px 0 10px;font:400 clamp(34px,5vw,54px)/1.15 Lalezar,var(--font);color:#fff}
.mk-hero p{max-width:56ch;margin:0;color:rgba(255,255,255,.72);font-size:14.5px;line-height:2}
.mk-cta{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.mk-stats{display:grid;grid-auto-flow:column;gap:10px}
.mk-stats>div{min-width:116px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.mk-stats b{display:block;font:400 24px/1.2 Lalezar,var(--font);color:#fff}.mk-stats a{text-decoration:none}
.mk-stats small{font-size:11.5px;color:rgba(255,255,255,.6)}
.mk-main{position:relative;z-index:2;margin-top:-30px;padding-bottom:60px}
.mk-tabs{position:sticky;top:64px;z-index:6;display:flex;gap:4px;padding:5px;margin-bottom:18px;border-radius:16px;background:color-mix(in srgb,var(--fg) 88%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow);overflow-x:auto;scrollbar-width:none}
.mk-tabs::-webkit-scrollbar{display:none}
.mk-tabs button{flex:1 0 auto;height:42px;padding:0 14px;border:0;border-radius:12px;background:none;cursor:pointer;font:800 13.5px var(--font);color:var(--muted);white-space:nowrap}
.mk-tabs button.on{color:#fff;background:linear-gradient(90deg,var(--mk-a),var(--mk-b))}

/* tools */
.mk-tools{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-bottom:16px}
.mk-tools>*,.mk-main>*,#mkBody{min-width:0}
.mk-main{min-width:0;overflow-x:clip}
.mk-search{display:flex;align-items:center;gap:10px;height:46px;padding:0 14px;border-radius:14px;background:var(--fg);border:1px solid color-mix(in srgb,var(--line) 60%,transparent)}
.mk-search:focus-within{border-color:var(--mk-a)}
.mk-search input{flex:1;min-width:0;height:100%;border:0;background:none;color:var(--strong);font:500 14px var(--font);outline:0}
.mk-chips,.mk-sort{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.mk-chips::-webkit-scrollbar,.mk-sort::-webkit-scrollbar{display:none}
.mk-chips button{flex:none;height:34px;padding:0 14px;border-radius:99px;border:1px solid color-mix(in srgb,var(--line) 70%,transparent);background:var(--fg);cursor:pointer;font:700 12.5px var(--font);color:var(--muted)}
.mk-chips button.on{color:var(--strong);border-color:var(--mk-a);background:rgba(255,184,77,.1)}
.mk-sort{padding:3px;border-radius:12px;background:var(--fg);border:1px solid color-mix(in srgb,var(--line) 60%,transparent);width:max-content;max-width:100%}
.mk-sort button{flex:none;height:30px;padding:0 12px;border:0;border-radius:9px;background:none;cursor:pointer;font:700 12px var(--font);color:var(--muted)}
.mk-sort button.on{color:var(--strong);background:color-mix(in srgb,var(--mk-a) 16%,var(--fg2));box-shadow:inset 0 0 0 1px rgba(255,184,77,.35)}
.mk-filter{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:10px 14px;border-radius:12px;background:rgba(255,184,77,.08);font-size:12.5px;font-weight:700;color:var(--strong)}
.mk-filter button{border:0;background:none;color:var(--blue);font:800 12.5px var(--font);cursor:pointer}

/* grid */
.mk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px}
.mk-it{display:flex;flex-direction:column;gap:10px;padding:10px;border:1px solid color-mix(in srgb,var(--line) 55%,transparent);border-radius:18px;background:var(--fg);cursor:pointer;text-align:start;font:inherit;color:inherit;transition:transform .2s,border-color .2s,box-shadow .2s}
.mk-it:hover{transform:translateY(-4px);border-color:rgba(255,184,77,.45);box-shadow:0 18px 40px -18px rgba(255,184,77,.45)}
.mk-it.mine{border-style:dashed}
.mk-info{display:grid;gap:4px;padding:0 2px}
.mk-price{display:inline-flex;align-items:baseline;gap:4px;font-size:13px}
.mk-price b{font:400 22px/1 Lalezar,var(--font);color:var(--strong)}
.mk-price.big b{font-size:34px}
.mk-info small{font-size:11px;color:var(--muted)}
.mk-seller{display:inline-flex;align-items:center;gap:6px;min-width:0;font-size:12px}
.mk-seller b{font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mk-seller em{font-style:normal;font-size:10px;font-weight:900;color:#2a1a00;padding:1px 7px;border-radius:99px;background:linear-gradient(90deg,#FFE9A8,#FFC94D)}
.mk-av{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:center/cover;font-style:normal;font-size:10px;font-weight:800;color:#fff}
.mk-av.off{background:linear-gradient(135deg,#3DB4F2,#7B5CFF);font-size:11px}
.mk-more{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;margin-top:16px;padding:14px;border-radius:14px;border:1px solid color-mix(in srgb,var(--line) 60%,transparent);background:var(--fg);cursor:pointer;font:800 13px var(--font);color:var(--strong)}
.mk-more small{font-size:11px;color:var(--muted);font-weight:600}
.mk-empty{display:grid;justify-items:center;gap:8px;padding:40px 20px;text-align:center;border-radius:18px;border:1px dashed color-mix(in srgb,var(--line) 80%,transparent);color:var(--muted);grid-column:1/-1}
.mk-empty b{font-size:16px;color:var(--strong)}.mk-empty p{margin:0;max-width:46ch;line-height:1.9;font-size:13px}

/* my listings */
.mk-mine h3{display:flex;align-items:baseline;gap:8px;margin:22px 0 10px;font-size:16px;color:var(--strong)}.mk-mine h3 small{font-size:12px;color:var(--muted)}
.mk-mh{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.mk-mh h3{margin-top:0}
.mk-row{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:14px;align-items:center;padding:10px 12px;margin-bottom:8px;border-radius:14px;background:var(--fg);border:1px solid color-mix(in srgb,var(--line) 55%,transparent)}
.mk-row .hc{width:64px;padding:3px;border-radius:9px}.mk-row .hc .plate,.mk-row .hc .gem,.mk-row .hc .hc-lv,.mk-row .hc .hc-no{display:none}.mk-row .hc .art{inset:3px;border-radius:7px}
.mk-row>div{display:grid;gap:2px}.mk-row b{color:var(--strong);font-size:14px}.mk-row small{font-size:11.5px;color:var(--muted)}

/* the card sheet */
.mk-sheet{position:fixed;inset:0;z-index:10040;display:grid;place-items:center;padding:20px}
.mk-scrim{position:absolute;inset:0;background:rgba(4,6,16,.7);opacity:0;transition:opacity .25s}
.mk-sheet.on .mk-scrim{opacity:1}
.mk-sh-in{position:relative;display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px;width:min(720px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:22px;border-radius:22px;background:var(--fg);box-shadow:0 30px 80px -20px rgba(0,0,0,.7);opacity:0;transform:translateY(14px) scale(.98);transition:opacity .25s,transform .3s cubic-bezier(.2,.9,.3,1)}
.mk-sheet.on .mk-sh-in{opacity:1;transform:none}
.mk-sh-t h3{margin:6px 0 2px;font:400 26px/1.3 Lalezar,var(--font);color:var(--strong)}
.mk-sh-t>small{color:var(--muted);font-size:12.5px}
.mk-sh-t .mk-k{font-size:11.5px}
.mk-facts{list-style:none;margin:14px 0;padding:0;display:grid;gap:8px}
.mk-facts li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px dashed color-mix(in srgb,var(--line) 70%,transparent);font-size:12.5px}
.mk-facts span{color:var(--muted)}.mk-facts b{color:var(--strong)}
.mk-hist{padding:12px;border-radius:14px;background:var(--fg2);margin-bottom:14px}
.mk-hh{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:8px}.mk-hh b{font-size:12.5px;color:var(--strong)}.mk-hh small{font-size:11px;color:var(--muted)}
.mk-bars{display:flex;align-items:flex-end;gap:4px;height:56px;margin-bottom:6px}
.mk-bars i{flex:1;max-width:22px;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,var(--mk-a),color-mix(in srgb,var(--mk-a) 40%,transparent))}
.mk-bars i.l2{background:linear-gradient(180deg,#FFE9A8,#FFB84D)}.mk-bars i.l3{background:linear-gradient(180deg,#B9A2FF,#FF8FC2)}
.mk-buy{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}
.mk-buy .btn{min-width:140px;height:46px;font-size:15px}
.mk-x{position:absolute;top:12px;left:12px;width:34px;height:34px;border:0;border-radius:10px;background:var(--fg2);color:var(--muted);cursor:pointer}
.mk-sheet.bottom{place-items:end stretch;padding:0}
.mk-sheet.bottom .mk-sh-in{grid-template-columns:1fr;gap:12px;width:100%;max-height:88vh;border-radius:22px 22px 0 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px));transform:translateY(100%)}
.mk-sheet.bottom .mk-sh-in::before{content:"";justify-self:center;width:40px;height:4px;border-radius:4px;background:var(--line)}
.mk-sheet.bottom.on .mk-sh-in{transform:none}
.mk-sheet.bottom .mk-sh-c{width:150px;justify-self:center}

/* the guide */
.mk-guide{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;align-items:start}
.mk-toc{position:sticky;top:130px;display:grid;gap:4px;padding:10px;border-radius:16px;background:var(--fg);border:1px solid color-mix(in srgb,var(--line) 55%,transparent)}
.mk-toc a{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;font-size:13px;font-weight:700;color:var(--text);text-decoration:none}
.mk-toc a:hover{background:var(--fg2);color:var(--strong)}
.mk-toc i{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;font-style:normal;font-size:11px;font-weight:800;color:var(--mk-a);background:rgba(255,184,77,.12)}
.mk-guide section{grid-column:2;scroll-margin-top:130px;padding:20px 22px;margin-bottom:14px;border-radius:18px;background:var(--fg);border:1px solid color-mix(in srgb,var(--line) 55%,transparent)}
.mk-guide section:first-of-type{grid-row:1}
.mk-toc{grid-column:1;grid-row:1 / span 8}
.mk-guide h2{margin:0 0 10px;font-size:19px;color:var(--strong)}
.mk-guide p,.mk-guide li{font-size:13.5px;line-height:2.05;color:var(--text)}
.mk-guide p{margin:0 0 8px}.mk-guide ul,.mk-guide ol{margin:0 0 8px;padding-inline-start:20px}
.mk-guide a{color:var(--blue);font-weight:700;text-decoration:none}
.mk-guide b{color:var(--strong)}
.mk-note{padding:10px 14px;border-radius:12px;background:rgba(255,184,77,.08);border-inline-start:3px solid var(--mk-a)}
.mk-lv{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:6px 0 12px}
.mk-lv>div{padding:14px;border-radius:14px;background:var(--fg2)}.mk-lv b{display:block;font-size:15px;color:var(--strong);margin:6px 0 2px}.mk-lv p{margin:0;font-size:12.5px;line-height:1.9}
.hcx{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;font-size:16px;color:#2a1a00;background:linear-gradient(135deg,#FFE9A8,#FFC94D)}
.hcx.l3{color:#fff;background:linear-gradient(135deg,#7B5CFF,#FF5FA2,#FFB84D)}
.mk-table{overflow-x:auto;margin:6px 0 4px}
.mk-table table{width:100%;border-collapse:collapse;font-size:12.5px;min-width:340px}
.mk-table th,.mk-table td{padding:8px 10px;text-align:start;border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent);font-variant-numeric:tabular-nums}
.mk-table th{color:var(--muted);font-weight:800}.mk-table td{color:var(--strong)}
.mk-table small{display:block;margin-top:6px;font-size:11px;color:var(--muted)}
.mk-guide details{padding:10px 0;border-bottom:1px dashed color-mix(in srgb,var(--line) 70%,transparent)}
.mk-guide summary{cursor:pointer;font-weight:800;font-size:13.5px;color:var(--strong)}
.mk-guide details p{margin:8px 0 0}

@media (max-width:900px){
  .mk-hero-in{grid-template-columns:1fr}
  .mk-stats{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr))}
  .mk-guide{grid-template-columns:1fr}.mk-toc{position:static;grid-row:auto;grid-template-columns:1fr 1fr}.mk-guide section{grid-column:1}.mk-guide section:first-of-type{grid-row:auto}
}
@media (max-width:640px){
  .mk-hero{padding:90px 0 54px}
  .mk-stats{gap:6px}.mk-stats>div{min-width:0;padding:10px}.mk-stats b{font-size:18px}.mk-stats small{font-size:10.5px}
  .mk-tabs{top:58px}.mk-tabs button{font-size:12.5px;padding:0 10px}
  .mk-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .mk-it{padding:8px;border-radius:14px;gap:8px}.mk-price b{font-size:19px}
  .mk-row{grid-template-columns:48px minmax(0,1fr)}.mk-row .hc{width:48px}.mk-row .btn{grid-column:1/-1}
  .mk-guide section{padding:16px}.mk-lv{grid-template-columns:1fr}
  .mk-buy .btn{flex:1}
}
html.lite .mk-sh-in,html.lite .mk-scrim{transition:none}html.lite .mk-stats>div,html.lite .mk-tabs{backdrop-filter:none}
@media (prefers-reduced-motion:reduce){.mk-sh-in,.mk-scrim,.mk-it{transition:none}}

.mk-deal{font-style:normal;font-size:10px;font-weight:800;padding:1px 7px;border-radius:999px;margin-inline-start:6px;vertical-align:middle}
.mk-deal.lo{color:#0f7a43;background:rgba(63,191,127,.18)}.mk-deal.ok{color:#2a6fb0;background:rgba(61,180,242,.16)}.mk-deal.hi{color:#b0433a;background:rgba(255,106,90,.16)}