.app-stage>astro-island{display:block}body[data-tool=dye] .app-stage,body[data-tool=dye] .app-stage>astro-island,.dg{height:auto;min-height:calc(100dvh - var(--app-bar-h,78px))}.dg{--dg-pad:clamp(16px, 3vw, 40px);--dg-glow:26%;--dg-wash:12%;--dg-scrim:#ccd3e2c2;font-family:var(--font-body);color:var(--color-ink);background:radial-gradient(circle at 50% -12%,oklab(62.279% .175023 -.0968119/.09),#0000 46%);position:relative}:root:has(>body[data-tool=dye]),body[data-tool=dye]{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:color-mix(in oklab, var(--color-ink) 26%, transparent) transparent}:root[data-dg-modal] body[data-tool=dye]{overflow:hidden}.dg__inner{max-width:1240px;padding:clamp(20px, 4vw, 48px) var(--dg-pad) clamp(40px, 6vw, 72px);gap:clamp(20px,3vw,32px);margin:0 auto;display:grid}.dg-px{image-rendering:pixelated}.dg-hero{text-align:center;justify-items:center;gap:12px;display:grid}.dg-hero__title{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:clamp(2.1rem,5vw,3.4rem);font-weight:800;line-height:1.02}.dg-hero__lede{max-width:62ch;color:var(--color-muted);margin:0;font-size:clamp(.98rem,1.4vw,1.12rem);line-height:1.55}.dg-art{flex:none;display:block;position:relative}.dg-art__layer{object-fit:contain;width:100%;height:100%;display:block}.dg-art__layer--over{position:absolute;inset:0}.dg-link{color:inherit;border-radius:10px;text-decoration:none;transition:color .14s,background-color .14s,box-shadow .14s}.dg-card .dg-link{z-index:2;position:relative}.dg-card .dg-link:hover,.dg-card .dg-link:focus-visible{color:color-mix(in oklab, var(--dg-tone) 55%, var(--color-ink))}.dg-card .dg-link:hover .dg-src__name,.dg-card .dg-link:focus-visible .dg-src__name{color:inherit;text-underline-offset:2px;text-decoration:underline}.dg-card .dg-mix__slot.dg-link:hover,.dg-card .dg-mix__slot.dg-link:focus-visible{background:color-mix(in oklab, var(--dg-tone) 20%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--dg-tone) 55%, transparent)}.dg-link:focus-visible{outline:2px solid color-mix(in oklab, var(--dg-tone) 62%, var(--color-ink));outline-offset:2px}.dg-wall{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.6vw,20px);display:grid}.dg-card{isolation:isolate;border:3px solid color-mix(in oklab, var(--dg-tone) 58%, var(--color-border));border-radius:var(--radius-md,18px);background:var(--color-surface,#fff);box-shadow:var(--shadow-card);color:var(--color-ink);text-align:center;will-change:transform;align-content:start;justify-items:center;gap:10px;padding:0 0 20px;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid;position:relative;overflow:hidden;transform:translate(0,0)}.dg-card__open{z-index:1;border-radius:inherit;appearance:none;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.dg-card__open:focus-visible{outline:none}.dg-card:before{content:"";z-index:-1;background:radial-gradient(68% 74% at 50% 26%, color-mix(in oklab, var(--dg-tone) var(--dg-glow), transparent), transparent 72%), linear-gradient(to bottom, color-mix(in oklab, var(--dg-tone) var(--dg-wash), transparent), transparent);pointer-events:none;height:220px;position:absolute;inset:0 0 auto}.dg-card:has(.dg-card__open:hover){border-color:color-mix(in oklab, var(--dg-tone) 82%, var(--color-border));box-shadow:var(--shadow-card-hover,0 18px 40px #2f416e24);transform:translateY(-3px)}.dg-card:has(.dg-card__open:focus-visible){border-color:color-mix(in oklab, var(--dg-tone) 82%, var(--color-ink));box-shadow:0 0 0 4px color-mix(in oklab, var(--dg-tone) 34%, transparent)}.dg-card--on{border-color:color-mix(in oklab, var(--dg-tone) 75%, var(--color-ink));box-shadow:0 0 0 3px color-mix(in oklab, var(--dg-tone) 40%, transparent), var(--shadow-card-hover,0 18px 40px #2f416e24)}.dg-card__top{justify-content:center;align-items:center;width:100%;padding:clamp(14px,1.8vw,22px) 12px 0;display:flex}.dg-card__art{flex:none;width:clamp(112px,10vw,148px);height:clamp(112px,10vw,148px);position:relative}.dg-card__flat{object-fit:contain;filter:drop-shadow(0 6px 10px #0003);width:100%;height:100%;position:absolute;inset:0}.dg-card__name{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.38rem;font-weight:800;line-height:1.1}.dg-card__lists{gap:10px;width:100%;min-width:0;margin-top:2px;padding:0 clamp(12px,1.4vw,18px);display:grid}.dg-card__rows{gap:8px;min-width:0;display:grid}.dg-card__rule{background:color-mix(in oklab, var(--dg-tone) 46%, var(--color-border));height:1px;margin:2px 0}.dg-src{text-align:left;align-items:center;gap:10px;display:flex}.dg-src__link{flex:auto;align-items:center;gap:10px;min-width:0;display:flex}.dg-src__art{width:44px;height:44px}.dg-src__furnace{object-fit:contain;flex:none;width:44px;height:44px;margin-left:-8px}.dg-src__name{color:var(--color-ink-soft);font-size:1rem;font-weight:600;line-height:1.3}.dg-chip{background:color-mix(in oklab, var(--dg-tone) 26%, var(--color-surface-soft));font-variant-numeric:tabular-nums;color:var(--color-ink);border-radius:999px;flex:none;padding:2px 8px;font-size:.74rem;font-weight:800;line-height:1.5}.dg-src>.dg-chip{margin-left:auto}.dg-mix{align-items:center;gap:4px;min-width:0;display:flex}.dg-mix__slot{flex:0 auto;width:36px;min-width:20px;display:block}.dg-mix__art,.dg-mix__dye,.dg-mix__art>.dg-art__layer{width:100%;height:auto;display:block}.dg-mix__plus,.dg-mix__arrow{color:var(--color-muted);flex:none}.dg-mix__plus{font-size:.82rem;font-weight:800}.dg-mix__arrow{font-size:1.2rem;line-height:1}.dg-modal{--dg-modal-pad:clamp(12px, 3vw, 40px);--dgm-surface:#fcfcfd;--dgm-panel:#fff;--dgm-soft:#f6f7f9;--dgm-ink:#1e293b;--dgm-ink-soft:#3d4a5f;--dgm-muted:#5c6b83;--dgm-border:#e5e8ee;--dgm-border-strong:#d2d8e3;--dgm-scroll:#c9d0dc;--dgm-scroll-hot:#a9b3c4;--dgm-hairline:#0f172a3d;--dgm-halo:0 0 1px #0f172a8c, 0 1px 2px #0f172a33;--dgm-shadow:0 30px 70px #0f172a38, 0 2px 10px #0f172a14;--dgm-edge:color-mix(in oklab, var(--dg-tone) 58%, var(--dgm-border));width:100%;max-width:none;height:100dvh;max-height:none;padding:var(--dg-modal-pad);perspective:2200px;background:var(--dg-scrim);backdrop-filter:blur(3px);border:0;place-items:center;margin:0;animation:.2s ease-out dg-scrim-in;display:grid;overflow:hidden}.dg-modal::backdrop{background:0 0}@keyframes dg-scrim-in{0%{opacity:0}}@keyframes dg-panel-in{0%{opacity:0;transform:scale(.95)}}.dg-modal__flip{width:min(1000px,100%);display:grid;position:relative}.dg-modal__flip--3d{transform-style:preserve-3d}.dg-modal__flip--3d .dg-modal__panel{backface-visibility:hidden}.dg-modal__face{border:3px solid var(--dgm-edge);background:radial-gradient(70% 60% at 50% 40%, color-mix(in oklab, var(--dg-tone) 34%, transparent), transparent 72%), color-mix(in oklab, var(--dg-tone) 10%, var(--color-surface,#fff));box-shadow:var(--shadow-float,0 30px 70px #07143d47);backface-visibility:hidden;transform-style:preserve-3d;pointer-events:none;border-radius:16px;place-items:center;display:grid;position:absolute;inset:0;transform:rotateY(180deg)}.dg-modal__face-inner{transform-style:preserve-3d;align-items:center;gap:16px;display:flex}.dg-modal__face-art{object-fit:contain;filter:drop-shadow(0 10px 16px #0000004d);backface-visibility:hidden;width:116px;height:116px;transform:translateZ(40px)}.dg-modal__face-chip{background:var(--dg-tone);width:56px;height:56px;box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--color-ink) 34%, transparent), 0 6px 16px color-mix(in oklab, var(--dg-tone) 42%, transparent);backface-visibility:hidden;border-radius:16px;transform:translateZ(18px)}.dg-modal__panel{--color-ink:var(--dgm-ink);--color-ink-soft:var(--dgm-ink-soft);--color-muted:var(--dgm-muted);--color-border:var(--dgm-border);--color-border-strong:var(--dgm-border-strong);--color-surface:var(--dgm-panel);--color-surface-soft:var(--dgm-soft);isolation:isolate;width:100%;max-height:calc(100dvh - var(--dg-modal-pad) * 2);overscroll-behavior:contain;border:3px solid var(--dgm-edge);background:var(--dgm-surface);color:var(--dgm-ink);box-shadow:var(--dgm-shadow);border-radius:16px;animation:.24s cubic-bezier(.2,.9,.3,1.1) dg-panel-in;position:relative;overflow-y:auto}.dg-modal__panel:before{content:"";z-index:-1;background:radial-gradient(68% 74% at 50% 26%, color-mix(in oklab, var(--dg-tone) var(--dg-glow), transparent), transparent 72%), linear-gradient(to bottom, color-mix(in oklab, var(--dg-tone) var(--dg-wash), transparent), transparent);pointer-events:none;height:220px;position:absolute;inset:0 0 auto}.dg-modal__panel--flip{animation:none}@supports not selector(::-webkit-scrollbar){.dg-modal__panel{scrollbar-width:thin;scrollbar-color:color-mix(in oklab, var(--dg-tone) 30%, var(--dgm-scroll)) transparent}}.dg-modal__panel::-webkit-scrollbar{width:12px}.dg-modal__panel::-webkit-scrollbar-track{background:0 0;margin:14px 0}.dg-modal__panel::-webkit-scrollbar-thumb{background-color:color-mix(in oklab, var(--dg-tone) 26%, var(--dgm-scroll));background-clip:content-box;border:4px solid #0000;border-radius:999px}.dg-modal__panel::-webkit-scrollbar-thumb:hover{background-color:color-mix(in oklab, var(--dg-tone) 50%, var(--dgm-scroll-hot))}.dg-modal__panel::-webkit-scrollbar-corner{background:0 0}.dg-modal__panel:focus{outline:none}.dg-modal__inner{padding:clamp(20px,3vw,34px);position:relative}.dg-modal__closebar{z-index:5;justify-content:flex-end;height:0;display:flex;position:sticky;top:clamp(10px,1.6vw,16px)}.dg-modal__close{border:1px solid var(--dgm-border-strong);background:var(--dgm-panel);width:36px;height:36px;color:var(--dgm-muted);cursor:pointer;border-radius:999px;flex:none;place-items:center;transition:background-color .16s,border-color .16s,color .16s;display:grid}.dg-modal__close svg{width:16px;height:16px}.dg-modal__close:hover{border-color:color-mix(in oklab, var(--dg-tone) 50%, var(--dgm-border-strong));background:var(--dgm-soft);color:var(--dgm-ink)}.dg-modal__close:focus-visible{border-color:var(--dg-tone);color:var(--dgm-ink);box-shadow:0 0 0 4px color-mix(in oklab, var(--dg-tone) 26%, transparent);outline:none}.dg-modal .dg-link:hover{color:var(--dgm-ink);background:color-mix(in oklab, var(--dg-tone) 14%, var(--dgm-soft));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--dg-tone) 45%, var(--dgm-border-strong))}.dg-detail{gap:clamp(18px,2.4vw,26px);display:grid}.dg-detail__head{align-items:center;gap:clamp(14px,2vw,20px);padding-right:46px;display:flex}.dg-detail__icon{object-fit:contain;flex:none;width:clamp(66px,7vw,84px);height:clamp(66px,7vw,84px)}.dg-detail__titles{flex:auto;gap:6px;min-width:0;display:grid}.dg-detail__titlerow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dg-detail__chip{background:var(--dg-tone);width:30px;height:30px;box-shadow:inset 0 0 0 1px var(--dgm-hairline), 0 0 0 1px var(--dgm-border-strong);border-radius:9px;flex:none}.dg-detail__name{font-family:var(--font-display);letter-spacing:-.02em;color:var(--dgm-ink);margin:0;font-size:clamp(1.5rem,2.8vw,2rem);font-weight:800;line-height:1.1}.dg-detail__hex{border:1px solid var(--dgm-border);background:var(--dgm-panel);font-variant-numeric:tabular-nums;color:var(--dgm-muted);border-radius:999px;margin-left:auto;padding:4px 10px;font-size:.78rem;font-weight:700}.dg-sec{gap:10px;display:grid}.dg-sec__label{letter-spacing:.1em;text-transform:uppercase;color:var(--dgm-muted);margin:0;font-size:.74rem;font-weight:700}.dg-recipes{border:1px solid var(--dgm-border);background:var(--dgm-panel);border-radius:12px;margin:0;padding:0;list-style:none;display:grid}.dg-recipe{--dg-src-icon:58px;--dg-src-gap:4px;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:6px 12px;padding:10px 14px;display:flex}.dg-recipe+.dg-recipe{border-top:1px solid var(--dgm-border)}.dg-recipe__in{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:6px;display:inline-flex}.dg-ing__img{width:52px;height:52px}.dg-ing__count{background:var(--color-ink);color:var(--color-surface,#fff);border-radius:6px;padding:0 4px;font-size:.68rem;font-weight:800;position:absolute;bottom:-2px;right:-2px}.dg-furnace{flex:none;justify-items:center;gap:2px;display:inline-grid}.dg-furnace__img{width:52px;height:52px}.dg-furnace__label{letter-spacing:.05em;text-transform:uppercase;color:var(--color-muted);font-size:.68rem;font-weight:700}.dg-recipe__arrow,.dg-recipe__plus{box-sizing:border-box;height:var(--dg-src-icon);color:var(--dgm-muted);flex:none;align-items:center;display:inline-flex}.dg-recipe__arrow{font-size:1.6rem;line-height:1}.dg-recipe__plus{font-size:1.15rem;font-weight:800;line-height:1}.dg-recipe__result{align-items:flex-start;gap:6px;display:inline-flex}.dg-recipe__yield{box-sizing:border-box;height:var(--dg-src-icon);flex:none;align-items:center;display:inline-flex}.dg-recipe__dye{width:52px;height:52px}.dg-modal .dg-chip{background:color-mix(in oklab, var(--dg-tone) 26%, var(--dgm-soft));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--dg-tone) 45%, var(--dgm-border-strong));color:var(--dgm-ink)}.dg-fig{justify-items:center;gap:var(--dg-src-gap);flex:none;width:88px;padding-bottom:2px;display:grid}.dg-fig__art{width:var(--dg-src-icon);height:var(--dg-src-icon);place-items:center;display:grid;position:relative}.dg-fig__cap{text-align:center;color:var(--dgm-ink-soft);font-size:.76rem;font-weight:600;line-height:1.25}.dg-recipe .dg-furnace{gap:var(--dg-src-gap)}.dg-recipe .dg-furnace__img{margin-block:calc((var(--dg-src-icon) - 52px) / 2)}.dg-blocks,.dg-beyond{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;display:grid}.dg-tile{border:1px solid var(--dgm-border);background:var(--dgm-panel);color:var(--dgm-ink);border-radius:10px;justify-items:center;gap:6px;margin:0;padding:10px 6px 9px;display:grid}.dg-tile__art{place-items:center;width:72px;height:72px;display:grid}.dg-tile__img{object-fit:contain;width:100%;height:100%}.dg-tile__label{text-align:center;color:var(--dgm-ink-soft);font-size:.74rem;font-weight:600;line-height:1.25}.dg-tint{width:100%;height:100%;display:block;position:relative}.dg-tint>img{object-fit:contain;width:100%;height:100%;display:block}.dg-tint__wash{mix-blend-mode:multiply;pointer-events:none;position:absolute;inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.dg-stack{width:100%;height:100%;display:block;position:relative}.dg-stack__base{object-fit:contain;width:100%;height:100%;display:block}.dg-stack__over{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.dg-beyond__art .dg-px,.dg-beyond__sprite{image-rendering:pixelated}.dg-beyond__sprite{width:64px;height:64px}.dg-beyond__mob{object-fit:contain;width:100%;height:100%}.dg-signtext{font-family:var(--font-display);text-shadow:var(--dgm-halo);font-size:2.3rem;font-weight:800;line-height:1}.dg-foot-note{border-top:1px solid var(--dgm-border);flex-wrap:wrap;align-items:center;gap:10px 16px;padding-top:clamp(14px,2vw,20px);display:flex}.dg-foot-note__spark{width:20px;height:20px;color:color-mix(in oklab, var(--dg-tone) 55%, var(--dgm-muted));flex:none}.dg-foot-note__copy{color:var(--dgm-muted);flex:260px;margin:0;font-size:.9rem;line-height:1.5}.dg-collars{flex:none;align-items:flex-end;gap:12px;margin-left:auto;display:flex}.dg-collars__win{--dg-collar-img:240px;--dg-face:.74;flex:none;position:relative;overflow:hidden;transform:scaleX(-1)}.dg-collars__mob{top:calc(3px - var(--dg-collar-img) * var(--dg-crown));left:calc(100% - 4px - var(--dg-collar-img) * var(--dg-face));width:var(--dg-collar-img);height:var(--dg-collar-img);max-width:none;position:absolute}.dg-collars__win--wolf{--dg-crown:.33;width:92px;height:86px}.dg-collars__win--cat{--dg-crown:.334;width:88px;height:68px}.dg-trade{border:1px solid var(--color-border);border-radius:var(--radius,22px);background:var(--color-surface-soft,#f8faff);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(14px,3vw,36px);padding:clamp(14px,2vw,22px) clamp(18px,3vw,32px);display:grid}.dg-trade__crew{--dg-mob:clamp(170px, 18vw, 230px);--dg-crew-h:calc(var(--dg-mob) * .58 + 8px);height:var(--dg-crew-h);align-items:flex-end;display:flex;overflow:hidden}.dg-trade__crew--sheep{--dg-crew-h:calc(var(--dg-mob) * .555 + 8px)}.dg-trade__mob{width:auto;height:var(--dg-mob);margin-bottom:calc(4px - var(--dg-mob) * .219)}.dg-trade__mob--llama{height:calc(var(--dg-mob) * .9);margin-bottom:calc(4px - var(--dg-mob) * .186);margin-left:calc(var(--dg-mob) * -.571)}.dg-jeb{margin-bottom:calc(4px - var(--dg-mob) * .16);place-items:end center;display:grid;transform:scaleX(-1)}.dg-jeb__img{width:auto;height:calc(var(--dg-mob) * .92);opacity:0;grid-area:1/1;transition:opacity .42s}.dg-jeb__img--on{opacity:1}.dg-trade__copy{text-align:center;color:var(--color-ink-soft);align-self:center;margin:0;font-size:clamp(.92rem,1.2vw,1.02rem);line-height:1.55}.dg-foot{text-align:center;color:var(--color-muted);margin:0;font-size:.8rem}:root[data-theme=dark] .dg{--dg-glow:32%;--dg-wash:15%;--dg-scrim:color-mix(in srgb, var(--color-page-bg) 82%, transparent)}:root[data-theme=dark] .dg-card{border-color:color-mix(in oklab, var(--dg-tone) 46%, var(--color-border));background:color-mix(in oklab, var(--dg-tone) 6%, var(--color-surface,#111a32))}:root[data-theme=dark] .dg-card:has(.dg-card__open:hover){border-color:color-mix(in oklab, var(--dg-tone) 70%, var(--color-border))}:root[data-theme=dark] .dg-card .dg-link:hover,:root[data-theme=dark] .dg-card .dg-link:focus-visible{color:color-mix(in oklab, var(--dg-tone) 72%, var(--color-ink))}:root[data-theme=dark] .dg-chip{background:color-mix(in oklab, var(--dg-tone) 34%, var(--color-surface,#111a32));color:var(--color-ink)}:root[data-theme=dark] .dg-modal .dg-chip{background:color-mix(in oklab, var(--dg-tone) 34%, var(--dgm-soft))}:root[data-theme=dark] .dg-modal{--dgm-surface:#111a32;--dgm-panel:#17213c;--dgm-soft:#1e2a49;--dgm-ink:#f6f8ff;--dgm-ink-soft:#e4e9ff;--dgm-muted:#9faad0;--dgm-border:#26314f;--dgm-border-strong:#36436b;--dgm-scroll:#3a4869;--dgm-scroll-hot:#55659a;--dgm-hairline:#f6f8ff4d;--dgm-halo:0 0 1px #f6f8ff73, 0 1px 2px #00000073;--dgm-shadow:0 30px 70px #0000008c, 0 2px 10px #00000052;--dgm-edge:color-mix(in oklab, var(--dg-tone) 46%, var(--dgm-border))}:root[data-theme=dark] .dg-modal__face{background:radial-gradient(70% 60% at 50% 40%, color-mix(in oklab, var(--dg-tone) 38%, transparent), transparent 72%), color-mix(in oklab, var(--dg-tone) 14%, var(--color-surface,#111a32))}:root[data-theme=dark] .dg-trade{background:var(--color-surface-soft,#17213c)}@media (width<=1200px){.dg-wall{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.dg-wall{grid-template-columns:minmax(0,1fr)}.dg-card__lists{max-width:380px;margin-inline:auto}.dg-trade{grid-template-columns:minmax(0,1fr);justify-items:center}.dg-trade__copy{order:-1}}@media (width<=640px){.dg-modal{--dg-modal-pad:0px}.dg-modal__flip{width:100%}.dg-modal__panel{border:0;border-radius:0;width:100%;height:100dvh;max-height:none}.dg-modal__face{border:0;border-radius:0}.dg-modal__inner{padding:18px 16px 26px}.dg-detail__head{flex-wrap:wrap;gap:12px}.dg-detail__titles{flex:100%}.dg-detail__hex{margin-left:0}.dg-blocks,.dg-beyond{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}.dg-collars{margin-inline:auto}}@media (prefers-reduced-motion:reduce){.dg-card,.dg-link,.dg-modal__close{transition:none}.dg-card:has(.dg-card__open:hover){transform:translate(0,0)}.dg-modal,.dg-modal__panel{animation:none}.dg-jeb__img{transition:none}}