/* Monero Market — the XMR20 premium page design (homepage / docs / profile): dark ground, orange glow and arc,
   brand gradient, glass cards, Instrument Sans + Inter Tight (self-hosted, SIL OFL 1.1). Dark only, as the live site. */
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/instrument-sans-latin-wght-normal.woff2) format('woff2')}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/inter-tight-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/ibm-plex-mono-latin-400-normal.woff2) format('woff2')}
:root{
 --ground:#0b0b0d;--text:#ededed;--strong:#f4f4f5;--copy:#b8b8bf;--muted:#a3a3aa;--dim:#8e8e95;--faint:#8b8b93;--rule:#6f6f76;
 --accent:#F2935C;--accent-ui:#ff914f;--soft:#f6b48c;--line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.12);--field:rgba(8,8,10,.7);--well:rgba(10,10,12,.55);
 /* --faint reads at ≥4.5:1 on the glass cards (the live site's #6f6f76 is kept for decorative rules only) */
 --ok:#7bd88f;--warn:#f2c35c;--bad:#ff7a6b;
 --sans:'Instrument Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--display:'Inter Tight','Instrument Sans',system-ui,sans-serif;--mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;
 --glass:linear-gradient(180deg,rgba(22,22,25,.94),rgba(16,16,18,.94)) padding-box,linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.03) 40%,rgba(242,147,92,.18)) border-box;
 --header:68px;color-scheme:dark}
*{box-sizing:border-box}
html{background:var(--ground);overflow-x:clip}
body{margin:0;background:var(--ground);color:var(--text);font:400 15px/1.55 var(--sans);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;overflow-x:clip}
a{color:inherit}
button,input,select{font:inherit;color:inherit}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:50;padding:8px 14px;border-radius:10px;background:var(--accent);color:#120c08;font-weight:600;text-decoration:none}
.skip:focus{top:12px}
:focus-visible{outline:2px solid var(--accent-ui);outline-offset:3px}

