:root{
  --bg:#06080c;--panel:#0c1119;--panel2:#101824;--text:#f6f8fb;--muted:#96a0b3;--line:#1d2938;
  --cyan:#31d7ff;--lime:#9cff45;--pink:#ff5da8;--gold:#ffd65a;--violet:#846cff;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 15% 0%,#122033 0,transparent 32%),var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;overflow-x:hidden}.ambient{position:fixed;width:36rem;height:36rem;filter:blur(100px);opacity:.10;z-index:-1;border-radius:50%}.ambient-one{background:var(--cyan);top:-12rem;left:-12rem}.ambient-two{background:var(--pink);right:-16rem;top:35rem}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);position:sticky;top:0;z-index:30;background:rgba(6,8,12,.76);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06)}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-weight:800}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--cyan),var(--violet));color:#071018;font-family:'Space Grotesk';font-weight:900}.nav{display:flex;gap:26px}.nav a{color:#c9d1de;text-decoration:none;font-size:14px;font-weight:700}.nav a:hover{color:white}.menu-toggle{display:none;background:none;border:0;color:white;font-size:24px}.hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:clamp(24px,5vw,70px);padding:clamp(32px,6vw,90px) clamp(20px,5vw,72px)}.hero-art-wrap{position:relative}.hero-art-frame{position:relative;overflow:hidden;border-radius:28px;border:1px solid rgba(255,255,255,.11);box-shadow:0 45px 90px rgba(0,0,0,.45)}.hero-art{width:100%;display:block;aspect-ratio:1.5/1;object-fit:cover}.hero-vignette{position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(6,8,12,.55)),linear-gradient(90deg,rgba(6,8,12,.15),transparent 30%)}.eyebrow{font-size:12px;letter-spacing:.22em;font-weight:900;color:var(--cyan);margin-bottom:14px}.hero h1,.section h2{font-family:'Space Grotesk',Inter,sans-serif;letter-spacing:-.045em}.hero h1{font-size:clamp(46px,6.8vw,92px);line-height:.94;margin:0 0 24px}.hero h1 span{background:linear-gradient(90deg,var(--cyan),var(--lime));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:clamp(17px,2vw,22px);line-height:1.6;color:#abb6c8;max-width:620px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;padding:14px 20px;border-radius:12px;text-decoration:none;font-weight:800;font-size:14px}.btn-primary{background:white;color:#080b10}.btn-secondary{border:1px solid #2a3748;color:white;background:#0b111a}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;margin:0 clamp(20px,5vw,72px);background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden}.stats article{background:#0a0e15;padding:26px}.stats strong{display:block;font-family:'Space Grotesk';font-size:30px}.stats span{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.1em}.section{padding:100px clamp(20px,5vw,72px)}.section.alt{background:linear-gradient(180deg,rgba(16,24,36,.72),rgba(6,8,12,.25));border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.section-heading{margin-bottom:36px}.section h2{font-size:clamp(34px,4vw,56px);margin:0}.split-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.collection-tools{display:flex;gap:10px}.collection-tools input,.collection-tools select{background:#0c121b;border:1px solid #273345;color:white;border-radius:10px;padding:12px 14px;outline:none}.collection-tools input:focus,.collection-tools select:focus{border-color:var(--cyan)}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.collectible-card{background:linear-gradient(180deg,#0d131c,#090d13);border:1px solid #1f2a38;border-radius:20px;padding:14px;transition:.25s transform,.25s border-color,.25s box-shadow;cursor:pointer}.collectible-card:hover{transform:translateY(-6px);border-color:#3c4e66;box-shadow:0 20px 40px rgba(0,0,0,.28)}.card-visual{aspect-ratio:.72/1;border-radius:14px;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.card-visual:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-80px;top:-60px;background:rgba(255,255,255,.14);filter:blur(8px)}.card-visual span,.card-visual b,.card-visual small{position:relative;z-index:2}.card-visual span{font-size:10px;font-weight:900;letter-spacing:.14em;margin-bottom:auto}.card-visual b{font-family:'Space Grotesk';font-size:30px}.card-visual small{opacity:.78;margin-top:6px}.flame{background:linear-gradient(145deg,#5a110f,#f05a1e 55%,#ffcf4b)}.water{background:linear-gradient(145deg,#0a2f52,#1775b8 58%,#59d9ff)}.electric{background:linear-gradient(145deg,#514200,#d8ac00 55%,#ffe96a);color:#161300}.ice{background:linear-gradient(145deg,#19374a,#4c9cae 55%,#a7ebf1)}.ghost{background:linear-gradient(145deg,#201437,#59358d 55%,#b27aff)}.modern{background:linear-gradient(145deg,#2a1737,#8338d1 50%,#24d8ff)}.card-meta{display:flex;justify-content:space-between;align-items:center;padding:16px 4px 2px}.card-meta strong,.card-meta span{display:block}.card-meta span{color:var(--muted);font-size:12px;margin-top:4px}.card-meta em{font-style:normal;font-size:10px;font-weight:900;border:1px solid #34455a;border-radius:7px;padding:6px 8px;color:#c7d4e6}.empty-state{display:none;color:var(--muted);text-align:center;padding:50px}.pickup-grid,.collection-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pickup-grid article,.path-card{border:1px solid #202d3b;background:#0a0f17;border-radius:18px;padding:28px}.pickup-badge{display:inline-block;background:var(--lime);color:#0a0c0f;font-weight:900;font-size:10px;letter-spacing:.12em;padding:6px 8px;border-radius:6px}.pickup-grid h3,.path-card h3{font-family:'Space Grotesk';font-size:26px;margin:24px 0 10px}.pickup-grid p,.path-card p,.about p{color:var(--muted);line-height:1.7}.pickup-grid span,.path-card a{color:var(--cyan);font-weight:800;font-size:13px;text-decoration:none}.path-card>span{font-family:'Space Grotesk';font-size:50px;color:#233044;font-weight:700}.about{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.about p{font-size:18px;margin:0}footer{padding:36px clamp(20px,5vw,72px);border-top:1px solid #1b2532;display:flex;gap:20px;align-items:center;justify-content:space-between;color:#8692a4}footer strong{color:white}
@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:40px}.hero-copy{order:-1}.stats{grid-template-columns:repeat(2,1fr)}.stats article:last-child{grid-column:1/-1}.card-grid,.pickup-grid,.collection-paths{grid-template-columns:repeat(2,1fr)}.about{grid-template-columns:1fr}.split-heading{align-items:flex-start;flex-direction:column}.nav{display:none;position:absolute;top:76px;right:20px;flex-direction:column;background:#0b1018;border:1px solid #253142;border-radius:14px;padding:18px}.nav.open{display:flex}.menu-toggle{display:block}}
@media(max-width:600px){.card-grid,.pickup-grid,.collection-paths{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.stats article:last-child{grid-column:auto}.collection-tools{width:100%;flex-direction:column}.collection-tools input,.collection-tools select{width:100%}.hero h1{font-size:50px}footer{align-items:flex-start;flex-direction:column}.hero-art{aspect-ratio:1.15/1}}

/* V1.2 — real card artwork */
.result-count{margin:.45rem 0 0;color:var(--muted,#9ea5b6);font-size:.88rem}
.collectible-card{cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;overflow:hidden}
.collectible-card:hover,.collectible-card:focus-visible{transform:translateY(-5px);box-shadow:0 18px 50px rgba(0,0,0,.35);outline:none}
.card-image-shell{position:relative;aspect-ratio:2.5/3.5;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.08),transparent 46%),#111520;overflow:hidden}
.card-image{position:relative;z-index:2;display:block;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 16px 20px rgba(0,0,0,.4));transition:transform .25s ease}
.collectible-card:hover .card-image{transform:scale(1.025)}
.image-fallback{position:absolute;inset:18px;border-radius:14px;padding:18px;display:flex;flex-direction:column;justify-content:flex-end;gap:7px;opacity:0;z-index:1}
.image-failed .image-fallback{opacity:1}
.image-fallback span{font-size:.67rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.image-fallback b{font-size:1.18rem;line-height:1.05}
.image-fallback small{opacity:.82}
.image-failed{background:linear-gradient(145deg,#161b29,#0d1018)}
.image-fallback.flame{background:linear-gradient(145deg,#9c331e,#23131a)}
.image-fallback.electric{background:linear-gradient(145deg,#7f6812,#1b1b13)}
.image-fallback.ghost{background:linear-gradient(145deg,#4d2f74,#171122)}
.image-fallback.water{background:linear-gradient(145deg,#1c4f7e,#111b29)}
.image-fallback.ice{background:linear-gradient(145deg,#25616c,#112126)}
.image-fallback.modern{background:linear-gradient(145deg,#39425d,#151925)}
.card-submeta{display:flex;justify-content:space-between;gap:12px;padding:0 16px 16px;color:var(--muted,#9ea5b6);font-size:.74rem}
.card-modal{width:min(880px,92vw);max-height:88vh;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:#0f131d;color:#fff;padding:0;box-shadow:0 30px 100px rgba(0,0,0,.65)}
.card-modal::backdrop{background:rgba(3,5,9,.78);backdrop-filter:blur(8px)}
.modal-close{position:absolute;right:15px;top:12px;z-index:9;border:0;background:rgba(255,255,255,.09);color:#fff;width:38px;height:38px;border-radius:50%;font-size:1.55rem;cursor:pointer}
.modal-content{display:grid;grid-template-columns:minmax(280px,.8fr) 1.2fr;gap:30px;padding:34px}
.modal-image .card-image-shell{border-radius:18px;min-height:390px;padding:8px;background:#171b26}
.modal-image .image-fallback{inset:8px}
.modal-info{padding:24px 10px 10px 0;align-self:center}
.modal-info h2{font-size:clamp(2rem,5vw,3.6rem);line-height:.95;margin:.45rem 0 .8rem}
.modal-set{color:var(--muted,#9ea5b6);margin-bottom:24px}
.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.detail-grid div{padding:13px 14px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.035)}
.detail-grid span{display:block;color:var(--muted,#9ea5b6);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}
.detail-grid strong{font-size:.95rem}
.image-note{margin-top:16px;padding:11px 13px;border-radius:10px;background:rgba(255,178,69,.08);border:1px solid rgba(255,178,69,.18);font-size:.78rem;color:#d8c7a8}
.image-note.verified-image{background:rgba(78,211,160,.08);border-color:rgba(78,211,160,.18);color:#bce7d4}
@media(max-width:700px){.modal-content{grid-template-columns:1fr;padding:24px;gap:10px}.modal-image .card-image-shell{min-height:330px}.modal-info{padding:8px 0}.detail-grid{grid-template-columns:1fr 1fr}}


/* V2.1 enhancements */
.collection-dashboard{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin:18px 0 22px;
}
.collection-dashboard article{
  padding:18px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
  border-radius:18px;
  display:flex;
  flex-direction:column;
  gap:5px;
}
.collection-dashboard span{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;opacity:.62}
.collection-dashboard strong{font-size:1.2rem}
.collection-dashboard small{opacity:.55}
.set-jump-wrap{margin:8px 0 22px}
.set-jumps{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.set-jumps button{
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.04);
  color:inherit;
  border-radius:999px;
  padding:8px 12px;
  cursor:pointer;
}
.set-jumps button:hover{background:rgba(255,255,255,.09)}
.card-badges{
  position:absolute;
  top:10px;
  left:10px;
  display:flex;
  gap:6px;
  z-index:3;
  flex-wrap:wrap;
}
.card-badges span,.status-pill{
  background:rgba(5,10,18,.82);
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(8px);
  padding:5px 8px;
  border-radius:999px;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.05em;
}
.collectible-card{position:relative}
.card-meta em{font-style:normal;font-weight:800}
.modal-status-row{display:flex;gap:8px;margin:10px 0 18px;flex-wrap:wrap}
@media(max-width:900px){.collection-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.collection-dashboard{grid-template-columns:1fr}.collection-tools{grid-template-columns:1fr!important}}


/* V2.2 premium gallery */
.collection-dashboard{grid-template-columns:repeat(5,minmax(0,1fr))}
.needs-image-badge{background:rgba(190,120,18,.88)!important}
.compact-card-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important}
.compact-card-grid .card-image-shell{aspect-ratio:3/4}
.compact-card-grid .card-meta strong{font-size:.92rem}
.compact-card-grid .card-submeta{font-size:.72rem}
.card-image-shell{background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.08),rgba(255,255,255,.02))}
.card-image{transition:transform .25s ease,filter .25s ease}
.collectible-card:hover .card-image{transform:scale(1.025);filter:brightness(1.04)}
@media(max-width:1100px){.collection-dashboard{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.collection-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.collection-dashboard{grid-template-columns:1fr}}


/* V2.3 Venmo Store Edition */
.store-note{
  display:flex;align-items:center;gap:10px;padding:12px 15px;
  border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.04)
}
.store-note>div{display:flex;flex-direction:column;gap:2px}
.store-note small{opacity:.55}
.venmo-mark{
  display:inline-flex;align-items:center;justify-content:center;
  width:30px;height:30px;border-radius:8px;background:#008CFF;color:white;
  font-weight:900;font-style:italic;font-size:1.15rem
}
.store-card{padding-bottom:12px}
.venmo-buy-button{
  margin:4px 12px 0;width:calc(100% - 24px);min-height:48px;
  border:0;border-radius:12px;background:#008CFF;color:#fff;cursor:pointer;
  display:flex;align-items:center;justify-content:center;gap:9px;
  font-weight:900;font-size:.98rem
}
.venmo-buy-button .venmo-mark{width:25px;height:25px;background:rgba(255,255,255,.18)}
.venmo-buy-button:hover{filter:brightness(1.06)}
.checkout-modal{max-width:520px;width:min(92vw,520px)}
.checkout-shell{padding:12px 4px 4px}
.checkout-shell h2{margin-top:5px}
.checkout-card-summary{
  display:grid;grid-template-columns:90px 1fr;gap:14px;align-items:center;
  padding:14px;margin:15px 0;border:1px solid rgba(255,255,255,.09);
  border-radius:15px;background:rgba(255,255,255,.03)
}
.checkout-card-summary img{width:88px;max-height:125px;object-fit:contain;border-radius:8px}
.checkout-card-summary>div:last-child{display:flex;flex-direction:column;gap:5px}
.checkout-card-summary b{font-size:1.25rem}
.checkout-card-summary span{opacity:.62}
.checkout-placeholder{
  width:88px;height:110px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.06);font-weight:900
}
#venmo-button-container{min-height:50px;margin:12px 0}
.checkout-status{min-height:22px;font-size:.9rem;opacity:.78}
.checkout-disclaimer{display:block;line-height:1.45;opacity:.5;margin-top:12px}
.venmo-unavailable{padding:14px;text-align:center;border:1px solid rgba(255,255,255,.1);border-radius:12px}
.success-shell{text-align:center}
.success-check{
  width:64px;height:64px;margin:4px auto 12px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;background:rgba(39,196,111,.15);
  border:1px solid rgba(39,196,111,.4);font-size:2rem
}

:root{--cms-accent:#00a8ff;--cms-accent-2:#ffcc33;--cms-bg:#07111d;--cms-surface:#0d1825;--cms-text:#f5f7fb;--cms-muted:#9aa8b7;--cms-button-text:#fff}
body{background:var(--cms-bg)!important;color:var(--cms-text)!important}.btn-primary,.venmo-buy-button{background:var(--cms-accent)!important;color:var(--cms-button-text)!important}
.hero-copy h1 span,.eyebrow,.brand-mark{color:var(--cms-accent)!important}.result-count,.card-submeta,.card-meta span,.about p,.contact-section p,footer span,footer small{color:var(--cms-muted)!important}
.about-content-wrap{display:grid;grid-template-columns:minmax(0,220px) 1fr;gap:24px;align-items:start}.about-image{width:100%;max-width:220px;border-radius:18px;object-fit:cover}
.social-links{display:flex;gap:10px;flex-wrap:wrap}.social-links a{padding:10px 14px;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:var(--cms-text);text-decoration:none;background:var(--cms-surface)}
.social-links a:hover{border-color:var(--cms-accent)}@media(max-width:700px){.about-content-wrap{grid-template-columns:1fr}.about-image{max-width:100%}}
