.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: color-mix(in srgb, #ccd3e2 76%, transparent);position:relative;font-family:var(--font-body);color:var(--color-ink);background:radial-gradient(circle at 50% -12%,color-mix(in oklab,#c74ebd 9%,transparent),transparent 46%)}: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{display:grid;gap:clamp(20px,3vw,32px);max-width:1240px;margin:0 auto;padding:clamp(20px,4vw,48px) var(--dg-pad) clamp(40px,6vw,72px)}.dg-px{image-rendering:pixelated}.dg-hero{display:grid;gap:12px;text-align:center;justify-items:center}.dg-hero__title{margin:0;font-family:var(--font-display);font-size:clamp(2.1rem,5vw,3.4rem);font-weight:800;letter-spacing:-.04em;line-height:1.02}.dg-hero__lede{margin:0;max-width:62ch;font-size:clamp(.98rem,1.4vw,1.12rem);line-height:1.55;color:var(--color-muted)}.dg-art{position:relative;display:block;flex:none}.dg-art__layer{display:block;width:100%;height:100%;object-fit:contain}.dg-art__layer--over{position:absolute;inset:0}.dg-link{color:inherit;text-decoration:none;border-radius:10px;transition:color .14s ease,background-color .14s ease,box-shadow .14s ease}.dg-card .dg-link{position:relative;z-index:2}.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-decoration:underline;text-underline-offset:2px}.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{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.6vw,20px)}.dg-card{position:relative;isolation:isolate;display:grid;align-content:start;justify-items:center;gap:10px;overflow:hidden;padding:0 0 20px;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;transform:translateZ(0);will-change:transform;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.dg-card__open{position:absolute;inset:0;z-index:1;padding:0;border:0;border-radius:inherit;background:transparent;appearance:none;cursor:pointer}.dg-card__open:focus-visible{outline:none}.dg-card:before{content:"";position:absolute;inset:0 0 auto;z-index:-1;height:220px;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}.dg-card:has(.dg-card__open:hover){transform:translate3d(0,-3px,0);border-color:color-mix(in oklab,var(--dg-tone) 82%,var(--color-border));box-shadow:var(--shadow-card-hover, 0 18px 40px rgb(47 65 110 / 14%))}.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 rgb(47 65 110 / 14%))}.dg-card__top{display:flex;align-items:center;justify-content:center;width:100%;padding:clamp(14px,1.8vw,22px) 12px 0}.dg-card__art{position:relative;flex:none;width:clamp(112px,10vw,148px);height:clamp(112px,10vw,148px)}.dg-card__flat{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 10px rgb(0 0 0 / 20%))}.dg-card__name{font-family:var(--font-display);font-size:1.38rem;font-weight:800;letter-spacing:-.01em;line-height:1.1}.dg-card__lists{display:grid;gap:10px;width:100%;min-width:0;margin-top:2px;padding:0 clamp(12px,1.4vw,18px)}.dg-card__rows{display:grid;gap:8px;min-width:0}.dg-card__rule{height:1px;margin:2px 0;background:color-mix(in oklab,var(--dg-tone) 46%,var(--color-border))}.dg-src{display:flex;align-items:center;gap:10px;text-align:left}.dg-src__link{display:flex;flex:1 1 auto;min-width:0;align-items:center;gap:10px}.dg-src__art{width:44px;height:44px}.dg-src__furnace{flex:none;width:44px;height:44px;margin-left:-8px;object-fit:contain}.dg-src__name{font-size:1rem;font-weight:600;line-height:1.3;color:var(--color-ink-soft)}.dg-chip{flex:none;padding:2px 8px;border-radius:999px;background:color-mix(in oklab,var(--dg-tone) 26%,var(--color-surface-soft));font-size:.74rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.5;color:var(--color-ink)}.dg-src>.dg-chip{margin-left:auto}.dg-mix{display:flex;min-width:0;align-items:center;gap:4px}.dg-mix__slot{display:block;flex:0 1 auto;width:36px;min-width:20px}.dg-mix__art,.dg-mix__dye,.dg-mix__art>.dg-art__layer{display:block;width:100%;height:auto}.dg-mix__plus,.dg-mix__arrow{flex:none;color:var(--color-muted)}.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: #ffffff;--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: rgb(15 23 42 / 24%);--dgm-halo: 0 0 1px rgb(15 23 42 / 55%), 0 1px 2px rgb(15 23 42 / 20%);--dgm-shadow: 0 30px 70px rgb(15 23 42 / 22%), 0 2px 10px rgb(15 23 42 / 8%);--dgm-edge: color-mix(in oklab, var(--dg-tone) 58%, var(--dgm-border));display:grid;place-items:center;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;margin:0;padding:var(--dg-modal-pad);border:0;overflow:hidden;perspective:2200px;background:var(--dg-scrim);backdrop-filter:blur(3px);animation:dg-scrim-in .2s ease-out}.dg-modal::backdrop{background:transparent}@keyframes dg-scrim-in{0%{opacity:0}}@keyframes dg-panel-in{0%{transform:scale(.95);opacity:0}}.dg-modal__flip{position:relative;display:grid;width:min(1000px,100%)}.dg-modal__flip--3d{transform-style:preserve-3d}.dg-modal__flip--3d .dg-modal__panel{backface-visibility:hidden}.dg-modal__face{position:absolute;inset:0;display:grid;place-items:center;border:3px solid var(--dgm-edge);border-radius:16px;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 rgb(7 20 61 / 28%));backface-visibility:hidden;transform:rotateY(180deg);transform-style:preserve-3d;pointer-events:none}.dg-modal__face-inner{display:flex;align-items:center;gap:16px;transform-style:preserve-3d}.dg-modal__face-art{width:116px;height:116px;object-fit:contain;filter:drop-shadow(0 10px 16px rgb(0 0 0 / 30%));backface-visibility:hidden;transform:translateZ(40px)}.dg-modal__face-chip{width:56px;height:56px;border-radius:16px;background:var(--dg-tone);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;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);position:relative;isolation:isolate;width:100%;max-height:calc(100dvh - var(--dg-modal-pad) * 2);overflow-y:auto;overscroll-behavior:contain;border:3px solid var(--dgm-edge);border-radius:16px;background:var(--dgm-surface);color:var(--dgm-ink);box-shadow:var(--dgm-shadow);animation:dg-panel-in .24s cubic-bezier(.2,.9,.3,1.1)}.dg-modal__panel:before{content:"";position:absolute;inset:0 0 auto;z-index:-1;height:220px;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}.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{margin:14px 0;background:transparent}.dg-modal__panel::-webkit-scrollbar-thumb{border:4px solid transparent;border-radius:999px;background-color:color-mix(in oklab,var(--dg-tone) 26%,var(--dgm-scroll));background-clip:content-box}.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:transparent}.dg-modal__panel:focus{outline:none}.dg-modal__inner{position:relative;padding:clamp(20px,3vw,34px)}.dg-modal__closebar{position:sticky;top:clamp(10px,1.6vw,16px);z-index:5;display:flex;justify-content:flex-end;height:0}.dg-modal__close{display:grid;flex:none;place-items:center;width:36px;height:36px;border:1px solid var(--dgm-border-strong);border-radius:999px;background:var(--dgm-panel);color:var(--dgm-muted);cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.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{outline:none;border-color:var(--dg-tone);color:var(--dgm-ink);box-shadow:0 0 0 4px color-mix(in oklab,var(--dg-tone) 26%,transparent)}.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{display:grid;gap:clamp(18px,2.4vw,26px)}.dg-detail__head{display:flex;align-items:center;gap:clamp(14px,2vw,20px);padding-right:46px}.dg-detail__icon{flex:none;width:clamp(66px,7vw,84px);height:clamp(66px,7vw,84px);object-fit:contain}.dg-detail__titles{display:grid;flex:1 1 auto;min-width:0;gap:6px}.dg-detail__titlerow{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.dg-detail__chip{flex:none;width:30px;height:30px;border-radius:9px;background:var(--dg-tone);box-shadow:inset 0 0 0 1px var(--dgm-hairline),0 0 0 1px var(--dgm-border-strong)}.dg-detail__name{margin:0;font-family:var(--font-display);font-size:clamp(1.5rem,2.8vw,2rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;color:var(--dgm-ink)}.dg-detail__hex{margin-left:auto;padding:4px 10px;border:1px solid var(--dgm-border);border-radius:999px;background:var(--dgm-panel);font-size:.78rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--dgm-muted)}.dg-sec{display:grid;gap:10px}.dg-sec__label{margin:0;font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--dgm-muted)}.dg-recipes{display:grid;margin:0;padding:0;border:1px solid var(--dgm-border);border-radius:12px;background:var(--dgm-panel);list-style:none}.dg-recipe{--dg-src-icon: 58px;--dg-src-gap: 4px;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:6px 12px;padding:10px 14px}.dg-recipe+.dg-recipe{border-top:1px solid var(--dgm-border)}.dg-recipe__in{display:inline-flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:6px}.dg-ing__img{width:52px;height:52px}.dg-ing__count{position:absolute;right:-2px;bottom:-2px;padding:0 4px;border-radius:6px;background:var(--color-ink);color:var(--color-surface, #fff);font-size:.68rem;font-weight:800}.dg-furnace{display:inline-grid;flex:none;justify-items:center;gap:2px}.dg-furnace__img{width:52px;height:52px}.dg-furnace__label{font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--color-muted)}.dg-recipe__arrow,.dg-recipe__plus{box-sizing:border-box;display:inline-flex;flex:none;align-items:center;height:var(--dg-src-icon);color:var(--dgm-muted)}.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{display:inline-flex;align-items:flex-start;gap:6px}.dg-recipe__yield{box-sizing:border-box;display:inline-flex;flex:none;align-items:center;height:var(--dg-src-icon)}.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{display:grid;flex:none;justify-items:center;gap:var(--dg-src-gap);width:88px;padding-bottom:2px}.dg-fig__art{position:relative;display:grid;place-items:center;width:var(--dg-src-icon);height:var(--dg-src-icon)}.dg-fig__cap{font-size:.76rem;font-weight:600;line-height:1.25;text-align:center;color:var(--dgm-ink-soft)}.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{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}.dg-tile{display:grid;gap:6px;justify-items:center;margin:0;padding:10px 6px 9px;border:1px solid var(--dgm-border);border-radius:10px;background:var(--dgm-panel);color:var(--dgm-ink)}.dg-tile__art{display:grid;place-items:center;width:72px;height:72px}.dg-tile__img{width:100%;height:100%;object-fit:contain}.dg-tile__label{font-size:.74rem;font-weight:600;text-align:center;line-height:1.25;color:var(--dgm-ink-soft)}.dg-tint{position:relative;display:block;width:100%;height:100%}.dg-tint>img{display:block;width:100%;height:100%;object-fit:contain}.dg-tint__wash{position:absolute;inset:0;mix-blend-mode:multiply;mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;pointer-events:none}.dg-stack{position:relative;display:block;width:100%;height:100%}.dg-stack__base{display:block;width:100%;height:100%;object-fit:contain}.dg-stack__over{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.dg-beyond__art .dg-px,.dg-beyond__sprite{image-rendering:pixelated}.dg-beyond__sprite{width:64px;height:64px}.dg-beyond__mob{width:100%;height:100%;object-fit:contain}.dg-signtext{font-family:var(--font-display);font-size:2.3rem;font-weight:800;line-height:1;text-shadow:var(--dgm-halo)}.dg-foot-note{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding-top:clamp(14px,2vw,20px);border-top:1px solid var(--dgm-border)}.dg-foot-note__spark{flex:none;width:20px;height:20px;color:color-mix(in oklab,var(--dg-tone) 55%,var(--dgm-muted))}.dg-foot-note__copy{flex:1 1 260px;margin:0;font-size:.9rem;line-height:1.5;color:var(--dgm-muted)}.dg-collars{display:flex;flex:none;align-items:flex-end;gap:12px;margin-left:auto}.dg-collars__win{--dg-collar-img: 240px;--dg-face: .74;position:relative;overflow:hidden;flex:none;transform:scaleX(-1)}.dg-collars__mob{position:absolute;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}.dg-collars__win--wolf{--dg-crown: .33;width:92px;height:86px}.dg-collars__win--cat{--dg-crown: .334;width:88px;height:68px}.dg-trade{display:grid;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);border:1px solid var(--color-border);border-radius:var(--radius, 22px);background:var(--color-surface-soft, #f8faff)}.dg-trade__crew{--dg-mob: clamp(170px, 18vw, 230px);--dg-crew-h: calc(var(--dg-mob) * .58 + 8px);display:flex;align-items:flex-end;height:var(--dg-crew-h);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{display:grid;justify-items:center;align-items:end;margin-bottom:calc(4px - var(--dg-mob) * .16);transform:scaleX(-1)}.dg-jeb__img{grid-area:1 / 1;width:auto;height:calc(var(--dg-mob) * .92);opacity:0;transition:opacity .42s ease}.dg-jeb__img--on{opacity:1}.dg-trade__copy{margin:0;align-self:center;text-align:center;font-size:clamp(.92rem,1.2vw,1.02rem);line-height:1.55;color:var(--color-ink-soft)}.dg-foot{margin:0;text-align:center;font-size:.8rem;color:var(--color-muted)}: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: rgb(246 248 255 / 30%);--dgm-halo: 0 0 1px rgb(246 248 255 / 45%), 0 1px 2px rgb(0 0 0 / 45%);--dgm-shadow: 0 30px 70px rgb(0 0 0 / 55%), 0 2px 10px rgb(0 0 0 / 32%);--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(max-width:1200px){.dg-wall{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-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(max-width:640px){.dg-modal{--dg-modal-pad: 0px}.dg-modal__flip{width:100%}.dg-modal__panel{width:100%;height:100dvh;max-height:none;border:0;border-radius:0}.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:1 1 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:translateZ(0)}.dg-modal,.dg-modal__panel{animation:none}.dg-jeb__img{transition:none}}