:root{color-scheme:light;--gold:#C2A633;--gold2:#E1B303;--accent:#a8891a;--ink:#1d1a12;--muted:#6f6858;--bg:#fbf8ef;--card:#fff;--surface:#fff;--line:#ece4cc;--hover:#f6efd8;--ghost:#f3ecd6;--ok:#2f9e5b;--bad:#c94a3b;--ok-bg:#e4f6ea;--bad-bg:#fbe7e4;--banner-bg:#fff6d6;--banner-fg:#7a6200;--main-bg:#e8f6ec;--main-fg:#1f6e3f;--navbtn-bg:#1d1a12;--navbtn-fg:#fff;--shadow:rgba(194,166,51,.12)}
:root[data-theme=dark]{color-scheme:dark;--accent:#e1b303;--ink:#f3eedf;--muted:#a9a18c;--bg:#121009;--card:#1b1810;--surface:#221e14;--line:#332d1e;--hover:#2a2416;--ghost:#2c2617;--ok:#5fd18e;--bad:#ff8a7a;--ok-bg:rgba(95,209,142,.14);--bad-bg:rgba(255,138,122,.14);--banner-bg:#2a2210;--banner-fg:#f0cc4a;--main-bg:#10281b;--main-fg:#7fe0a5;--navbtn-bg:#f3eedf;--navbtn-fg:#121009;--shadow:rgba(0,0,0,.4)}
body,.nav,.card,.search,input,.item,.chip{transition:background-color .2s,border-color .2s,color .2s}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink)}
a{color:inherit;text-decoration:none}
.logo{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#fff;display:grid;place-items:center;font-size:20px}
.banner{background:var(--banner-bg);color:var(--banner-fg);text-align:center;font-size:13px;padding:7px;border-bottom:1px solid var(--line)}
main{max-width:860px;margin:0 auto;padding:40px 20px 80px}
.hero{text-align:center;padding:30px 0 10px}.hero h1{font-size:clamp(30px,6vw,52px);margin:0 0 10px;letter-spacing:-1px}.hero h1 span{color:var(--accent)}.hero p{color:var(--muted);margin:0 0 28px}
.search{display:flex;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:8px;box-shadow:0 8px 30px var(--shadow)}
input,select{font:inherit;padding:14px 16px;border:1px solid var(--line);border-radius:12px;width:100%;background:var(--surface);color:var(--ink)}.search input{background:transparent}.search input{border:0;font-size:18px}input:focus{outline:2px solid var(--gold)}
button,.btn{font:inherit;font-weight:700;border:0;border-radius:12px;padding:14px 22px;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#fff;cursor:pointer;white-space:nowrap;display:inline-block}
button.ghost,.btn.ghost{background:var(--ghost);color:var(--ink)}
.chips{display:flex;gap:8px;justify-content:center;margin-top:14px;flex-wrap:wrap}.chip{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:13px;color:var(--muted)}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px;margin-top:22px;box-shadow:0 2px 10px rgba(0,0,0,.03)}
.result{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.result h2{margin:0;font-size:24px;word-break:break-all}
.tag{font-size:13px;font-weight:700;padding:4px 10px;border-radius:999px}.ok{background:var(--ok-bg);color:var(--ok)}.bad{background:var(--bad-bg);color:var(--bad)}
.err{color:var(--bad);margin-top:10px}.muted{color:var(--muted)}label{display:block;font-weight:600;margin:14px 0 6px;font-size:14px}
.kv{display:grid;grid-template-columns:150px 1fr;gap:10px 16px;font-size:14px}.kv div:nth-child(odd){color:var(--muted)}.mono{font-family:ui-monospace,Menlo,monospace;word-break:break-all;font-size:13px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.item{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;font-weight:700}.item small{display:block;color:var(--muted);font-weight:500;margin-top:4px}
.soon{text-align:center;padding:70px 20px}.soon .logo{width:72px;height:72px;font-size:40px;margin:0 auto 20px}.soon h1{font-size:40px;margin:0}.soon h1 span{color:var(--accent)}
pre{background:#1d1a12;color:#f3e3a3;padding:14px;border-radius:12px;overflow:auto;font-size:12px}
footer{padding:24px 0 0}
@media(max-width:600px){.search{flex-direction:column}.kv{grid-template-columns:1fr}}
.banner.mainnet{background:var(--main-bg);color:var(--main-fg)}.pill{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.5px;padding:2px 8px;border-radius:999px;margin-right:6px;vertical-align:1px}.pill.main{background:#1f6e3f;color:#fff}.pill.demo{background:#c2a633;color:#fff}
textarea{font:12px ui-monospace,Menlo,monospace;width:100%;min-height:70px;padding:10px;border:1px solid var(--line);border-radius:12px}.row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}details{margin-top:14px}summary{cursor:pointer;color:var(--muted);font-size:14px}
[hidden]{display:none!important}
textarea{background:var(--surface);color:var(--ink)}
.theme-btn .sun{display:none}:root[data-theme=dark] .theme-btn .sun{display:block}:root[data-theme=dark] .theme-btn .moon{display:none}
:root[data-theme=dark] .card{box-shadow:0 2px 14px rgba(0,0,0,.35)}:root[data-theme=dark] .mono a,:root[data-theme=dark] a.mono{color:var(--accent)}
/* ---- rarity */
.rname{color:var(--r);font-weight:800}h1.rname,h2.rname{margin:0;word-break:break-all;text-shadow:0 0 18px color-mix(in srgb,var(--r) 30%,transparent)}
.rbadge{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;padding:3px 9px;border-radius:999px;color:var(--r);background:color-mix(in srgb,var(--r) 14%,transparent);border:1px solid color-mix(in srgb,var(--r) 45%,transparent);vertical-align:middle}
.rcard{border-color:color-mix(in srgb,var(--r) 40%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,var(--r) 12%,transparent),0 8px 28px color-mix(in srgb,var(--r) 14%,transparent)}
.item.rcard{display:flex;flex-direction:column;gap:6px;transition:transform .15s,box-shadow .15s}.item.rcard:hover{transform:translateY(-2px);box-shadow:0 10px 30px color-mix(in srgb,var(--r) 25%,transparent)}.item .rbadge{align-self:flex-start}
.chip{display:inline-flex;align-items:center;gap:6px}.chip i{width:8px;height:8px;border-radius:50%;background:var(--r);box-shadow:0 0 8px var(--r)}
/* ---- name field + picker */
.namefield{--r:var(--gold);display:flex;align-items:center;flex:1;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:4px 4px 4px 0;transition:border-color .2s,box-shadow .2s}
.namefield:focus-within{border-color:var(--r);box-shadow:0 0 0 3px color-mix(in srgb,var(--r) 22%,transparent)}
.namefield input{border:0;background:transparent;flex:1;min-width:60px;outline:none;font-size:17px}.namefield input:focus{outline:none}
.search .namefield{border:0;background:transparent}.search .namefield:focus-within{box-shadow:none}

.picker{position:relative;--r:var(--gold)}
.pk-btn{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--r) 12%,var(--surface));color:var(--ink);border:1px solid color-mix(in srgb,var(--r) 55%,transparent);font-weight:800;box-shadow:0 0 14px color-mix(in srgb,var(--r) 25%,transparent);transition:box-shadow .2s,background .2s}
.pk-btn:hover,.picker.open .pk-btn{box-shadow:0 0 22px color-mix(in srgb,var(--r) 45%,transparent)}.pk-btn svg{opacity:.7;transition:transform .2s}.picker.open .pk-btn svg{transform:rotate(180deg)}
.pk-btn .pk-ext{color:var(--r)}.pk-btn .pk-tier{font-size:10px;letter-spacing:.6px;text-transform:uppercase;color:var(--r);opacity:.9}
.pk-dot{width:10px;height:10px;border-radius:50%;background:var(--r);box-shadow:0 0 10px var(--r);flex:none}
.pk-list{position:absolute;right:0;top:calc(100% + 8px);z-index:20;list-style:none;margin:0;padding:6px;min-width:270px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.18);outline:none;animation:pkIn .16s ease-out}
:root[data-theme=dark] .pk-list{box-shadow:0 18px 50px rgba(0,0,0,.6)}
@keyframes pkIn{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
.pk-list li{display:grid;grid-template-columns:14px 1fr auto auto;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;cursor:pointer;color:var(--ink)}
.pk-list li .pk-ext{font-weight:800;color:var(--r)}.pk-list li .pk-tier{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--r);padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--r) 14%,transparent)}
.pk-list li .pk-price{font-size:13px;color:var(--muted);font-weight:700;min-width:46px;text-align:right}
.pk-list li.active{background:color-mix(in srgb,var(--r) 12%,transparent)}.pk-list li[aria-selected=true]{box-shadow:inset 3px 0 0 var(--r)}
/* ---- stepper */
.steps{display:flex;gap:6px;list-style:none;padding:0;margin:0 0 18px;counter-reset:s}
.steps li{flex:1;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--muted);padding:10px;border-radius:12px;background:var(--surface);border:1px solid var(--line);transition:all .3s}
.steps .sd{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;background:var(--ghost);color:var(--muted);flex:none;transition:all .3s}
.steps li.active{color:var(--ink);border-color:var(--gold)}.steps li.active .sd{background:var(--gold);color:#fff;animation:pulse 1.2s ease-in-out infinite}
.steps li.done{color:var(--ok)}.steps li.done .sd{background:var(--ok);color:#fff}.steps li.done .sd{font-size:0}.steps li.done .sd::after{content:'✓';font-size:13px}
.steps li.failed{color:var(--bad);border-color:var(--bad)}.steps li.failed .sd{background:var(--bad);color:#fff}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--gold) 60%,transparent)}50%{box-shadow:0 0 0 7px transparent}}
/* ---- success */
.success{text-align:center;padding:44px 24px;animation:pop .45s cubic-bezier(.2,1.4,.4,1)}.success h1.rname{font-size:clamp(30px,6vw,48px);margin:6px 0 10px}
.sx-ring{width:76px;height:76px;margin:0 auto 14px}.sx-ring svg{width:100%;height:100%;fill:none;stroke:var(--r);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.sx-ring circle{stroke-dasharray:151;stroke-dashoffset:151;animation:draw .6s .1s forwards}.sx-ring path{stroke-dasharray:40;stroke-dashoffset:40;animation:draw .35s .6s forwards}
@keyframes draw{to{stroke-dashoffset:0}}@keyframes pop{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}
.confetti{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:50}
.warn{margin-top:16px;padding:14px;border-radius:12px;background:var(--banner-bg);color:var(--banner-fg);font-size:14px;border:1px solid color-mix(in srgb,var(--gold) 40%,transparent)}.chk{display:flex;gap:8px;align-items:center;margin:10px 0 0;font-weight:700}.chk input{width:auto}
button:disabled{opacity:.5;cursor:not-allowed}
#mute .snd-off{display:none}#mute.is-muted .snd-on{display:none}#mute.is-muted .snd-off{display:block}
@media(max-width:600px){.pk-btn .pk-tier{display:none}.pk-list{min-width:240px;right:-4px}.steps{flex-wrap:wrap}.steps li{flex:1 1 45%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.sx-ring circle,.sx-ring path{stroke-dashoffset:0}}

/* search result card */
.rc{display:flex;flex-direction:column;gap:12px;padding:18px}
.rc-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.rc-name{margin:0;font-size:24px;line-height:1.2;min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:normal}
.rc-head .tag{flex-shrink:0}
.rc-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.rc-price{display:flex;align-items:baseline;gap:6px}.p-doge{font-weight:800}.p-usd{color:var(--muted);font-size:14px}
.rc-cta{display:block;width:100%;text-align:center;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis}
.rc-holder{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);text-decoration:none}
.rc-holder .mono{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.rc-holder:hover{border-color:var(--accent)}.rc-arrow{color:var(--muted);font-size:20px;line-height:1}
.rc-note{margin:0;font-size:14px}
/* address profile */
.prof-head{display:flex;gap:16px;align-items:center;min-width:0}.prof-avatar{flex-shrink:0;width:56px;height:56px;border-radius:16px;display:grid;place-items:center;font-size:28px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--gold2),var(--gold))}
.prof-id{min-width:0;flex:1}.prof-lbl{font-size:12px;text-transform:uppercase;letter-spacing:.6px;font-weight:700}.prof-sub{font-size:14px;margin-top:4px}
.prof-addr{display:flex;align-items:center;gap:8px;min-width:0;margin-top:2px}.prof-addr .mono{font-size:15px;font-weight:600;word-break:break-all}
.copy{padding:6px 12px;font-size:13px;border-radius:9px;flex-shrink:0}
.pn{gap:8px}.pn-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.pn-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.pn-row{display:flex;justify-content:space-between;gap:8px;font-size:13px}.pn-row a{color:var(--accent)}
.skel{display:flex;flex-direction:column;gap:10px;min-height:92px}.skel i{display:block;height:12px;border-radius:6px;background:linear-gradient(90deg,var(--line),var(--surface),var(--line));background-size:200% 100%;animation:sk 1.2s linear infinite}.skel i:first-child{width:60%;height:16px}.skel i:last-child{width:80%}
@keyframes sk{to{background-position:-200% 0}}
@media(max-width:600px){.rc{padding:16px}.rc-name{font-size:21px}.prof-avatar{width:48px;height:48px;font-size:24px}.prof-addr{flex-wrap:wrap}}

/* wallet picker */
.wp-back{position:fixed;inset:0;z-index:100;background:rgba(10,8,4,.55);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px}
.wp{width:100%;max-width:420px;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 20px 60px rgba(0,0,0,.35);max-height:calc(100vh - 32px);overflow:auto}
.wp-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.wp-head h3{margin:0;font-size:19px}
.wp-x{background:transparent;color:var(--muted);font-size:26px;line-height:1;padding:4px 10px;border-radius:10px}.wp-x:hover{background:var(--line)}
.wp-list{display:flex;flex-direction:column;gap:10px}
.wp-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:14px;padding:12px 14px;font-weight:500;white-space:normal}
button.wp-row{cursor:pointer}button.wp-row:hover{border-color:var(--accent)}.wp-row.busy{opacity:.6;pointer-events:none}
.wp-row.col{flex-direction:column;align-items:stretch}.wp-line{display:flex;align-items:center;gap:12px}
.wp-row.off .wp-t small{color:var(--muted)}
.wp-ic{flex-shrink:0;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:20px}.wp-ic.ds{color:#fff;background:linear-gradient(135deg,var(--gold2),var(--gold))}.wp-ic.sp{background:var(--line)}
.wp-t{flex:1;display:flex;flex-direction:column;min-width:0}.wp-t b{font-size:15px}.wp-t small{font-size:13px;color:var(--muted)}
.wp-go{font-weight:700;font-size:14px;color:var(--accent)}
.wp-badge{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:999px;color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}
.wp-help{margin:10px 0;font-size:13px;color:var(--muted)}.wp-btns{display:flex;flex-direction:column;gap:8px}.wp-get{display:block;text-align:center;padding:12px 16px}
.wp-dc{width:100%;margin-top:12px;background:transparent;color:var(--bad);border:1px solid var(--line)}
.wp-err{min-height:0;margin:8px 0 0;font-size:13px}.wp-err:empty{display:none}.wp-foot{font-size:12px;text-align:center;margin:12px 0 0}


/* ---- header / nav */
:root{--glass:rgba(251,248,239,.72);--tabbar:rgba(255,255,255,.8);--ring:color-mix(in srgb,var(--gold) 60%,transparent)}
:root[data-theme=dark]{--glass:rgba(18,16,9,.66);--tabbar:rgba(27,24,16,.82)}
/* blur lives on ::before so the fixed mobile tab bar isn't trapped in .nav's containing block */
.nav{position:sticky;top:0;z-index:30;isolation:isolate;border-bottom:1px solid color-mix(in srgb,var(--line) 80%,transparent);box-shadow:0 1px 0 color-mix(in srgb,var(--gold) 10%,transparent)}
.nav::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--glass);-webkit-backdrop-filter:saturate(170%) blur(14px);backdrop-filter:saturate(170%) blur(14px)}
.nav-in{max-width:1180px;margin:0 auto;height:64px;padding:0 24px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;justify-self:start;border-radius:12px}
.brand .logo{width:34px;height:34px;font-size:19px;box-shadow:0 4px 14px color-mix(in srgb,var(--gold) 45%,transparent),inset 0 1px 0 rgba(255,255,255,.35)}
.brand-t{display:flex;flex-direction:column;line-height:1.05;font-size:18px;letter-spacing:-.3px}.brand-t small{font-size:11px;font-weight:600;color:var(--muted);letter-spacing:.2px}
.tabs{display:flex;gap:2px;padding:4px;border-radius:14px;background:color-mix(in srgb,var(--ghost) 70%,transparent);border:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
.tabs a{display:flex;align-items:center;gap:7px;padding:7px 13px;border-radius:10px;color:var(--muted);font-weight:600;font-size:14px;transition:color .15s,background .15s,box-shadow .15s}
.tabs a svg{width:16px;height:16px;flex:none}
.tabs a:hover{color:var(--ink);background:color-mix(in srgb,var(--card) 60%,transparent)}
.tabs a.active{color:var(--ink);background:var(--card);box-shadow:0 1px 3px rgba(0,0,0,.08),0 0 0 1px color-mix(in srgb,var(--gold) 35%,transparent)}.tabs a.active svg{color:var(--gold)}
.actions{display:flex;align-items:center;gap:6px;justify-self:end}
.theme-btn{width:36px;height:36px;padding:0;display:grid;place-items:center;border-radius:10px;background:transparent;color:var(--muted);border:1px solid transparent;transition:background .15s,color .15s}.theme-btn:hover{background:var(--hover);color:var(--ink)}.theme-btn svg{width:18px;height:18px}
.wallet-btn{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;font-size:14px;font-weight:700;border-radius:999px;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#1d1a12;border:0;box-shadow:0 4px 14px color-mix(in srgb,var(--gold) 35%,transparent)}
.wallet-btn:hover{filter:brightness(1.06)}.w-dot{display:none;width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 8px var(--ok)}
.wallet-btn.on{background:var(--card);color:var(--ink);border:1px solid color-mix(in srgb,var(--gold) 45%,var(--line));box-shadow:none;font-family:ui-monospace,Menlo,monospace;font-size:13px}.wallet-btn.on .w-dot{display:block}
.nav a:focus-visible,.nav button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
@media(max-width:860px){.nav-in{grid-template-columns:1fr auto;height:56px;padding:0 14px}.brand-t small{display:none}
 .tabs{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:30;justify-content:space-around;gap:0;padding:6px;border-radius:20px;background:var(--tabbar);-webkit-backdrop-filter:saturate(170%) blur(16px);backdrop-filter:saturate(170%) blur(16px);border:1px solid var(--line);box-shadow:0 10px 30px rgba(0,0,0,.14)}
 .tabs a{flex:1;flex-direction:column;gap:3px;padding:7px 2px;font-size:10.5px;font-weight:700;min-width:0}.tabs a span{white-space:nowrap}.tabs a svg{width:21px;height:21px}
 .tabs a[href="#/marketplace"] span{font-size:0}.tabs a[href="#/marketplace"] span::after{content:"Market";font-size:10.5px}
 .tabs a.active{background:color-mix(in srgb,var(--gold) 14%,transparent);box-shadow:none;color:var(--ink)}
 body{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
 .wallet-btn{height:34px;padding:0 12px;font-size:13px}.w-lbl{display:none}.theme-btn{width:34px;height:34px}}
:root[data-theme=dark] .tabs{box-shadow:0 10px 30px rgba(0,0,0,.5)}
.sugg{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:center;margin-top:10px;font-size:13px}.sugg .sg{color:var(--r);border:1px solid color-mix(in srgb,var(--r) 40%,var(--line));border-radius:999px;padding:2px 9px;font-weight:600;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ---- name profile */
.np{--pa:var(--gold);position:relative;overflow:hidden;padding:0 22px 20px;border-color:color-mix(in srgb,var(--pa) 35%,var(--line))}
.np-banner{height:84px;margin:0 -22px;background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--pa) 55%,transparent),transparent 60%),linear-gradient(135deg,color-mix(in srgb,var(--pa) 30%,var(--card)),var(--card))}
.np-head{display:flex;align-items:flex-end;gap:14px;margin-top:-38px}
.np-av{position:relative;flex:none;width:84px;height:84px;border-radius:24px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,var(--pa),color-mix(in srgb,var(--pa) 55%,#000));color:#fff;font-size:36px;font-weight:800;border:3px solid var(--card);box-shadow:0 8px 24px color-mix(in srgb,var(--pa) 35%,transparent)}
.np-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;image-rendering:auto}
.np-id{min-width:0;flex:1;padding-bottom:4px}.np-dn{margin:0;font-size:24px;line-height:1.15;overflow-wrap:anywhere}.np-nm{color:var(--pa);font-weight:700;font-size:14px}
:root:not([data-theme=dark]) .np-nm{color:color-mix(in srgb,var(--pa) 75%,#000)}
.np-edit{padding:9px 14px;font-size:14px;border-radius:999px;border:1px solid color-mix(in srgb,var(--pa) 45%,var(--line))}
.np-bio{margin:14px 0 0;white-space:pre-line;overflow-wrap:anywhere;line-height:1.5}
.np-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.np-links:empty{display:none}
.np-link{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;font-size:13px;font-weight:600;background:color-mix(in srgb,var(--pa) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--pa) 30%,var(--line));max-width:100%}
.np-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}a.np-link:hover{border-color:var(--pa)}
.np-recs{margin-top:16px;border-top:1px solid var(--line);padding-top:10px;display:grid;gap:2px}
.np-rec{display:flex;justify-content:space-between;gap:12px;padding:7px 0;font-size:14px}.np-rec .mono{text-align:right;min-width:0;overflow-wrap:anywhere}
.np-sig{font-size:12px;margin-top:8px}
.np a:focus-visible,.np button:focus-visible,.np-form :focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.np-form fieldset{border:0;padding:0;margin:16px 0 0}.np-form legend{font-weight:800;font-size:13px;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);padding:0}
.np-fh{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.np-fh h3{margin:0;overflow-wrap:anywhere}
.np-form input,.np-form select,.np-form textarea{padding:11px 13px;font-size:15px}.np-form textarea{font:inherit;font-size:15px;min-height:84px;resize:vertical}
.np-avrow{display:flex;gap:8px;margin-top:6px}.np-avrow select{width:auto;flex:0 0 auto;max-width:42%}.np-avrow input{flex:1;min-width:0}
.np-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.np-cnt{float:right;font-weight:500;font-size:12px}
.np-sw{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.np-swatch{margin:0;position:relative;cursor:pointer}
.np-swatch input{position:absolute;opacity:0;width:1px;height:1px}.np-swatch span{display:block;width:32px;height:32px;border-radius:50%;background:var(--c);box-shadow:0 0 0 2px var(--card),0 0 0 3px color-mix(in srgb,var(--c) 40%,transparent)}
.np-swatch input:checked+span{box-shadow:0 0 0 2px var(--card),0 0 0 4px var(--c),0 0 14px var(--c)}.np-swatch input:focus-visible+span{outline:2px solid var(--ink);outline-offset:4px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.np-recrow{display:grid;grid-template-columns:1fr 1.6fr auto;gap:8px;margin-top:8px}.np-del{padding:0 14px}.np-add{margin-top:10px;padding:9px 14px;font-size:14px}
.np-hint{font-size:13px;margin:16px 0 0}
@media(max-width:600px){.np{padding:0 16px 18px}.np-banner{margin:0 -16px;height:72px}.np-av{width:72px;height:72px;font-size:30px;border-radius:20px}.np-dn{font-size:21px}.np-grid{grid-template-columns:1fr}.np-head{flex-wrap:wrap}.np-edit{margin-left:auto}}

.testb{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;padding:2px 7px;border-radius:999px;color:var(--accent);border:1px dashed color-mix(in srgb,var(--accent) 60%,transparent);margin-left:4px;vertical-align:middle}
/* ---- Valley of Fire (live sim) */
main:has(.sl){max-width:1180px}
.sl-head h1{margin:0;font-size:clamp(24px,5vw,34px);letter-spacing:-.5px}.sl-head p{margin:4px 0 0;font-size:14px}
.sl-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:18px;margin-top:14px;align-items:start}
.sl-main,.sl-side{min-width:0}.sl-side .card:first-child,.sl-main .card{margin-top:14px}.sl-side .card:first-child{margin-top:0}
.sl-stagewrap{border-radius:18px;overflow:hidden;border:1px solid var(--line);box-shadow:0 10px 30px var(--shadow)}
.sl-sky{position:relative;aspect-ratio:16/8;background:linear-gradient(180deg,var(--top,#3d7fd1),var(--bot,#a9d2f0));transition:background 2s;overflow:hidden}
.sl-sun{position:absolute;width:38px;height:38px;margin:-19px;border-radius:50%;background:radial-gradient(circle,#fff6c9,#ffd36b 55%,rgba(255,200,80,0) 72%);box-shadow:0 0 50px 16px rgba(255,210,110,.45);transition:left 2s,top 2s}
.sl-moon{position:absolute;width:24px;height:24px;margin:-12px;border-radius:50%;background:#e9ecf5;box-shadow:inset -7px -3px 0 rgba(0,0,0,.25),0 0 22px rgba(220,230,255,.4)}
.sl-stars{position:absolute;inset:0;background-image:radial-gradient(1px 1px at 12% 18%,#fff,transparent),radial-gradient(1px 1px at 28% 32%,#fff,transparent),radial-gradient(1.5px 1.5px at 45% 12%,#fff,transparent),radial-gradient(1px 1px at 63% 26%,#fff,transparent),radial-gradient(1px 1px at 78% 14%,#fff,transparent),radial-gradient(1.5px 1.5px at 88% 36%,#fff,transparent),radial-gradient(1px 1px at 8% 44%,#fff,transparent),radial-gradient(1px 1px at 52% 40%,#fff,transparent),radial-gradient(1px 1px at 35% 8%,#fff,transparent),radial-gradient(1px 1px at 70% 6%,#fff,transparent);animation:slTw 4s ease-in-out infinite alternate;opacity:.9}
@keyframes slTw{to{opacity:.55}}
.sl-land{position:absolute;left:0;right:0;bottom:0;width:100%;height:58%}.sl-land .far{fill:#2b3d34;opacity:.75}.sl-land .near{fill:#1b261f}.sl-land .river{fill:#5d7f9e;opacity:.75}.sl-land .cliff{fill:#3a2f26}
.is-night .sl-land .far{fill:#111a1a}.is-night .sl-land .near{fill:#0a0f0d}.is-night .sl-land .river{fill:#26364a}.is-night .sl-land .cliff{fill:#1a1511}
.sl-fire{position:absolute;right:16.5%;bottom:13%;width:10px;height:10px;border-radius:50%;background:#333;opacity:.6}
.sl-fire.lit{background:radial-gradient(circle,#fff3b0,#ff9a2e 45%,#ff5a1f 70%,transparent 72%);width:14px;height:14px;opacity:1;box-shadow:0 0 24px 10px rgba(255,130,40,.55),0 0 70px 30px rgba(255,110,30,.22);animation:slFl .35s ease-in-out infinite alternate}
@keyframes slFl{to{transform:scale(1.18) translateY(-1px);box-shadow:0 0 30px 13px rgba(255,140,40,.6),0 0 80px 34px rgba(255,110,30,.25)}}
.sl-fx{position:absolute;inset:0;pointer-events:none}
.rain .sl-fx{background-image:repeating-linear-gradient(105deg,rgba(220,235,255,.35) 0 1px,transparent 1px 9px);background-size:100% 40px;animation:slRain .5s linear infinite}.storm .sl-fx{animation:slRain .35s linear infinite,slFlash 7s infinite}
@keyframes slRain{to{background-position:-8px 40px}}@keyframes slFlash{0%,93%,97%,100%{background-color:transparent}95%{background-color:rgba(255,255,255,.35)}}
.snow .sl-fx{background-image:radial-gradient(2px 2px at 10% 20%,#fff,transparent),radial-gradient(2px 2px at 30% 60%,#fff,transparent),radial-gradient(1.5px 1.5px at 50% 30%,#fff,transparent),radial-gradient(2px 2px at 70% 70%,#fff,transparent),radial-gradient(1.5px 1.5px at 90% 40%,#fff,transparent);background-size:160px 160px;animation:slSnow 6s linear infinite}.blizzard .sl-fx{animation-duration:1.6s;background-color:rgba(255,255,255,.18)}
@keyframes slSnow{to{background-position:30px 160px}}.fog .sl-fx{background:linear-gradient(180deg,transparent 20%,rgba(220,224,230,.55) 60%,rgba(220,224,230,.75))}
@media (prefers-reduced-motion:reduce){.sl-fx,.sl-fire.lit,.sl-stars{animation:none!important}}
.sl-ov{position:absolute;top:10px;left:10px;right:10px;display:flex;gap:8px;align-items:center}.sl-ov2{position:absolute;left:10px;bottom:10px;display:flex;gap:6px;flex-wrap:wrap}
.sl-ov span,.sl-ov2 span{background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:12px;font-weight:700;padding:4px 9px;border-radius:999px;text-transform:capitalize}
.sl-live{display:inline-flex;align-items:center;gap:6px;background:#e11d2e!important;letter-spacing:.8px;text-transform:none!important}.sl-live i{width:8px;height:8px;border-radius:50%;background:#fff;animation:slPulse 1.4s ease-in-out infinite}
@keyframes slPulse{50%{opacity:.25}}
.sl-feedc h3,.sl-status h3,.sl-roster h3{margin:0 0 10px;font-size:16px}.sl-upd{font-weight:500;font-size:12px;float:right}
.sl-feed{list-style:none;margin:0;padding:0;max-height:520px;overflow:auto;display:flex;flex-direction:column;gap:2px;overscroll-behavior:contain}
.sl-ev{display:grid;grid-template-columns:26px 1fr;gap:8px;padding:9px 6px;border-radius:10px}.sl-ev p{margin:2px 0 0;line-height:1.5;font-size:15px}.sl-ic{font-size:17px;line-height:1.6;text-align:center}
.sl-t{font-size:11px;font-weight:800;letter-spacing:.4px;color:var(--muted);text-transform:uppercase}
.sl-ev.new{animation:slIn .6s ease-out;background:color-mix(in srgb,var(--gold) 10%,transparent)}@keyframes slIn{from{opacity:0;transform:translateY(-6px)}}
.sl-ev.k-ambient p{color:var(--muted);font-style:italic}.sl-ev.k-death{background:color-mix(in srgb,var(--bad) 8%,transparent)}.sl-ev.k-birth,.sl-ev.k-tech{background:color-mix(in srgb,var(--gold) 9%,transparent)}.sl-ev.k-tech p,.sl-ev.k-death p,.sl-ev.k-birth p{font-weight:600}
.sl-kv{display:grid;gap:7px}.sl-kv div{display:grid;grid-template-columns:110px 1fr;gap:10px;font-size:14px}.sl-kv span{color:var(--muted)}.sl-kv b{font-weight:600;text-transform:none}.sl-kv small{color:var(--muted);font-weight:500}
.sl-status h4,.sl-roster h4{margin:16px 0 8px;font-size:12px;letter-spacing:.6px;text-transform:uppercase;color:var(--muted)}.sl-tech{display:flex;flex-wrap:wrap;gap:6px}.sl-tech .chip{font-size:12px;color:var(--ink)}
.sl-next{font-size:13px;margin:10px 0 0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sl-next .sl-bar{flex:1;min-width:80px}
.sl-recent{margin:0;padding-left:16px;font-size:13px;display:grid;gap:5px}
.sl-bar{display:block;height:6px;border-radius:999px;background:var(--ghost);overflow:hidden}.sl-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2f9e5b,#5fd18e)}
.sl-bar.warn i{background:linear-gradient(90deg,#c98a1a,#e1b303)}.sl-bar.bad i{background:linear-gradient(90deg,#b4362a,#ff8a7a)}.sl-bar.gold i{background:linear-gradient(90deg,var(--gold),var(--gold2))}
.sl-roster ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.sl-roster li{display:grid;gap:4px}.sl-roster li.dead{opacity:.55}.sl-roster li.dead b{text-decoration:line-through}
.sl-pn{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;font-size:14px}.sl-role{margin-left:auto;font-size:12px;color:var(--muted);text-align:right}.sl-ps{font-size:12px}
@media(max-width:860px){.sl-grid{grid-template-columns:1fr}.sl-side .card:first-child{margin-top:14px}.sl-sky{aspect-ratio:16/10}.sl-feed{max-height:60vh}}
@media(max-width:600px){main:has(.sl){padding:18px 12px 80px}.sl-head p{font-size:13px}.sl-kv div{grid-template-columns:92px 1fr;font-size:13px}.sl-ev p{font-size:14.5px}}
.sl-roster ul{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.sl-roster li{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:8px 10px}
.sl-pn{gap:4px}.sl-role{margin-left:0;width:100%;text-align:left;font-size:11.5px;line-height:1.3}.sl-ps{font-size:11.5px;line-height:1.3}

/* search polish (v2) */
.sugg{display:block;margin:12px auto 0;max-width:560px;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:6px;font-size:14px}
.sugg[hidden]{display:none}
.sugg .sg-t{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;padding:6px 10px 4px}
.sugg .sg{display:flex;align-items:center;gap:10px;max-width:none;border:0;border-radius:10px;padding:8px 10px;color:var(--ink);text-decoration:none;font-weight:600}
.sugg .sg:hover{background:var(--hover)}
.sugg .sg-n{flex:1;min-width:0;color:var(--r);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sugg .sg-o{color:var(--muted);font-size:12px;font-weight:500;flex-shrink:0;word-break:normal}
.sugg .sg-c{color:var(--muted);font-size:18px;line-height:1}
.rc{gap:10px;padding:16px}
.rc-meta{flex-wrap:nowrap;justify-content:flex-start;gap:8px;min-width:0}
.rc-meta>*{flex-shrink:0}
.rc-price{align-items:center;gap:6px;white-space:nowrap;min-width:0;flex-shrink:1;overflow:hidden}
.rc-price .testb{font-size:9.5px;padding:1px 6px;margin-left:0;letter-spacing:.3px}
.recent-card[hidden]{display:none}
@media(max-width:860px){footer{padding-bottom:calc(112px + env(safe-area-inset-bottom))}}
@media(max-width:600px){.rc{padding:16px}.rc-price .p-usd{font-size:13px}}
/* "Try these" card: verified-available names only */
.sugg-card{padding:8px 6px;margin-top:12px}
.sugg-card .sg-t{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;padding:6px 10px 4px}
.sugg-card .sg{display:flex;align-items:center;gap:8px;border-radius:10px;padding:9px 10px;color:var(--ink);text-decoration:none;font-weight:600;min-width:0}
.sugg-card .sg:hover{background:var(--hover)}
.sugg-card .sg-n{flex:1;min-width:0;color:var(--r);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sugg-card .sg-p{font-size:12px;font-weight:500;color:var(--muted);white-space:nowrap}
.sugg-card .sg-p .p-doge{color:var(--ink);font-weight:700}
.sugg-card .sg-go{color:var(--r);font-size:12px;font-weight:700;white-space:nowrap;border:1px solid color-mix(in srgb,var(--r) 45%,var(--line));border-radius:999px;padding:3px 9px}
@media (max-width:420px){.sugg-card .sg{flex-wrap:wrap;row-gap:4px}.sugg-card .sg-n{flex-basis:100%}.sugg-card .sg .rbadge{order:2}.sugg-card .sg-p{order:3;flex:1}.sugg-card .sg-go{order:4}}

/* Valley of Fire v2: canvas scene, people, discoveries */
.sl-scene{position:relative;background:#0b1020}.sl-scene canvas{display:block;width:100%;touch-action:manipulation;cursor:pointer}
.sl-scene .sl-ov,.sl-scene .sl-ov2{pointer-events:none}
.sl-now{font-size:12px;color:var(--ink)}.sl-sk{display:flex;flex-wrap:wrap;gap:4px}.sl-sk span{font-size:11px;padding:1px 6px;border-radius:999px;background:var(--line);color:var(--ink)}.sl-kn{font-size:11px}
.sl-dlist{margin:0;padding:0 0 0 18px;display:grid;gap:4px;font-size:13px;max-height:260px;overflow:auto}.sl-dlist li.lost{opacity:.7;text-decoration:line-through}
.sl-more{margin-top:10px;width:100%}
.sl-needs{display:grid;grid-template-columns:1fr 1fr;gap:2px 8px}.sl-needs span{display:flex;align-items:center;gap:4px;font-size:10px}.sl-needs i{font-style:normal;width:44px;color:var(--muted)}
.sl-needs em{flex:1;height:5px;border-radius:3px;background:linear-gradient(90deg,#22c55e var(--v),var(--line) var(--v))}.sl-needs em.warn{background:linear-gradient(90deg,#f59e0b var(--v),var(--line) var(--v))}.sl-needs em.bad{background:linear-gradient(90deg,#ef4444 var(--v),var(--line) var(--v))}

/* Games landing grid + cleaner stream page */
.gl-h{margin:4px 0 14px;font-size:clamp(24px,5vw,32px);letter-spacing:-.5px}
.gl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.gcard{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--surface);color:var(--ink);text-decoration:none;box-shadow:0 6px 20px var(--shadow);transition:transform .15s}
a.gcard:active,a.gcard:hover{transform:translateY(-2px)}.gcard.soon{opacity:.7}
.gc-art{display:block;width:100%;aspect-ratio:16/9;height:auto}.gc-soon{display:grid;place-items:center;font-size:40px;background:var(--line)}
.gc-body{padding:12px 14px 14px}.gc-body h2{margin:0;font-size:18px}.gc-body p{margin:4px 0 0;font-size:14px}.gc-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.gc-live{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;letter-spacing:.6px;color:#ef4444}.gc-live i{width:8px;height:8px;border-radius:50%;background:#ef4444;animation:gcpulse 1.6s infinite}
@keyframes gcpulse{50%{opacity:.35}}.gc-meta{font-size:13px;font-weight:600}
.sl-back{display:inline-block;margin:2px 0 8px;font-weight:600;text-decoration:none;color:var(--ink)}
.sl-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.sl-stat{display:grid;justify-items:center;gap:1px;padding:8px 4px;border-radius:12px;background:var(--line)}.sl-stat b{font-size:17px}.sl-stat small{font-size:11px;color:var(--muted)}
.sl-more-d{margin-top:10px}.sl-more-d summary{cursor:pointer;font-weight:600;font-size:14px;padding:4px 0}
.gl-grid{align-content:start;align-items:start;grid-auto-rows:auto}.gcard.soon{flex-direction:row;align-items:center;align-self:start;height:auto;min-height:0;padding:0;text-align:left}.gcard.soon .gc-soon{width:72px;min-width:72px;height:72px;aspect-ratio:auto;font-size:28px;margin:12px 0 12px 14px;border-radius:14px}

/* people cards, zoom buttons, profile sheet */
.sl-pc{all:unset;box-sizing:border-box;display:grid;gap:4px;width:100%;cursor:pointer}.sl-pc:focus-visible{outline:2px solid #facc15;border-radius:8px}
.sl-lv{margin-left:auto;font-size:11px;font-weight:800;padding:1px 7px;border-radius:999px;background:#facc15;color:#1c1917}.sl-pn{display:flex;align-items:baseline;gap:6px}
.sl-th{font-size:12px;font-style:italic;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sl-mini{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.sl-mini i{height:4px;border-radius:2px;background:linear-gradient(90deg,#22c55e var(--v),var(--line) var(--v))}.sl-mini i.warn{background:linear-gradient(90deg,#f59e0b var(--v),var(--line) var(--v))}.sl-mini i.bad{background:linear-gradient(90deg,#ef4444 var(--v),var(--line) var(--v))}
.sl-zoom{position:absolute;right:10px;top:50px;display:grid;gap:6px}.sl-zoom button{width:36px;height:36px;border-radius:12px;border:0;background:rgba(0,0,0,.55);color:#fff;font-size:20px;font-weight:700;cursor:pointer}
body.pf-lock{overflow:hidden}.pf-wrap{position:fixed;inset:0;z-index:1000}.pf-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55);opacity:0;transition:opacity .2s}
.pf-sheet{position:absolute;left:0;right:0;bottom:0;max-height:90vh;display:flex;flex-direction:column;background:var(--bg,#151210);color:var(--ink);border-radius:22px 22px 0 0;box-shadow:0 -10px 40px rgba(0,0,0,.4);transform:translateY(100%);transition:transform .22s ease-out;border:1px solid var(--line)}
.pf-wrap.open .pf-backdrop{opacity:1}.pf-wrap.open .pf-sheet{transform:none}
.pf-grab{width:44px;height:5px;border-radius:3px;background:var(--line);margin:10px auto 0}.pf-close{position:absolute;right:12px;top:10px;width:36px;height:36px;border-radius:50%;border:0;background:var(--line);color:var(--ink);font-size:16px;cursor:pointer}
.pf-body{overflow:auto;padding:8px 18px calc(24px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}
.pf-head{display:flex;gap:14px;align-items:center;margin-top:6px}.pf-portrait{width:96px;height:96px;flex:none}.pf-id{min-width:0;flex:1}.pf-id h2{margin:0;font-size:24px}.pf-id p{margin:2px 0 6px;font-size:13px}
.pf-lv{font-size:14px}.pf-xp{height:8px;border-radius:4px;background:var(--line);overflow:hidden;margin:4px 0 2px}.pf-xp i{display:block;height:100%;background:linear-gradient(90deg,#facc15,#f97316)}
.pf-now{margin:14px 0 4px;padding:10px 12px;border-radius:14px;background:var(--line);font-size:14px}.pf-thought{margin:6px 0 0;font-style:italic;color:var(--muted)}
.pf-body h3{margin:18px 0 8px;font-size:12px;letter-spacing:.7px;text-transform:uppercase;color:var(--muted)}
.pf-chips{display:flex;flex-wrap:wrap;gap:6px}.pf-chips span{font-size:12px;padding:3px 9px;border-radius:999px;background:var(--line)}.pf-goals{font-size:13px;margin:8px 0 0}
.pf-needs{display:grid;gap:7px}.pf-need{display:grid;grid-template-columns:64px 1fr 30px;align-items:center;gap:8px;font-size:13px}.pf-need b{text-align:right;font-variant-numeric:tabular-nums}
.pf-bar{height:10px;border-radius:5px;background:var(--line);overflow:hidden}.pf-bar.thin{height:6px}.pf-bar i{display:block;height:100%;border-radius:5px}.pf-bar.ok i{background:#22c55e}.pf-bar.warn{margin:0;padding:0;border:0;background:var(--line)}.pf-bar.warn i{background:#f59e0b}.pf-bar.bad i{background:#ef4444}
.pf-skills{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}.pf-sk{display:grid;grid-template-columns:1fr auto;gap:3px 6px;font-size:13px}.pf-sk .pf-bar{grid-column:1/-1}
.pf-fam{display:grid;gap:6px;font-size:14px}.pf-fam div{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.pf-fam span{width:70px;color:var(--muted);font-size:13px}
.pf-link{border:0;background:none;color:var(--accent);font-weight:700;padding:2px 0;cursor:pointer;font-size:14px}
.pf-rel,.pf-mem,.pf-life{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:13px}.pf-mem li.bad{color:var(--bad)}.pf-mem li.good{color:var(--ok)}
.pf-story p{margin:0 0 10px;line-height:1.55;font-size:14px}.pf-note{font-size:11px;margin-top:18px}
@media (min-width:760px){.pf-sheet{left:50%;top:50%;bottom:auto;right:auto;width:min(620px,92vw);max-height:86vh;border-radius:22px;transform:translate(-50%,-46%) scale(.97);opacity:0;transition:transform .2s,opacity .2s}.pf-wrap.open .pf-sheet{transform:translate(-50%,-50%);opacity:1}.pf-grab{display:none}}
/* ---- 999 Club (flat + lightweight: no shadows/filters/infinite animations) */
.c9-promo{display:flex;align-items:center;gap:14px;margin:18px 0;padding:14px 16px;border-radius:14px;text-decoration:none;color:var(--ink);background:var(--card);border:1px solid var(--line)}
.c9-promo-t{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.c9-promo-t span{font-size:14px;color:var(--muted)}.c9-promo .rc-arrow{font-size:24px;color:var(--muted)}
.c9-promo-cards{position:relative;width:70px;height:52px;flex-shrink:0}.c9-promo-cards i{position:absolute;top:2px;width:36px;height:48px;border-radius:6px;display:grid;place-items:center;font:800 12px ui-monospace,monospace;font-style:normal;color:#fff;background:#3b4cca;border:2px solid var(--card)}
.c9-promo-cards i:nth-child(1){left:0}.c9-promo-cards i:nth-child(2){left:17px;background:#d6336c}.c9-promo-cards i:nth-child(3){left:34px;background:#f2b705;color:#3a2a00}
.c9-hero h1{margin:6px 0 4px;font-size:28px}.c9-hero p{margin:0 0 14px}
.c9-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.c9-stats div{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px;text-align:center;display:flex;flex-direction:column}.c9-stats b{font-size:22px}.c9-stats span{font-size:12px;color:var(--muted)}
.c9-acc{font-size:13px;color:var(--muted);background:var(--ghost);border-radius:10px;padding:8px 12px;margin-bottom:16px}.c9-acc.ok{color:var(--main-fg);background:var(--main-bg)}
.c9-packs{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.c9-pack{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:20px 10px 16px;border-radius:6px;text-decoration:none;background:var(--pc);color:var(--pi);transition:transform .15s ease-out}
.c9-pack::before,.c9-pack::after{content:'';position:absolute;left:0;right:0;height:8px;background:repeating-linear-gradient(90deg,rgba(0,0,0,.18) 0 4px,transparent 4px 8px)}.c9-pack::before{top:0}.c9-pack::after{bottom:0}
.c9-pack{overflow:hidden;border:2px solid transparent;background:linear-gradient(var(--pc),var(--pc)) padding-box,linear-gradient(140deg,color-mix(in srgb,var(--r) 85%,#fff),color-mix(in srgb,var(--r) 35%,#000) 55%,color-mix(in srgb,var(--r) 80%,#fff)) border-box}
.pk-brand{font:800 10px/1 ui-monospace,monospace;letter-spacing:.12em;opacity:.8}.pk-art{width:78%;aspect-ratio:1;margin:6px 0 2px;background:rgba(255,255,255,.18);border-radius:50%}
.pk-name{font-weight:900;font-size:15px;text-transform:uppercase;text-align:center;line-height:1.1}.pk-range{font-size:12px;opacity:.85}.pk-count{margin-top:6px;font-size:11px;padding:2px 8px;border-radius:99px;background:rgba(0,0,0,.18)}
.c9-top{display:flex;align-items:center;gap:12px;margin:6px 0 12px}.c9-top h2{margin:0;font-size:21px}.c9-top h2 span{font-size:14px;font-weight:500}.btn.ghost.c9-back{padding:8px 14px;text-decoration:none}
.c9-tools{display:flex;gap:10px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.c9-tools input{flex:1;min-width:150px;padding:10px 14px}
.c9-seg{display:flex;background:var(--ghost);border-radius:12px;padding:3px}.c9-seg button{background:transparent;color:var(--muted);padding:8px 14px;border-radius:9px;font-size:14px}.c9-seg button.on{background:var(--card);color:var(--ink)}
.c9-msg{margin-bottom:12px;padding:10px 12px;border-radius:10px;font-size:14px;background:var(--bad-bg);color:var(--bad)}.c9-msg.ok{background:var(--ok-bg);color:var(--ok)}
.c9-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.c9-grid.open{animation:c9in .2s ease-out}
@keyframes c9in{from{transform:translateY(12px)}to{transform:none}}
.c9-card{overflow:hidden;border:2px solid transparent !important;background:linear-gradient(170deg,color-mix(in srgb,var(--r) 9%,var(--card)),var(--card) 60%) padding-box,linear-gradient(140deg,var(--r),color-mix(in srgb,var(--r) 25%,var(--line)) 50%,var(--r)) border-box !important;position:relative;aspect-ratio:5/7;border-radius:12px;padding:10px;display:flex;flex-direction:column;align-items:center;background:var(--card);border:2px solid var(--t);content-visibility:auto;contain-intrinsic-size:auto 196px}
.c9-tags{align-self:stretch;display:flex;align-items:center;justify-content:space-between}.c9-card .rbadge{font-size:9px;padding:2px 7px;letter-spacing:.4px}.c9-sp{font-size:11px;color:var(--r)}
.pk-rb{margin:6px 0 0;background:#fff;color:color-mix(in srgb,var(--r) 70%,#000);border-color:#fff;font-size:10px;padding:2px 8px}.c9-top h2 .rbadge{font-size:10px;vertical-align:middle}
.c9-num{margin-top:auto;font:900 44px/1 ui-monospace,SFMono-Regular,monospace;color:var(--ink)}.c9-ext{font-size:12px;font-weight:700;color:var(--r)}.c9-st{margin-top:auto;font-size:11px;color:var(--muted)}
.c9-foot{margin-top:6px;width:100%;display:flex;justify-content:center;min-height:28px;align-items:center}
.c9-own{font-size:11px;padding:5px 8px;border-radius:8px;background:var(--ghost);color:var(--ink);text-decoration:none;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.c9-claim{padding:6px 16px;font-size:13px;border-radius:9px;background:var(--ok)}.c9-claim:disabled{opacity:.6}.c9-al{font-size:10px;color:var(--muted)}
@media (max-width:760px){.c9-packs{grid-template-columns:repeat(2,1fr);gap:12px}.c9-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.c9-top{flex-wrap:wrap}.c9-top h2{font-size:18px}.c9-num{font-size:30px}.c9-card{padding:7px;border-radius:10px;contain-intrinsic-size:auto 150px}.c9-card .rbadge{font-size:7px;padding:2px 5px;letter-spacing:.2px}.c9-own{font-size:9px;padding:4px 5px}.c9-claim{padding:5px 10px;font-size:12px}.c9-st,.c9-al{font-size:9px}.c9-ext{font-size:10px}.c9-hero h1{font-size:24px}}
@media (prefers-reduced-motion:reduce){.c9-grid.open{animation:none}.c9-pack{transition:none}}

/* slim main result + suggestion rows: never overflow */
.sugg-card,.res-main{box-sizing:border-box;max-width:100%;overflow:hidden}
.sugg-card .sg{flex-wrap:nowrap;max-width:100%;box-sizing:border-box}
.sugg-card .sg .rbadge{flex-shrink:0}
.sugg-card .sg-r{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto}
.res-main{margin-top:16px;padding:6px;border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}
.res-main .sg-main{background:color-mix(in srgb,var(--r) 9%,transparent);font-size:16px}
.res-main .sg-main:hover{background:color-mix(in srgb,var(--r) 9%,transparent)}
.res-main .tag{margin:0;flex-shrink:0}
.sg-h{font-size:12px;font-weight:600;color:var(--muted);text-decoration:none;white-space:nowrap}.sg-h:hover{color:var(--accent)}
#res+.sugg-card{margin-top:8px}
@media (max-width:420px){.sugg-card .sg{flex-wrap:wrap;row-gap:4px}.sugg-card .sg-n{flex-basis:auto;flex:1 1 60%}.sugg-card .sg-r{flex-basis:100%;justify-content:flex-end;order:5}}
/* reserved / pending tags */
.tag.warn-t{background:color-mix(in srgb,var(--gold) 18%,transparent);color:color-mix(in srgb,var(--gold) 70%,var(--ink));font-variant-numeric:tabular-nums;white-space:nowrap}
.hold-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;font-size:14px}
/* global pending-mint pill */
.pm-pill{position:fixed;z-index:35;right:16px;top:70px;display:flex;align-items:center;gap:6px;max-width:calc(100vw - 32px);padding:7px 12px;border-radius:999px;background:var(--card);border:1px solid var(--line);box-shadow:0 6px 20px rgba(0,0,0,.12);color:var(--ink);text-decoration:none;font-size:13px;white-space:nowrap}
.pm-pill b{overflow:hidden;text-overflow:ellipsis;min-width:0}.pm-pill span{color:var(--muted)}.pm-pill em{font-style:normal;font-weight:700;color:var(--muted)}
.pm-pill i{width:8px;height:8px;border-radius:50%;background:var(--gold);flex:none;animation:pulse 1.2s ease-in-out infinite}
@media(max-width:860px){.pm-pill{top:auto;left:50%;right:auto;transform:translateX(-50%);bottom:calc(84px + env(safe-area-inset-bottom))}}
/* pending mint cards */
.pm-list:empty{display:none}.pm-list{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}
.pm-card{padding:14px 16px;display:flex;flex-direction:column;gap:10px}
.pm-h{display:flex;align-items:center;gap:8px;min-width:0}.pm-h .sg-n{flex:1;min-width:0;color:var(--r);font-weight:800;font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pm-t{font-size:12px;font-variant-numeric:tabular-nums;flex:none}
.pm-steps{display:flex;list-style:none;margin:0;padding:0;gap:4px}
.pm-steps li{flex:1;font-size:11.5px;font-weight:700;color:var(--muted);padding-top:8px;border-top:3px solid var(--line);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pm-steps li.done{color:var(--ok);border-color:var(--ok)}.pm-steps li.active{color:var(--ink);border-color:var(--gold)}
.pm-tx{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pm-tx a{color:inherit}
.pm-bad .pm-msg{margin:0;color:var(--bad);font-size:14px}.pm-go,.pm-retry{align-self:flex-start}
/* compact mint screen */
.mint{padding:16px;display:flex;flex-direction:column;gap:12px}
.mint-h2{margin:0;font-size:20px}.mint-pick{margin:0;display:flex;flex-direction:column}.mint-pick>button{position:static;display:block;width:100%;margin:16px 0 0;transform:none}
.mint-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--r) 9%,transparent)}
.mint-nm{display:flex;align-items:center;gap:8px;min-width:0}.mint-nm .sg-n{color:var(--r);font-weight:800;font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.mint-nm .rbadge{flex:none}
.mint-pr{text-align:right;flex:none;display:flex;flex-direction:column;line-height:1.2}.mint-pr .p-doge{font-weight:800}.mint-pr small{color:var(--muted);font-size:12px}
.mint-form{display:flex;flex-direction:column;gap:10px;margin:0}
.mint-owner{border:1px solid var(--line);border-radius:12px;padding:0 12px}.mint-owner summary{display:flex;align-items:center;gap:10px;padding:11px 0;cursor:pointer;list-style:none}.mint-owner summary::-webkit-details-marker{display:none}
.mint-owner .mono{flex:1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mint-edit{font-size:13px;font-weight:700;color:var(--accent)}.mint-owner[open] .mint-edit{visibility:hidden}.mint-owner input{margin:0 0 12px;width:100%;box-sizing:border-box}
.mint-btn{width:100%;margin:0}.mint .err:empty{display:none}
.mint-info{font-size:13px;color:var(--muted)}.mint-info summary{cursor:pointer}.mint-info p{margin:8px 0 0}.mint-info .kv{margin-top:8px;font-size:12px}.mint-info textarea{min-height:60px}
.mint .steps{margin:0;gap:4px}.mint .steps li{padding:6px 8px;font-size:12px;gap:6px;border-radius:10px}.mint .steps .sd{width:20px;height:20px;font-size:11px}
@media(max-width:600px){.mint .steps{flex-wrap:nowrap}.mint .steps li{flex:1 1 0;min-width:0;justify-content:center}.mint .steps .sl{display:none}.mint .steps li.active .sl{display:inline;white-space:nowrap}.mint .steps li.active{flex:2 1 0}}
.mint-sum{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:14px;padding:12px 14px;border:1px solid var(--line);border-radius:12px}.mint-sum span{color:var(--muted)}.mint-sum b{text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mint-ack{font-size:13px;margin:0}.mint-hold{margin:0;font-size:13px;text-align:center;font-variant-numeric:tabular-nums}.mint-hold:empty{display:none}.mint-note{margin:0}
.mint-state{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px}
/* my names */
.mn-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px}.mn-sub{font-size:13px;margin-top:4px}.mn-connect{width:100%;margin:4px 0 12px}
.c9-promo.c9-top{margin:-20px 0 24px}
html{overflow-x:clip}
/* Games landing: "More games" card matches the Valley of Fire card (overrides the shrunken .gcard.soon rules) */
.gl .gl-grid{align-items:stretch;grid-auto-rows:1fr}
.gl .gcard.soon{flex-direction:column;align-items:stretch;align-self:stretch;height:100%;padding:0;text-align:left;opacity:1}
.gl .gcard.soon .gc-soon{width:100%;min-width:0;height:auto;aspect-ratio:16/9;margin:0;border-radius:0;font-size:44px;filter:grayscale(.3);
  background:radial-gradient(circle at 30% 35%,color-mix(in srgb,var(--gold) 22%,transparent),transparent 45%),radial-gradient(circle at 75% 70%,color-mix(in srgb,#8b5cf6 18%,transparent),transparent 45%),repeating-linear-gradient(45deg,color-mix(in srgb,var(--line) 70%,transparent) 0 2px,transparent 2px 14px),var(--ghost)}
.gl .gcard.soon .gc-body h2,.gl .gcard.soon .gc-body p{opacity:.75}
@media(max-width:480px){.mint-head{flex-direction:column;align-items:stretch;gap:6px}.mint-pr{flex-direction:row;align-items:baseline;gap:8px;text-align:left}}
.pn-more{display:block;margin:14px auto 0}a.item.pn{text-decoration:none;color:var(--ink)}
/* extension picker: plain colored text, no dot/pill/glow */
.pk-dot{display:none}
.pk-btn,.pk-btn:hover,.picker.open .pk-btn{background:none;border:0;box-shadow:none;border-radius:0;padding:10px 6px;gap:4px;border-bottom:1px solid color-mix(in srgb,var(--r) 35%,transparent)}
.pk-btn svg{color:var(--r)}
.pk-list li{grid-template-columns:1fr auto auto}
.pk-list li .pk-tier{background:none;padding:0;border-radius:0;font-size:10.5px;font-weight:700;opacity:.85}

.sl-where{font-size:12px;margin-top:1px}
/* 999 Club v4: hover-only shimmer (single pass) + pointer tilt (transform set by JS only while hovering with a fine pointer) */
.c9-pack,.c9-card{transition:transform .18s ease-out;will-change:auto}
.c9-pack::after,.c9-card::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.28) 50%,transparent 65%);transform:translateX(-110%);opacity:0}
.c9-pack::after{top:0;bottom:0;height:auto}
@media (hover:hover) and (pointer:fine){.c9-pack:hover::after,.c9-card:hover::after{opacity:1;transform:translateX(110%);transition:transform .7s ease-out,opacity .1s}}
@media (prefers-reduced-motion:reduce){.c9-pack::after,.c9-card::after{display:none}.c9-pack,.c9-card{transition:none;transform:none!important}}
/* 999 Club v4 card face: tier banner, illustrated art window, number plate, flavor line, set symbol + collector number */
.c9-card{aspect-ratio:auto;padding:6px;gap:5px;align-items:stretch;border-radius:14px;contain-intrinsic-size:auto 250px}
.c9-banner{display:flex;align-items:center;gap:6px;padding:3px 7px;border-radius:8px;background:var(--r);color:#fff;font:800 10px/1.3 system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.c9-banner .c9-sp{color:#fff;font-size:10px}.c9-avail{margin-left:auto;font-weight:700;letter-spacing:.02em;text-transform:none;opacity:.92}
.c9-win{display:block;border-radius:8px;overflow:hidden;aspect-ratio:120/84;background:color-mix(in srgb,var(--r) 20%,var(--card));border:1.5px solid color-mix(in srgb,var(--r) 55%,transparent)}
.c9-art{display:block;width:100%;height:100%}
.c9-plate{display:flex;align-items:baseline;justify-content:center;gap:2px;padding:3px 6px;border-radius:8px;background:color-mix(in srgb,var(--r) 12%,var(--card));border:1px solid color-mix(in srgb,var(--r) 35%,transparent)}
.c9-card .c9-num{margin:0;font:900 30px/1 ui-monospace,SFMono-Regular,monospace}.c9-card .c9-ext{font-size:11px}
.c9-flav{font-size:10.5px;font-style:italic;color:var(--muted);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c9-meta{display:flex;align-items:center;justify-content:space-between;gap:4px;min-height:26px}
.c9-set{display:flex;align-items:center;gap:3px;font-size:10px;color:var(--muted);color:var(--r)}.c9-set svg{width:13px;height:13px}.c9-set .mono{color:var(--muted)}
.c9-card .c9-foot{margin:0;width:auto;min-height:0;justify-content:flex-end}
.pk-win{display:block;width:84%;aspect-ratio:120/84;margin:8px 0 6px;border-radius:8px;overflow:hidden;border:2px solid rgba(255,255,255,.55)}
@media (max-width:760px){.c9-card{padding:4px;gap:3px;border-radius:10px;contain-intrinsic-size:auto 190px}.c9-banner{font-size:7.5px;padding:2px 4px;gap:3px}.c9-banner .c9-sp{font-size:8px}
.c9-card .c9-num{font-size:20px}.c9-card .c9-ext{font-size:8px}.c9-flav{font-size:8px}.c9-meta{flex-direction:column;align-items:stretch;gap:2px;min-height:0}.c9-set{font-size:8px;justify-content:center}.c9-set svg{width:10px;height:10px}.c9-card .c9-foot{justify-content:center}.c9-win,.c9-plate{border-radius:6px}}
.c9-banner{white-space:nowrap;overflow:hidden;min-width:0}.c9-bt{flex:none}.c9-avail{min-width:0;overflow:hidden;text-overflow:ellipsis}
/* My names / wallet holdings: separate header from grid, consistent gaps, equal cards */
.mn-head{margin-bottom:0}.mn-head+.pm-list:not(:empty){margin-top:22px}
#ml{margin-top:22px}#pn{margin-top:4px}
#ml,#pn{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;align-items:stretch;grid-auto-rows:1fr}
#ml>.item.rcard,#pn>.item.rcard{padding:16px 18px;min-height:92px;height:100%;box-sizing:border-box;min-width:0;box-shadow:0 0 0 1px color-mix(in srgb,var(--r) 10%,transparent),0 4px 14px color-mix(in srgb,var(--r) 8%,transparent)}
#ml>.item.rcard:hover,#pn>.item.rcard:hover{box-shadow:0 6px 18px color-mix(in srgb,var(--r) 16%,transparent)}
#ml>.card,#ml>.btn,#ml>.err{grid-column:1/-1;margin-top:0}
@media (max-width:480px){#ml,#pn{grid-template-columns:1fr;gap:14px}#ml{margin-top:20px}}
.pf-items{list-style:none;padding:0;margin:0;display:grid;gap:8px}.pf-items li{display:grid;grid-template-columns:minmax(0,1fr) 90px;align-items:center;gap:4px 10px;font-size:13px}.pf-items li small{grid-column:1/-1;margin-top:-4px}

/* ---- 999 Club premium (charcoal + metallic gold, static foil, rarity trim). Scoped to #app.c9x; no glow/shimmer animation. */
.c9x{--gold1:#f3d98a;--gold2:#c9a24a;--gold3:#8a6a26;--char:#16171a;--char2:#1e2024}
.c9x .c9-hero h1{font:800 30px/1.1 Inter,system-ui,sans-serif;letter-spacing:-.01em;background:linear-gradient(180deg,var(--gold1),var(--gold2) 55%,var(--gold3));-webkit-background-clip:text;background-clip:text;color:transparent}
.c9x .c9-stats div{background:var(--char2);border-color:#2c2e33}.c9x .c9-stats b{color:var(--gold1)}
.c9x .c9-packs{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:22px}
.c9x .c9-pack{--trim:var(--r);overflow:hidden;border-radius:14px;padding:18px 14px 16px;gap:4px;color:#e9e4d6;border:1px solid transparent;
  background:linear-gradient(160deg,#202226,#121316 70%) padding-box,linear-gradient(145deg,var(--gold1),var(--gold3) 30%,var(--trim) 55%,var(--gold3) 80%,var(--gold1)) border-box;
  box-shadow:inset 0 0 0 3px #121316,inset 0 0 0 4px color-mix(in srgb,var(--trim) 55%,transparent),0 6px 18px rgba(0,0,0,.35)}
.c9x .c9-pack::before{content:'';position:absolute;inset:0;height:auto;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,236,170,.07) 42%,rgba(140,200,255,.06) 50%,rgba(220,150,255,.05) 58%,transparent 70%)}
.c9x .c9-pack::after,.c9x .c9-card::after{display:none}
.c9x .pk-micro{position:absolute;inset:0;color:var(--gold2);opacity:.09;pointer-events:none}.c9x .pk-micro svg{width:100%;height:100%}
.c9x .pk-brand{position:relative;display:flex;align-items:center;gap:8px;font:700 10px/1 Inter,system-ui,sans-serif;letter-spacing:.22em;color:var(--gold2);opacity:1}
.c9x .pk-doge{font:900 13px/1 Inter,system-ui,sans-serif;letter-spacing:.06em;color:#2a2b2f;text-shadow:0 1px 0 rgba(255,255,255,.12),0 -1px 0 rgba(0,0,0,.7);background:linear-gradient(180deg,var(--gold1),var(--gold3));padding:3px 6px;border-radius:4px}
.c9x .pk-rb,.c9x .c9-top h2 .rbadge{position:relative;margin:8px 0 0;background:transparent;color:var(--r);border:1px solid color-mix(in srgb,var(--r) 70%,transparent);font:700 9.5px/1 Inter,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;padding:4px 9px}
.c9x .pk-win{position:relative;width:100%;margin:12px 0 8px;border-radius:10px;border:1px solid color-mix(in srgb,var(--trim) 45%,#3a3326);background:radial-gradient(circle at 50% 45%,#24262b,#141518)}
.c9x .c9-art{color:var(--gold2)}.c9x .c9-hexf{color:var(--gold2);opacity:.12}.c9x .c9-mark{color:var(--gold1)}
.c9x .pk-name{position:relative;font:800 15px/1.15 Inter,system-ui,sans-serif;letter-spacing:.08em;color:#f1ead6}
.c9x .pk-range{position:relative;color:var(--gold2);opacity:1}.c9x .pk-count{position:relative;color:#9a958a;font-size:12px}
.c9x .c9-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}
.c9x .c9-card{border-radius:12px;padding:8px;gap:6px;color:#e9e4d6;border:1px solid transparent!important;
  background:linear-gradient(165deg,#202226,#131417 75%) padding-box,linear-gradient(145deg,var(--gold1),var(--gold3) 35%,var(--r) 60%,var(--gold3)) border-box!important}
.c9x .c9-banner{background:transparent;color:var(--r);border-bottom:1px solid #2c2e33;border-radius:0;padding:2px 2px 6px;letter-spacing:.14em}
.c9x .c9-banner .c9-sp{color:var(--gold1)}.c9x .c9-avail{color:#9a958a;letter-spacing:.02em}
.c9x .c9-win{border:1px solid color-mix(in srgb,var(--r) 40%,#3a3326);background:radial-gradient(circle at 50% 45%,#24262b,#141518)}
.c9x .c9-plate{background:linear-gradient(180deg,#26282d,#1a1b1f);border:1px solid #2f3035}
.c9x .c9-card .c9-num{color:var(--gold1);font-family:Inter,system-ui,sans-serif;font-weight:800;letter-spacing:.02em}.c9x .c9-card .c9-ext{color:var(--r)}
.c9x .c9-flav{color:#8d887d}.c9x .c9-set{color:var(--gold2)}
@media (max-width:760px){.c9x .c9-packs{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.c9x .c9-pack{padding:14px 10px 12px}.c9x .pk-name{font-size:12.5px}.c9x .c9-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .c9x .c9-card{padding:7px}.c9x .c9-card .c9-num{font-size:26px}.c9x .c9-card .c9-ext{font-size:10px}.c9x .c9-flav{font-size:9.5px}.c9x .c9-banner{font-size:8.5px}}
.pm-stuck{margin:0;font-size:13px;color:var(--warn,#e0a526)}
.online{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--muted);padding:5px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface);white-space:nowrap;line-height:1}.online[hidden]{display:none}.online b{color:var(--ink);font-variant-numeric:tabular-nums}.online i{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 0 color-mix(in srgb,var(--ok) 55%,transparent);animation:onl 2.4s ease-out infinite}@keyframes onl{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--ok) 55%,transparent)}70%,100%{box-shadow:0 0 0 6px transparent}}@media (max-width:520px){.online .on-t{display:none}.online{padding:5px 8px}}
/* Shibagotchi */
.gc-shiba{display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#fff6d6,#e1b303 140%);aspect-ratio:16/9}.gc-shiba-cv{width:96px;height:96px;image-rendering:pixelated;border-radius:16px}
.gc-new{font-size:11px;font-weight:800;letter-spacing:.06em;color:#7a6200;background:var(--banner-bg);border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);border-radius:999px;padding:3px 8px}
div.sg:not(.sg-main){max-width:420px;margin:0 auto;padding:0 4px 32px;display:flex;flex-direction:column;align-items:center}div.sg .sl-back{align-self:flex-start;margin-bottom:20px}
.sg-key{position:relative;width:60px;height:62px;margin-bottom:-14px;z-index:1}
.sg-ring{position:absolute;left:12px;top:0;width:36px;height:36px;box-sizing:border-box;border-radius:50%;border:4px solid #b9b2a2;box-shadow:inset 0 1px 1px rgba(255,255,255,.7),0 1px 2px rgba(0,0,0,.18)}
.sg-chain{position:absolute;left:24px;top:32px;width:12px;height:30px;border-radius:6px;border:3px solid #b9b2a2;box-sizing:border-box}
.sg-dev{position:relative;width:340px;max-width:calc(100vw - 32px);aspect-ratio:340/450;box-sizing:border-box;border-radius:50% 50% 50% 50% / 60% 60% 40% 40%;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cg fill='%23a8820f' fill-opacity='.10'%3E%3Cellipse cx='14' cy='17' rx='4.5' ry='3.8'/%3E%3Ccircle cx='8.5' cy='11' r='1.8'/%3E%3Ccircle cx='12' cy='8.5' r='1.8'/%3E%3Ccircle cx='16' cy='8.5' r='1.8'/%3E%3Ccircle cx='19.5' cy='11' r='1.8'/%3E%3C/g%3E%3Ccircle cx='42' cy='42' r='5.5' fill='none' stroke='%23a8820f' stroke-opacity='.12' stroke-width='1.4'/%3E%3C/svg%3E") 0 0/56px 56px,radial-gradient(ellipse at 34% 20%,rgba(255,255,255,.7),rgba(255,255,255,0) 38%),linear-gradient(170deg,#f6dc7e,#e2bb3e 60%,#cfa52a);
  box-shadow:inset 0 -10px 22px rgba(120,80,0,.18),inset 0 4px 10px rgba(255,255,255,.4),0 10px 24px rgba(120,90,10,.16);display:flex;flex-direction:column;align-items:center;padding-top:21%}
.sg-face{width:66%;box-sizing:border-box;padding:7px 9px 9px;border-radius:22px 22px 26px 26px;background:#fbf3dc;box-shadow:inset 0 2px 4px rgba(120,80,0,.22),0 1px 0 rgba(255,255,255,.7);display:flex;flex-direction:column;align-items:center;gap:3px}
.sg-brand{font:800 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.3em;color:rgba(91,52,23,.55);padding-top:2px}
.sg-tag{font:700 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;color:#5b3417;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sg-tag:empty{display:none}
.sg-strip{width:100%;display:grid;grid-template-columns:repeat(4,1fr);justify-items:center}
.sg-ico{padding:3px;border:0;border-radius:6px;background:none;box-shadow:none;opacity:.38;cursor:pointer;line-height:0;transition:opacity .1s}
.sg-ico canvas{width:16px;height:16px;image-rendering:pixelated}.sg-ico.sel{opacity:1;background:rgba(91,52,23,.13)}.sg-ico.on{opacity:1}.sg-ico.on canvas{animation:sgblink 1s steps(2) infinite}.sg-ico:disabled{opacity:.16;cursor:default}
.sg-ico:focus-visible{outline:2px solid #5b3417;outline-offset:1px}@keyframes sgblink{50%{opacity:.3}}
.sg-screen{width:100%;box-sizing:border-box;padding:4px;border-radius:8px;background:#8b7a52;box-shadow:inset 0 1px 3px rgba(0,0,0,.35)}
#sg-cv{display:block;width:100%;height:auto;aspect-ratio:10/9;image-rendering:pixelated;border-radius:4px;touch-action:manipulation;cursor:pointer}
.sg-abc{width:58%;display:flex;justify-content:space-between;align-items:flex-start;margin-top:6%}
.sg-k{width:40px;height:40px;padding:0;border-radius:50%;border:0;background:radial-gradient(circle at 40% 32%,#fff7df,#efd9a0 70%);box-shadow:0 3px 0 #b8902a,0 4px 6px rgba(0,0,0,.18);color:rgba(91,52,23,.6);font:800 11px/1 ui-monospace,Menlo,monospace;cursor:pointer;touch-action:manipulation}
.sg-k-b{margin-top:12px}.sg-k:active{transform:translateY(2px);box-shadow:0 1px 0 #b8902a,0 2px 3px rgba(0,0,0,.18)}.sg-k:focus-visible{outline:2px solid #5b3417;outline-offset:2px}
.sg-hint{margin:18px 0 0;text-align:center;font-size:12px}
.sg-ui{width:100%;max-width:360px;display:flex;flex-direction:column;gap:16px;margin-top:20px}.sg-ui:empty{display:none}
.sg-new{display:flex;flex-direction:column;gap:10px}.sg-new label{font-weight:700}.sg-row{display:flex;gap:10px}.sg-row input,.sg-row select{flex:1;min-width:0}
.sg-dead{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.sg-dead p{margin:0}
.sg-ren{align-self:center;font-size:13px}.sg-ren summary{cursor:pointer;color:var(--muted);text-align:center;list-style:none}.sg-ren summary::-webkit-details-marker{display:none}.sg-ren form{margin-top:12px}
@media (max-width:380px){.sg-k{width:36px;height:36px}.sg-face{width:70%}}
.tag.is-checking{animation:chk 1s ease-in-out infinite}@keyframes chk{50%{opacity:.45}}
.sugg-card.is-stale{opacity:.55;transition:opacity .15s}
.sg-dev,.sg-dev *{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}
.sg-dev button{touch-action:manipulation}
.sg-ico{min-width:44px;min-height:34px;display:grid;place-items:center;padding:0}
.sg-ico.pressed{background:rgba(91,52,23,.2)}
.sg-k{width:48px;height:48px;font-size:12px;position:relative}.sg-k::after{content:'';position:absolute;inset:-8px;border-radius:50%}
.sg-k.pressed{transform:translateY(2px);box-shadow:0 1px 0 #b8902a,0 2px 3px rgba(0,0,0,.18)}
.sg-abc{width:62%}
@media (max-width:380px){.sg-k{width:44px;height:44px}.sg-ico{min-width:40px}}
/* A/B/C sit inside the egg: shell a little taller, buttons closer together, lower ellipse wide enough at every width */
.sg-dev{aspect-ratio:340/470;padding-top:19%}
.sg-abc{width:auto;gap:clamp(10px,4vw,18px);margin-top:5%}
.sg-k{width:clamp(44px,13vw,48px);height:clamp(44px,13vw,48px)}.sg-k::after{inset:-4px}
.sg-help-btn{margin-top:18px;display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 8px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:600 13px/1 inherit;box-shadow:none;cursor:pointer}
.sg-help-btn span{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--banner-bg);color:#7a6200;font-weight:800;font-size:12px}
.sg-help{width:min(420px,calc(100vw - 32px));max-height:min(80vh,680px);padding:0;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--ink);box-shadow:0 20px 50px rgba(0,0,0,.18)}
.sg-help::backdrop{background:rgba(30,22,5,.35)}
.sg-help-in{padding:18px 20px 20px;display:flex;flex-direction:column;gap:16px}
.sg-help header{display:flex;justify-content:space-between;align-items:center}.sg-help h2{margin:0;font-size:18px}
.sg-help-x{width:36px;height:36px;padding:0;border-radius:50%;border:0;background:var(--hover);color:var(--ink);font-size:20px;line-height:1;box-shadow:none;cursor:pointer}
.sg-help section{display:flex;flex-direction:column;gap:8px}.sg-help h3{margin:0;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.sg-help p{margin:0;font-size:14px;line-height:1.5}.sg-help p.muted{font-size:13px}
.sg-help-keys{margin:0;display:grid;gap:6px}.sg-help-keys div{display:flex;gap:10px;align-items:center;font-size:14px}
.sg-help-keys dt{width:26px;height:26px;flex:none;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 40% 32%,#fff7df,#efd9a0 70%);box-shadow:0 2px 0 #b8902a;color:#5b3417;font:800 11px/1 ui-monospace,Menlo,monospace}.sg-help-keys dd{margin:0}
.sg-help-icons{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}
.sg-help-icons li{display:grid;grid-template-columns:20px 1fr;column-gap:8px;font-size:13px;line-height:1.3}.sg-help-icons .sg-hi{grid-row:span 2;padding-top:2px}.sg-help-icons canvas{width:16px;height:16px;image-rendering:pixelated}.sg-help-icons li>span:last-child{color:var(--muted);font-size:12px}
.sg-help-tips{margin:0;padding-left:18px;display:grid;gap:5px;font-size:14px;line-height:1.45}
.sg-help footer{display:flex;justify-content:flex-end}
@media (max-width:360px){.sg-help-icons{grid-template-columns:1fr}}
/* Fixed 340×470 design; narrow phones scale the whole device so shell, faceplate and A/B/C keep their proportions */
.sg-dev{width:340px;max-width:none}
.sg-k{width:48px;height:48px}
@media (max-width:371px){.sg-dev,.sg-key{zoom:.9}}
@media (max-width:345px){.sg-dev,.sg-key{zoom:.85}}
@media (max-width:380px){.sg-face{width:66%}.sg-k{width:48px;height:48px}}
/* Marketplace */
.mk{display:flex;flex-direction:column;gap:18px}.mk-h{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.mk-h h1{margin:0 0 4px}.mk-h p{margin:0;max-width:52ch}
.mk-pill{display:inline-flex;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:13px;font-weight:600}
.mk-tab{background:none;border:0;box-shadow:none;color:var(--muted);font-weight:700;padding:10px 12px;border-bottom:2px solid transparent;border-radius:0;cursor:pointer}.mk-tab.on{color:var(--ink);border-bottom-color:var(--gold)}
.mk-msg{padding:12px 14px;border-radius:12px;background:var(--banner-bg);font-size:14px;line-height:1.5}.mk-msg.bad{background:color-mix(in srgb,#d94a5a 12%,var(--surface));color:var(--ink)}
.mk-filters{display:flex;flex-direction:column;gap:12px}.mk-chips{display:flex;gap:8px;flex-wrap:wrap}.mk-chip{display:inline-flex;align-items:baseline;gap:6px;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--r,var(--ink));font-weight:700;box-shadow:none;cursor:pointer}.mk-chip small{color:var(--muted);font-weight:600}.mk-chip.on{border-color:var(--r,var(--gold));background:color-mix(in srgb,var(--r,var(--gold)) 10%,var(--surface))}
.mk-row{display:flex;gap:10px;flex-wrap:wrap}.mk-row select,.mk-row input{flex:1;min-width:140px}
.mk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.mk-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface);display:flex;flex-direction:column}
.mk-card img{display:block;width:100%;height:auto;aspect-ratio:400/260;background:#f6eedb}.mk-card-b{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.mk-n{font-weight:800;color:var(--r,var(--ink));text-decoration:none;word-break:break-all}.mk-p{display:flex;justify-content:space-between;align-items:center;width:100%;gap:10px;margin-top:4px}.mk-buy{padding:8px 16px}
.mk-empty{text-align:center;padding:24px}.mk-hint{margin:0;font-size:13px}
.mk-srow{display:grid;grid-template-columns:22px 1fr auto auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.mk-sn{font-weight:700;color:var(--r,var(--ink));word-break:break-all}.mk-price{display:flex;align-items:center;gap:6px}.mk-price input{width:92px}.mk-price small{color:var(--muted)}

.mk-dlg{width:min(440px,calc(100vw - 32px));border:1px solid var(--line);border-radius:18px;padding:0;background:var(--surface);color:var(--ink)}.mk-dlg::backdrop{background:rgba(30,22,5,.35)}
.mk-dlg-in{padding:20px;display:flex;flex-direction:column;gap:14px}.mk-dlg h2{margin:0;font-size:18px}.mk-rows{margin:0;display:grid;gap:8px}.mk-rows div{display:flex;justify-content:space-between;gap:12px;font-size:14px}.mk-rows dt{color:var(--muted)}.mk-rows dd{margin:0;text-align:right;word-break:break-word}
.mk-note{margin:0;font-size:13px;line-height:1.45}.mk-dlg-b{display:flex;justify-content:flex-end;gap:10px}
@media (max-width:480px){.mk-srow{grid-template-columns:22px 1fr auto;}.mk-srow .rbadge{display:none}.mk-price input{width:76px}.mk-grid{grid-template-columns:1fr 1fr;gap:10px}.mk-card-b{padding:10px}.mk-p{flex-direction:column;align-items:flex-start}.mk-buy{width:100%}}
.mk-grid .mk-empty{grid-column:1/-1}

/* Marketplace v2: segmented tabs, compact rows, sticky action bar */
.mk-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border-radius:14px;background:var(--hover);border:1px solid var(--line);scroll-margin-top:80px}
.mk-tab{border:0;border-bottom:0;border-radius:10px;padding:9px 6px;font-size:14px;white-space:nowrap}.mk-tab.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.12);border-bottom:0}
.mk{scroll-margin-top:80px}.mk-load{padding:8px 2px}
.mk-help{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted)}.mk-i{width:22px;height:22px;flex:none;padding:0;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--muted);font:700 12px/1 inherit;box-shadow:none;cursor:pointer}
.mk-list{display:flex;flex-direction:column;gap:8px}
.mk-item{display:flex;align-items:center;gap:10px;padding:6px 10px 6px 6px;border:1px solid var(--line);border-radius:14px;background:var(--surface);transition:border-color .12s,background .12s}
.mk-item.on{border-color:color-mix(in srgb,var(--r,var(--gold)) 60%,var(--line));background:color-mix(in srgb,var(--r,var(--gold)) 7%,var(--surface))}
.mk-sel{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:4px;border:0;background:none;box-shadow:none;color:inherit;text-align:left;cursor:pointer;font:inherit;border-radius:10px}.mk-sel:disabled{cursor:default}
.mk-sel:focus-visible{outline:2px solid var(--gold);outline-offset:1px}
.mk-ck{width:22px;height:22px;flex:none;border-radius:50%;border:2px solid color-mix(in srgb,var(--muted) 55%,transparent);display:grid;place-items:center;transition:background .12s,border-color .12s}
.mk-ck svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;opacity:0}.mk-ck.on{background:var(--r,var(--gold));border-color:var(--r,var(--gold))}.mk-ck.on svg{opacity:1}.mk-ck.off{border-style:dashed;opacity:.35}
.mk-th{width:56px;height:36px;flex:none;border-radius:8px;object-fit:cover;background:#f6eedb;border:1px solid color-mix(in srgb,var(--r,var(--gold)) 35%,transparent)}
.mk-nm{display:flex;flex-direction:column;gap:3px;min-width:0}.mk-sn{font-weight:700;color:var(--r,var(--ink));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mk-meta{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.mk-meta .rbadge{font-size:10px}
.mk-st{font-size:11px;font-weight:700;padding:2px 7px;border-radius:999px;background:var(--hover);color:var(--muted)}.mk-st.ok{background:color-mix(in srgb,var(--ok) 15%,transparent);color:var(--ok)}.mk-st.warn{background:color-mix(in srgb,#e89a3c 18%,transparent);color:#b86e12}
.mk-pr{display:flex;align-items:center;gap:6px;flex:none}.mk-pr input{width:84px;padding:8px 10px;text-align:right}.mk-pr small,.mk-lp small{color:var(--muted);font-size:12px}.mk-lp{display:flex;align-items:baseline;gap:4px;flex:none}
.mk-pad{height:0}body.mk-has-act .mk-pad{height:84px}
.mk-act{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(16px + env(safe-area-inset-bottom));z-index:31;width:min(640px,calc(100vw - 20px))}.mk-act[hidden]{display:none}
.mk-act-in{display:flex;align-items:center;gap:8px;padding:8px;border-radius:16px;background:var(--surface);border:1px solid var(--line);box-shadow:0 8px 24px rgba(0,0,0,.18)}
.mk-act-in>button:last-child{margin-left:auto;white-space:nowrap}.mk-clr{padding:9px 12px}
.mk-same{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.mk-same span{white-space:nowrap}.mk-same input{width:70px;padding:8px}
@media(max-width:860px){.mk-act{bottom:calc(92px + env(safe-area-inset-bottom))}body.mk-has-act .mk-pad{height:90px}}
@media(max-width:400px){.mk-th{width:44px;height:30px}.mk-pr input{width:72px}.mk-same span{display:none}.mk-same input{width:62px}.mk-tab{font-size:13px}.mk-item{gap:6px}}
.mk-act,.mk-act-in,.mk-act *{box-sizing:border-box}.mk-act-in{min-width:0}.mk-act-in>button:last-child{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;padding-inline:14px}
@media(max-width:430px){.mk-same small,.mk-same>:not(input){display:none}.mk-same input{width:58px}.mk-clr{padding:9px 10px}.mk-act-in{gap:6px;padding:6px}.mk-meta{gap:4px}.mk-st{font-size:10px;padding:2px 6px}}
/* Bulk registration (Search page) */
.bulk-tg{max-width:640px;margin:10px auto 0;text-align:center}.bulk-tgb{background:none;border:1px dashed var(--line);color:var(--ink);box-shadow:none;padding:8px 14px;border-radius:999px;font-weight:600}.bulk-tgb small{color:var(--muted);font-weight:400;margin-left:4px}.bulk-tgb[aria-expanded=true]{border-style:solid;background:var(--hover)}
.bulk{margin-top:10px;text-align:left;display:flex;flex-direction:column;gap:12px}.bulk-in{display:flex;flex-direction:column;gap:8px}.bulk-l{font-weight:600;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.bulk-l small{font-weight:400}.bulk-l select{width:auto;padding:4px 8px}
.bulk textarea{width:100%;box-sizing:border-box;min-height:96px;resize:vertical;font:14px/1.4 ui-monospace,monospace;padding:10px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}
.bulk-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.bulk-row>button:last-child:not(.ghost){margin-left:auto}.bulk-file{cursor:pointer;font-size:14px}
.bulk-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.bulk-list li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.bulk-list .rname{font-weight:700;min-width:0;overflow-wrap:anywhere}.bulk-list li>small{flex-basis:100%;font-size:12px}.bulk-list li>small:empty{display:none}.bulk-list .tag{margin-left:auto}.bulk-list .rbadge{font-size:10px}
.bulk-tx{display:flex;align-items:center;gap:6px;flex-basis:100%;min-width:0}.bulk-tx a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;min-width:0}.bulk-cp{padding:3px 10px;font-size:12px;flex:none}
.bulk-sum{margin:0}.bulk-note{font-size:12px;margin:0}.bulk-jh{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.bulk-hist summary{cursor:pointer;color:var(--muted);font-size:14px}.bulk-hj{padding:8px 0;border-top:1px solid var(--line)}.bulk-hi{display:flex;gap:8px;align-items:center;font-size:13px;flex-wrap:wrap}.bulk-hi a{font-size:11px;overflow:hidden;text-overflow:ellipsis;max-width:180px}
.bulk-dlg{border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink);max-width:min(440px,calc(100vw - 32px));padding:18px}.bulk-dlg::backdrop{background:rgba(0,0,0,.5)}.bulk-dlg h3{margin:0 0 6px}
/* Row stacks size to content (iOS WebKit shrinks flex-column children with overflow): grid stacks + no shrink, consistent gaps */
#mk-body{display:flex;flex-direction:column;gap:12px}#mk-body>*,.mk>*{flex:none;min-height:min-content}
.mk-list,.mk-rows,.bulk-list{display:grid;grid-auto-rows:auto;gap:10px;align-content:start}
.mk-item,.bulk-list li,.mk-row{flex:none;height:auto;min-height:min-content;overflow:visible;position:relative}
.mk-sel{height:auto;min-height:48px;white-space:normal;align-self:stretch}
.mk-chips{gap:8px;row-gap:8px;margin:2px 0 4px}.mk-chip{flex:none}
.pm-list:not(:empty)+.c9-promo.c9-top{margin-top:0}
.mk-msg-btn{margin-top:10px;display:inline-block;padding:10px 16px;font-size:14px}
/* Graffiti celebration (at broadcast). Dogecoin palette only; outlines via text-shadow (no -webkit-text-stroke: iOS artifacts) */
.gfx{--g1:#F5C518;--g2:#C2A633;--ink:#1a1408;--cream:#FFF6D8;position:fixed;inset:0;z-index:9998;display:grid;place-items:center;background:rgba(10,8,4,.6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:gfx-in .18s ease-out;cursor:pointer}.gfx.out{opacity:0;transition:opacity .3s}
.gfx-wall{display:flex;flex-direction:column;align-items:center;gap:14px;transform:rotate(-6deg);padding:20px;max-width:92vw;text-align:center}
.gfx-t{font:900 clamp(44px,15vw,96px)/.95 Impact,"Arial Black",system-ui,sans-serif;letter-spacing:.03em;color:var(--g1);
  text-shadow:-2px -2px 0 var(--ink),2px -2px 0 var(--ink),-2px 2px 0 var(--ink),2px 2px 0 var(--ink),0 -3px 0 var(--ink),0 3px 0 var(--ink),-3px 0 0 var(--ink),3px 0 0 var(--ink),6px 6px 0 var(--g2),8px 8px 0 var(--ink);animation:gfx-pop .4s both}
.gfx-n{position:relative;display:inline-block;transform:rotate(3deg);animation:gfx-pop .35s .3s both}
.gfx-n b{display:block;font:800 clamp(22px,7vw,40px)/1.1 "Arial Black",system-ui,sans-serif;color:var(--ink);background:var(--g1);padding:6px 16px 8px;border-radius:8px;box-shadow:0 5px 0 var(--g2);overflow-wrap:anywhere}
.gfx-d{position:absolute;top:calc(100% + 3px);width:7px;border-radius:0 0 5px 5px;background:var(--g2);height:0;animation:gfx-drip 1.2s .6s ease-in forwards}.gfx-d.d1{left:18%}.gfx-d.d2{left:52%;animation-delay:.75s}.gfx-d.d3{left:80%;animation-delay:.9s}
.gfx-s{margin-top:22px;font:700 14px/1.3 system-ui,sans-serif;color:var(--cream);animation:gfx-pop .3s .5s both}
@keyframes gfx-in{from{opacity:0}}@keyframes gfx-pop{from{opacity:0;transform:scale(.7)}}@keyframes gfx-drip{to{height:22px}}
@media (prefers-reduced-motion:reduce){.gfx-t,.gfx-n,.gfx-s{animation:none}.gfx-d{animation:none;height:16px}}
.mk-btns{display:flex;gap:6px;align-items:center}.mk-add{padding:8px 12px;min-width:40px;font-weight:800}.mk-add.on{background:var(--gold);color:#1a1408;border-color:var(--gold)}
.mk-tabs{grid-template-columns:repeat(4,1fr)}@media(max-width:400px){.mk-tab{font-size:12.5px;padding:9px 2px}}
.mk-drop{display:flex;flex-direction:column;gap:10px}.mk-drop-h,.mk-drop-b{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.mk-qty{width:auto;padding:8px 10px}.mk-drop-soon h3{margin:0 0 6px}

/* iOS: >=16px inputs never trigger focus auto-zoom; no horizontal overflow; hide fixed bars while typing */
input,select,textarea,.np-form input,.np-form select,.np-form textarea,.mk-row input,.mk-samerow input,[data-pn]{font-size:16px!important}
html,body{overflow-x:hidden;overflow-x:clip;max-width:100%}
.mk-samerow{display:flex;align-items:center;gap:8px;margin:8px 0;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--surface);min-width:0}
.mk-samerow[hidden]{display:none}.mk-samerow span{flex:1;min-width:0;font-size:14px;font-weight:600}.mk-samerow input{width:110px;flex:none;padding:8px 10px}.mk-samerow small{color:var(--muted)}
.mk-act{max-width:calc(100vw - 20px)}.mk-act-in{flex-wrap:nowrap;overflow:hidden}
@media(max-width:860px){body.kb .mk-act,body.kb .tabs,body.kb .mk-pill{visibility:hidden}}
.spin{display:inline-block;width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite;vertical-align:-1px;margin-right:6px}@keyframes spin{to{transform:rotate(360deg)}}

/* market status message: always on screen (fixed above the bottom bars), tap to dismiss */
.mk-msg{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(16px + env(safe-area-inset-bottom));z-index:45;width:min(640px,calc(100vw - 20px));box-sizing:border-box;box-shadow:0 8px 24px rgba(0,0,0,.25);border:1px solid var(--line);max-height:40vh;overflow:auto}
.mk-msg[hidden]{display:none}
body.mk-has-act .mk-msg{bottom:calc(84px + env(safe-area-inset-bottom))}
@media(max-width:860px){.mk-msg{bottom:calc(92px + env(safe-area-inset-bottom))}body.mk-has-act .mk-msg{bottom:calc(160px + env(safe-area-inset-bottom))}}
.gfx~.mk-msg,.mk-msg{z-index:10001}
/* search rows: one line at every width (name + rarity left, price + Register right); long names ellipsize */
@media (max-width:420px){.sugg-card .sg:not(.sg-main){flex-wrap:nowrap;gap:6px}.sugg-card .sg:not(.sg-main) .sg-n{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sugg-card .sg:not(.sg-main) .rbadge{order:0;font-size:10px;padding:2px 7px}.sugg-card .sg:not(.sg-main) .sg-r{flex-basis:auto;order:0;gap:6px;flex-shrink:0}.sugg-card .sg:not(.sg-main) .sg-go{padding:4px 9px}}

/* bulk progress rows: never wider than the card (short txids, wrap, no horizontal scroll) */
.bulk,.bulk-list,.bulk-list li,.bulk-hist,.bulk-hj,.bulk-hi{min-width:0;max-width:100%;box-sizing:border-box}
.bulk-list li>*{min-width:0}.bulk-tx{display:inline-flex;align-items:center;gap:8px;min-width:0;max-width:100%;font-size:12px}
.bulk-txl{font-size:12px;white-space:nowrap;color:var(--accent)}.bulk-cp{padding:4px 10px!important;font-size:12px!important}
.bulk-hi{display:flex;flex-wrap:wrap;gap:6px;align-items:center;overflow-wrap:anywhere}.bulk-hi .mono{font-size:12px}
/* ---- batch B: tighter hero, trust points, activity strip, taken-name next steps */
.hero{padding:18px 0 6px}.hero h1{margin:0 0 6px}.hero p{margin:0 0 18px}
.trust{list-style:none;margin:16px auto 0;padding:0;display:grid;gap:8px;max-width:720px}
@media(min-width:760px){.trust{grid-template-columns:repeat(3,1fr)}}
.trust li{display:flex;gap:10px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px;min-width:0}
.trust i{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 16%,transparent);font-style:normal;font-weight:700;color:var(--accent);font-size:14px}
.trust span{font-size:13px;color:var(--muted);line-height:1.35;min-width:0}.trust b{display:block;color:var(--ink);font-size:14px;margin-bottom:1px}
.acts{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:12px auto 0;max-width:720px}
.acts>*{font-size:12px;color:var(--muted);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:4px 10px;text-decoration:none;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.acts b{color:var(--ink);font-weight:700}.acts .rname{color:var(--r)}
.res-next{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px 10px;border-top:1px solid var(--line)}
.res-next .chip{text-decoration:none;color:var(--ink);font-weight:600}
.res-listed{font-size:14px;color:var(--muted);flex:1 1 auto;min-width:0}.res-listed b{color:var(--ink)}
.res-buy{padding:8px 16px;min-height:0;font-size:14px;text-decoration:none}
/* ---- batch C: marketplace polish */
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
main:has(.mk){max-width:1120px}
.mk-card-b{padding:8px 10px 10px;gap:0}
.mk-card .mk-p{display:flex;align-items:center;gap:8px;width:100%;flex-wrap:nowrap;min-width:0}
.mk-card .mk-p b{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}
.mk-card .mk-p .rbadge{flex:none}.mk-card .mk-btns{flex:none}
.mk-card>a{display:block}
.c9-slim{padding:10px 14px;gap:12px}.c9-slim .c9-promo-cards{width:50px;height:36px;transform:scale(.72);transform-origin:left center}
.c9-slim .c9-promo-t{flex-direction:row;align-items:baseline;gap:8px;flex-wrap:wrap}.c9-slim .c9-promo-t span{font-size:13px}
@media(max-width:600px){
  .mk-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-right:-20px;padding-right:20px}
  .mk-chips::-webkit-scrollbar{display:none}
  .mk-filters .mk-row{display:grid;grid-template-columns:.9fr 1.15fr 1fr;gap:6px;flex-wrap:nowrap}
  .mk-filters .mk-row select,.mk-filters .mk-row input{min-width:0;width:100%;padding:9px 8px}
  .mk-card .mk-p .rbadge{display:none}
}
.mk-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.mk-card .mk-p{flex-direction:row!important;margin-top:0}.mk-card .mk-p b{flex-basis:auto}
.mk-card .mk-buy{padding:7px 14px;width:auto!important}.mk-card .mk-add{padding:7px 10px;min-width:34px}
@media(max-width:480px){.mk-grid{grid-template-columns:1fr 1fr}.mk-card .mk-p{gap:6px}.mk-card .mk-buy{padding:7px 10px}.mk-card .mk-add{padding:7px 8px;min-width:30px}.mk-card .mk-p b{font-size:13px}}
.mk-card{container-type:inline-size}.mk-card .dsym{display:none;font-style:normal}.mk-card .mk-p b small{font-size:inherit;font-weight:inherit}
@container (max-width:250px){.mk-card .mk-p b small{display:none}.mk-card .dsym{display:inline;margin-right:1px}}
@container (max-width:200px){.mk-card .mk-p .rbadge{display:none}}
.mk-nx-k{font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
.mk-drop-soon h3{margin:0 0 4px}.mk-drop-soon #mk-notify{margin-top:12px;display:flex;flex-direction:column;align-items:center;gap:8px}.mk-nf-note{font-size:13px;margin:0;max-width:340px}
.drop-banner{position:fixed;left:50%;transform:translateX(-50%);top:calc(64px + env(safe-area-inset-top));z-index:60;display:flex;align-items:center;gap:8px;max-width:calc(100vw - 24px);box-sizing:border-box;background:var(--gold);color:#1a1408;border-radius:999px;padding:8px 8px 8px 16px;font-size:14px;text-decoration:none;box-shadow:0 6px 20px rgba(0,0,0,.18);white-space:nowrap;overflow:hidden}
.drop-banner span{font-weight:800}.drop-banner button{background:rgba(0,0,0,.12);color:inherit;padding:2px 9px;border-radius:999px;font-size:16px;line-height:1.2;min-height:0}
/* ---- batch D */
.mn-prev{margin-top:16px;display:grid;gap:6px}.mn-prev .sg-t{margin-bottom:2px}.mn-ghost{opacity:.55;pointer-events:none;filter:saturate(.8)}
@media(max-width:860px){.brand-t small{display:block!important;font-size:10px;line-height:1.1;font-weight:600;color:var(--muted);letter-spacing:0;max-width:90px;white-space:normal}.brand-t{line-height:1.05}}
.np1{padding:18px!important}.np1-head{display:flex;align-items:center;gap:14px}.np1 .np-av{width:64px;height:64px;flex:none;margin:0}.np1 .np-id{flex:1;min-width:0}
.np1-nm{font-size:clamp(22px,5vw,30px);margin:0 0 4px;line-height:1.1;word-break:break-all;color:var(--r)}.np1-dn{font-size:14px;margin-top:2px}
.np1-kv{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:16px 0 0;font-size:14px}.np1-kv dt{color:var(--muted)}.np1-kv dd{margin:0;min-width:0;overflow-wrap:anywhere;text-align:right}
.np1-act{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.np1-act>*{flex:1 1 140px;text-align:center;text-decoration:none;padding:11px 16px}
.np1-hint{font-size:13px;margin:12px 0 0}.np1 .np-edit{padding:8px 14px}
.mn-prev .sg-t{font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--muted)}
.mn-ghost{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px!important;min-height:0!important}
.bulk-row1{display:grid!important;grid-template-columns:minmax(104px,1fr) auto minmax(0,1.3fr);gap:8px;align-items:stretch}
.bulk-row1>*{min-width:0;margin:0}.bulk-row1 .bulk-file{padding:10px 14px;display:flex;align-items:center;justify-content:center}.bulk-row1 button{padding:10px 14px}
/* 999 Club: holo foil trading-card packs (style A) */
.c9-packs:has(.c9-foil){display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.c9-foil{position:relative;display:flex;flex-direction:column;gap:2px;padding:18px 20px 16px;border-radius:20px;text-decoration:none;color:#f6e7b0;overflow:hidden;isolation:isolate;
  background:repeating-linear-gradient(115deg,rgba(255,255,255,.035) 0 2px,transparent 2px 9px),linear-gradient(160deg,#17140c,#0b0a07);border:1.5px solid #c9a227;box-shadow:0 8px 24px rgba(0,0,0,.25);transition:transform .15s}
.c9-foil::before{content:"";position:absolute;inset:0;z-index:-1;height:auto!important;display:block!important;background:linear-gradient(115deg,transparent 30%,rgba(255,214,102,.18) 42%,rgba(120,200,160,.14) 50%,rgba(150,120,220,.16) 58%,transparent 70%);background-size:220% 100%;background-position:60% 0}
@keyframes fo-sheen{0%,100%{background-position:100% 0}50%{background-position:0 0}}
@media(prefers-reduced-motion:reduce){.c9-foil::before{animation:none}}
.c9-foil:hover{transform:translateY(-2px)}
.fo-top{display:flex;justify-content:space-between;gap:8px;font-size:12px;font-weight:800;letter-spacing:2px;color:#e3b923}.fo-tier{color:color-mix(in srgb,var(--r) 45%,#e3b923);text-transform:uppercase}
.fo-num{font:900 clamp(56px,16vw,76px)/1 ui-monospace,SFMono-Regular,Menlo,monospace;margin-top:12px;background:linear-gradient(180deg,#ffe27a,#d9a90f 70%,#a87e06);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 rgba(0,0,0,.6))}
.fo-to{font-size:18px;font-weight:700;color:#e9dcae;margin-top:6px}.fo-name{font-size:20px;font-weight:900;text-transform:uppercase;color:#fbeec0;margin-top:10px;letter-spacing:.5px}
.fo-foot{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:14px;color:#d8cba0}
.fo-coin{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:900;color:#3a2a00;background:radial-gradient(circle at 35% 30%,#ffe9a0,#c9a227 70%)}
.fo-bar{display:block;height:4px;border-radius:4px;background:rgba(255,255,255,.1);margin-top:10px;overflow:hidden}.fo-bar i{display:block;height:100%;background:linear-gradient(90deg,#e3b923,#ffe27a)}
#app .c9-foil{align-items:stretch;text-align:left;padding:18px 20px 16px;border-radius:20px;border:1.5px solid #c9a227;background:repeating-linear-gradient(115deg,rgba(255,255,255,.035) 0 2px,transparent 2px 9px),linear-gradient(160deg,#17140c,#0b0a07);color:#f6e7b0;box-shadow:0 8px 24px rgba(0,0,0,.25)}
#app .c9-foil::after{display:none!important}#app .c9-foil>*{display:flex;position:relative}#app .c9-foil .fo-num,#app .c9-foil .fo-to,#app .c9-foil .fo-name,#app .c9-foil .fo-bar{display:block}
#app .c9-packs:has(.c9-foil){grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
#app .fo-top{font-size:11px;letter-spacing:1.5px}#app .fo-top span{white-space:nowrap}
.bulk-row1 select{padding-left:10px;padding-right:6px}
/* ---- batch E: one button system (primary gold / secondary outline / text), type scale, dark touch-up */
button.ghost,.btn.ghost{background:transparent;color:var(--accent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--gold) 65%,transparent)}
button.ghost:hover,.btn.ghost:hover{background:var(--hover)}
button.ghost:disabled{opacity:.55}
.ghost.mk-clr,#np-cancel,.btn-text{background:transparent!important;box-shadow:none!important;color:var(--muted)!important}
.mk-add.on{box-shadow:none}
h1,.mk-h h1,.gl-h,.c9x .c9-hero h1{font-size:30px;line-height:1.15;letter-spacing:-.5px}
.hero h1{font-size:clamp(30px,6vw,46px)}
.card h2,.card>h2{font-size:22px}.card h3,.mk-drop-soon h3{font-size:18px}
body{font-size:15px}
.p-doge,.sg-p,.mk-p b,.mk-lp b,.acts b,.res-listed b,.np1-kv dd,.fo-foot,.mint-sum b,.c9-stats b{font-variant-numeric:tabular-nums}
:root[data-theme=dark] .mk-card img{filter:brightness(.84) saturate(.92)}
:root[data-theme=dark] .card,:root[data-theme=dark] .mk-card,:root[data-theme=dark] .trust li,:root[data-theme=dark] .acts>*{border-color:rgba(255,255,255,.09)}
:root[data-theme=dark] .mn-ghost{opacity:.45}
.bulk-dlg form>p.muted:first-of-type{max-height:30vh;overflow:auto;overflow-wrap:anywhere}.bulk-rechk{margin:0 0 8px}
.idx-ban{position:sticky;top:0;z-index:60;background:#fff1bf;color:#5a4300;border-bottom:1px solid #e9cf72;padding:8px 14px;text-align:center;font-size:14px;line-height:1.35}
body.idx-paused :is(#go,#sg,#bulk-go,#bulk-run,#bulk-yes,.mk-buy,.mk-add,#mk-cgo,#mk-review,#mk-dlg .mk-ok){pointer-events:none;opacity:.45;filter:grayscale(1)}
/* activity strip: moved below the trust points (less intrusive than under search) */
.acts.acts-low{margin:20px auto 8px;padding-top:14px;border-top:1px dashed var(--line)}
.acts .acts-l{display:inline-flex;align-items:center;gap:5px;background:none;border-color:transparent;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:11px;padding-inline:4px}
.acts .acts-l i{width:6px;height:6px;border-radius:50%;background:#22c55e}
/* Name redirects: visitor notice (bottom sheet) + holder form (modal sheet). Safe-area aware for iPhone in-app browsers. */
.rd-note{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:60;max-width:560px;margin:0 auto;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px 16px;box-shadow:0 12px 40px var(--shadow,rgba(0,0,0,.18));display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.rd-note .rd-t{min-width:0;overflow-wrap:anywhere;font-size:15px}.rd-note .rd-b{display:flex;gap:8px;margin-left:auto}.rd-note .rd-b>*{min-height:44px}
.rd-modal{position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.45);display:flex;align-items:flex-end;justify-content:center;padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom));overflow-y:auto;-webkit-overflow-scrolling:touch}
.rd-card{width:100%;max-width:520px;margin:auto 0 0;max-height:calc(100dvh - 24px);overflow-y:auto}
@media (min-width:700px){.rd-modal{align-items:center}.rd-card{margin:auto}}
.rd-card h3{margin:0 0 8px;overflow-wrap:anywhere}.rd-card label{display:block;font-weight:600;margin:12px 0 6px}
.rd-card input{width:100%;box-sizing:border-box;font-size:16px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink)}
.rd-act{display:flex;gap:10px;justify-content:flex-end;margin-top:14px;flex-wrap:wrap}.rd-act>*{min-height:44px}.rd-act .mint-btn{width:auto;flex:1 1 160px}
/* ---- carts: remove (×), Clear all, register cart badge + add-to-cart */
.bulk-x,.mk-x{flex:none;width:28px;height:28px;min-height:0;padding:0;display:inline-grid;place-items:center;border-radius:999px;background:transparent;color:var(--muted);border:1px solid var(--line);font-size:16px;line-height:1;font-weight:700;box-shadow:none}
.bulk-x:hover,.mk-x:hover{color:var(--ink);background:var(--hover)}
.bulk-list .tag+.bulk-x{margin-left:0}.bulk-list li .bulk-x:only-of-type{margin-left:auto}
.bulk-lh{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px}.bulk-clr{padding:7px 12px;font-size:13px}
.bulk-inprog{margin:8px 0 0;font-size:13px}
.mk-cart{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:6px;max-height:44vh;overflow:auto}
.mk-cart li{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--surface);min-width:0}
.mk-cart .mk-cn{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.mk-cart b{white-space:nowrap;font-size:14px}
.mk-dlg-b{flex-wrap:wrap}
.rcart-btn{display:inline-flex;align-items:center;gap:5px;height:36px;padding:0 10px;border-radius:999px;background:var(--surface);color:var(--ink);border:1px solid var(--line);font-size:12px;font-weight:700;box-shadow:none;min-height:0}.rcart-btn[hidden]{display:none}
.rcart-btn svg{width:17px;height:17px}.rcart-btn b{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--gold);color:#1a1408;display:inline-grid;place-items:center;font-size:11px;font-variant-numeric:tabular-nums}
.cart-add{font-size:12px;font-weight:700;white-space:nowrap;padding:3px 9px;min-height:0;border-radius:999px;box-shadow:none}.cart-add.on{background:var(--gold);color:#1a1408;border-color:var(--gold)}
.cart-row{gap:8px;flex-wrap:wrap}.btn.cart-add{font-size:14px;padding:10px 16px;border-radius:12px}
.rc-list{max-height:44vh;overflow:auto;margin:0 0 10px}.rc-list li{flex-wrap:nowrap}.rc-list .rname{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rc-list .rc-p{flex:none!important;flex-basis:auto!important;font-size:12px}
.rc-dlg .bulk-row{justify-content:flex-end}
@media(max-width:430px){.rcart-btn{padding:0 8px}.nav .actions{gap:6px}.sugg-card .sg-main .cart-add{order:4}}
.bulk-list li:has(>.bulk-x){padding-right:46px}.bulk-list li>.bulk-x{position:absolute;right:9px;top:50%;transform:translateY(-50%)}
.cart-row{display:flex;flex-wrap:wrap;margin-top:12px}.cart-row>a.btn{flex:1 1 220px;min-width:0;max-width:100%;white-space:normal;text-align:center}.cart-row>.cart-add{flex:0 0 auto}
/* ---- Manage · Pay / URL sheet */
.dl-card input{width:100%;box-sizing:border-box;margin:4px 0 10px}.dl-card label{display:block;font-weight:700;font-size:14px}.dl-card label small{font-weight:400}
.dl-final b{overflow-wrap:anywhere;min-width:0}.dl-msg{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;margin:6px 0 0;max-height:30vh;overflow:auto}
.dl-final{grid-template-columns:auto minmax(0,1fr)!important}.dl-final b{white-space:normal!important;text-overflow:clip!important;overflow:visible!important;word-break:break-all;text-align:right}.dl-final b small{word-break:normal;display:block}
.c9j{--gd:#d9b84a;margin:0 0 14px;padding:10px 12px;border-radius:14px;background:linear-gradient(160deg,#1c1b18,#121110);border:1px solid color-mix(in srgb,var(--gd) 45%,transparent);color:#efe6c8;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;box-shadow:inset 0 1px 0 rgba(255,230,160,.08)}
.c9j-row{display:flex;align-items:center;gap:8px;min-height:36px}.c9j-t{font-weight:700;font-size:14px;letter-spacing:.02em;flex:1;min-width:0}.c9j-ok{font-size:14px;font-weight:600;color:#e9dcb0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c9j-ok b{color:var(--gd)}.c9j-dot{color:#7d7254}
.c9j-btn{padding:8px 16px;border-radius:10px;font-size:14px;font-weight:700;color:#1a1408;background:linear-gradient(135deg,#f3d77a,#c9a227 55%,#9c7a14);box-shadow:inset 0 1px 0 rgba(255,255,255,.35);flex-shrink:0}.c9j-btn:disabled{opacity:.6}
.c9j-link{background:none;padding:4px 2px;color:var(--gd);font-size:14px;font-weight:700;border-radius:6px}.c9j-x{background:none;color:#a39574;padding:2px 8px;font-size:20px;line-height:1;margin-left:auto}
.c9j-info{position:relative;display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;border:1px solid #6d6246;color:#b8a77a;font:italic 700 11px Georgia,serif;cursor:help;flex-shrink:0}.c9j-tip{display:none;position:absolute;z-index:20;top:24px;right:-8px;width:min(230px,80vw);padding:9px 11px;border-radius:10px;background:#0c0b0a;border:1px solid #5a5038;color:#e6dcbd;font:400 12px/1.45 Inter,system-ui,sans-serif;box-shadow:0 8px 24px rgba(0,0,0,.4)}.c9j-info:hover .c9j-tip,.c9j-info:focus .c9j-tip{display:block}
.c9j-form{display:grid;grid-template-columns:auto 1fr;gap:8px;margin-top:8px;align-items:stretch}.c9j-addr,.c9j-h{height:40px;box-sizing:border-box;margin:0;align-self:center}.c9j-h .c9j-in:focus{outline:none}.c9j-h .c9j-in{height:100%;padding-top:0;padding-bottom:0}.c9j-form .c9j-btn{grid-column:1/-1;padding:10px}
.c9j-in{padding:9px 11px;border-radius:10px;font-size:16px;background:#0e0d0c;border:1px solid #4a4230;color:#f3ead0}.c9j-in:focus{outline:1px solid var(--gd)}input.c9j-in.mono{font-size:14px;grid-column:1/-1}
.c9j-addr{display:flex;gap:6px;align-items:center;padding:9px 11px;border-radius:10px;background:#0e0d0c;border:1px solid #4a4230;color:#e9dcb0;font-size:13px;font-weight:600}.c9j-addr span{color:#8f8261}
.c9j-h{display:flex;align-items:center;min-width:0;border-radius:10px;background:#0e0d0c;border:1px solid #4a4230;padding-left:11px;color:var(--gd);font-weight:700}.c9j-h .c9j-in{border:0;background:none;padding-left:4px;min-width:0}.c9j-h:focus-within{outline:1px solid var(--gd)}
.c9j .c9-msg{margin:8px 0 0;font-size:13px}
@media(min-width:700px){.c9j-form{grid-template-columns:auto 1fr auto}.c9j-form .c9j-btn{grid-column:auto}input.c9j-in.mono{grid-column:auto}}