:root{
  --bg:#0c0911;--panel:#13101a;--panel2:#191520;--line:#2a2433;--text:#f7f3fb;--muted:#9e96a8;
  --pink:#ff3ea5;--purple:#8d52ff;--green:#69e6b2;--cream:#f2e7b8;--radius:14px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button,a{transition:.18s ease}a{color:inherit;text-decoration:none}button{color:inherit}.shell{width:min(1540px,calc(100% - 40px));margin:0 auto}.hidden{display:none!important}
.topbar{height:72px;position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:30px;padding:0 max(20px,calc((100vw - 1540px)/2));background:rgba(12,9,17,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:14px;white-space:nowrap}.logo-box{display:grid;place-items:center;width:38px;height:38px;border:1px solid #663b7d;background:linear-gradient(135deg,#2b1839,#141018);font-size:11px;color:#ff91cd}.topbar nav{display:flex;gap:22px;margin-right:auto}.topbar nav a{font-size:13px;color:var(--muted)}.topbar nav a:hover{color:#fff}.nav-actions{display:flex;align-items:center;gap:8px}.primary,.secondary,.text-btn,.load-more,.clear-btn{border:0;cursor:pointer}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:9px;font-weight:800;font-size:13px}.primary{background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;box-shadow:0 8px 28px rgba(255,62,165,.16)}.primary:hover{transform:translateY(-1px);filter:brightness(1.08)}.primary:disabled{opacity:.45;cursor:not-allowed;transform:none;filter:none}.secondary{background:#17131d;border:1px solid #332c3e;color:#eee8f4}.secondary:hover{border-color:#5a4a6d;background:#1d1825}.small{min-height:38px;padding:0 14px;font-size:12px}.text-btn{background:transparent;padding:10px 12px;color:#c9c1d1;font-size:13px}.text-btn:hover{color:#fff}
.hero{min-height:620px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);align-items:center;gap:70px;padding-top:70px;padding-bottom:80px}.eyebrow{display:block;margin-bottom:12px;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800;color:#db73bb}.hero h1{font-size:clamp(54px,6vw,92px);line-height:.92;letter-spacing:-.065em;margin:0 0 28px;max-width:850px}.hero h1 span{color:#bf8aff}.hero-copy>p{max-width:660px;color:#aea6b7;font-size:18px;line-height:1.65;margin:0}.hero-actions{display:flex;gap:10px;margin-top:32px}.hero-stack{position:relative;min-height:440px}.hero-card{position:absolute;width:min(310px,55%);background:#16111d;border:1px solid #34293f;border-radius:16px;padding:8px 8px 12px;box-shadow:0 35px 80px rgba(0,0,0,.35)}.hero-card img{display:block;width:100%;border-radius:10px;image-rendering:pixelated}.hero-card span{display:block;padding:10px 5px 0;font-size:11px;font-weight:700;color:#c8bfd0}.hc-1{right:10%;top:0;transform:rotate(4deg);z-index:3}.hc-2{left:4%;top:95px;transform:rotate(-5deg);z-index:2}.hc-3{right:0;bottom:0;transform:rotate(2deg);z-index:1;opacity:.82}
.mint-wrap{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#100c16}.mint-shell{display:grid;grid-template-columns:1fr 520px;gap:90px;align-items:center;padding-top:80px;padding-bottom:80px}.mint-intro h2,.collection-head h2{font-size:clamp(38px,4vw,56px);letter-spacing:-.045em;margin:0 0 18px}.mint-intro>p{max-width:620px;color:var(--muted);line-height:1.7;font-size:16px}.mini-stats{display:flex;gap:42px;margin-top:38px}.mini-stats div{display:flex;flex-direction:column;gap:4px}.mini-stats b{font-size:25px}.mini-stats span{font-size:11px;color:#8f8798;text-transform:uppercase;letter-spacing:.08em}.mint-card{background:#17121e;border:1px solid #342a3e;border-radius:18px;padding:24px;box-shadow:0 30px 70px rgba(0,0,0,.25)}.mint-top,.supply-line,.quantity-row{display:flex;align-items:center;justify-content:space-between}.mint-top{padding-bottom:20px;border-bottom:1px solid var(--line);font-size:13px;font-weight:800}.network-dot{font-size:11px;color:#8af1c5}.network-dot:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#62dea9;margin-right:7px;box-shadow:0 0 13px #62dea9}.setup-note{display:flex;flex-direction:column;gap:4px;background:#211526;border:1px solid #54304d;border-radius:9px;padding:12px 14px;margin:18px 0;color:#ffc7e7;font-size:12px}.setup-note span{color:#b9a9b6}.setup-note code{color:#fff}.supply-line{font-size:12px;color:#9990a2;margin-top:20px}.supply-line strong{color:#fff}.progress{height:7px;background:#292230;border-radius:999px;overflow:hidden;margin:10px 0 22px}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--pink),var(--purple));border-radius:inherit}.price-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.price-row>div{background:#100d15;border:1px solid var(--line);border-radius:10px;padding:15px}.price-row span{display:block;color:#807788;font-size:10px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.price-row b{font-size:13px}.quantity-row{background:#100d15;border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:12px;font-size:12px;color:#918899}.stepper{display:flex;align-items:center;gap:16px}.stepper button{width:33px;height:33px;border:1px solid #393141;background:#1b1621;color:#fff;border-radius:7px;cursor:pointer}.stepper b{min-width:24px;text-align:center;color:#fff}.mint-button{width:100%;height:54px}.wallet-link{display:flex;width:100%;align-items:center;justify-content:space-between;margin-top:8px;padding:13px 4px;background:transparent;border:0;color:#c8c0d0;font-weight:700;font-size:12px;cursor:pointer}.wallet-link:hover{color:#fff}.status{min-height:18px;color:#7f7787;font-size:11px;line-height:1.4;margin:5px 0 0}
.collection{padding-top:82px;padding-bottom:90px}.collection-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:24px}.collection-head p{max-width:660px;margin:0;color:var(--muted);line-height:1.55}.collection-actions{display:flex;gap:8px;align-items:center}.search,.filter-search{height:42px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#110e16;border-radius:8px;padding:0 12px}.search{width:210px}.search span,.filter-search span{font-size:19px;color:#786f81}.search input,.filter-search input{width:100%;background:transparent;border:0;outline:0;color:#fff;font-size:12px}.search input::placeholder,.filter-search input::placeholder{color:#6f6678}select{height:42px;border:1px solid var(--line);background:#110e16;color:#d9d2df;border-radius:8px;padding:0 34px 0 12px;font-size:12px;outline:0}.mobile-filter-btn{display:none}.active-row{min-height:36px;display:flex;align-items:center;gap:8px;margin-bottom:8px}.active-filters{display:flex;gap:6px;flex-wrap:wrap}.active-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid #54394f;background:#1d131d;padding:7px 9px;border-radius:7px;color:#e4d9e2;font-size:11px}.active-chip button{background:transparent;border:0;color:#aa9dad;padding:0;cursor:pointer}.clear-btn{background:transparent;color:#e97cba;font-size:11px;padding:7px}.collection-layout{display:grid;grid-template-columns:285px minmax(0,1fr);gap:18px;align-items:start}.filters{position:sticky;top:88px;max-height:calc(100vh - 105px);overflow:auto;background:#100d15;border:1px solid var(--line);border-radius:10px}.filters::-webkit-scrollbar{width:7px}.filters::-webkit-scrollbar-thumb{background:#332b3b;border-radius:9px}.filter-title{display:flex;align-items:center;justify-content:space-between;padding:18px;border-bottom:1px solid var(--line)}.filter-title>div{display:flex;flex-direction:column;gap:3px}.filter-title b{font-size:15px}.filter-title span{color:#776f7f;font-size:10px}.filter-close{display:none;background:transparent;border:0;color:#fff;font-size:25px}.filter-search{margin:14px;height:40px}.filter-group{border-top:1px solid #211b29}.filter-group:first-child{border-top:0}.filter-group summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:15px 16px;font-size:12px;font-weight:750}.filter-group summary::-webkit-details-marker{display:none}.filter-group summary span{display:flex;align-items:center;gap:8px}.filter-group summary small{color:#746c7b;font-weight:500}.filter-group summary i{font-style:normal;color:#776e80;font-size:14px}.filter-options{padding:0 12px 13px}.trait-option{display:flex;align-items:center;gap:9px;width:100%;padding:8px 5px;border-radius:6px;cursor:pointer;font-size:11px;color:#bdb4c6}.trait-option:hover{background:#18131d;color:#fff}.trait-option.hidden-trait{display:none}.trait-option input{appearance:none;width:15px;height:15px;border:1px solid #4d4358;border-radius:4px;background:#0e0b12;margin:0;display:grid;place-items:center}.trait-option input:checked{background:linear-gradient(135deg,var(--pink),var(--purple));border-color:transparent}.trait-option input:checked:after{content:"✓";font-size:10px;color:#fff;font-weight:900}.trait-option b{font-weight:500;flex:1}.trait-option em{font-style:normal;color:#756d7e;font-size:10px}.results{min-width:0}.results-bar{height:34px;display:flex;justify-content:space-between;align-items:center;color:#807789;font-size:11px;padding:0 2px}.nft-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.nft-card{background:#121017;border:1px solid #221d29;border-radius:9px;overflow:hidden;cursor:pointer}.nft-card:hover{border-color:#584866;transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.22)}.nft-image{position:relative;aspect-ratio:1;background:#1b1520;overflow:hidden}.nft-image img{display:block;width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.rank-pill{position:absolute;right:7px;bottom:7px;padding:4px 6px;background:rgba(11,8,14,.86);border:1px solid rgba(255,255,255,.14);border-radius:5px;font-size:9px;font-weight:800}.nft-info{display:flex;justify-content:space-between;align-items:center;padding:10px}.nft-info b{font-size:11px}.nft-info span{color:#766f7d;font-size:9px}.load-more{display:block;margin:28px auto 0;min-width:180px;height:44px;border:1px solid #3b3245;background:#15111b;border-radius:8px;color:#d7cedf;font-weight:750;font-size:12px}.load-more:hover{border-color:#6b557c;background:#1b1522}.empty-state{min-height:300px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#8e8596}.empty-state b{color:#fff}.filter-backdrop{display:none}
.footer{min-height:100px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#7f7788;font-size:11px}.footer .logo{color:#eee}
.modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:24px}.modal.open{display:flex}.modal-bg{position:absolute;inset:0;background:rgba(5,3,8,.8);backdrop-filter:blur(7px)}.modal-x{position:absolute;right:18px;top:16px;z-index:2;width:34px;height:34px;border-radius:50%;border:1px solid #403548;background:#17121d;color:#fff;font-size:20px;cursor:pointer}.token-panel{position:relative;z-index:1;width:min(880px,100%);display:grid;grid-template-columns:1fr 1fr;background:#131017;border:1px solid #3a3043;border-radius:16px;overflow:hidden}.token-panel>img{width:100%;height:100%;min-height:440px;object-fit:cover;image-rendering:pixelated}.token-detail{padding:42px 36px}.token-detail h2,.wallet-panel h2,.success-panel h2{font-size:34px;letter-spacing:-.04em;margin:0 0 10px}.rank-badge{display:inline-flex;padding:7px 10px;background:#22162b;border:1px solid #563d68;color:#d7a2ff;border-radius:7px;font-size:11px;font-weight:800;margin-bottom:22px}.trait-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.trait{padding:11px 12px;background:#0e0b12;border:1px solid #292230;border-radius:8px}.trait span{display:block;color:#746c7d;text-transform:uppercase;font-size:8px;letter-spacing:.08em;margin-bottom:5px}.trait b{font-size:11px}.wallet-panel,.success-panel{position:relative;z-index:1;width:min(1050px,100%);max-height:88vh;overflow:auto;background:#131017;border:1px solid #3a3043;border-radius:16px;padding:28px}.wallet-head,.wallet-tools{display:flex;align-items:center;justify-content:space-between}.wallet-address{font-size:10px;color:#857b8d}.wallet-tools{padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:20px;font-size:11px;color:#978e9f}.wallet-message{color:#8e8596;font-size:12px}.wallet-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.wallet-token{background:#0f0c13;border:1px solid #26202c;border-radius:8px;overflow:hidden}.wallet-token img{width:100%;display:block;image-rendering:pixelated}.wallet-token-info{padding:9px}.wallet-token-info b{display:block;font-size:10px}.wallet-token-info span{display:block;color:#7f7587;font-size:9px;margin-top:3px}.success-panel{width:min(720px,100%);text-align:center}.success-check{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#173225;color:#6fe4ae;font-size:26px;margin:10px auto 18px}.success-grid{margin:22px 0}.success-actions{display:flex;justify-content:center;gap:8px}.toast{position:fixed;left:50%;bottom:28px;z-index:200;transform:translate(-50%,30px);opacity:0;background:#f5edf7;color:#17121b;border-radius:8px;padding:11px 16px;font-size:11px;font-weight:800;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1300px){.nft-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.hero{grid-template-columns:1fr 430px;gap:30px}.mint-shell{gap:45px}.collection-head{align-items:flex-start;flex-direction:column}.collection-actions{width:100%}.search{flex:1}}
@media(max-width:900px){.shell{width:min(100% - 28px,1540px)}.topbar{padding:0 14px;height:64px}.topbar nav{display:none}.logo>span:last-child{display:none}.hero{grid-template-columns:1fr;padding-top:60px;min-height:auto}.hero-stack{min-height:390px;max-width:600px;width:100%;margin:0 auto}.mint-shell{grid-template-columns:1fr}.collection-layout{grid-template-columns:1fr}.filters{position:fixed;z-index:90;left:0;top:0;bottom:0;width:min(340px,88vw);max-height:none;border-radius:0;transform:translateX(-105%);transition:.22s ease}.filters.open{transform:translateX(0)}.filter-backdrop{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.55)}.filter-backdrop.open{display:block}.filter-close,.mobile-filter-btn{display:block}.nft-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.wallet-grid{grid-template-columns:repeat(3,1fr)}.token-panel{grid-template-columns:1fr;max-height:90vh;overflow:auto}.token-panel>img{min-height:0}.collection-actions{flex-wrap:wrap}.search{min-width:180px}}
@media(max-width:700px){.nft-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.nav-actions .text-btn{display:none}.primary.small{padding:0 10px}.hero{padding-top:44px;padding-bottom:55px}.hero h1{font-size:50px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.hero-stack{min-height:330px}.hero-card{width:58%}.mint-wrap .shell{width:100%;padding-left:14px;padding-right:14px}.mint-shell{padding-top:55px;padding-bottom:55px}.mini-stats{gap:24px}.mini-stats b{font-size:20px}.collection{padding-top:55px}.collection-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.collection-actions .search{grid-column:1/-1;width:100%}.collection-actions select{width:100%;min-width:0}.nft-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.nft-info{padding:9px 8px}.wallet-grid{grid-template-columns:repeat(2,1fr)}.token-detail{padding:28px 20px}.trait-list{grid-template-columns:1fr}.footer{gap:15px}.footer>span:last-child{text-align:right}.price-row{grid-template-columns:1fr}.success-actions{flex-direction:column}}

/* ===== PMB v3 visual polish — same layout, sharper art ===== */
:root{
  --bg:#070b13;
  --panel:#0d1420;
  --panel2:#111b2a;
  --line:#20304a;
  --text:#f6fbff;
  --muted:#91a0b6;
  --pink:#ff3dba;
  --purple:#8b5cff;
  --green:#3fe6c3;
  --cream:#fff2b4;
}
body{
  background:
    radial-gradient(circle at 82% 4%,rgba(58,114,255,.10),transparent 28%),
    radial-gradient(circle at 18% 18%,rgba(255,61,186,.055),transparent 25%),
    var(--bg);
}
.topbar{background:rgba(7,11,19,.92);border-color:#1c2940}
.logo-box{border-color:#31527e;background:linear-gradient(135deg,#10233d,#101322);color:#7edcff;box-shadow:inset 0 0 18px rgba(55,151,255,.08)}
.primary{background:linear-gradient(135deg,#22b9ff 0%,#7467ff 52%,#ee45bd 100%);box-shadow:0 9px 28px rgba(70,112,255,.20)}
.secondary{background:#0d1623;border-color:#253a57;color:#eaf6ff}.secondary:hover{background:#122033;border-color:#3d6190}
.text-btn{color:#9fb3cb}.hero .eyebrow,.eyebrow{color:#5fd7ff}.hero h1 span{background:linear-gradient(90deg,#62d8ff,#8a78ff,#ff59c4);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy>p{color:#9aaabd}
.hero-card{background:#0c1420;border-color:#27405f;box-shadow:0 30px 85px rgba(0,0,0,.42),0 0 0 1px rgba(82,170,255,.035)}
.hero-card img,.nft-image img,.token-panel>img,.wallet-token img{
  image-rendering:-moz-crisp-edges;
  image-rendering:-webkit-optimize-contrast;
  image-rendering:crisp-edges;
  image-rendering:pixelated;
  filter:none!important;
  backface-visibility:hidden;
}
.hero-card span{color:#c9d8e8}
.mint-wrap{background:linear-gradient(180deg,#09101a,#0a0e17);border-color:#1b2a42}
.mint-card{background:#0d1521;border-color:#29405f;box-shadow:0 28px 70px rgba(0,0,0,.32)}
.setup-note{background:#111c2c;border-color:#2b4e72;color:#86ddff}.setup-note span{color:#9aabc1}
.progress{background:#172338}.progress i{background:linear-gradient(90deg,#26c8ff,#796cff,#f14cbd)}
.price-row>div,.quantity-row{background:#09111c;border-color:#20334e}
.stepper button{background:#101d2c;border-color:#294460}
.search,.filter-search,select{background:#09111c;border-color:#20334e;color:#e8f3ff}
.filters{background:#0a111c;border-color:#20334e}.filter-group{border-color:#17263b}.trait-option:hover{background:#101d2d}.trait-option input{background:#07101a;border-color:#35506d}.trait-option input:checked{background:linear-gradient(135deg,#24c8ff,#8b5cff)}
.active-chip{background:#10192a;border-color:#35506d;color:#e9f4ff}.clear-btn{color:#62d8ff}
.nft-card{background:#0b121d;border-color:#19283d}.nft-card:hover{border-color:#4271a3;box-shadow:0 12px 34px rgba(0,0,0,.30)}.nft-image{background:#101a28}.rank-pill{background:rgba(4,10,18,.88);border-color:rgba(115,195,255,.22)}
.load-more{background:#0d1724;border-color:#29435f;color:#dcecff}.load-more:hover{background:#122136;border-color:#4474a4}
.token-panel,.wallet-panel,.success-panel{background:#0d1521;border-color:#29405f}.trait{background:#09111c;border-color:#20334e}.rank-badge{background:#10213a;border-color:#345e88;color:#7edcff}
.modal-bg{background:rgba(2,6,12,.84)}
.footer{border-color:#1b2a42}


/* =========================================================
   PMB v4 — PIXEL PULSECHAIN THEME
   Layout intentionally unchanged. Visual design only.
   ========================================================= */
:root{
  --bg:#090512;
  --panel:#10091d;
  --panel2:#160d27;
  --line:#422167;
  --text:#fff9ff;
  --muted:#aa93bb;
  --pink:#ff36b7;
  --purple:#8d4dff;
  --blue:#3bc8ff;
  --cyan:#55f4ff;
  --green:#50f0ce;
  --cream:#fff2bc;
  --radius:3px;
  --pixel-shadow:#05020a;
  --pulse-gradient:linear-gradient(90deg,#35c8ff 0%,#7957ff 46%,#ff36b7 100%);
}

/* Pixel grid + PulseChain glow */
body{
  background:
    linear-gradient(rgba(82,38,116,.10) 1px,transparent 1px),
    linear-gradient(90deg,rgba(82,38,116,.10) 1px,transparent 1px),
    radial-gradient(circle at 78% 7%,rgba(255,54,183,.13),transparent 24%),
    radial-gradient(circle at 18% 12%,rgba(59,200,255,.11),transparent 26%),
    #090512;
  background-size:20px 20px,20px 20px,auto,auto,auto;
  image-rendering:pixelated;
}

/* Pixel typography without changing copy/layout */
h1,h2,.eyebrow,.logo,.primary,.secondary,.text-btn,.load-more,
.filter-title,.filter-group summary,.rank-pill,.network-dot,.mint-top,
.mini-stats b,.price-row b,.quantity-row,.nft-info b,.rank-badge{
  font-family:"Lucida Console","Courier New",monospace;
}
h1,h2{
  text-rendering:geometricPrecision;
}
.eyebrow{
  color:var(--cyan);
  letter-spacing:.12em;
  text-shadow:2px 2px 0 rgba(85,0,119,.65);
}

/* Top navigation */
.topbar{
  background:#0a0615;
  border-bottom:2px solid #6e2ca2;
  backdrop-filter:none;
  box-shadow:0 4px 0 rgba(0,0,0,.25);
}
.logo-box{
  border:2px solid #a74cff;
  border-radius:2px;
  background:#1a0c2b;
  color:#66e7ff;
  box-shadow:
    3px 3px 0 #391451,
    inset 0 0 0 2px #27123d;
  text-shadow:1px 1px 0 #6d1d7d;
}
.topbar nav a{
  color:#b79cc8;
}
.topbar nav a:hover{
  color:#69eaff;
  text-shadow:2px 2px 0 #51166c;
}

/* Pixel buttons */
.primary,.secondary,.load-more,.wallet-link,.stepper button,
.mobile-filter-btn,.clear-btn,.text-btn{
  border-radius:2px!important;
}
.primary{
  position:relative;
  background:var(--pulse-gradient);
  border:2px solid #f5c9ff;
  color:#fff;
  box-shadow:4px 4px 0 #35104d;
  text-shadow:2px 2px 0 rgba(50,6,71,.7);
}
.primary:hover{
  transform:translate(-1px,-1px);
  box-shadow:6px 6px 0 #35104d;
  filter:brightness(1.08);
}
.primary:active{
  transform:translate(3px,3px);
  box-shadow:1px 1px 0 #35104d;
}
.secondary{
  background:#120a20;
  border:2px solid #7340a5;
  color:#eee3ff;
  box-shadow:3px 3px 0 #08030f;
}
.secondary:hover{
  background:#201035;
  border-color:#49cfff;
  color:#fff;
}
.text-btn{
  color:#c5a5dd;
}
.text-btn:hover{color:#5de6ff}

/* Hero */
.hero{
  border-bottom:0;
}
.hero h1{
  color:#fff;
  text-shadow:
    3px 3px 0 #3a1352,
    6px 6px 0 rgba(0,0,0,.25);
}
.hero h1 span{
  background:var(--pulse-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  filter:drop-shadow(3px 3px 0 rgba(56,13,73,.7));
}
.hero-copy>p{color:#b7a7c6}

.hero-card{
  border:3px solid #713aa5;
  border-radius:3px;
  background:#0c0715;
  box-shadow:
    8px 8px 0 #040207,
    0 0 0 2px #1b0d2d,
    0 0 26px rgba(139,77,255,.13);
}
.hero-card:nth-child(2){border-color:#b83b9e}
.hero-card:nth-child(3){border-color:#2faedb}
.hero-card span{
  border-top:2px solid #4b246d;
  background:#0c0715;
  color:#f6eaff;
  text-shadow:1px 1px 0 #401253;
}

/* Absolute crispness for all PMB art */
.hero-card img,
.nft-image img,
.token-panel>img,
.wallet-token img{
  image-rendering:pixelated!important;
  image-rendering:crisp-edges!important;
  -ms-interpolation-mode:nearest-neighbor;
  filter:none!important;
  transform:translateZ(0);
}

/* Mint area */
.mint-wrap{
  background:
    linear-gradient(rgba(100,48,138,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(100,48,138,.06) 1px,transparent 1px),
    #0b0713;
  background-size:16px 16px;
  border-top:2px solid #3e1b5d;
  border-bottom:2px solid #3e1b5d;
}
.mint-card{
  background:#10091c;
  border:3px solid #68319a;
  border-radius:3px;
  box-shadow:8px 8px 0 #050208;
}
.mint-top{
  border-bottom-color:#35194f;
}
.network-dot{
  color:#5df0ff;
  text-shadow:1px 1px 0 #2a506d;
}
.network-dot:before{
  border-radius:0!important;
  box-shadow:2px 2px 0 #124b58;
}
.setup-note{
  background:#170c29;
  border:2px dashed #914ed0;
  border-radius:2px;
  color:#62e7ff;
}
.setup-note code{
  color:#ff76ca;
}
.progress{
  height:10px;
  border:2px solid #2f1747;
  border-radius:0;
  background:#07040c;
  padding:1px;
}
.progress i{
  border-radius:0;
  background:var(--pulse-gradient);
}
.price-row>div,.quantity-row{
  background:#0a0612;
  border:2px solid #351b50;
  border-radius:2px;
}
.stepper button{
  background:#1b0d2c;
  border:2px solid #633397;
  color:#72e8ff;
  box-shadow:2px 2px 0 #050208;
}
.wallet-link{
  color:#c5a9d8;
}
.wallet-link:hover{color:#62e7ff}

/* Collection heading + controls */
.collection-head h2{
  text-shadow:3px 3px 0 #431859;
}
.search,.filter-search,select{
  background:#0b0614;
  border:2px solid #49236c;
  border-radius:2px;
  color:#f9efff;
  box-shadow:3px 3px 0 #050208;
}
.search:focus-within,.filter-search:focus-within,select:focus{
  border-color:#45d6ff;
  box-shadow:3px 3px 0 #3e1254;
  outline:none;
}
.search input,.filter-search input{color:#fff}
.search input::placeholder,.filter-search input::placeholder{color:#8d769d}

/* Marketplace-style filters, now pixelated */
.filters{
  background:#0d0717;
  border:2px solid #49236c;
  border-radius:2px;
  box-shadow:5px 5px 0 #050208;
}
.filter-title{
  border-bottom:2px solid #381b51;
}
.filter-title b{
  color:#fff;
  text-shadow:2px 2px 0 #49175e;
}
.filter-group{
  border-bottom:2px solid #29133f;
}
.filter-group summary:hover{
  background:#170c27;
}
.filter-group summary small{
  color:#64dfff;
}
.trait-option{
  border-radius:0;
}
.trait-option:hover{
  background:#190d2a;
  color:#fff;
}
.trait-option input{
  border:2px solid #5f3383;
  border-radius:0;
  background:#090411;
}
.trait-option input:checked{
  background:var(--pulse-gradient);
  border-color:#eacaff;
  box-shadow:2px 2px 0 #3b1251;
}
.trait-option em{color:#9d86ae}
.active-chip{
  background:#180d28;
  border:2px solid #62318b;
  border-radius:2px;
  color:#fff;
  box-shadow:2px 2px 0 #050208;
}
.clear-btn{color:#58ddff}

/* NFT grid */
.results-bar{
  color:#aa92bb;
  font-family:"Lucida Console","Courier New",monospace;
}
.nft-card{
  background:#0d0716;
  border:2px solid #34204a;
  border-radius:2px;
  box-shadow:3px 3px 0 #050208;
}
.nft-card:hover{
  border-color:#bb4cff;
  transform:translate(-2px,-2px);
  box-shadow:
    6px 6px 0 #050208,
    0 0 16px rgba(255,54,183,.13);
}
.nft-image{
  background:#0b0712;
  border-bottom:2px solid #2b1740;
}
.rank-pill{
  right:6px;
  bottom:6px;
  border:2px solid #a154da;
  border-radius:1px;
  background:#0b0614;
  color:#fff;
  box-shadow:2px 2px 0 #050208;
}
.nft-info{
  background:#0d0716;
}
.nft-info span{color:#a48db6}
.load-more{
  background:#130a22;
  border:2px solid #6d3799;
  color:#fff;
  box-shadow:4px 4px 0 #050208;
}
.load-more:hover{
  background:#211036;
  border-color:#56dfff;
  transform:translate(-1px,-1px);
  box-shadow:5px 5px 0 #050208;
}

/* Modals */
.modal-bg{
  background:rgba(5,2,9,.88);
  backdrop-filter:none;
}
.token-panel,.wallet-panel,.success-panel{
  background:#0f081a;
  border:3px solid #7038a1;
  border-radius:3px;
  box-shadow:8px 8px 0 #030106;
}
.modal-x{
  border:2px solid #7f46ad;
  border-radius:2px;
  background:#170c27;
  box-shadow:2px 2px 0 #040207;
}
.rank-badge{
  background:#1a0c2c;
  border:2px solid #7740a7;
  border-radius:2px;
  color:#6ce5ff;
  box-shadow:2px 2px 0 #050208;
}
.trait{
  background:#090510;
  border:2px solid #32194b;
  border-radius:2px;
}
.trait span{color:#b090c3}
.wallet-token{
  background:#0b0613;
  border:2px solid #392052;
  border-radius:2px;
  box-shadow:3px 3px 0 #050208;
}
.wallet-token:hover{border-color:#51d8ff}
.success-check{
  border-radius:2px;
  background:#142537;
  border:2px solid #43daca;
  box-shadow:3px 3px 0 #050208;
}
.toast{
  background:#160b25;
  color:#fff;
  border:2px solid #9a4ad3;
  border-radius:2px;
  box-shadow:4px 4px 0 #050208;
}

/* Footer */
.footer{
  border-top:2px solid #3b1b58;
}

/* Mobile filter drawer keeps same layout, pixel styling */
@media(max-width:900px){
  .filters{
    border-left:0;
    border-top:0;
    border-bottom:0;
    border-right:3px solid #713aa5;
    box-shadow:8px 0 0 rgba(0,0,0,.25);
  }
}


/* =========================================================
   PMB wallet integration — custom MetaMask / Rabby / Internet Money picker
   ========================================================= */
.nav-actions{position:relative}
.wallet-area{position:relative}
.wallet-trigger{
  gap:10px;
  min-width:154px;
  white-space:nowrap;
}
.wallet-trigger.connected{
  min-width:218px;
  justify-content:center;
}
.wallet-chevron{
  font-size:13px;
  line-height:1;
  transform:translateY(-1px);
  text-shadow:none;
}

.wallet-menu{
  position:absolute;
  right:0;
  top:calc(100% + 12px);
  z-index:170;
  width:252px;
  padding:10px 0;
  background:#0d0816;
  border:2px solid #6b2c98;
  box-shadow:7px 7px 0 #050208,0 0 24px rgba(141,77,255,.13);
  opacity:0;
  visibility:hidden;
  transform:translateY(-5px);
  pointer-events:none;
  transition:opacity .14s ease,transform .14s ease,visibility .14s ease;
}
.wallet-menu.open{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
  pointer-events:auto;
}
.wallet-menu-item{
  position:relative;
  display:flex;
  align-items:center;
  width:100%;
  min-height:58px;
  padding:0 24px;
  border:0;
  background:transparent;
  color:#f7efff;
  cursor:pointer;
  font-family:"Lucida Console","Courier New",monospace;
  font-size:14px;
  font-weight:900;
  letter-spacing:.01em;
  text-align:left;
  text-decoration:none!important;
}
.wallet-menu-item::before{
  content:"";
  position:absolute;
  left:0;
  top:8px;
  bottom:8px;
  width:4px;
  background:linear-gradient(180deg,#a45cff,#7a38d2);
  box-shadow:0 0 12px rgba(164,92,255,.55);
  opacity:0;
  transform:scaleY(.2);
  transition:.14s ease;
}
.wallet-menu-item:hover,
.wallet-menu-item:focus-visible{
  background:linear-gradient(90deg,rgba(125,55,195,.20),rgba(125,55,195,.02));
  color:#fff;
  text-decoration:none!important;
  outline:none;
}
.wallet-menu-item:hover::before,
.wallet-menu-item:focus-visible::before{
  opacity:1;
  transform:scaleY(1);
}

/* Wallet picker */
#walletPicker{z-index:160}
.wallet-picker-panel{
  position:relative;
  z-index:1;
  width:min(570px,calc(100vw - 34px));
  background:#0f0b14;
  border:2px solid #9b49da;
  box-shadow:8px 8px 0 #050208,0 0 30px rgba(159,69,225,.18);
  padding:34px 34px 32px;
}
.wallet-picker-panel h2{
  margin:0 0 10px;
  color:#fff;
  font-family:"Lucida Console","Courier New",monospace;
  font-size:26px;
  line-height:1;
  letter-spacing:-.04em;
  text-shadow:2px 2px 0 #411653;
}
.wallet-picker-panel>p{
  margin:0 0 26px;
  color:#c6bacd;
  font-size:14px;
}
.wallet-picker-x{
  position:absolute;
  top:20px;
  right:22px;
  width:34px;
  height:34px;
  padding:0;
  border:0;
  background:transparent;
  color:#fff;
  cursor:pointer;
  font-size:31px;
  font-weight:800;
  line-height:1;
}
.wallet-picker-x:hover{color:#67e9ff}

.wallet-picker-options{
  display:grid;
  gap:12px;
}
.wallet-choice{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  min-height:88px;
  padding:13px 17px 13px 27px;
  border:2px solid #68428b;
  border-radius:12px;
  background:rgba(255,255,255,.015);
  color:#fff;
  cursor:pointer;
  box-shadow:none;
  transition:.15s ease;
}
.wallet-choice span{
  font-family:"Lucida Console","Courier New",monospace;
  font-size:15px;
  font-weight:900;
  letter-spacing:-.02em;
}
.wallet-choice img{
  display:block;
  width:54px;
  height:54px;
  flex:0 0 54px;
  object-fit:contain;
  image-rendering:auto!important;
  -ms-interpolation-mode:auto!important;
  filter:none!important;
  transform:none!important;
}
.wallet-choice:hover,
.wallet-choice:focus-visible{
  border-color:#b25eff;
  background:linear-gradient(90deg,rgba(115,55,171,.12),rgba(50,197,255,.05));
  box-shadow:inset 4px 0 0 #9147d0;
  outline:none;
}
.wallet-choice:active{transform:translate(1px,1px)}
.wallet-choice:disabled{
  opacity:.55;
  cursor:wait;
}
.wallet-picker-status{
  min-height:18px;
  margin:16px 0 0!important;
  color:#6ee7ff!important;
  font-size:11px!important;
  line-height:1.45;
}
.wallet-picker-status.error{color:#ff8dcf!important}

/* Keep wallet logos smooth and high-resolution even though NFT art is pixelated. */
.wallet-choice img,
.wallet-picker-panel img{
  image-rendering:auto!important;
}

/* Dropdown behavior on small screens */
@media(max-width:600px){
  .wallet-trigger{min-width:132px}
  .wallet-trigger.connected{min-width:174px}
  .wallet-menu{width:220px}
  .wallet-picker-panel{padding:29px 20px 23px}
  .wallet-picker-panel h2{font-size:22px;padding-right:40px}
  .wallet-choice{min-height:78px;padding-left:18px}
  .wallet-choice img{width:48px;height:48px;flex-basis:48px}
  .wallet-choice span{font-size:13px}
}

/* Wallet picker security intro */
.wallet-picker-intro{
  max-width:480px;
  line-height:1.55!important;
  margin:0 0 24px!important;
  color:#c6bacd!important;
}


/* ===== PMB polish: text cursor, disconnect, and quantity controls ===== */
/* Keep the site feeling like an app instead of showing an I-beam over display text. */
body{
  cursor:default;
  -webkit-user-select:none;
  user-select:none;
}
input,textarea,[contenteditable="true"]{
  cursor:text;
  -webkit-user-select:text;
  user-select:text;
}
button,a,label,select,summary{cursor:pointer}

/* Center the full quantity control and use the width of the card cleanly. */
.quantity-row{
  display:flex!important;
  flex-direction:column;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:10px;
  padding:12px 14px!important;
}
.quantity-row>span{
  display:block;
  width:100%;
  text-align:left;
  color:#918899;
}
.stepper{
  width:100%;
  display:grid!important;
  grid-template-columns:42px minmax(70px,1fr) 42px;
  align-items:center;
  gap:10px!important;
}
.stepper button{
  width:42px!important;
  height:38px!important;
  display:grid;
  place-items:center;
  padding:0;
  font-size:18px;
  line-height:1;
}
.stepper b{
  min-width:0!important;
  height:38px;
  display:grid;
  place-items:center;
  text-align:center;
  background:#08050e;
  border:1px solid #2e1a43;
  color:#fff;
  font-size:14px;
  box-sizing:border-box;
}


/* ===== Hero headline polish ===== */
.hero .hero-title{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.04em;
  max-width:920px;
  margin:0 0 28px;
  font-size:clamp(52px,5.45vw,84px);
  line-height:1.02;
  letter-spacing:-.035em;
  color:#fff;
  text-shadow:2px 2px 0 #3a1352,4px 4px 0 rgba(0,0,0,.20);
}
.hero .hero-title-main,
.hero .hero-title-accent{
  display:block;
  white-space:nowrap;
}
.hero .hero-title-main{
  color:#f7f4fb;
}
.hero .hero-title-accent{
  background:var(--pulse-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  filter:drop-shadow(2px 2px 0 rgba(56,13,73,.55));
}
@media(max-width:900px){
  .hero .hero-title{
    font-size:clamp(48px,8.2vw,72px);
    letter-spacing:-.03em;
  }
}
@media(max-width:600px){
  .hero .hero-title{
    font-size:clamp(40px,12.2vw,54px);
    line-height:1.04;
    letter-spacing:-.025em;
    gap:.08em;
  }
  .hero .hero-title-main,
  .hero .hero-title-accent{
    white-space:normal;
  }
}


/* ===== PMB v5 final mint + hero cleanup ===== */
/* Quantity is one clean control: minus | amount | plus. */
.quantity-row{
  display:block!important;
  padding:0!important;
  margin-bottom:12px!important;
  overflow:hidden;
  border-radius:4px!important;
}
.quantity-row>span{display:none!important;}
.quantity-row .stepper{
  width:100%;
  display:grid!important;
  grid-template-columns:56px minmax(0,1fr) 56px;
  align-items:stretch;
  gap:0!important;
}
.quantity-row .stepper button{
  width:100%!important;
  height:48px!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  display:grid!important;
  place-items:center;
  background:#130a20!important;
  color:#55f4ff!important;
  font-size:21px!important;
  font-weight:900!important;
  line-height:1!important;
  box-shadow:none!important;
}
.quantity-row #minusBtn{border-right:1px solid #422167!important;}
.quantity-row #plusBtn{border-left:1px solid #422167!important;}
.quantity-row .stepper button:hover{
  background:#211035!important;
  color:#fff!important;
}
.quantity-row .stepper b{
  min-width:0!important;
  height:48px!important;
  display:grid!important;
  place-items:center;
  padding:0!important;
  margin:0!important;
  background:#0b0613!important;
  border:0!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:800!important;
  box-sizing:border-box;
}

/* Clean, modern headline. Keep the PulseChain gradient without the distorted pixel font. */
.hero .hero-title,
.hero .hero-title-main,
.hero .hero-title-accent{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.hero .hero-title{
  font-size:clamp(56px,5.7vw,88px)!important;
  line-height:.95!important;
  letter-spacing:-.055em!important;
  font-weight:800!important;
  gap:.08em!important;
  text-shadow:none!important;
  max-width:900px!important;
}
.hero .hero-title-main{
  color:#f8f7fb!important;
  font-weight:800!important;
  text-shadow:none!important;
}
.hero .hero-title-accent{
  font-weight:800!important;
  letter-spacing:-.05em!important;
  background:linear-gradient(90deg,#35c8ff 0%,#7957ff 48%,#ff36b7 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  filter:none!important;
  text-shadow:none!important;
}
@media(max-width:900px){
  .hero .hero-title{font-size:clamp(50px,8.5vw,72px)!important;}
}
@media(max-width:600px){
  .hero .hero-title{
    font-size:clamp(42px,12.4vw,56px)!important;
    line-height:.98!important;
    letter-spacing:-.045em!important;
  }
  .hero .hero-title-accent{letter-spacing:-.04em!important;}
}

/* ===== PMB v6 Marketplace ===== */
.marketplace-wrap{
  padding:84px 0 92px;
  background:linear-gradient(180deg,rgba(18,7,31,.74),rgba(7,4,13,.96));
  border-top:1px solid rgba(137,66,196,.18);
  border-bottom:1px solid rgba(137,66,196,.16);
}
.marketplace-shell{display:flex;flex-direction:column;gap:24px}
.marketplace-head{display:flex;justify-content:space-between;gap:36px;align-items:flex-end}
.marketplace-head>div:first-child{max-width:760px}
.marketplace-head h2{margin:7px 0 12px;font-size:clamp(34px,4vw,52px);line-height:1.02}
.marketplace-head p{margin:0;color:#a99daf;line-height:1.7;max-width:720px}
.marketplace-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.market-tabs{display:flex;border:1px solid #39204e;border-radius:7px;overflow:hidden;background:#0c0711}
.market-tab{border:0;background:transparent;color:#9b8da5;padding:11px 14px;font:inherit;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}
.market-tab+ .market-tab{border-left:1px solid #39204e}
.market-tab.active{background:linear-gradient(135deg,rgba(119,66,255,.22),rgba(218,52,255,.16));color:#fff}
.market-contract-line{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;border:1px solid #261535;background:#0b0710;border-radius:7px;color:#b9adc2;font-size:12px}
.market-contract-line span{display:flex;align-items:center;gap:8px}
.market-contract-line i{width:7px;height:7px;border-radius:50%;background:#59ffbc;box-shadow:0 0 12px rgba(89,255,188,.7)}
.market-contract-line a{color:#c7a3ff;text-decoration:none;font-weight:800}
.market-status{margin:0;color:#988ba2;font-size:12px}
.market-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.market-card{min-width:0;background:linear-gradient(180deg,#120a1c,#0b0710);border:1px solid #2d1840;border-radius:10px;overflow:hidden;box-shadow:0 14px 36px rgba(0,0,0,.22)}
.market-image-btn{display:block;width:100%;padding:0;border:0;background:#09050e;position:relative;aspect-ratio:1/1;cursor:pointer;overflow:hidden}
.market-image-btn img{width:100%;height:100%;object-fit:cover;display:block;image-rendering:auto}
.market-card-body{padding:14px}
.market-card-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.market-card-title>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.market-card-title b{font-size:14px;color:#fff}
.market-card-title span{font-size:10px;color:#847a8b}
.market-card-title strong{font-size:13px;color:#64ecff;text-align:right;white-space:nowrap}
.market-seller{display:flex;justify-content:space-between;gap:8px;margin:13px 0 12px;padding-top:11px;border-top:1px solid #21132d;font-size:10px;color:#786e80}
.market-seller b{color:#aaa0b2;font-weight:700}
.market-buy-btn{width:100%;min-height:38px;font-size:11px!important}
.market-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:46px 20px;border:1px dashed #39204e;border-radius:10px;color:#8f8398;gap:6px}
.market-empty b{color:#ddd3e4;font-size:15px}
.market-empty span{font-size:12px}

/* Listing controls inside My Wallet */
.wallet-token-open{display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer}
.wallet-token-open img{display:block;width:100%;height:auto}
.wallet-token-info{gap:10px!important;align-items:center!important}
.wallet-token-info>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.wallet-listed{color:#59e8ff!important;font-size:9px!important;font-weight:800}
.wallet-list-btn{margin-left:auto;padding:7px 9px!important;min-height:30px!important;font-size:9px!important;white-space:nowrap}

/* List / manage modal */
.listing-panel{width:min(480px,calc(100% - 28px));background:linear-gradient(180deg,#15101d,#0d0912);border:1px solid #4a285f;border-radius:12px;padding:24px;position:relative;box-shadow:0 30px 90px rgba(0,0,0,.6)}
.listing-preview{display:flex;align-items:center;gap:16px;padding-right:36px;margin-bottom:22px}
.listing-preview img{width:82px;height:82px;object-fit:cover;border:1px solid #5e2f7a;border-radius:8px}
.listing-preview h2{margin:5px 0 7px;font-size:25px}
.listing-rank{font-size:10px;color:#aa9bb4}
.listing-price-label{display:block;color:#978a9f;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}
.listing-price-box{display:flex;align-items:center;border:1px solid #432459;background:#09060d;border-radius:7px;overflow:hidden}
.listing-price-box input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#fff;font:inherit;font-size:14px;padding:14px}
.listing-price-box b{padding:0 14px;color:#64ecff;font-size:11px;border-left:1px solid #432459;height:46px;display:grid;place-items:center}
.listing-help{font-size:10px;color:#7e7386;line-height:1.55;margin:10px 0 18px}
.listing-submit,.listing-cancel{width:100%;min-height:44px;margin-top:8px}
.listing-status{min-height:18px;margin:12px 0 0;color:#b5a7bd;font-size:10px;line-height:1.5}

@media(max-width:1000px){
  .market-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .marketplace-wrap{padding:64px 0 70px}
  .marketplace-head{flex-direction:column;align-items:stretch}
  .marketplace-actions{justify-content:flex-start}
  .market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:480px){
  .market-grid{grid-template-columns:1fr}
  .market-contract-line{align-items:flex-start;flex-direction:column}
  .marketplace-actions{align-items:stretch}
  .market-tabs{width:100%}
  .market-tab{flex:1}
}


/* ===== PMB v8 polish + live collection status ===== */
/* Official PMB circular avatar in the header and footer. */
.brand-avatar{
  display:block;
  width:40px;
  height:40px;
  aspect-ratio:1/1;
  flex:0 0 40px;
  object-fit:cover;
  object-position:center;
  border-radius:50%;
  border:2px solid rgba(111,225,255,.9);
  box-shadow:0 0 0 2px rgba(128,64,255,.35),0 0 16px rgba(71,157,255,.22);
  image-rendering:auto!important;
}
.footer .brand-avatar{width:38px;height:38px;flex-basis:38px}

/* Keep the connected address compact, centered, and contained inside its gradient button. */
.wallet-trigger.connected{
  width:184px!important;
  min-width:184px!important;
  max-width:184px!important;
  height:42px!important;
  padding:0 14px!important;
  justify-content:center!important;
  gap:8px!important;
  overflow:hidden;
}
.wallet-trigger.connected #walletBtnLabel{
  min-width:0;
  max-width:132px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-align:center;
  line-height:1;
}
.wallet-trigger.connected .wallet-chevron{flex:0 0 auto;margin:0!important}

/* Collection cards visibly retain minted NFTs and mark their live on-chain status. */
.minted-pill{
  position:absolute;
  left:7px;
  top:7px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:22px;
  padding:0 7px;
  border:1px solid rgba(89,255,188,.6);
  background:rgba(5,23,24,.90);
  color:#6fffd0;
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
  box-shadow:0 0 12px rgba(89,255,188,.18);
}
.nft-card.is-minted{border-color:#294f55}
.nft-card.is-minted:hover{border-color:#53a8a8}

/* Trait layout keeps the existing PMB modal but adds only each trait's collection percentage. */
.trait small{
  display:block;
  margin-top:7px;
  color:#8f80a0;
  font-size:9px;
  font-weight:700;
  line-height:1.2;
}

@media(max-width:600px){
  .brand-avatar{width:36px;height:36px;flex-basis:36px}
  .wallet-trigger.connected{width:164px!important;min-width:164px!important;max-width:164px!important;padding:0 10px!important}
  .wallet-trigger.connected #walletBtnLabel{max-width:116px}
}


/* ===== PMB v9 reliability + layout fixes ===== */

/* Connected wallet: fixed compact header footprint, with the address centered
   inside the rectangle at every desktop zoom/layout width. */
.wallet-trigger.connected{
  position:relative!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 16px!important;
  align-items:center!important;
  width:172px!important;
  min-width:172px!important;
  max-width:172px!important;
  height:40px!important;
  min-height:40px!important;
  padding:0 10px 0 12px!important;
  gap:4px!important;
  overflow:hidden!important;
}
.wallet-trigger.connected #walletBtnLabel{
  display:block!important;
  min-width:0!important;
  width:100%!important;
  max-width:none!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-align:center!important;
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:-.02em!important;
}
.wallet-trigger.connected .wallet-chevron{
  display:block!important;
  width:16px!important;
  min-width:16px!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
  font-size:10px!important;
  line-height:1!important;
}
.wallet-trigger.connected .wallet-chevron.hidden{display:none!important}

/* Make the already-minted state impossible to miss while keeping the NFT
   visible and browsable in the collection. */
.minted-pill{
  left:6px!important;
  top:6px!important;
  min-height:24px!important;
  padding:0 8px!important;
  border:2px solid #62ffd2!important;
  background:rgba(3,18,20,.96)!important;
  color:#8affdc!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.07em!important;
  box-shadow:3px 3px 0 rgba(0,0,0,.6),0 0 15px rgba(91,255,212,.28)!important;
}
.nft-card.is-minted .nft-image::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border:2px solid rgba(98,255,210,.42);
  box-sizing:border-box;
}
.nft-card.is-minted .nft-info b::after{
  content:" · MINTED";
  color:#6fffd0;
  font-size:8px;
  letter-spacing:.03em;
}

/* Footer social link: visible but unobtrusive, matching the PMB neon language. */
.footer-right{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
}
.social-x{
  width:36px;
  height:36px;
  flex:0 0 36px;
  display:grid;
  place-items:center;
  border:2px solid #63308e;
  background:#0d0912;
  color:#fff;
  box-shadow:3px 3px 0 #050208;
  text-decoration:none!important;
  transition:.15s ease;
}
.social-x svg{width:17px;height:17px;display:block;fill:currentColor}
.social-x:hover,.social-x:focus-visible{
  color:#6fe9ff;
  border-color:#b650ef;
  background:linear-gradient(135deg,rgba(25,183,255,.16),rgba(255,32,183,.16));
  outline:none;
  text-decoration:none!important;
  transform:translateY(-1px);
}

@media(max-width:600px){
  .wallet-trigger.connected{
    width:152px!important;
    min-width:152px!important;
    max-width:152px!important;
    height:38px!important;
    padding-left:9px!important;
    padding-right:8px!important;
  }
  .wallet-trigger.connected #walletBtnLabel{font-size:9px!important}
  .footer-right{gap:8px}
  .footer-right>span{display:none}
}

/* =========================================
   HERO NFT CARDS - V10 STATIC SHOWCASE
   Three fully visible cards, no hover/motion
   ========================================= */
.hero-stack{
  position:relative;
  min-height:440px;
  width:100%;
  overflow:visible;
}

.hero-stack .hero-card{
  position:absolute;
  width:31%;
  max-width:205px;
  min-width:150px;
  margin:0;
  animation:none!important;
  transition:none!important;
  pointer-events:none!important;
  opacity:1!important;
}

/* Left NFT */
.hero-stack .hc-2{
  left:0;
  top:112px;
  right:auto;
  bottom:auto;
  transform:rotate(-3deg);
  z-index:1;
}

/* Center / featured NFT */
.hero-stack .hc-1{
  left:50%;
  top:24px;
  right:auto;
  bottom:auto;
  transform:translateX(-50%);
  z-index:2;
}

/* Right NFT */
.hero-stack .hc-3{
  right:0;
  left:auto;
  top:112px;
  bottom:auto;
  transform:rotate(3deg);
  z-index:1;
}

/* Never react to mouse hover */
.hero-stack .hero-card:hover,
.hero-stack .hc-1:hover,
.hero-stack .hc-2:hover,
.hero-stack .hc-3:hover{
  filter:none!important;
  transition:none!important;
}

@media(max-width:900px){
  .hero-stack{
    min-height:360px;
  }
  .hero-stack .hero-card{
    width:30%;
    min-width:0;
    max-width:190px;
  }
  .hero-stack .hc-1{top:20px}
  .hero-stack .hc-2,
  .hero-stack .hc-3{top:105px}
}

@media(max-width:600px){
  .hero-stack{
    min-height:285px;
  }
  .hero-stack .hero-card{
    width:31%;
    max-width:none;
  }
  .hero-stack .hc-1{top:12px}
  .hero-stack .hc-2,
  .hero-stack .hc-3{top:78px}
}


/* ===== PMB v10 verified-contract links + mobile polish ===== */
/* Keep both verified-contract links visually identical and pinned to the right. */
.market-contract-line,
.mint-contract-line{
  width:100%;
  box-sizing:border-box;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  flex-direction:row!important;
  gap:16px;
}
.market-contract-line>a,
.mint-contract-line>a{
  margin-left:auto!important;
  flex:0 0 auto;
  color:#c7a3ff;
  text-decoration:none;
  font-weight:800;
  white-space:nowrap;
  text-align:right;
}
.market-contract-line>a:hover,
.mint-contract-line>a:hover{color:#fff}
.mint-contract-line{margin:0 0 18px}

/* Prevent older small-screen rules from moving the marketplace contract link left. */
@media(max-width:480px){
  .market-contract-line,
  .mint-contract-line{
    align-items:center!important;
    flex-direction:row!important;
  }
}

/* Mobile-wide site pass: keep every major section inside the viewport. */
html,body{max-width:100%;overflow-x:hidden}
img{max-width:100%}

@media(max-width:900px){
  .topbar{width:100%;box-sizing:border-box}
  .hero,.mint-shell,.marketplace-shell,.collection{min-width:0}
  .hero-copy,.mint-intro,.mint-card,.marketplace-head>div,.collection-head>div{min-width:0}
  .marketplace-head{gap:22px}
  .marketplace-actions{width:100%;justify-content:flex-start}
  .market-tabs{max-width:100%}
  .market-tab{min-width:0}
  .market-contract-line,.mint-contract-line{max-width:100%}
  .collection-actions{max-width:100%}
}

@media(max-width:600px){
  .shell{width:calc(100% - 24px)!important;max-width:none!important}
  .topbar{height:60px;padding:0 12px!important}
  .logo{min-width:0;gap:8px}
  .brand-avatar{width:32px;height:32px}
  .wallet-trigger{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

  .hero{padding-top:38px!important;padding-bottom:46px!important;gap:28px}
  .hero h1,.hero-title{font-size:clamp(38px,12vw,50px)!important;line-height:.98}
  .hero-copy>p{font-size:14px!important;line-height:1.6}
  .hero-actions{gap:10px}
  .hero-actions>a{width:100%;box-sizing:border-box;text-align:center}
  .hero-stack{width:100%;min-height:265px!important}

  .mint-wrap .shell{width:100%!important;padding-left:12px!important;padding-right:12px!important}
  .mint-shell{gap:30px!important;padding-top:46px!important;padding-bottom:46px!important}
  .mint-intro h2{font-size:clamp(32px,10vw,44px)!important}
  .mini-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px!important}
  .mini-stats>div{min-width:0}
  .mini-stats b{font-size:17px!important}
  .mini-stats span{font-size:8px;line-height:1.3}
  .mint-card{padding:16px!important;border-radius:14px}
  .mint-top{gap:10px;font-size:11px}
  .market-contract-line,.mint-contract-line{padding:11px 10px!important;gap:8px;font-size:10px!important}
  .market-contract-line span,.mint-contract-line span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .market-contract-line>a,.mint-contract-line>a{font-size:10px!important}
  .quantity-row{padding:10px 12px}
  .stepper{width:100%;justify-content:space-between}
  .stepper button{width:42px;height:38px}
  .mint-button{height:50px!important;font-size:11px!important}
  .wallet-link{padding:12px 2px}

  .marketplace-wrap{padding:52px 0 58px!important}
  .marketplace-head h2{font-size:clamp(31px,10vw,42px)!important}
  .marketplace-head p{font-size:13px;line-height:1.6}
  .marketplace-actions{display:grid!important;grid-template-columns:1fr auto;gap:8px}
  .market-tabs{width:100%!important;min-width:0}
  .market-tab{padding:10px 8px!important;font-size:9px!important}
  #refreshMarketplaceBtn{padding:0 11px!important;min-width:0}
  .market-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .market-card-body{padding:10px!important}
  .market-card-title b{font-size:11px!important}
  .market-card-title strong{font-size:10px!important}
  .market-seller{font-size:8px!important}

  .collection{padding-top:48px!important;padding-bottom:58px}
  .collection-head h2{font-size:clamp(32px,10vw,44px)!important}
  .collection-head p{font-size:13px;line-height:1.6}
  .collection-actions{grid-template-columns:1fr!important;gap:8px!important}
  .collection-actions .search{grid-column:auto!important}
  .collection-actions select,.collection-actions button,.collection-actions .search{width:100%!important}
  .nft-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}

  .wallet-modal,.token-modal,.listing-modal,.success-modal,.wallet-picker-modal{padding:10px!important}
  .wallet-panel,.token-panel,.listing-panel,.success-panel,.wallet-picker-panel{width:min(100%,calc(100vw - 20px))!important;max-width:100%!important;max-height:92vh!important;overflow:auto!important}
}

@media(max-width:390px){
  .marketplace-actions{grid-template-columns:1fr}
  #refreshMarketplaceBtn{width:100%}
  .market-contract-line,.mint-contract-line{gap:6px;padding:10px 8px!important}
  .market-contract-line span,.mint-contract-line span{font-size:9px}
  .market-contract-line>a,.mint-contract-line>a{font-size:9px!important}
  .mini-stats{grid-template-columns:1fr 1fr 1fr}
  .nft-grid,.market-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}


/* ===== PMB v10 mobile header + hero hotfix =====
   Mobile-only fixes requested after real-device testing.
   Desktop/tablet layout and all contract/mint/marketplace behavior stay unchanged. */
@media(max-width:600px){
  /* Keep the brand name visible beside the PMB avatar and pin Connect Wallet to the right. */
  .topbar{
    gap:8px!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .topbar .logo{
    display:flex!important;
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:none!important;
    gap:7px!important;
  }
  .topbar .logo>span:last-child{
    display:block!important;
    min-width:0!important;
    color:#f7f2fb!important;
    font-size:10px!important;
    font-weight:800!important;
    line-height:1.1!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
  }
  .topbar .nav-actions{
    margin-left:auto!important;
    flex:0 0 auto!important;
  }
  .topbar .wallet-area{max-width:100%!important}
  .topbar .wallet-trigger:not(.connected){
    width:auto!important;
    min-width:124px!important;
    max-width:138px!important;
    height:40px!important;
    min-height:40px!important;
    padding:0 10px!important;
    font-size:10px!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }

  /* Remove the extra vertical break between “Are” and “On PulseChain.” */
  .hero .hero-title{
    gap:0!important;
    line-height:.92!important;
  }
  .hero .hero-title-main,
  .hero .hero-title-accent{
    line-height:.92!important;
    margin:0!important;
  }
  .hero .hero-title-accent{margin-top:-1px!important}
}

@media(max-width:390px){
  .topbar{gap:5px!important}
  .topbar .brand-avatar{width:30px!important;height:30px!important;flex-basis:30px!important}
  .topbar .logo{gap:5px!important}
  .topbar .logo>span:last-child{font-size:9px!important}
  .topbar .wallet-trigger:not(.connected){
    min-width:116px!important;
    max-width:126px!important;
    padding:0 7px!important;
    font-size:9px!important;
  }
}


/* ===== PMB v10 real-device modal fit pass =====
   Keeps mint confirmation, NFT detail/buy flow, listing/manage,
   wallet, and wallet-picker dialogs fully inside iPhone/Android screens. */
@media(max-width:600px){
  .modal{
    box-sizing:border-box!important;
    width:100vw!important;
    height:100dvh!important;
    min-height:100dvh!important;
    padding:
      max(10px,env(safe-area-inset-top))
      max(10px,env(safe-area-inset-right))
      max(10px,env(safe-area-inset-bottom))
      max(10px,env(safe-area-inset-left))!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
  }

  .token-panel,
  .listing-panel,
  .success-panel,
  .wallet-panel,
  .wallet-picker-panel{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    max-height:calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;
    margin:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
  }

  /* NFT detail / buy screen */
  .token-panel{
    display:block!important;
  }
  .token-panel>img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-height:42dvh!important;
    min-height:0!important;
    aspect-ratio:1/1;
    object-fit:contain!important;
    background:#08060d;
  }
  .token-detail{
    box-sizing:border-box!important;
    padding:20px 16px 18px!important;
  }
  .token-detail h2,
  .success-panel h2,
  .wallet-panel h2{
    font-size:clamp(23px,7vw,30px)!important;
    line-height:1.05!important;
  }
  .trait-list{grid-template-columns:1fr 1fr!important}

  /* List / manage NFT screen */
  .listing-panel{
    padding:18px 14px 16px!important;
  }
  .listing-preview{
    gap:12px!important;
    padding-right:34px!important;
    margin-bottom:16px!important;
  }
  .listing-preview img{
    width:70px!important;
    height:70px!important;
    flex:0 0 70px!important;
  }
  .listing-preview h2{
    font-size:clamp(19px,6vw,24px)!important;
    line-height:1.1!important;
    overflow-wrap:anywhere;
  }
  .listing-price-box input{
    width:100%!important;
    min-width:0!important;
    font-size:16px!important; /* prevents iOS input zoom */
  }
  .listing-submit,
  .listing-cancel{
    min-height:46px!important;
  }

  /* Mint-success screen */
  .success-panel{
    padding:20px 14px 16px!important;
    text-align:center!important;
  }
  .success-check{
    width:46px!important;
    height:46px!important;
    margin:2px auto 12px!important;
  }
  .success-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin:15px 0!important;
  }
  .success-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    gap:8px!important;
  }
  .success-actions>*{
    width:100%!important;
    box-sizing:border-box!important;
    min-height:44px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  /* My Wallet and wallet selection screens */
  .wallet-panel{
    padding:20px 14px 16px!important;
  }
  .wallet-head{
    gap:10px!important;
    align-items:flex-start!important;
  }
  .wallet-address{
    display:block!important;
    max-width:calc(100vw - 92px)!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .wallet-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .wallet-picker-panel{padding:24px 14px 16px!important}

  /* Always keep the close control reachable above scrolling content. */
  .modal-x,
  .wallet-picker-x{
    position:sticky!important;
    float:right;
    top:6px!important;
    right:6px!important;
    margin:0 0 -34px auto!important;
    z-index:20!important;
  }
}

@media(max-width:370px){
  .trait-list{grid-template-columns:1fr!important}
  .success-grid,.wallet-grid{grid-template-columns:1fr 1fr!important}
  .listing-preview img{width:62px!important;height:62px!important;flex-basis:62px!important}
}


/* ===== Mint success modal polish (success screen only) ===== */
.success-panel{
  width:min(760px,calc(100% - 28px))!important;
  max-height:90vh;
  padding:26px 24px 24px!important;
  border:1px solid #6d33a5!important;
  background:radial-gradient(circle at top,rgba(79,34,110,.26),rgba(8,6,14,.98) 48%),linear-gradient(180deg,#120b19,#09050d)!important;
  box-shadow:0 40px 120px rgba(0,0,0,.65),0 0 0 1px rgba(112,53,170,.15) inset;
  text-align:left!important;
}
.success-shell{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:14px;
}
.mint-success-close{
  right:18px!important;
  top:18px!important;
  width:48px!important;
  height:48px!important;
  border-radius:10px!important;
  border:2px solid #8247ca!important;
  background:#151022!important;
  color:#fff!important;
  font-size:28px!important;
  line-height:1!important;
}
.success-icon-wrap{
  margin-top:12px;
}
.success-check{
  width:92px!important;
  height:92px!important;
  margin:0 auto!important;
  border-radius:18px!important;
  border:4px solid #5ef3e0!important;
  background:linear-gradient(180deg,#17273c,#112235)!important;
  color:#73efc9!important;
  font-size:54px!important;
  font-weight:900;
  box-shadow:0 0 0 3px rgba(31,12,47,.9),0 18px 40px rgba(0,0,0,.45);
}
.success-copy{
  width:100%;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
}
.success-eyebrow{
  margin-top:2px;
  font-size:15px!important;
  letter-spacing:.16em!important;
}
.success-panel h2{
  margin:0!important;
  font-size:clamp(42px,5vw,60px)!important;
  line-height:1.02!important;
  text-align:center;
}
.success-text{
  margin:0;
  max-width:520px;
  color:#ddd4e8!important;
  font-size:18px!important;
  line-height:1.55!important;
}
.success-grid{
  width:100%;
  display:grid!important;
  gap:16px!important;
  margin:6px 0 10px!important;
  align-items:start;
  justify-items:center;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.success-grid.single-mint{
  grid-template-columns:minmax(0,320px)!important;
  justify-content:center;
}
.success-grid.single-mint .wallet-token{
  width:min(320px,100%);
}
.success-grid .wallet-token{
  width:100%;
  background:linear-gradient(180deg,#120d1b,#0a0710)!important;
  border:2px solid #6c38ab!important;
  border-radius:14px!important;
  overflow:hidden;
  box-shadow:8px 8px 0 rgba(0,0,0,.38),0 18px 40px rgba(0,0,0,.35);
}
.success-grid .wallet-token-open{
  display:block;
  background:#09050d;
}
.success-grid .wallet-token-open img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  image-rendering:pixelated;
}
.success-grid .wallet-token-info{
  padding:16px 14px 14px!important;
  gap:14px!important;
  align-items:flex-end!important;
}
.success-grid .wallet-token-info > div{
  flex:1;
  min-width:0;
  align-items:center;
  text-align:center;
}
.success-grid .wallet-token-info b{
  font-size:18px!important;
}
.success-grid .wallet-token-info span{
  margin-top:6px!important;
  font-size:14px!important;
  color:#9f95ab!important;
}
.success-grid .wallet-list-btn{
  margin-left:0!important;
  min-height:48px!important;
  padding:0 16px!important;
  font-size:13px!important;
  white-space:nowrap;
}
.success-actions{
  width:100%;
  display:grid!important;
  grid-template-columns:1fr 1fr;
  gap:12px!important;
  margin-top:4px;
}
.success-actions > *{
  min-height:56px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:14px!important;
}
@media(max-width:720px){
  .success-panel{
    width:min(100%,calc(100vw - 20px))!important;
    padding:18px 14px 16px!important;
  }
  .mint-success-close{
    width:42px!important;
    height:42px!important;
    font-size:24px!important;
    top:10px!important;
    right:10px!important;
  }
  .success-check{
    width:72px!important;
    height:72px!important;
    font-size:42px!important;
    border-width:3px!important;
  }
  .success-panel h2{
    font-size:clamp(26px,8vw,44px)!important;
  }
  .success-text{
    font-size:14px!important;
    max-width:100%;
  }
  .success-grid{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .success-grid .wallet-token{
    width:min(300px,100%);
  }
  .success-grid .wallet-token-info{
    align-items:center!important;
    flex-direction:column!important;
  }
  .success-grid .wallet-list-btn{
    width:100%;
  }
  .success-actions{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
}