:root{--ink:#0e0e12;--paper:#fff6e5;--lime:#c8ff3a;--pink:#ff4fa3;--blue:#8fa0ff;--sun:#ffd23f;--bd:3px solid var(--ink);--sh:6px 6px 0 var(--ink)}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper) radial-gradient(#0e0e1226 1.3px,transparent 1.5px) 0 0/16px 16px;font:500 16px/1.5 "Bricolage Grotesque",system-ui,sans-serif}
a{color:inherit}img{display:block;max-width:100%}button{font:inherit;cursor:pointer;color:inherit}
h1,h2,h3,h4{margin:0;font-weight:800;letter-spacing:-.035em;line-height:.95}h1{font-size:clamp(44px,8vw,96px)}h2{font-size:clamp(30px,5vw,52px);margin-bottom:22px}h3{font-size:24px}
.kicker,.tag,.chip,small,.crumbs,.mono{font-family:"Space Mono",ui-monospace,monospace}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}section.wrap{padding-top:56px}main.wrap{padding-top:40px}
header{position:sticky;top:0;z-index:20;background:var(--lime);border-bottom:var(--bd)}.bar{display:flex;align-items:center;gap:14px;min-height:64px}
.logo{background:var(--ink);color:var(--lime);padding:2px 10px;font-weight:800;font-size:24px;letter-spacing:-.04em;text-decoration:none;transform:rotate(-2deg)}
nav{display:flex;gap:4px;flex:1;overflow-x:auto}nav a{padding:5px 12px;border:2px solid transparent;border-radius:99px;font-weight:800;text-decoration:none;white-space:nowrap}nav a:hover{border-color:var(--ink);background:var(--paper)}
.cartbtn{background:var(--ink);color:var(--lime);border:0;border-radius:99px;padding:8px 16px;font-weight:800}.cartbtn b{background:var(--pink);color:var(--ink);border-radius:99px;padding:0 8px;margin-left:6px}
.btn{display:inline-block;border:var(--bd);background:var(--paper);box-shadow:4px 4px 0 var(--ink);padding:10px 18px;font-weight:800;text-decoration:none;text-align:center;transition:transform .12s,box-shadow .12s}
.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.btn:active{transform:translate(3px,3px);box-shadow:none}.go{background:var(--pink)}.btn:disabled,.off{opacity:.5;pointer-events:none}
.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center;padding-top:48px}.kicker{font-weight:700;margin:0 0 14px}
.hero em{font-style:normal;background:var(--lime);padding:0 .12em;border:var(--bd);display:inline-block;transform:rotate(-2deg)}.lead{font-size:20px;max-width:34ch;margin:18px 0 26px}.hero .btn{margin:0 10px 10px 0}
.stack{position:relative;aspect-ratio:1}.stk{position:absolute;width:56%;aspect-ratio:1;background:var(--sun);border:var(--bd);box-shadow:var(--sh)}.stk img{width:100%;height:100%;object-fit:contain;padding:8%;mix-blend-mode:multiply}
.s0{top:0;left:0;transform:rotate(-6deg);background:var(--lime)}.s1{top:20%;right:0;transform:rotate(5deg)}.s2{bottom:0;left:18%;transform:rotate(-2deg);background:var(--pink)}.stk .tag{top:auto;left:auto;bottom:-12px;right:-8px}
.mq{margin-top:44px;background:var(--ink);color:var(--lime);border-block:var(--bd);overflow:hidden;white-space:nowrap}.mq p{display:inline-block;margin:0;padding:12px 0;font:700 22px "Space Mono",monospace;animation:mq 30s linear infinite}@keyframes mq{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.mq p{animation:none}}
.cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px}.cat{position:relative;display:block;overflow:hidden;min-height:260px;padding:18px;background:var(--c);border:var(--bd);box-shadow:var(--sh);text-decoration:none;transition:transform .15s}
.cat:hover{transform:translate(-3px,-3px) rotate(-.6deg)}.cat p{max-width:18ch;margin:8px 0 0}.cat img{position:absolute;right:-14px;bottom:-14px;width:55%;mix-blend-mode:multiply;transform:rotate(8deg)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:26px}.tile{display:flex;flex-direction:column;gap:8px}
.pic{display:block;position:relative;aspect-ratio:1;background:var(--c);border:var(--bd);box-shadow:var(--sh);transition:transform .15s}.tile:hover .pic{transform:rotate(-1.5deg) translateY(-3px)}
.pic img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:6%}.ph{display:grid;place-items:center;height:100%;font-size:40px}
.tag{position:absolute;top:10px;left:10px;z-index:1;background:var(--ink);color:var(--lime);font-size:12px;font-weight:700;padding:2px 8px}.nm{font-weight:800;text-decoration:none;line-height:1.15;overflow-wrap:anywhere}.pr{font-size:20px;font-weight:800}.pr s{font-weight:500;opacity:.6;font-size:15px}.from{font:700 12px "Space Mono",monospace}
.tile .btn{margin-top:auto}.sk{min-height:300px;background:repeating-linear-gradient(45deg,#fff,#fff 10px,#eee 10px,#eee 20px);border:var(--bd)}.dim{opacity:.5}.more{text-align:center;margin:32px 0}.empty{padding:48px 20px;text-align:center;font-weight:800;font-size:20px}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.chip{border:2px solid var(--ink);background:#fff;padding:4px 12px;text-decoration:none;font-weight:700}.chip.on{background:var(--ink);color:var(--lime)}
.tb{display:flex;gap:14px;flex-wrap:wrap;align-items:end;margin:8px 0 24px;padding:14px;background:var(--sun);border:var(--bd);box-shadow:4px 4px 0 var(--ink)}.tb label{display:grid;gap:2px;font:700 12px "Space Mono",monospace}
.tb input,.tb select{border:2px solid var(--ink);background:#fff;padding:6px 8px;font:inherit;width:110px}.tb select{width:auto}.tb .ck{display:flex;gap:6px;align-items:center}.tb .ck input{width:auto}.tb .btn{padding:6px 14px}
.band{margin-top:64px;background:var(--pink);border-block:var(--bd);padding:56px 20px;text-align:center}.band h2{margin:0}
.pd{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding-top:24px}.crumbs{grid-column:1/-1;font-size:13px}.crumbs a{text-decoration:underline}
.main{border:var(--bd);background:#fff;box-shadow:var(--sh);aspect-ratio:1}.main img{width:100%;height:100%;object-fit:contain}.th{display:flex;gap:10px;margin-top:18px;overflow-x:auto;padding-bottom:6px}.th button{width:72px;height:72px;border:2px solid var(--ink);background:#fff;padding:0;flex:none}.th img{width:100%;height:100%;object-fit:cover}
.buy .pr{font-size:36px;margin:14px 0}.buy .tag{position:static;display:inline-block;margin-right:6px}.og{margin:16px 0}.og h4{font:700 13px "Space Mono",monospace;text-transform:uppercase;letter-spacing:0;margin-bottom:8px}.ch{display:flex;flex-wrap:wrap;gap:8px}
.ch button{border:2px solid var(--ink);background:#fff;padding:6px 12px;font-weight:700}.ch .on{background:var(--lime);box-shadow:3px 3px 0 var(--ink)}.ch button:disabled{opacity:.35;text-decoration:line-through;cursor:not-allowed}.ch .sw{width:38px;height:38px;border-radius:50%;padding:0}.ch .sw.on{outline:3px solid var(--ink);outline-offset:3px;box-shadow:none}
.qty{display:flex;align-items:center;gap:10px;margin:18px 0}.qty button{width:36px;height:36px;border:var(--bd);background:#fff;font-weight:800}.why{display:block;margin-top:10px}.err{color:#c0003a;font-weight:700}.desc{margin-top:28px}.desc p{margin:0 0 12px}details{border:2px solid var(--ink);padding:8px 12px;margin-top:10px;background:#fff}summary{font-weight:800;cursor:pointer}
#dr{position:fixed;inset:0;z-index:50;visibility:hidden}#dr.on{visibility:visible}.scrim{position:absolute;inset:0;background:#0e0e1299;opacity:0;transition:opacity .2s}#dr.on .scrim{opacity:1}
#dr aside{position:absolute;right:0;top:0;bottom:0;width:min(440px,100%);background:var(--paper);border-left:var(--bd);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .25s}#dr.on aside{transform:none}
.dh{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--sun);border-bottom:var(--bd)}.dh button{border:var(--bd);background:#fff;width:36px;height:36px;font-weight:800}
#dl{flex:1;overflow:auto;padding:8px 20px}.ln{display:grid;grid-template-columns:72px 1fr auto;gap:12px;padding:14px 0;border-bottom:2px dashed var(--ink)}.ln img{width:72px;height:72px;object-fit:contain;background:#fff;border:2px solid var(--ink)}.ln a{font-weight:800}.ln small{display:block}
.q{display:flex;gap:6px;align-items:center;margin-top:6px}.q button{border:2px solid var(--ink);background:#fff;min-width:28px;height:28px;font-weight:800}.q .x{border:0;background:none;text-decoration:underline;font-size:13px;font-weight:500}
#df{padding:16px 20px;border-top:var(--bd);background:#fff}#df p{display:flex;justify-content:space-between;margin:4px 0}#df .btn{width:100%;margin-top:12px}
footer{margin-top:64px;background:var(--ink);color:var(--paper);padding:28px 20px;font:13px "Space Mono",monospace;text-align:center}
@media(max-width:760px){.hero,.pd{grid-template-columns:1fr}.stack{width:100%;max-width:380px;margin:0 auto}.main{aspect-ratio:auto;height:min(45vh,380px)}.grid{grid-template-columns:repeat(2,1fr);gap:16px}.bar{gap:8px}.logo{font-size:20px}}