/* ---- header and footer: the live site's top bar (values measured on xmr20.org, 29 Oct 2026: rewards/site-header.css + site-theme) */
:root{--font-ui:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;--font-display:Arial,Helvetica,sans-serif}
header.site{position:sticky;top:0;z-index:30;box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;gap:26px;height:68px;min-height:68px;padding:12px 32px;background:#232529;border-bottom:1px solid #36383d;font:13px/1.5 var(--font-ui);color:#e7e8eb}
.wordmark{order:0;flex:none;font:800 23px/1.3 var(--font-display);letter-spacing:-1px;color:#e1e2e4;text-decoration:none;white-space:nowrap}
.wordmark span{color:#ff914f}
.wordmark sup{margin-left:5px;font:400 11px var(--font-ui);letter-spacing:normal;color:#9c9fa6;vertical-align:super}
header.site nav{order:1;display:flex;align-items:center;gap:24px;flex:0 0 auto}
header.site nav a{font:14px/1.4 var(--font-ui);color:#e7e8eb;text-decoration:none;white-space:nowrap}
header.site nav a:is(:hover,[aria-current=page]){text-decoration:underline;text-underline-offset:5px}
.nav-launch{color:#ff914f!important}
.site-updates,.site-docs{display:inline-block;font:13px/1.4 var(--font-ui);color:#e7e8eb;text-decoration:none;white-space:nowrap}
.site-updates:hover,.site-docs:hover{text-decoration:underline;text-underline-offset:5px}
.site-updates{order:2;margin-left:auto}
.site-docs{order:2}
.wallet-menu,#xmr20-wallet-root{order:3;position:relative}/* #xmr20-wallet-root: the site's header wallet on xmr20.org, right side as on every page */
.wallet-trigger{display:inline-flex;align-items:center;gap:9px;height:44px;padding:10px 14px;border-radius:5px;border:1px solid #41454b;background:#232529;color:#e7e8eb;font:12px/22px var(--font-ui);cursor:pointer;white-space:nowrap}
.wallet-trigger:hover{border-color:#5a5e66}
.wallet-dot{width:7px;height:7px;border-radius:50%;background:#72757c;flex:none}
.wallet-trigger.on .wallet-dot{background:#4ade80}
.wallet-pop{position:absolute;right:0;top:48px;width:300px;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#17171a;box-shadow:0 24px 60px rgba(0,0,0,.55);z-index:40}
.wp-title{margin:0 0 10px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.wp-note{margin:10px 0 0;font-size:12px;color:var(--faint)}
.wallet-choice{display:flex;justify-content:space-between;align-items:center;width:100%;margin:0 0 6px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--well);cursor:pointer;text-align:left}
.wallet-choice:hover,.wallet-choice[aria-current=true]{border-color:rgba(242,147,92,.5)}
.wallet-choice small{font:11px var(--mono);color:var(--dim)}
.wp-disconnect{margin-top:6px;width:100%;padding:8px;border-radius:10px;border:1px solid var(--line);background:none;color:var(--muted);cursor:pointer}
.lab-strip{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:8px 16px;background:rgba(242,147,92,.07);border-bottom:1px solid rgba(242,147,92,.18);font-size:13px;color:#f3c7ab}
.lab-strip strong{color:#ffd9c2;font-weight:600}
.ls-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px rgba(242,147,92,.9)}
footer.site{display:flex;align-items:center;gap:20px;flex-wrap:wrap;max-width:1320px;margin:0 auto;padding:36px 32px 48px;border-top:1px solid var(--line);color:var(--dim);font-size:14px}
footer.site p{margin:0}
.foot-lab{margin-left:auto;color:var(--faint)}

/* ---- ground and glow (homepage / docs) */
.mk-main{position:relative;isolation:isolate;max-width:1320px;margin:0 auto;padding:0 32px 64px}
.mk-main>*{position:relative;z-index:1}
.mk-main>.mk-glow{position:absolute;z-index:0;top:0;bottom:0;left:50%;width:100vw;margin-left:-50vw;pointer-events:none;overflow:hidden}
.mk-glow>span{position:absolute}
.g-top{left:0;right:0;top:-40px;height:720px;background:radial-gradient(55% 60% at 50% 0%,rgba(242,147,92,.20) 0%,rgba(242,147,92,.06) 45%,transparent 75%)}
.g-left{left:-260px;top:700px;width:780px;height:780px;border-radius:50%;background:radial-gradient(circle,rgba(242,147,92,.07),transparent 65%)}
.g-right{right:-220px;top:1250px;width:840px;height:840px;border-radius:50%;background:radial-gradient(circle,rgba(242,147,92,.08),transparent 62%)}
.g-arc{left:50%;top:230px;width:2000px;height:900px;margin-left:-1000px;border-radius:50%;border-top:1px solid rgba(242,147,92,.22);box-shadow:0 -40px 140px -40px rgba(242,147,92,.22),inset 0 40px 120px -60px rgba(242,147,92,.12)}
.g-line{left:50%;top:0;width:640px;height:1px;margin-left:-320px;background:linear-gradient(90deg,transparent,rgba(242,147,92,.7),transparent)}
.brand{background:linear-gradient(100deg,#FFD2B3 0%,#F2935C 45%,#E06A2C 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.08em;margin-right:-.08em}

/* ---- hero */
.mk-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px 40px;padding:44px 0 30px}
.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(18,18,20,.85);border:1px solid rgba(255,255,255,.10);font:500 11px/1.2 var(--sans);letter-spacing:.12em;color:#b4b4ba}
.chip-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(242,147,92,.15),0 0 12px rgba(242,147,92,.8)}
.mk-hero h1{margin:16px 0 10px;font:700 56px/1 var(--display);letter-spacing:-.045em;color:var(--strong)}
.mk-sub{margin:0;max-width:560px;font-size:18px;line-height:1.55;color:var(--muted)}
.mk-stats{display:grid;grid-template-columns:repeat(4,minmax(128px,auto));gap:10px;margin:0}
.mk-stats>div{padding:14px 16px;border:1px solid transparent;border-radius:16px;background:var(--glass)}
.mk-stats dt{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}
.mk-stats dd{margin:4px 0 0;font:700 22px/1.15 var(--display);letter-spacing:-.02em;color:var(--strong);white-space:nowrap}
.st-unit{display:block;margin-top:2px;font-size:12px;color:var(--faint);white-space:nowrap}
.page-error{margin:0 0 16px;padding:12px 16px;border-radius:12px;border:1px solid rgba(255,122,107,.35);background:rgba(255,122,107,.08);color:#ffc2ba}

/* ---- cards */
.card{border:1px solid transparent;border-radius:22px;background:var(--glass);box-shadow:0 30px 80px -40px rgba(0,0,0,.7)}
.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px 0}
.card-head h2{margin:0;font:700 22px/1.2 var(--display);letter-spacing:-.025em;color:var(--strong)}
.card-sub{margin:4px 0 0;font-size:14px;color:var(--dim)}
.empty{margin:0;padding:28px 24px;color:var(--dim);text-align:center}
.field-note{margin:6px 0 0;font-size:12.5px;line-height:1.5;color:var(--faint)}
.mono{font-family:var(--mono);font-size:12.5px}
[hidden]{display:none!important}
.mk-grid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:20px;align-items:start}
.mk-row2{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;margin-top:20px}

/* ---- lots */
.lots{padding-bottom:16px}
.lots>.field-note{padding:0 24px}
.lot-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:16px 24px 12px}
.search{flex:1 1 220px;display:flex;align-items:center;gap:8px;height:42px;padding:0 12px;border-radius:12px;border:1px solid var(--line2);background:var(--field);color:var(--dim)}
.search svg{width:17px;height:17px;flex:none}
.search input{flex:1;min-width:0;height:100%;border:0;background:none;outline:none;color:var(--text)}
.search:focus-within{border-color:rgba(242,147,92,.55)}
.seg{display:inline-flex;padding:3px;border-radius:12px;border:1px solid var(--line2);background:var(--field)}
.seg button{height:34px;padding:0 12px;border:0;border-radius:9px;background:none;color:var(--muted);cursor:pointer;font-size:13.5px}
.seg button[aria-pressed=true]{background:rgba(242,147,92,.16);color:#ffd9c2}
.sort select{height:42px;padding:0 34px 0 12px;border-radius:12px;border:1px solid var(--line2);background:var(--field) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23a3a3aa' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 12px center;appearance:none;cursor:pointer}
.lot-table{margin:0 12px}
.lot-list{list-style:none;margin:0;padding:0}
.lot-list>li{margin:0}
.lot-list>li.empty{padding:28px 12px}
.lot-row{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr) 128px;gap:12px;align-items:center;padding:13px 12px;border-radius:14px}
.lot-headrow{padding-top:6px;padding-bottom:8px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
button.lot-row{width:100%;border:1px solid transparent;background:none;text-align:left;cursor:pointer}
button.lot-row:hover{background:rgba(255,255,255,.03);border-color:var(--line)}
button.lot-row[aria-pressed=true]{background:rgba(242,147,92,.08);border-color:rgba(242,147,92,.45)}
button.lot-row:disabled{cursor:default;opacity:.62}
.lot-q strong{display:block;font:700 17px/1.25 var(--display);letter-spacing:-.01em;color:var(--strong)}
.lot-q small{display:block;font-size:12px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lot-t small{margin-left:4px;font-size:12px;font-weight:400;color:var(--faint)}
.lot-u{color:var(--copy)}
.lot-t{font-weight:600;color:var(--strong)}
.col-status{text-align:right}
.status{justify-self:end;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;white-space:nowrap;border:1px solid var(--line2);color:var(--muted)}
.status::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}
.status.ready{color:var(--ok);border-color:rgba(123,216,143,.3)}
.status.mine{color:var(--soft);border-color:rgba(242,147,92,.35)}
.status.pending{color:var(--warn);border-color:rgba(242,195,92,.3)}
.status.sold,.status.off{color:var(--dim)}

/* ---- trade panel: action, Back and errors stay visible; only the body scrolls */
.trade{scroll-margin-top:calc(var(--header) + 16px);position:sticky;top:calc(var(--header) + 16px);display:flex;flex-direction:column;max-height:calc(100vh - var(--header) - 32px);min-height:360px;overflow:hidden}
.tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:14px 14px 0;padding:4px;border-radius:14px;border:1px solid var(--line2);background:var(--field)}
.tabs button{height:40px;border:0;border-radius:10px;background:none;color:var(--muted);font-weight:600;cursor:pointer}
.tabs button[aria-selected=true]{background:linear-gradient(180deg,rgba(242,147,92,.22),rgba(242,147,92,.10));color:#ffe3d2}
.trade-body{flex:1 1 auto;min-height:0;overflow:auto;padding:16px 20px 8px;overscroll-behavior:contain}
.trade-foot{flex:none;padding:12px 20px 18px;border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(16,16,18,.6),rgba(16,16,18,.96))}
.foot-status{margin:0 0 8px;min-height:1em;font-size:13px;color:var(--muted)}
.foot-status:empty{display:none}
/* Working (owner, 31 Oct 2026: "can we have some kind of animation here?"): a sweeping bar and a pulsing dot while the wallet works */
.foot-progress{position:relative;height:3px;margin:0 0 12px;border-radius:3px;background:rgba(255,145,79,.12);overflow:hidden}
.foot-progress::after{content:'';position:absolute;top:0;bottom:0;left:0;width:40%;border-radius:3px;background:linear-gradient(90deg,transparent,#ff914f,transparent);animation:foot-sweep 1.3s ease-in-out infinite}
@keyframes foot-sweep{from{transform:translateX(-100%)}to{transform:translateX(250%)}}
.foot-status.working::before{content:'';display:inline-block;width:7px;height:7px;margin:0 8px 1px 0;border-radius:50%;background:#ff914f;vertical-align:middle;animation:foot-pulse 1.1s ease-in-out infinite}
@keyframes foot-pulse{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}
.foot-wallet{margin:-4px 0 10px;font:11.5px/1.45 var(--font-ui);color:var(--faint)}
@media (prefers-reduced-motion:reduce){.foot-progress::after{animation:none;width:100%;opacity:.45}.foot-status.working::before{animation:none}}
.foot-error{margin:0 0 10px;padding:9px 12px;border-radius:10px;border:1px solid rgba(255,122,107,.35);background:rgba(255,122,107,.08);color:#ffc2ba;font-size:13.5px}
.foot-actions{display:flex;gap:10px}
.sol-note{color:var(--muted)}
.trade-note{margin:10px 0 0;font-size:11.5px;line-height:1.45;color:var(--faint);text-align:center}
.primary,.secondary{height:48px;border-radius:14px;font-weight:600;font-size:15px;cursor:pointer}
.primary{flex:1;border:0;background:linear-gradient(180deg,#F5A06C,#E8814A);color:#1a0f08;box-shadow:0 10px 30px -10px rgba(242,147,92,.6)}
.primary:hover:not(:disabled){filter:brightness(1.06)}
.primary:disabled{background:#232529;color:#a3a3aa;box-shadow:none;cursor:not-allowed}
.secondary{padding:0 18px;border:1px solid var(--line2);background:var(--well);color:var(--text)}
.trade-empty{padding:28px 6px;text-align:center;color:var(--dim)}
.trade-empty strong{color:var(--text)}
.receive{padding:16px;border-radius:16px;background:var(--well);border:1px solid var(--line)}
.receive span{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}
.receive strong{display:block;margin-top:4px;font:700 30px/1.1 var(--display);letter-spacing:-.03em;color:var(--strong)}
.receive small{display:block;margin-top:4px;font:12px var(--mono);color:var(--faint)}
.lines{margin:14px 0 0}
.lines>div{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid var(--line)}
.lines dt{color:var(--dim);font-size:14px}
.lines dd{margin:0;text-align:right;color:var(--text);font-size:14px}
.fine{margin-top:14px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--well)}
.fine summary{cursor:pointer;font-weight:600;font-size:14px}
.fine ol{margin:10px 0 0;padding-left:18px;color:var(--copy);font-size:13.5px}
.fine li{margin:5px 0}
.balances{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:0}
.balances>div{padding:10px;border-radius:12px;background:var(--well);border:1px solid var(--line)}
.balances dt{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}
.balances dd{margin:2px 0 0;font-weight:600;font-size:13.5px;color:var(--strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.step{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.step h3{display:flex;align-items:center;gap:10px;margin:0 0 12px;font:700 16px/1.2 var(--display);color:var(--strong)}
.step-n{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(242,147,92,.16);color:#ffd9c2;font:700 12px var(--sans)}
.step label{display:flex;justify-content:space-between;margin:0 0 6px;font-size:13px;color:var(--muted)}
.step label span{color:var(--faint)}
.amount-field{display:flex;gap:6px;height:48px;padding:4px;border-radius:14px;border:1px solid var(--line2);background:var(--field)}
.amount-field:focus-within{border-color:#ff914f;box-shadow:0 0 0 1px #ff914f8c,0 0 18px #ff914f47}
.amount-field input:is(:hover,:focus,:focus-visible),.search input:is(:hover,:focus,:focus-visible){border-color:transparent;box-shadow:none;outline:none}
.amount-field input{flex:1;min-width:0;padding:0 10px;border:0;background:none;outline:none;font:600 18px var(--sans);color:var(--strong)}
.amount-field input::placeholder{color:#5b5c62}
.max{padding:0 14px;border-radius:10px;border:1px solid rgba(242,147,92,.4);background:rgba(242,147,92,.1);color:#ffd9c2;font-weight:600;cursor:pointer}
.max[aria-pressed=true]{background:rgba(242,147,92,.24)}
.my-lot{padding:12px;margin-bottom:8px;border-radius:14px;border:1px solid var(--line);background:var(--well)}
.my-lot-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.my-lot-top strong{font:700 16px var(--display)}
.my-lot .row{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}
.my-lot .row button{height:34px;padding:0 12px;border-radius:10px;border:1px solid var(--line2);background:rgba(255,255,255,.03);cursor:pointer;font-size:13px}
.my-lot .row button.go{border-color:rgba(242,147,92,.5);color:#ffd9c2}
.my-lot .amount-field{height:44px;margin-top:10px}
.status.live::before{animation:foot-pulse 1.1s ease-in-out infinite}
.pending-lot{border-color:rgba(242,147,92,.35);background:linear-gradient(180deg,rgba(242,147,92,.08),rgba(242,147,92,.02))}
.lot-steps{display:flex;gap:6px;margin:10px 0 8px;padding:0;list-style:none;counter-reset:st}
.lot-steps li{flex:1;counter-increment:st;padding:6px 8px;border-radius:9px;border:1px solid var(--line);font-size:11.5px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lot-steps li::before{content:counter(st) ' ';color:var(--dim)}
.lot-steps li.done{color:var(--ok);border-color:rgba(123,216,143,.3)}
.lot-steps li.done::before{content:'✓ ';color:var(--ok)}
.lot-steps li.active{color:#ffd9c2;border-color:rgba(242,147,92,.55);background:rgba(242,147,92,.1)}
.mini-progress{position:relative;display:block;height:3px;margin:2px 0 8px;border-radius:3px;background:rgba(255,145,79,.14);overflow:hidden}
.mini-progress i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#f2935c,#ff914f);transition:width .6s ease}
.mini-progress.sweep::after{content:'';position:absolute;top:0;bottom:0;left:0;width:40%;border-radius:3px;background:linear-gradient(90deg,transparent,#ff914f,transparent);animation:foot-sweep 1.3s ease-in-out infinite}
.my-lot.just-listed{animation:listed-pop 1.8s ease-out}
.my-lot.just-listed .status{color:var(--ok);border-color:rgba(123,216,143,.45)}
@keyframes listed-pop{0%{box-shadow:0 0 0 0 rgba(123,216,143,.55);border-color:#7bd88f;transform:scale(.98)}30%{transform:scale(1.01)}100%{box-shadow:0 0 0 16px rgba(123,216,143,0);transform:none}}
.lot-list>li.pending-row{margin:0 0 8px}
.pending-row .lot-row{position:relative;overflow:hidden;cursor:default;padding:14px 14px 14px 18px;border:1px solid rgba(242,147,92,.22);background:linear-gradient(90deg,rgba(242,147,92,.09),rgba(242,147,92,.02) 55%,transparent)}
.pending-row .lot-row::before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:#ff914f;opacity:.75}
.pending-row .lot-row::after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,145,79,.07) 50%,transparent 70%);background-size:220% 100%;animation:row-shimmer 2.6s ease-in-out infinite;pointer-events:none}
@keyframes row-shimmer{from{background-position:120% 0}to{background-position:-120% 0}}
.pending-row .lot-q small{color:var(--soft)}
@media (prefers-reduced-motion:reduce){.pending-row .lot-row::after{animation:none}}
@media (prefers-reduced-motion:reduce){.status.live::before,.mini-progress.sweep::after,.my-lot.just-listed{animation:none}}
.unit-tag{align-self:center;padding:0 10px;font-size:13px;color:var(--dim)}
#buy-progress{margin-top:16px}
.bp-title{margin:0;font:700 15px var(--display);color:var(--strong)}
.my-lot .note{margin:8px 0 0;font-size:12.5px;color:var(--faint)}
.my-lot .warn{color:var(--warn)}
.progress{list-style:none;margin:12px 0 0;padding:0}
.progress li{position:relative;padding:0 0 14px 26px;color:var(--faint);font-size:14px}
.progress li::before{content:'';position:absolute;left:5px;top:6px;width:9px;height:9px;border-radius:50%;border:1.5px solid #4a4b51;background:var(--ground)}
.progress li::after{content:'';position:absolute;left:9px;top:18px;bottom:0;width:1px;background:#2f3035}
.progress li:last-child::after{display:none}
.progress li.done{color:var(--copy)}
.progress li.done::before{background:var(--accent);border-color:var(--accent)}
.progress li.now{color:var(--strong);font-weight:600}
.progress li.now::before{border-color:var(--accent);box-shadow:0 0 0 4px rgba(242,147,92,.18)}
.progress li.bad{color:var(--bad)}
.progress li.bad::before{border-color:var(--bad);background:var(--bad)}
.progress small{display:block;font-weight:400;color:var(--faint)}

/* ---- activity, sales, how */
.activity{margin-top:20px;padding-bottom:12px}
.trade-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;align-items:center;margin:12px 20px 0;padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:var(--well)}
.trade-item h3{margin:0;font:700 16px/1.3 var(--display);color:var(--strong)}
.trade-item p{margin:0;font-size:13.5px;color:var(--muted)}
.trade-item .ti-actions{display:flex;gap:8px;grid-row:span 2;align-self:center}
.trade-item .ti-actions button{height:38px;padding:0 14px;border-radius:12px;border:1px solid var(--line2);background:rgba(255,255,255,.03);cursor:pointer;font-weight:600;font-size:13.5px}
.trade-item .ti-actions button.go{border:0;background:linear-gradient(180deg,#F5A06C,#E8814A);color:#1a0f08}
.trade-item.bad{border-color:rgba(255,122,107,.35)}
.history,.how{padding-bottom:16px}
.history>.field-note{padding:0 24px}
.chart{height:110px;margin:14px 24px 0}
.chart svg{width:100%;height:100%}
.sale{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;margin:0 24px;padding:11px 0;border-bottom:1px solid var(--line);font-size:14px}
.sale strong{color:var(--strong)}
.sale .mono{color:var(--faint)}
.how-list{margin:14px 0 0;padding:0 24px;list-style:none}
.how-list li{position:relative;margin:0 0 12px;padding-left:20px;color:var(--copy);font-size:14px;line-height:1.55}
.how-list li::before{content:'';position:absolute;left:2px;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px rgba(242,147,92,.7)}
.how-list strong{color:var(--strong)}
.lab{margin-top:20px;padding:0}
.lab summary{display:flex;justify-content:space-between;padding:18px 24px;cursor:pointer;font-weight:600}
.lab-tip{font:12.5px var(--mono);color:var(--dim)}
.lab-inner{padding:0 24px 20px;color:var(--muted);font-size:14px}
.lab-inner p{margin:0 0 12px}
.lab-buttons{display:flex;gap:8px;flex-wrap:wrap}
.lab-buttons button{height:40px;padding:0 16px;border-radius:12px;border:1px solid var(--line2);background:var(--well);cursor:pointer}
.noscript{text-align:center;padding:60px 16px}
/* ---- NFTs */
.nft-grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:0;padding:0 24px 8px}
.nft-grid>li.empty{grid-column:1/-1;padding:28px 0}
.nft-card{display:block;width:100%;padding:0;border:1px solid var(--line);border-radius:16px;background:var(--well);text-align:left;cursor:pointer;overflow:hidden}
.nft-card:hover{border-color:var(--line2)}
.nft-card[aria-pressed=true]{border-color:rgba(242,147,92,.55);box-shadow:0 0 0 3px rgba(242,147,92,.12)}
.nc-art{display:block;width:100%;aspect-ratio:1;background:#050506;overflow:hidden}
.nc-art img{display:block;width:100%;height:100%;object-fit:cover}
.nc-art img.chain-render{object-fit:contain;image-rendering:auto}
.nft-card .nc-body{padding:10px 12px 12px}
.nft-card .nc-name{display:block;font:700 14px/1.3 var(--display);color:var(--strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nft-card .nc-sub{display:block;font-size:12px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nft-card .nc-price{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:8px;font-weight:600;color:var(--strong)}
.nft-card .nc-price .status{padding:3px 8px;font-size:11px}
.nft-hero{display:grid;place-items:center;padding:14px;margin-bottom:12px;border-radius:16px;background:radial-gradient(circle at 50% 0%,rgba(242,147,92,.16),transparent 70%),var(--well);border:1px solid var(--line)}
.nft-art{display:grid;place-items:center;width:100%;min-height:120px;border-radius:10px;background:#050506;overflow:hidden}
.nft-art img{display:block;max-width:100%;max-height:360px;width:auto;height:auto}
.nft-cap{margin:8px 0 0;font-size:12px;color:var(--dim);text-align:center}
.nft-reissue{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.nft-reissue h3{margin:0 0 6px;font:700 15px var(--display);color:var(--strong)}
.nft-reissue .lines dd{word-break:break-all}
.nft-reissue .lines a{color:#ffd9c2}
.status.reissue{color:#f3c7ab;border-color:rgba(242,147,92,.35)}
.nft-chain{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.nft-chain h3{margin:0 0 10px;font:700 15px var(--display);color:var(--strong)}
.nft-art-chain img{width:100%;max-height:none}
.dl{display:inline-block;margin-top:10px;padding:8px 14px;border-radius:10px;border:1px solid rgba(242,147,92,.4);background:rgba(242,147,92,.1);color:#ffd9c2;font-weight:600;font-size:13px;text-decoration:none}
.nft-attrs{margin-top:10px}
.nft-attrs dd{color:var(--copy);font-size:13px}
@media (max-width:880px){.nft-grid{padding:0 14px 8px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}

/* ---- responsive: narrow and short screens keep the primary action reachable */
@media (max-width:1100px){.mk-hero{grid-template-columns:1fr}.mk-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.mk-grid{grid-template-columns:minmax(0,1fr) 360px}}
@media (max-width:880px){
 header.site{gap:16px;padding:12px 16px;overflow:hidden}
 header.site nav,.site-updates,.site-docs{display:none}
 .wallet-menu,#xmr20-wallet-root{margin-left:auto}
 .mk-main{padding:0 16px 48px}
 .mk-hero{padding:28px 0 22px}.mk-hero h1{font-size:40px}.mk-sub{font-size:16px}
 .mk-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mk-grid,.mk-row2{grid-template-columns:1fr}
 .trade{position:relative;top:auto;max-height:none;overflow:visible}
 .trade-foot{position:sticky;bottom:0;border-radius:0 0 22px 22px;z-index:5}
 .lot-row{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto}
 .lot-row .lot-u{display:none}
 .lot-headrow span:nth-child(2){display:none}
 footer.site{padding:28px 16px 40px}.foot-lab{margin-left:0}
}
@media (max-width:520px){.st-unit{white-space:normal}.mk-stats dd{font-size:20px}.receive strong{font-size:25px}}
@media (max-width:420px){.lot-tools{padding:14px 14px 10px}.lot-table{margin:0 4px}.card-head{padding:18px 16px 0}.balances{grid-template-columns:repeat(2,1fr)}.trade-item{margin:10px 12px 0;grid-template-columns:1fr}.trade-item .ti-actions{grid-row:auto}.sale{margin:0 16px}.lab-strip span:last-child{font-size:12px}}
@media (max-height:640px) and (min-width:881px){.trade{min-height:0}.tabs{margin-top:10px}.trade-body{padding-top:10px}.receive strong{font-size:24px}.primary,.secondary{height:44px}}

/* ==== Marketplace redesign (30 Oct 2026). Patterns from OpenSea / Magic Eden, kept simple: a trending table with a featured
   strip for tokens; image-first collection cards; banner + avatar + stats on detail pages. Motion is soft and off for users
   who ask for reduced motion. ==== */
@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes shimmer{from{background-position:200% 0}to{background-position:-200% 0}}
@keyframes breathe{0%,100%{opacity:.78}50%{opacity:1}}
@keyframes floaty{0%,100%{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-7px) rotate(var(--r,0deg))}}
@keyframes sheen{from{transform:translateX(-120%) skewX(-18deg)}to{transform:translateX(220%) skewX(-18deg)}}
.enter{animation:rise .55s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i,0) * 32ms)}
.g-top{animation:breathe 12s ease-in-out infinite}
.px{image-rendering:pixelated}
.up{color:#7fe0a0!important}.down{color:#ff8f86!important}

/* skeletons while data loads */
.sk-row,.sk-card,.sk-stat{list-style:none;background:linear-gradient(90deg,rgba(255,255,255,.025) 25%,rgba(255,255,255,.07) 50%,rgba(255,255,255,.025) 75%);background-size:200% 100%;animation:shimmer 1.5s linear infinite}
.sk-row{height:62px;margin:6px 8px;border-radius:14px}
.sk-card{aspect-ratio:.8;border-radius:18px}
.sk-card.sm{aspect-ratio:.78;border-radius:16px}
.sk-stat{min-width:128px;height:86px;border-radius:16px}

/* hero: market switch with counts; stats follow the chosen market */
.mk-kind{display:inline-flex;gap:6px;margin-top:22px;padding:5px;border-radius:16px;border:1px solid var(--line2);background:rgba(10,10,12,.72);backdrop-filter:blur(8px)}
.mk-kind button{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 16px;border:0;border-radius:12px;background:none;color:var(--muted);font-weight:600;font-size:14.5px;cursor:pointer;transition:background .25s,color .25s,box-shadow .25s}
.mk-kind button b{min-width:28px;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.06);font:600 12px/1.5 var(--sans);color:var(--dim);text-align:center}
.mk-kind button:hover{color:var(--text)}
.mk-kind button.soon,.mk-kind button.soon:hover{color:var(--dim);cursor:not-allowed;opacity:.55}
.mk-kind .soon-tag{padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.06);font:600 11px/1.5 var(--sans);font-style:normal;letter-spacing:.02em;color:var(--dim)}
.mk-kind button[aria-pressed=true]{background:linear-gradient(180deg,rgba(242,147,92,.26),rgba(242,147,92,.12));color:#fff;box-shadow:inset 0 0 0 1px rgba(242,147,92,.38),0 10px 28px -14px rgba(242,147,92,.8)}
.mk-kind button[aria-pressed=true] b{background:rgba(242,147,92,.3);color:#ffe9dc}
.mk-stats{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(124px,auto)}
.mk-stats>div{transition:border-color .3s,transform .3s}
.mk-stats>div:hover{transform:translateY(-2px)}

/* catalog cards: one inner padding for header, tools, grids and tables */
.catalog{padding:26px 26px 22px;overflow:hidden}
.cat-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px 24px;flex-wrap:wrap;margin-bottom:20px}
.cat-title h2{margin:0;font:700 28px/1.12 var(--display);letter-spacing:-.035em;color:var(--strong)}
.cat-title .card-sub{max-width:560px;margin-top:6px}
.cat-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end;flex:1 1 420px}
.cat-tools .search{flex:1 1 220px;max-width:360px}
.cat-foot{margin:16px 6px 0;font-size:12px;color:var(--faint)}

/* tokens: featured top 3 */
.spotlight{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px}
.spotlight>div{min-width:0}
.sp{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:4px;width:100%;height:100%;padding:18px 18px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(155deg,rgba(242,147,92,.12),rgba(19,19,22,.92) 52%);overflow:hidden;text-align:left;cursor:pointer;color:inherit;transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s,box-shadow .35s}
.sp::after{content:'';position:absolute;top:0;bottom:0;left:0;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);transform:translateX(-120%) skewX(-18deg);pointer-events:none}
.sp:hover{transform:translateY(-4px);border-color:rgba(242,147,92,.5);box-shadow:0 26px 60px -30px rgba(242,147,92,.55)}
.sp:hover::after{animation:sheen 1.1s ease}
.sp-bg{position:absolute;inset:-25%;z-index:-2;opacity:.34;filter:blur(40px) saturate(1.6)}
.sp::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(14,14,17,.25),rgba(14,14,17,.72) 70%);pointer-events:none}
.sp-bg img{width:100%;height:100%;object-fit:cover}
.sp-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.sp-rank{padding:4px 10px;border-radius:999px;background:rgba(8,8,10,.55);border:1px solid rgba(255,255,255,.12);font:600 11.5px var(--sans);color:#ffd9c2}
.sp-name{display:flex;align-items:baseline;gap:8px;min-width:0;font:700 19px/1.2 var(--display);color:var(--strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sp-name small{font:12px var(--font-ui);color:var(--dim)}
.sp-price{display:flex;align-items:baseline;gap:10px;font:700 26px/1.15 var(--display);letter-spacing:-.02em;color:#fff}
.sp-price em{font:600 14px var(--sans);font-style:normal;color:var(--dim)}
.sp-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px;font-size:12.5px;color:var(--dim)}
.sp-meta b{font-weight:600;color:var(--copy)}
.sp-meta b.on{color:#a7efbd}

/* avatars: image, or initials on one of six gradients */
.tk-av,.sp-av,.v-img{flex:none;display:grid;place-items:center;overflow:hidden;background:#1b1c20;border:1px solid rgba(255,255,255,.1);color:#fff;font:800 13px/1 var(--display);letter-spacing:.02em}
.tk-av img,.sp-av img,.v-img img{width:100%;height:100%;object-fit:cover;display:block}
.tk-av{width:40px;height:40px;border-radius:12px}
.sp-av{width:54px;height:54px;border-radius:16px;font-size:15px;box-shadow:0 12px 30px -14px rgba(0,0,0,.9)}
.ph0{background:linear-gradient(135deg,#ff9a5c,#7a2e12)!important}.ph1{background:linear-gradient(135deg,#f6c26b,#8a4a12)!important}.ph2{background:linear-gradient(135deg,#e46a8c,#5a1838)!important}
.ph3{background:linear-gradient(135deg,#8b7cf6,#2c2163)!important}.ph4{background:linear-gradient(135deg,#4fc3a1,#104a3c)!important}.ph5{background:linear-gradient(135deg,#5aa8f0,#173a63)!important}

/* tokens: market table */
.mt{margin:0 -10px}
.mt-row{display:grid;grid-template-columns:40px minmax(190px,2.1fr) repeat(4,minmax(86px,1fr)) minmax(150px,1.25fr);gap:14px;align-items:center;padding:12px 14px;border-radius:14px}
.mt-head{margin:0 10px;padding:2px 4px 10px;border-bottom:1px solid var(--line);border-radius:0;font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--faint)}
.mt-body{list-style:none;margin:8px 0 0;padding:0}
.mt-body>li{margin:0}
.mt-body>li.empty{padding:36px 12px}
button.mt-row{width:100%;border:1px solid transparent;background:none;text-align:left;cursor:pointer;color:inherit;transition:background .2s,border-color .2s}
button.mt-row:hover{background:linear-gradient(90deg,rgba(242,147,92,.08),rgba(255,255,255,.02) 65%);border-color:rgba(255,255,255,.07)}
button.mt-row:hover .tk-av{transform:scale(1.06)}
.tk-av{transition:transform .25s}
.c-rank{font:600 13px var(--font-ui);color:var(--faint);text-align:center}
.tag-test{display:inline-block;padding:2px 6px;border-radius:6px;background:rgba(242,147,92,.16);font:700 9.5px/1.4 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#ffd9c2}
.c-token{display:flex;align-items:center;gap:12px;min-width:0}
.tk-nm{min-width:0}
.tk-nm b{display:block;font-weight:650;color:var(--strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tk-nm small{display:block;font:12px var(--font-ui);color:var(--dim)}
.c-num{text-align:right;font-weight:600;color:var(--text);white-space:nowrap}
.mt-head .c-num,.mt-head .c-xmr{font-weight:400}
.c-xmr{display:flex;flex-direction:column;align-items:flex-end;gap:3px;text-align:right}
.mt-head .c-xmr{display:block}
.c-xmr small{font-size:11.5px;color:var(--faint);white-space:nowrap}
.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;border:1px solid var(--line2);color:var(--muted)}
.pill::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}
.pill.on{color:#a7efbd;border-color:rgba(123,216,143,.32);background:rgba(123,216,143,.07)}
.pill.soon{color:var(--dim);border-color:var(--line)}

/* NFT collections: groups, Sweep and Burn banner, image-first cards */
.cg+.cg{margin-top:34px}
.cg-head{display:flex;align-items:baseline;gap:12px;margin:0 2px 14px}
.cg-head h3{margin:0;font:700 20px/1.2 var(--display);letter-spacing:-.02em;color:var(--strong)}
.cg-count{font-size:13px;color:var(--dim)}
.cc-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:16px}
.cc-grid>li{min-width:0}
.cc-grid>li.empty{grid-column:1/-1;padding:30px 12px;border-radius:18px;border:1px dashed rgba(255,255,255,.1)}
.cc{display:flex;flex-direction:column;width:100%;height:100%;padding:0;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(27,27,31,.96),rgba(17,17,20,.96));overflow:hidden;text-align:left;cursor:pointer;color:inherit;transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s,box-shadow .35s}
.cc:hover{transform:translateY(-5px);border-color:rgba(242,147,92,.5);box-shadow:0 30px 60px -30px rgba(0,0,0,.95),0 22px 60px -36px rgba(242,147,92,.75)}
.cc-media{position:relative;display:grid;place-items:center;aspect-ratio:1;overflow:hidden;background:#141518;font:800 40px/1 var(--display);color:rgba(255,255,255,.92)}
.cc-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.cc:hover .cc-media img{transform:scale(1.07)}
.cc-media::after{content:'';position:absolute;left:0;right:0;bottom:0;height:35%;background:linear-gradient(180deg,transparent,rgba(17,17,20,.5));pointer-events:none}
.cc-badge{position:absolute;top:10px;left:10px;z-index:1;padding:4px 10px;border-radius:999px;font:600 11px/1.3 var(--sans);background:rgba(8,8,10,.62);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(8px);color:#ececf1}
.cc-badge.soon{color:#ffdcae}
.cc-badge.live{color:#a7efbd}
.cc-badge.ins{color:#ffd9c2;border-color:rgba(242,147,92,.5);box-shadow:0 0 0 0 rgba(242,147,92,.5);animation:pulse 2.4s ease-out infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(242,147,92,.45)}70%{box-shadow:0 0 0 8px rgba(242,147,92,0)}100%{box-shadow:0 0 0 0 rgba(242,147,92,0)}}
.cc-stats b em{font-style:normal;font-weight:600;color:#ffb98c}
.cc-body{display:flex;flex-direction:column;gap:2px;padding:14px 16px 16px}
.cc-name{font:700 16px/1.25 var(--display);letter-spacing:-.01em;color:var(--strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-meta{font-size:12.5px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.cc-stats small{display:block;font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--faint)}
.cc-stats b{display:block;margin-top:2px;font-weight:650;font-size:14px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-banner{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:24px;margin:0 0 20px;padding:28px 30px;border-radius:22px;border:1px solid rgba(242,147,92,.24);background:radial-gradient(120% 140% at 0% 0%,rgba(242,147,92,.2),transparent 55%),radial-gradient(90% 120% at 100% 100%,rgba(224,106,44,.16),transparent 60%),linear-gradient(180deg,#18181b,#121214);overflow:hidden}
.sb-copy h3{margin:14px 0 8px;font:700 32px/1.06 var(--display);letter-spacing:-.04em;color:var(--strong)}
.sb-copy p{margin:0 0 12px;max-width:440px;color:var(--muted);font-size:15px;line-height:1.55}
.sb-copy .cg-count{color:#f3c7ab}
.sb-mosaic{position:relative;height:178px}
.mz{position:absolute;top:50%;width:118px;height:118px;border-radius:20px;overflow:hidden;border:2px solid rgba(255,255,255,.14);background:#141518;box-shadow:0 24px 44px -20px rgba(0,0,0,.95);animation:floaty 7s ease-in-out infinite}
.mz img{width:100%;height:100%;object-fit:cover;display:block}
.mz1{left:2%;margin-top:-52px;--r:-8deg;animation-delay:-1s}
.mz2{left:20%;margin-top:-84px;--r:6deg;animation-delay:-3s}
.mz3{left:39%;margin-top:-62px;width:136px;height:136px;z-index:2;--r:-2deg;animation-delay:-2s}
.mz4{left:60%;margin-top:-86px;--r:7deg;animation-delay:-4s}
.mz5{left:77%;margin-top:-46px;--r:-6deg;animation-delay:-5s}

/* detail pages: banner from the cover/token image, avatar, name, chips and stats */
.v-hero{position:relative;isolation:isolate;overflow:hidden;border-radius:22px 22px 0 0;background:radial-gradient(120% 120% at 0% 0%,rgba(242,147,92,.24),transparent 60%),linear-gradient(180deg,#1c1c20,#141417)}
.v-bg{position:absolute;inset:-12%;z-index:-2}
.v-bg img{width:100%;height:100%;object-fit:cover;filter:blur(28px) saturate(1.35);opacity:.6;transform:scale(1.1)}
.v-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(14,14,16,.1) 0%,rgba(16,16,19,.78) 70%,rgba(18,18,21,.98) 100%)}
.v-in{display:flex;flex-direction:column;gap:18px;padding:18px 26px 22px}
.back{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;height:32px;margin:0;padding:0 12px 0 8px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(8,8,10,.5);backdrop-filter:blur(8px);color:var(--copy);font:600 12.5px var(--sans);cursor:pointer;transition:color .2s,border-color .2s}
.back svg{width:14px;height:14px}
.back:hover{color:#fff;border-color:rgba(242,147,92,.55)}
.v-id{display:flex;align-items:flex-end;gap:16px;min-width:0;padding-top:34px}
.v-img{width:76px;height:76px;border-radius:20px;border:3px solid rgba(18,18,21,.92);box-shadow:0 16px 40px -14px rgba(0,0,0,.85);font-size:20px}
.v-img-lg{width:104px;height:104px;border-radius:24px;font-size:28px}
#tokens-view .v-in{flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px 18px;padding:16px 22px 18px}
#tokens-view .back{align-self:center}
#tokens-view .v-id{align-items:center;gap:14px;padding-top:0}
#tokens-view .v-img{width:56px;height:56px;border-radius:16px;font-size:15px}
#tokens-view .v-name h2{font-size:28px}
#tokens-view .tk-groups{margin-top:22px;grid-template-columns:minmax(0,1fr)}/* full width rows: every value fits */
.v-name{min-width:0}
.v-name h2{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0;font:700 34px/1.08 var(--display);letter-spacing:-.04em;color:#fff}
.v-name h2 small{padding:3px 9px;border-radius:8px;background:rgba(255,255,255,.08);font:600 13px var(--font-ui);letter-spacing:0;color:var(--copy)}
.v-name h2 small:empty{display:none}
.v-name .card-sub{margin-top:6px;color:var(--copy);font-size:14.5px}
.v-links{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 0}
.v-links:empty{display:none}
.v-chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px;border-radius:999px;border:1px solid rgba(255,255,255,.13);background:rgba(8,8,10,.45);color:var(--copy);font:12px var(--font-ui);text-decoration:none;cursor:pointer;transition:color .2s,border-color .2s}
.v-chip svg{width:13px;height:13px}
.v-chip:hover{color:#fff;border-color:rgba(242,147,92,.55)}
.v-chip.plain{cursor:default}.v-chip.plain:hover{color:var(--copy);border-color:rgba(255,255,255,.13)}
.v-stats{display:flex;flex-wrap:wrap;gap:12px 30px;margin:0;padding-top:4px}
.v-stats dt{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--dim)}
.v-stats dd{margin:3px 0 0;font:700 21px/1.15 var(--display);letter-spacing:-.02em;color:#fff}
.callout{display:flex;gap:12px;align-items:flex-start;margin:18px 26px 0;padding:14px 16px;border-radius:14px;border:1px solid rgba(242,195,92,.28);background:linear-gradient(180deg,rgba(242,195,92,.08),rgba(242,195,92,.03));color:#ecdfc0;font-size:14px;line-height:1.6}
.callout svg{flex:none;width:20px;height:20px;margin-top:2px;color:#f2c35c}
.callout p{margin:0}
.callout strong{color:#fff3d6}
.callout a{color:#ffd9c2;white-space:nowrap}
.tk-groups{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1.15fr);gap:14px;margin:18px 26px 0}
.tk-group{padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.tk-group.xmr{border-color:rgba(242,147,92,.3);background:linear-gradient(180deg,rgba(242,147,92,.09),rgba(242,147,92,.02))}
.tk-group h3{margin:0 0 10px;font:600 11.5px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.tk-group.xmr h3{color:var(--accent-ui)}
.tk-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:12px;margin:0}
.tk-metrics dt{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tk-metrics dd{margin:3px 0 0;font:700 18px/1.2 var(--display);letter-spacing:-.01em;color:var(--strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tk-metrics dd small{display:block;margin-top:2px;font:400 11.5px var(--sans);color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tk-chart{margin:22px 26px 6px;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:#0e0f12}
.tk-group:not(.xmr) .tk-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
.tk-group.xmr .tk-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
.tk-chart-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;padding:11px 14px;border-bottom:1px solid var(--line);font-weight:600;font-size:13.5px;color:var(--strong)}
.tk-chart-head small{font-weight:400;font-size:12px;color:var(--faint)}
.tk-chart iframe{display:block;width:100%;height:380px;border:0}
.mc-intervals{display:flex;gap:4px;padding:3px;border-radius:12px;border:1px solid var(--line);background:#121316}
.mc-intervals button{min-width:42px;padding:5px 10px;border-radius:9px;border:1px solid transparent;background:none;color:var(--muted);font:500 12.5px var(--sans);cursor:pointer}
.mc-intervals button:hover{color:var(--strong)}
.mc-intervals button[aria-pressed=true]{border-color:rgba(242,147,92,.55);background:rgba(242,147,92,.14);color:var(--strong)}
.mc-plot{position:relative;height:390px;background:#151719}
.mc-empty{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;text-align:center;color:var(--muted);font-size:14px;background:#151719}
.mc-empty[hidden]{display:none}
.mc-empty p{margin:0}
.mc-source{margin:0;padding:10px 14px;font-size:12px;color:var(--faint);border-top:1px solid var(--line)}
.tk-chart-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:150px;padding:24px;text-align:center;color:var(--muted);font-size:14px;background:radial-gradient(70% 90% at 50% 100%,rgba(242,147,92,.1),transparent 70%)}
.tk-chart-ph p{margin:0;max-width:420px}
.card-sub-head{padding:24px 26px 0}
.card-sub-head h3{margin:0;font:700 20px/1.2 var(--display);letter-spacing:-.02em;color:var(--strong)}
.lots .lot-tools{padding-left:26px;padding-right:26px}

/* NFT and member cards (item grid) */
.nft-grid{grid-template-columns:repeat(auto-fill,minmax(164px,1fr));gap:14px;padding:6px 26px 8px}
.nfts .nft-grid{margin-top:4px}
#planned-members .nft-grid{padding-top:16px}
.nft-card{border-radius:16px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(27,27,31,.96),rgba(17,17,20,.96));transition:transform .3s cubic-bezier(.2,.7,.2,1),border-color .3s,box-shadow .3s}
.nft-card:hover{transform:translateY(-4px);border-color:rgba(242,147,92,.45);box-shadow:0 24px 50px -28px rgba(0,0,0,.95),0 16px 44px -32px rgba(242,147,92,.7)}
.nc-art img{transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.nft-card:hover .nc-art img{transform:scale(1.06)}
.nft-card.member .nc-body{display:block;padding:11px 12px 13px}
.nft-card.member .nc-name{display:block;font:700 14px/1.3 var(--display);color:var(--strong)}
.nft-card.member .nc-sub{display:block;font:11.5px var(--font-ui);color:var(--faint)}
.more-row{display:flex;justify-content:center;padding:16px 26px 6px}
.more-row .secondary{height:42px;padding:0 22px;border-radius:999px}
.more-row .secondary:hover{border-color:rgba(242,147,92,.5)}

/* side panels */
.trade-empty{margin:4px 0;padding:44px 20px;border-radius:16px;border:1px dashed rgba(255,255,255,.1);background:radial-gradient(80% 90% at 50% 0%,rgba(242,147,92,.08),transparent 70%)}
.mp-art{display:grid;place-items:center;aspect-ratio:1;margin-bottom:14px;border-radius:16px;overflow:hidden;background:#0a0a0c;border:1px solid var(--line)}
.mp-art img{width:100%;height:100%;object-fit:contain;display:block}
.mp-cover img{object-fit:cover}
.mp-title{margin:0 0 6px;font:700 21px/1.2 var(--display);letter-spacing:-.02em;color:var(--strong)}
.mp-lead{margin:0 0 4px;color:var(--copy);font-size:14px;line-height:1.55}
.lines dd.wrap{word-break:break-all}
#member-panel .dl{margin-top:14px}

/* responsive */
@media (max-width:1180px){.mt-row{grid-template-columns:36px minmax(170px,2fr) repeat(3,minmax(84px,1fr)) minmax(140px,1.2fr)}.c-vol{display:none}}
@media (max-width:1100px){.mk-stats{grid-auto-flow:row;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.tk-groups{grid-template-columns:1fr}}
@media (max-width:880px){
 .catalog{padding:20px 16px 16px}.cat-tools{justify-content:flex-start}.cat-tools .search{max-width:none}
 .spotlight{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:minmax(240px,82%);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px}
 .spotlight>div{scroll-snap-align:start}
 .mt{margin:0 -6px}.mt-row{grid-template-columns:minmax(0,1.8fr) minmax(70px,1fr) minmax(64px,.8fr) minmax(96px,1fr);gap:10px;padding:11px 8px}
 .c-rank,.c-mcap{display:none}
 .sb-banner{grid-template-columns:1fr;padding:22px 20px}.sb-copy h3{font-size:26px}.sb-mosaic{height:132px}.mz{width:88px;height:88px;border-radius:16px}.mz3{width:100px;height:100px}
 .cc-grid{grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:12px}
 .v-in{padding:16px 16px 18px}.v-id{padding-top:22px}.v-name h2{font-size:26px}.v-img{width:62px;height:62px}.v-img-lg{width:80px;height:80px}
 .callout{margin:16px 16px 0}.tk-groups,.tk-chart{margin-left:16px;margin-right:16px}.card-sub-head{padding:20px 16px 0}.lots .lot-tools{padding-left:16px;padding-right:16px}
 .nft-grid{padding:6px 16px 8px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
 .tk-chart iframe{height:320px}
}
@media (max-width:520px){
 .mk-kind{display:flex}.mk-kind button{flex:1;justify-content:center;padding:0 10px;font-size:13.5px}
 .mk-stats{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:minmax(136px,46%);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px}
 .mk-stats>div{scroll-snap-align:start}
 .mt-head{display:none}
 .mt-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"tok price" "tok xmr";gap:4px 12px;padding:11px 8px}
 .mt-row>.c-token{grid-area:tok}.mt-row>:nth-child(3){grid-area:price}.mt-row>.c-xmr{grid-area:xmr;flex-direction:row}
 .mt-row>:nth-child(4){display:none}
 .c-xmr small{display:none}.pill{padding:2px 8px;font-size:11px}
 .cc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cc-media{font-size:30px}.cc-name{font-size:14.5px}.cc-body{padding:11px 11px 13px}.cc-stats{gap:6px}.cc-stats b{font-size:13px}
 .nft-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .v-stats{gap:10px 20px}.v-stats dd{font-size:18px}
 .tk-group:not(.xmr) .tk-metrics,.tk-group.xmr .tk-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.cc:hover,.sp:hover,.nft-card:hover,.mk-stats>div:hover{transform:none}}

/* Monero accounts (Cake/Feather; custodial) — 30 Oct 2026 */
.acct-dialog{width:min(520px,calc(100vw - 32px));max-height:min(760px,calc(100dvh - 32px));padding:0;border:1px solid transparent;border-radius:18px;background:var(--glass);color:var(--text);display:none;flex-direction:column;overflow:hidden}
.acct-dialog[open]{display:flex}
.acct-dialog::backdrop{background:rgba(0,0,0,.6)}
.acct-body{padding:20px 20px 8px;overflow:auto;flex:1;min-height:0}
.acct-foot{display:flex;gap:10px;justify-content:flex-end;padding:12px 20px 18px;border-top:1px solid var(--line);background:rgba(12,12,14,.9)}
.acct-foot button{min-height:44px;padding:0 18px;border-radius:12px;font:600 14px var(--sans);cursor:pointer}
.acct-foot .primary{background:var(--accent-ui);color:#121212;border:0}.acct-foot .primary:disabled{opacity:.45;cursor:default}
.acct-foot .secondary{background:transparent;color:var(--text);border:1px solid var(--line2)}
.acct-head{display:flex;justify-content:space-between;align-items:start;gap:12px}
.acct-head h2{margin:0 0 6px;font:600 20px/1.25 var(--display);color:var(--strong)}
.acct-x{background:none;border:0;color:var(--muted);font-size:24px;line-height:1;cursor:pointer;padding:2px 6px}
.acct-lead{color:var(--copy);margin:0 0 12px;line-height:1.5}
.acct-warn{border:1px solid rgba(242,195,92,.35);background:rgba(242,195,92,.07);border-radius:12px;padding:10px 12px;margin:0 0 14px;color:var(--copy);font-size:13.5px;line-height:1.5}
.acct-warn strong{color:var(--warn)}.acct-warn.small{font-size:12.5px}
.acct-dialog label{display:block;margin:12px 0 6px;color:var(--muted);font-size:13px}.acct-dialog label span{color:var(--dim)}
.acct-dialog input,.acct-dialog textarea{width:100%;box-sizing:border-box;background:var(--field);color:var(--text);border:1px solid var(--line2);border-radius:10px;padding:10px 12px;font:13px var(--mono)}
.acct-line{resize:none;color:var(--soft)}
.acct-row{display:flex;align-items:center;gap:10px;margin:8px 0}
.acct-row button,.acct-dialog .max{background:transparent;border:1px solid var(--line2);color:var(--text);border-radius:10px;padding:7px 12px;cursor:pointer;font:13px var(--sans)}
.acct-steps{margin:10px 0 4px;padding-left:18px;color:var(--copy);font-size:13.5px;line-height:1.55}.acct-steps li{margin:4px 0}
.acct-bal{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 12px}
.acct-bal>div{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--well)}
.acct-bal dt{color:var(--muted);font-size:12px}.acct-bal dd{margin:2px 0 0;font:600 20px var(--display);color:var(--strong)}.acct-bal small{color:var(--dim);font-size:12px}
.acct-dialog h3{margin:16px 0 8px;font:600 15px var(--display);color:var(--strong)}
.acct-dep{display:grid;grid-template-columns:132px 1fr;gap:14px;align-items:start}
.acct-qr{background:#fff;border-radius:10px;padding:6px;line-height:0}.acct-qr svg{width:120px;height:120px}
.acct-addr{word-break:break-all;font-size:12px;color:var(--soft);margin:0 0 4px}
.acct-list{margin:8px 0 0;padding-left:18px;color:var(--copy);font-size:13px}
.acct-dialog .form-error{color:var(--bad);margin:10px 0 0}
@media (max-width:480px){.acct-dep{grid-template-columns:1fr}.acct-qr{justify-self:start}}
.balances.one{grid-template-columns:1fr}