@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#21192b;--paper:#faf6ed;--lime:#d9f878;--pink:#efa9d0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',sans-serif}button,input{font:inherit}button,a,input{touch-action:manipulation}a{color:inherit}button{cursor:pointer}header{display:flex;align-items:center;justify-content:space-between;padding:25px 5%;border-bottom:1px solid #21192b24;gap:24px}.logo{font-family:'Space Grotesk',sans-serif;font-size:35px;font-weight:700;letter-spacing:-2px;text-decoration:none}.logo span{color:#7f4cc5}.logo i{font-style:normal;font-size:24px;color:#7f4cc5;margin-left:5px}nav{display:flex;gap:30px;font-size:14px;font-weight:600}nav a{text-decoration:none}.watch{border:1px solid var(--ink);border-radius:30px;padding:12px 20px;text-decoration:none;font-size:13px;font-weight:700}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:5%;padding:65px 5% 60px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px}h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(60px,7.5vw,110px);line-height:.97;letter-spacing:-6px;margin:28px 0}h1 em{font-style:normal;color:#7f4cc5}.hero p{max-width:440px;line-height:1.7;color:#615767;font-size:16px}.actions{display:flex;align-items:center;gap:26px;margin-top:30px}.button{display:inline-block;background:var(--ink);color:white;border:0;padding:17px 25px;border-radius:30px;font-weight:600;font-size:14px;text-decoration:none}.button:hover{background:#7f4cc5}.textlink{font-size:13px;font-weight:700;text-decoration:none}.footnote{font-size:11px;margin-top:30px;color:#786e7c}.hero-art{position:relative;background:#b9a3e7;border-radius:48% 48% 22px 22px;min-height:510px;display:flex;align-items:center;justify-content:center;overflow:hidden}.orbit{position:absolute;top:40px;font-size:10px;letter-spacing:3px}.cloud{position:relative;width:140px;height:85px;background:var(--c,#d9f878);border:6px solid white;border-radius:55px;box-shadow:0 8px 0 #21192b22}.cloud b{position:absolute;background:var(--c,#d9f878);border:6px solid white;border-bottom:0;border-radius:100%;z-index:0}.cloud b:nth-child(1){width:66px;height:60px;left:9px;top:-32px}.cloud b:nth-child(2){width:77px;height:70px;left:47px;top:-46px}.cloud b:nth-child(3){width:55px;height:50px;left:90px;top:-20px}.face{position:absolute;inset:10px 0 0;display:flex;align-items:center;justify-content:center;gap:12px;font-size:30px;font-weight:700;z-index:2}.face span{font-size:24px;margin-top:20px}.cloud i{position:absolute;right:-22px;top:-55px;color:white;font-size:25px;font-style:normal}.big{transform:scale(2.4) rotate(-9deg);margin-top:35px}.spark{position:absolute;color:var(--ink);font-size:65px}.one{top:90px;left:40px}.two{right:28px;bottom:120px}.sticker{position:absolute;right:20px;top:110px;transform:rotate(12deg);background:var(--pink);padding:20px;border:1px solid var(--ink);font-size:9px;letter-spacing:1px;border-radius:50%;text-align:center}.sticker strong{display:block;font-size:17px;letter-spacing:-.5px;margin-top:8px}.art-caption{position:absolute;bottom:25px;left:25px;right:25px;font-size:10px;display:flex;justify-content:space-between}.art-caption span{opacity:.6}.ticker{padding:18px;background:var(--lime);border-block:1px solid var(--ink);font-family:'Space Grotesk';font-weight:700;letter-spacing:3px;white-space:nowrap;overflow:hidden}.dex{padding:70px 5%}.section-top{display:flex;justify-content:space-between;align-items:center}h2{font-family:'Space Grotesk';font-size:48px;letter-spacing:-2px;line-height:1.1;margin:16px 0}h2 span{font-size:18px;vertical-align:super;margin-left:8px}.section-top p{color:#756a78}.season{font-size:10px;letter-spacing:2px;text-align:right}.season b{display:block;font-size:20px;letter-spacing:-.5px;margin-top:8px}.notice{font-size:12px;border-left:3px solid #9a79ce;background:#eee7f6;padding:13px 16px;margin:22px 0}.controls{display:flex;gap:15px;flex-wrap:wrap;align-items:center;margin-top:32px}.search{background:white;border:1px solid #d8d0dd;border-radius:30px;padding:12px 18px;display:flex;align-items:center;gap:10px;flex:1;min-width:250px}.search input{border:0;outline:0;width:100%;background:none;font-size:13px}#filters{display:flex;gap:5px;flex-wrap:wrap}#filters button{border:1px solid #d8d0dd;background:none;border-radius:25px;padding:10px 14px;font-size:12px}#filters button.active{background:var(--ink);color:white;border-color:var(--ink)}.owned{font-size:12px;display:flex;align-items:center;gap:5px}.results{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#756a78;margin:28px 0 18px}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.card{border:1px solid #d9d2dc;border-radius:16px;padding:0;overflow:hidden;background:white;text-align:left;color:var(--ink);transition:transform .2s}.card:hover{transform:translateY(-5px);border-color:#7f4cc5}.card-art{position:relative;display:flex;justify-content:center;align-items:center;height:185px;background:var(--bg);padding-top:25px}.card-art .cloud{transform:scale(.85) rotate(-5deg)}.number{position:absolute;left:14px;top:13px;font-size:10px;opacity:.65}.badge{position:absolute;right:12px;top:11px;background:white;padding:4px 7px;font-size:9px;border-radius:20px}.card-info{padding:15px}.card-info h3{font-size:14px;margin:0 0 8px}.rarity{font-size:9px;text-transform:uppercase;letter-spacing:1.5px}.slot .card-art{background:#ece8ef}.locked{font-size:65px;font-family:'Space Grotesk';color:#cec5d6}.slot h3{color:#83758c}.collection{background:var(--pink);padding:65px 8%;display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.collection p{font-size:14px;line-height:1.8;max-width:450px}.small{font-size:11px!important;min-height:36px}.reset{background:none;border:0;text-decoration:underline;font-size:12px;margin-left:12px}.progress{background:var(--paper);border:1px solid var(--ink);padding:35px;border-radius:20px;box-shadow:8px 8px 0 var(--ink)}.progress>span{font-size:10px;letter-spacing:1.5px}.progress strong{display:block;font-family:'Space Grotesk';font-size:85px;letter-spacing:-5px;margin:25px 0}.progress small{font-size:35px;color:#a29ba6;letter-spacing:-2px}.track{height:9px;background:#e7e1eb;border-radius:20px;overflow:hidden}#bar{height:100%;background:#7f4cc5}.progress a{font-size:13px;font-weight:700}.about{padding:70px 5%}.lore{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:45px}.lore article{border-top:1px solid #cfc5d5;padding-top:25px}.lore span{font-size:10px;letter-spacing:1px;color:#7f4cc5}.lore h3{font-size:23px;letter-spacing:-.6px}.lore p{line-height:1.8;font-size:14px;color:#756a78}.lore a{font-size:13px;font-weight:700}footer{display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:var(--paper);padding:35px 5%;gap:25px}footer p,footer>span{font-size:11px}footer .logo span,footer .logo i{color:var(--lime)}dialog{width:min(450px,90vw);border:0;border-radius:24px;padding:30px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#21192bc9}#close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:30px;z-index:5}#detail .card-art{border-radius:15px;height:230px;margin-top:20px}#detail h2{font-size:32px}#detail p{font-size:14px;line-height:1.7}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #7f4cc5;outline-offset:4px}@media(min-width:1600px){main,header,footer{max-width:1600px;margin:auto}}@media(max-width:1100px){.grid{grid-template-columns:repeat(4,1fr)}.hero-art{min-height:450px}.big{transform:scale(1.9) rotate(-9deg)}h1{letter-spacing:-4px}nav{gap:15px}}@media(max-width:750px){header{flex-wrap:wrap;padding:18px 5%}.logo{font-size:29px}nav{order:3;width:100%;justify-content:center}.watch{font-size:11px;padding:10px 15px}.hero{grid-template-columns:1fr;padding-top:35px;gap:35px}h1{font-size:66px;letter-spacing:-4px}.hero-art{min-height:380px}.orbit{top:25px}.big{transform:scale(1.9) rotate(-9deg)}.sticker{top:65px}.grid{grid-template-columns:repeat(2,1fr);gap:12px}.card-art{height:155px}.dex{padding-top:45px}.results span:last-child{display:none}.collection{grid-template-columns:1fr;gap:30px;padding:45px 5%}h2{font-size:38px}.lore{grid-template-columns:1fr;gap:20px}.about{padding-top:45px}footer{flex-wrap:wrap}.actions{gap:18px}.button{padding:15px 20px}.textlink{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}
/* HeySnax brand: exact supplied logo, white space, black, neon lime and purple. */
:root{--ink:#101014;--paper:#fff;--lime:#dcff00;--pink:#e925f3}body{background:white}header{border-bottom:1px solid #ededed}.logo{display:block;width:165px;line-height:0;letter-spacing:0}.logo img{display:block;width:100%;height:auto}header nav a:hover,.textlink:hover{color:#8000ee}.watch{background:var(--lime);border:2px solid var(--ink)}.hero{grid-template-columns:1.35fr 1fr;align-items:center;padding-top:55px;padding-bottom:55px;gap:6%}.hero-brand{min-width:0}.brand-title{margin:35px -8px 40px;line-height:0;letter-spacing:0}.brand-title img{width:100%;height:auto;display:block}.hero .eyebrow{color:#65616a}.hero .actions{gap:25px}.button{background:#131217;border:2px solid #131217;padding:15px 24px}.button:hover{background:#8000ee;border-color:#8000ee}.footnote{letter-spacing:2px;font-size:10px;margin-top:35px}.hero-art{background:#18111f;min-height:410px;border-radius:24px;border:2px solid #18111f;overflow:hidden}.orbit{color:#fff;top:27px}.hero-art .cloud{--c:#dcff00;box-shadow:0 8px 0 #0005}.hero-art .big{transform:scale(2) rotate(-9deg);margin-top:30px}.spark{color:#de19ff}.one{top:85px;left:25px}.two{right:18px;bottom:85px}.art-caption{color:white;font-size:9px;letter-spacing:1px}.dex{border-top:1px solid #ededed}.notice{background:#f4eefb;border-color:#8000ee;color:#53435f}.collection{background:#dcff00}.progress{box-shadow:8px 8px 0 #101014}.progress a{color:#6800b7}#bar{background:#8000ee}.about{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.about-copy p{font-size:18px;line-height:1.8;max-width:500px;color:#62586c}.about-copy a{display:inline-block;margin-top:15px}footer{background:white;color:var(--ink);border-top:1px solid #ededed}footer .logo{width:140px}.card{border:1px solid #d8d3df}.card:hover{border-color:#8000ee}.card-art .cloud{border-color:#fff}.search:focus-within{outline:2px solid #8000ee;outline-offset:2px}@media(max-width:1100px){.hero-art{min-height:360px}.hero-art .big{transform:scale(1.6) rotate(-9deg)}}@media(max-width:750px){.logo{width:130px}.hero{grid-template-columns:1fr;padding-top:35px;gap:30px}.brand-title{margin:28px 0}.hero .actions{gap:20px}.hero-art{min-height:320px}.hero-art .big{transform:scale(1.7) rotate(-9deg)}.footnote{margin-top:25px}.about{grid-template-columns:1fr;gap:10px}.about-copy p{font-size:16px}.hero .button{padding:14px 18px}.hero .textlink{font-size:12px}}

.hero-poot{width:90%;max-height:340px;object-fit:contain;filter:drop-shadow(0 14px 16px #0005)}.card-art img{width:100%;height:100%;object-fit:contain;padding:10px}.card-art{padding-top:15px}.card-art .number{z-index:1}#detail audio{width:100%;margin:12px 0}details{font-size:14px;line-height:1.8}summary{cursor:pointer;font-weight:700}.catalog-error{padding:20px;color:#8000ee}

.hero{grid-template-columns:1fr;max-width:1050px;margin:auto;text-align:center;padding-block:65px}.hero-brand{max-width:850px;margin:auto}.hero .actions{justify-content:center}.brand-title{margin:32px auto;max-width:800px}@media(max-width:750px){.hero{padding-block:40px}.hero .actions{flex-wrap:wrap}}
/* Match the connected PootDex's deep purple palette. */
:root{color-scheme:dark;--ink:#fff;--paper:#130d1d;--lime:#d8ff00;--pink:#e925f3}
body{background:#130d1d;color:#fff}header{border-bottom-color:#75528a55}header nav a:hover,.textlink:hover{color:#d8ff00}.watch{background:#d8ff00;color:#17101e;border-color:#d8ff00}.hero .eyebrow,.footnote{color:#c9bdd6}.button{background:#d8ff00;color:#17101e;border-color:#d8ff00}.button:hover{background:#e7ff73;border-color:#e7ff73;color:#17101e}.dex{border-top-color:#75528a55}.section-top p,.results{color:#c9bdd6}.notice{background:#291b38;color:#e3d4ef;border-color:#dc26f9}.search{background:#21112e;border-color:#75528a}.search input{color:#fff}.search input::placeholder{color:#c9bdd6}#filters button{color:#dfd2eb;border-color:#75528a}#filters button.active{background:#d8ff00;color:#17101e;border-color:#d8ff00}.card{background:#2a1939;color:#fff;border-color:#75528a}.card:hover{border-color:#dc26f9}.card-art{background:#190e26!important}.number{color:#dfb5ff;opacity:1}.rarity{color:#d8ff00}.collection{background:#21112e;border-block:1px solid #75528a55}.collection p{color:#c9bdd6}.progress{background:#130d1d;border-color:#75528a;box-shadow:8px 8px 0 #09050f}.progress>span{color:#dfb5ff}.progress small{color:#bdaaca}.progress a{color:#d8ff00}.about-copy p{color:#c9bdd6}.track{background:#382444}#bar{background:#d8ff00}footer{background:#130d1d;color:#fff;border-top-color:#75528a55}dialog{background:#21112e;color:#fff;border:1px solid #75528a}dialog::backdrop{background:#09050fe0}#close{color:#fff}.catalog-error{color:#dfb5ff}a:focus-visible,button:focus-visible,input:focus-visible{outline-color:#ee4aff}details{color:#c9bdd6}summary{color:#d8ff00}