@font-face{font-family:Pixel;src:url(/fonts/px700.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Pixel;src:url(/fonts/px400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:PixelTag;src:url(/fonts/sk400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Hanken;src:url(/fonts/hg400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Hanken;src:url(/fonts/hg600.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Hanken;src:url(/fonts/hg800.woff2)format("woff2");font-weight:800;font-display:swap}:root{--brand-violet:#5b47ff;--brand-pop:#ffc63d;--bg:#f2f2ec;--grid:#15151a0d;--surface:#fff;--surface-2:#f5f5ef;--surface-sunk:#eaeae1;--border:#15151a21;--border-strong:#15151a;--ink:#15151a;--ink-2:#54545f;--ink-3:#8b8b94;--accent:#5b47ff;--accent-press:#4634d6;--accent-soft:#5b47ff1f;--accent-ink:#4634d6;--on-accent:#fff;--pop:#ffc63d;--pop-ink:#9a6b00;--mint:#12a566;--mint-soft:#12b76f29;--amber:#c9820a;--amber-soft:#f0a80033;--danger:#e5484d;--danger-soft:#e5484d24;--hard:4px 4px 0 var(--accent);--hard-sm:3px 3px 0 var(--accent);--hard-ink:4px 4px 0 var(--ink);--soft:0 8px 24px -12px #15151a4d;--r-sm:3px;--r-md:5px;--r-lg:8px;--r-pill:999px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-6:24px;--s-8:32px;--s-12:48px;--s-16:64px;--font-pixel:"Pixel", ui-monospace, monospace;--font-tag:"PixelTag", "Pixel", monospace;--font-body:"Hanken", "Segoe UI", system-ui, sans-serif;--maxw:1180px}@media (prefers-color-scheme:dark){:root{--bg:#0e0e13;--grid:#ffffff0d;--surface:#16161e;--surface-2:#1d1d28;--surface-sunk:#0a0a0f;--border:#ffffff21;--border-strong:#3a3a48;--ink:#f1f1f5;--ink-2:#a7a7b4;--ink-3:#6c6c7a;--accent:#8b7bff;--accent-press:#6e5cf5;--accent-soft:#8b7bff2e;--accent-ink:#b4a8ff;--on-accent:#0e0e13;--pop:#ffd65c;--pop-ink:#ffd65c;--mint:#2bd48c;--mint-soft:#2bd48c29;--amber:#f5b942;--amber-soft:#f0a80024;--danger:#ff6b6f;--danger-soft:#ff6b6f24;--hard:4px 4px 0 var(--accent);--hard-sm:3px 3px 0 var(--accent);--hard-ink:4px 4px 0 #000;--soft:0 12px 30px -14px #000000b3}}:root[data-theme=light]{--bg:#f2f2ec;--grid:#15151a0d;--surface:#fff;--surface-2:#f5f5ef;--surface-sunk:#eaeae1;--border:#15151a21;--border-strong:#15151a;--ink:#15151a;--ink-2:#54545f;--ink-3:#8b8b94;--accent:#5b47ff;--accent-press:#4634d6;--accent-soft:#5b47ff1f;--accent-ink:#4634d6;--on-accent:#fff;--pop:#ffc63d;--pop-ink:#9a6b00;--mint:#12a566;--mint-soft:#12b76f29;--amber:#c9820a;--amber-soft:#f0a80033;--danger:#e5484d;--danger-soft:#e5484d24;--hard-ink:4px 4px 0 var(--ink);--soft:0 8px 24px -12px #15151a4d}:root[data-theme=dark]{--bg:#0e0e13;--grid:#ffffff0d;--surface:#16161e;--surface-2:#1d1d28;--surface-sunk:#0a0a0f;--border:#ffffff21;--border-strong:#3a3a48;--ink:#f1f1f5;--ink-2:#a7a7b4;--ink-3:#6c6c7a;--accent:#8b7bff;--accent-press:#6e5cf5;--accent-soft:#8b7bff2e;--accent-ink:#b4a8ff;--on-accent:#0e0e13;--pop:#ffd65c;--pop-ink:#ffd65c;--mint:#2bd48c;--mint-soft:#2bd48c29;--amber:#f5b942;--amber-soft:#f0a80024;--danger:#ff6b6f;--danger-soft:#ff6b6f24;--hard-ink:4px 4px 0 #000;--soft:0 12px 30px -14px #000000b3}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.55;overflow-x:clip}h1,h2,h3,h4{font-family:var(--font-body);letter-spacing:-.03em;text-wrap:balance;overflow-wrap:break-word;margin:0;font-weight:800;line-height:1.02}p{margin:0}img,svg{display:block}::selection{background:var(--accent-soft)}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}.pixel{font-family:var(--font-pixel)}.tag{font-family:var(--font-tag);letter-spacing:.04em;text-transform:uppercase;font-size:.66rem}.eyebrow{font-family:var(--font-tag);letter-spacing:.05em;text-transform:uppercase;color:var(--accent-ink);font-size:.66rem}.gridpaper{background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:26px 26px}.topbar{z-index:50;background:color-mix(in srgb, var(--bg) 82%, transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.topbar .row{align-items:center;gap:16px;height:66px;display:flex}.brandmark{font-family:var(--font-pixel);letter-spacing:.01em;align-items:center;gap:10px;font-size:1.25rem;font-weight:700;display:flex}.brandmark .glyph{width:30px;height:30px;image-rendering:pixelated;flex:none}.brandmark b{color:var(--accent)}.spacer{flex:1}.ver{font-family:var(--font-tag);color:var(--ink-2);border:1.5px solid var(--border-strong);border-radius:var(--r-sm);padding:5px 9px;font-size:.6rem}.toggle{border:1.5px solid var(--border-strong);background:var(--surface);color:var(--ink);font-family:var(--font-tag);border-radius:var(--r-sm);cursor:pointer;box-shadow:2px 2px 0 var(--ink);align-items:center;gap:7px;padding:8px 11px;font-size:.6rem;transition:transform .1s,box-shadow .1s;display:inline-flex}.toggle:hover{box-shadow:3px 3px 0 var(--accent);transform:translate(-1px,-1px)}.toggle:active{box-shadow:0 0 0 var(--accent);transform:translate(2px,2px)}.toggle svg{width:14px;height:14px}section{padding:78px 0}.sec-head{margin-bottom:38px}.sec-head .kick{align-items:center;gap:10px;margin-bottom:12px;display:flex}.sec-head .kick .no{font-family:var(--font-pixel);color:var(--accent);font-size:1rem;font-weight:700}.sec-head h2{font-size:clamp(1.7rem,3.4vw,2.5rem)}.sec-head p{color:var(--ink-2);max-width:56ch;margin-top:10px;font-size:1.02rem}.divider{background:var(--border-strong);opacity:.5;height:1.5px}.hero{padding:92px 0 84px;position:relative;overflow:hidden}.hero .grid2{grid-template-columns:1.08fr .92fr;align-items:center;gap:52px;display:grid}.hero .kicker{font-family:var(--font-tag);letter-spacing:.05em;color:var(--accent-ink);background:var(--accent-soft);border-radius:var(--r-sm);text-transform:uppercase;align-items:center;gap:8px;margin-bottom:24px;padding:7px 12px;font-size:.64rem;display:inline-flex}.hero h1{font-family:var(--font-pixel);letter-spacing:.01em;font-size:clamp(2.7rem,7vw,5rem);font-weight:700;line-height:.98}.hero h1 em{color:var(--accent);font-style:normal}.hero .curse{background:var(--accent);width:.5em;height:.9em;margin-left:.06em;animation:1.05s step-end infinite blink;display:inline-block;transform:translateY(.08em)}@keyframes blink{50%{opacity:0}}.hero .lede{color:var(--ink-2);max-width:46ch;margin-top:24px;font-size:1.18rem}.hero .cta-row{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.showpiece{place-items:center;min-height:360px;display:grid;position:relative}.diecut{transition:transform .4s cubic-bezier(.2,.8,.2,1);position:relative;transform:rotate(-4deg)}.diecut:hover{transform:rotate(-1deg)translateY(-6px)}.sticker-body{border:2px solid var(--ink);border-radius:var(--r-md);box-shadow:var(--hard);background:#fff;place-items:center;width:236px;height:236px;padding:26px;display:grid;position:relative}.sticker-body .art{width:172px;height:172px}.cutline{border:2px dashed var(--accent);pointer-events:none;opacity:.75;border-radius:9px;position:absolute;inset:-12px}.spec-tag{font-family:var(--font-tag);color:var(--on-accent);background:var(--accent);border-radius:var(--r-sm);letter-spacing:.03em;padding:4px 7px;font-size:.56rem;position:absolute}.pop-badge{background:var(--pop);color:#15151a;border:2px solid var(--ink);font-family:var(--font-tag);border-radius:var(--r-sm);box-shadow:var(--hard-ink);padding:6px 9px;font-size:.58rem;position:absolute;top:-20px;left:-24px;transform:rotate(-8deg)}.btn{font-family:var(--font-body);letter-spacing:-.01em;border-radius:var(--r-md);border:2px solid var(--ink);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:13px 20px;font-size:.94rem;font-weight:800;line-height:1;transition:transform .1s,box-shadow .1s,background .15s;display:inline-flex}.btn:focus-visible{outline:3px solid var(--accent-soft);outline-offset:2px}.btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:var(--hard-ink)}.btn-primary:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-1px,-1px)}.btn-primary:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.btn-secondary{background:var(--surface);color:var(--ink);box-shadow:var(--hard-ink)}.btn-secondary:hover{box-shadow:6px 6px 0 var(--accent);transform:translate(-1px,-1px)}.btn-secondary:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.btn-ghost{color:var(--ink);box-shadow:none;background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--surface-2)}.btn-pop{background:var(--pop);color:#15151a;box-shadow:var(--hard-ink)}.btn-pop:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-1px,-1px)}.btn-pop:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.btn-sm{border-width:2px;padding:9px 14px;font-size:.82rem}.btn-lg{padding:16px 26px;font-size:1.02rem}.btn[disabled]{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.btn svg{width:17px;height:17px}.card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-lg)}.cols-2{grid-template-columns:1fr 1fr;gap:22px;display:grid}.stack{flex-direction:column;gap:16px;display:flex}.row-wrap{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.swatch-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:14px;display:grid}.swatch{border:1.5px solid var(--ink);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--hard-ink);overflow:hidden}.swatch .chip{border-bottom:1.5px solid var(--ink);height:70px}.swatch .meta{padding:9px 11px}.swatch .nm{font-size:.86rem;font-weight:800}.swatch .hx{font-family:var(--font-tag);color:var(--ink-2);margin-top:4px;font-size:.58rem}.swatch .vr{font-family:var(--font-tag);color:var(--accent-ink);margin-top:5px;font-size:.55rem}.ramp{border:1.5px solid var(--ink);border-radius:var(--r-md);display:flex;overflow:hidden}.ramp span{border-right:1.5px solid var(--ink);flex:1;height:44px}.ramp span:last-child{border-right:none}.face-card{border:1.5px solid var(--border);border-radius:var(--r-lg);background:var(--surface);padding:22px}.face-card .big{font-family:var(--font-pixel);color:var(--accent);font-size:3rem;font-weight:700;line-height:1}.face-card.tagf .big{font-family:var(--font-tag);font-size:2rem}.face-card.bodyf .big{font-family:var(--font-body);color:var(--ink);font-weight:800}.face-card .name{margin-top:16px;font-weight:800}.face-card .role{color:var(--ink-2);font-size:.88rem}.face-card .set{color:var(--ink-3);margin-top:8px;font-size:.78rem}.type-row{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:baseline;gap:20px;padding:15px 0;display:flex}.type-row .tg{font-family:var(--font-tag);color:var(--ink-3);letter-spacing:.03em;flex:none;width:168px;font-size:.58rem}.type-row .sample{flex:1;min-width:220px}.scale-row{align-items:center;gap:14px;padding:7px 0;display:flex}.scale-row .bar{background:var(--accent);border-radius:2px;height:14px}.scale-row .lbl{font-family:var(--font-tag);color:var(--ink-2);width:118px;font-size:.6rem}.radii-row{flex-wrap:wrap;gap:16px;display:flex}.radii-row .box{background:var(--accent-soft);border:2px solid var(--accent);place-items:end center;width:84px;height:84px;padding-bottom:6px;display:grid}.radii-row .box span{font-family:var(--font-tag);color:var(--accent-ink);font-size:.55rem}.elev-row{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:22px;display:grid}.elev-row .box{background:var(--surface);border:2px solid var(--ink);border-radius:var(--r-md);height:90px;font-family:var(--font-tag);color:var(--ink-2);place-items:center;font-size:.58rem;display:grid}.field{flex-direction:column;gap:7px;display:flex}.field label{color:var(--ink);font-size:.8rem;font-weight:800}.field .hint{color:var(--ink-3);font-size:.76rem}.input,.select{font-family:var(--font-body);color:var(--ink);background:var(--surface);border:2px solid var(--border-strong);border-radius:var(--r-md);width:100%;padding:11px 13px;font-size:.95rem;transition:box-shadow .12s,border-color .12s}.input::placeholder{color:var(--ink-3)}.input:focus,.select:focus{border-color:var(--accent);box-shadow:3px 3px 0 var(--accent);outline:none}.input.err{border-color:var(--danger)}.input.err:focus{box-shadow:3px 3px 0 var(--danger)}.stepper{border:2px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);align-items:stretch;display:inline-flex;overflow:hidden}.stepper button{background:var(--surface-2);color:var(--ink);cursor:pointer;width:38px;font-size:1.15rem;font-family:var(--font-pixel);border:none}.stepper button:hover{background:var(--accent);color:var(--on-accent)}.stepper input{text-align:center;width:56px;font-family:var(--font-body);font-variant-numeric:tabular-nums;color:var(--ink);background:0 0;border:none;font-size:1rem;font-weight:700}.stepper input:focus{outline:none}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip-tag{border-radius:var(--r-sm);border:2px solid var(--border-strong);color:var(--ink);background:var(--surface);cursor:pointer;padding:6px 12px;font-size:.8rem;font-weight:800}.chip-tag.on{background:var(--accent);color:var(--on-accent);border-color:var(--ink);box-shadow:2px 2px 0 var(--ink)}.badge{font-family:var(--font-tag);border-radius:var(--r-sm);letter-spacing:.03em;border:1.5px solid;align-items:center;gap:6px;padding:5px 9px;font-size:.56rem;display:inline-flex}.badge.ok{color:var(--mint);background:var(--mint-soft)}.badge.warn{color:var(--amber);background:var(--amber-soft)}.badge.new{color:var(--accent-ink);background:var(--accent-soft)}.product-grid{grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:22px;display:grid}.product{background:var(--surface);border:2px solid var(--ink);border-radius:var(--r-lg);box-shadow:var(--hard-ink);flex-direction:column;transition:transform .12s,box-shadow .12s;display:flex;overflow:hidden}.product:hover{box-shadow:7px 7px 0 var(--accent);transform:translate(-2px,-2px)}.product .stage{background:var(--surface-2);border-bottom:2px solid var(--ink);place-items:center;height:176px;display:grid;position:relative;overflow:hidden}.product .stage.gridpaper{background-color:var(--surface-2)}.product .mini-sticker{border:2px solid var(--ink);border-radius:var(--r-sm);width:112px;height:112px;box-shadow:3px 3px 0 var(--accent);background:#fff;place-items:center;padding:14px;transition:transform .25s;display:grid;position:relative;transform:rotate(-4deg)}.product:hover .mini-sticker{transform:rotate(0)scale(1.05)}.product .mini-sticker .art{width:100%;height:100%}.product .body{flex-direction:column;flex:1;gap:10px;padding:15px 16px 16px;display:flex}.product .title-row{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.product .pname{font-family:var(--font-body);font-size:1.05rem;font-weight:800}.product .psub{color:var(--ink-3);font-family:var(--font-tag);letter-spacing:.03em;margin-top:4px;font-size:.56rem}.product .price{font-family:var(--font-body);color:var(--ink);font-variant-numeric:tabular-nums;font-size:1.2rem;font-weight:800}.product .sizes{gap:6px;display:flex}.size-pill{font-family:var(--font-tag);border-radius:var(--r-sm);border:1.5px solid var(--border-strong);color:var(--ink-2);padding:5px 8px;font-size:.56rem}.size-pill.on{border-color:var(--ink);color:var(--on-accent);background:var(--accent)}.product .foot{align-items:center;gap:8px;margin-top:auto;padding-top:4px;display:flex}.nav-demo{background:var(--surface);border:2px solid var(--ink);border-radius:var(--r-lg);height:64px;box-shadow:var(--hard-ink);align-items:center;gap:22px;padding:0 20px;display:flex}.nav-demo .links{gap:22px;margin-left:6px;display:flex}.nav-demo .links a{color:var(--ink-2);padding:4px 0;font-size:.9rem;font-weight:800;text-decoration:none;position:relative}.nav-demo .links a.active{color:var(--ink)}.nav-demo .links a.active:after{content:"";background:var(--accent);height:3px;position:absolute;bottom:-3px;left:0;right:0}.nav-demo .links a:hover{color:var(--ink)}.cart-btn{border-radius:var(--r-md);border:2px solid var(--ink);background:var(--surface);width:42px;height:42px;color:var(--ink);box-shadow:2px 2px 0 var(--ink);cursor:pointer;place-items:center;display:inline-grid;position:relative}.cart-btn .count{background:var(--pop);color:#15151a;border:2px solid var(--ink);font-family:var(--font-tag);border-radius:var(--r-sm);place-items:center;min-width:19px;height:19px;padding:0 3px;font-size:.5rem;display:grid;position:absolute;top:-8px;right:-8px}.drawer{background:var(--surface);border:2px solid var(--ink);border-radius:var(--r-lg);width:min(374px,100%);box-shadow:var(--hard-ink);flex-direction:column;display:flex;overflow:hidden}.drawer .dh{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:center;padding:17px 20px;display:flex}.drawer .dh h4{font-family:var(--font-pixel);font-size:1.05rem;font-weight:700}.dclose{border-radius:var(--r-sm);border:2px solid var(--ink);background:var(--surface-2);width:30px;height:30px;color:var(--ink);cursor:pointer;font-family:var(--font-tag);font-size:.7rem}.cart-item{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:14px 20px;display:flex}.cart-item .thumb{border-radius:var(--r-sm);background:var(--surface-2);border:2px solid var(--ink);flex:none;place-items:center;width:52px;height:52px;padding:8px;display:grid}.cart-item .thumb .art{width:100%;height:100%}.cart-item .ci-name{font-size:.92rem;font-weight:800}.cart-item .ci-meta{font-family:var(--font-tag);color:var(--ink-3);letter-spacing:.03em;margin-top:4px;font-size:.54rem}.cart-item .ci-price{font-family:var(--font-body);font-variant-numeric:tabular-nums;margin-left:auto;font-weight:800}.drawer .df{background:var(--surface-2);border-top:2px solid var(--ink);flex-direction:column;gap:12px;padding:18px 20px;display:flex}.drawer .df .line{color:var(--ink-2);justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.drawer .df .line .mono{font-family:var(--font-tag);font-size:.6rem}.drawer .df .line .num{font-family:var(--font-body);font-variant-numeric:tabular-nums;color:var(--ink);font-size:.92rem;font-weight:600}.drawer .df .total{font-family:var(--font-body);color:var(--ink);letter-spacing:-.01em;font-size:1.05rem;font-weight:800}.drawer .df .total b{font-variant-numeric:tabular-nums;font-size:1.2rem;font-weight:800}.foot-note{color:var(--ink-3);text-align:center;padding:52px 0 76px;font-size:.85rem}.foot-note .tag{color:var(--ink-2)}@media (width<=840px){.hero .grid2{grid-template-columns:1fr;gap:30px}.showpiece{order:-1;min-height:300px}.cols-2{grid-template-columns:1fr}}@media (width<=480px){.hero h1{font-size:clamp(1.9rem,10.5vw,2.7rem)}.nav-demo{flex-wrap:wrap;height:auto;min-height:64px;padding:12px 16px}}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}.site-header{z-index:50;background:color-mix(in srgb, var(--bg) 82%, transparent);backdrop-filter:blur(12px);border-bottom:2px solid var(--ink);position:sticky;top:0}.site-header-inner{align-items:center;gap:22px;height:66px;display:flex}.site-header .brandmark{font-family:var(--font-pixel);color:var(--ink);font-size:1.15rem;font-weight:700}.site-header .links{gap:20px;display:flex}.site-header .links a{color:var(--ink-2);padding:6px 0;font-size:.9rem;font-weight:800;text-decoration:none;position:relative}.site-header .links a.active{color:var(--ink)}.site-header .links a.active:after{content:"";background:var(--accent);height:3px;position:absolute;bottom:-2px;left:0;right:0}.site-header .links a:hover{color:var(--ink)}@media (width<=760px){.site-header .links{display:none}}@media (width<=640px){.wrap{padding:0 16px}.site-header-inner{gap:8px}.site-header .brandmark{gap:7px;font-size:.98rem}.site-header .brandmark .glyph{width:24px;height:24px}.toggle{padding:8px}.toggle span,.header-store-link{display:none}}.page{min-height:62vh}.site-footer{border-top:2px solid var(--ink);background:var(--surface-2);margin-top:72px}.site-footer-inner{flex-wrap:wrap;justify-content:space-between;gap:32px;padding:44px 0 28px;display:flex}.site-footer .footer-cols{flex-wrap:wrap;gap:52px;display:flex}.site-footer .footer-cols a{color:var(--ink-2);padding:3px 0;font-size:.9rem;font-weight:600;text-decoration:none;display:block}.site-footer .footer-cols a:hover{color:var(--accent-ink)}.builder-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:20px;display:grid}.editor-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:16px;display:grid}@media (width<=900px){.builder-grid,.editor-grid{grid-template-columns:minmax(0,1fr)}}.cart-item .ci-name,.cart-item .ci-meta{overflow-wrap:anywhere}