.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.hl{background:linear-gradient(transparent 58%,var(--yellow) 58%);padding:0 .08em}
.dz-hero{padding:clamp(36px,6vw,72px) 0 28px}
.dz-title{font:800 clamp(40px,8vw,84px)/.95 var(--display);letter-spacing:-.045em;margin:0 0 14px}
.dz-sub{max-width:58ch;color:var(--ink-2);margin:0 0 26px}
.dz-form{max-width:760px}
.dz-form textarea{width:100%;font:600 clamp(18px,2.4vw,22px)/1.35 var(--body);padding:16px 18px;border:2px solid var(--ink);border-radius:18px;background:#fff;color:var(--ink);resize:vertical;min-height:84px;box-shadow:4px 4px 0 var(--ink)}
.dz-form textarea:focus{outline:3px solid var(--blue);outline-offset:2px}
.dz-form__row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;flex-wrap:wrap}
.dz-count{font:500 13px var(--mono);color:var(--muted)}
.dz-try{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.dz-try button{font:600 14px/1.2 var(--body);background:transparent;border:1.5px solid var(--ink);border-radius:999px;padding:8px 12px;cursor:pointer;color:var(--ink);text-align:left}
.dz-try button:hover{background:var(--yellow)}
.dz-result-wrap{padding:8px 0 56px}
.dz-result-wrap .wrap{display:grid;gap:24px}
.dz-result{background:#fff;border:2px solid var(--ink);border-radius:24px;box-shadow:6px 6px 0 var(--ink);padding:clamp(18px,4vw,36px);max-width:760px}
.dz-result__head{display:flex;justify-content:space-between;gap:10px;font:600 12px/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.dz-q{font:800 clamp(24px,4vw,34px)/1.1 var(--display);letter-spacing:-.025em;margin:14px 0 22px;word-break:break-word}
.dz-h{font:700 13px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 10px}
.dz-trail{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.dz-step{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:start;padding:12px 14px;border:1.5px solid var(--line);border-radius:14px;background:var(--paper);opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}
.dz-step.is-in{opacity:1;transform:none}
.dz-step__icon{font-size:24px;line-height:40px;text-align:center;background:#fff;border:1.5px solid var(--ink);border-radius:12px;height:40px}
.dz-step__label{font:700 16px/1.25 var(--display);display:block}
.dz-step__detail{font:500 15px/1.45 var(--body);color:var(--ink-2)}
.dz-step.is-thinking .dz-step__detail::after{content:"";display:inline-block;width:1.4em;text-align:left;animation:dots 1s steps(4) infinite}
.dz-step__detail .dots{font:700 15px var(--mono);letter-spacing:.2em;color:var(--muted)}
@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}
.dz-final{margin-top:18px;background:var(--ink);color:#fff;border-radius:18px;padding:18px 20px;animation:pop .35s ease}
.dz-final__label{font:600 12px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.6)}
.dz-final__text{font:800 clamp(22px,3.4vw,30px)/1.15 var(--display);letter-spacing:-.02em;color:var(--yellow);margin:8px 0 0}
@keyframes pop{0%{transform:scale(.96);opacity:0}100%{transform:none;opacity:1}}
.dz-conf{margin-top:18px}
.dz-conf__top{display:flex;align-items:baseline;gap:10px;font:600 13px var(--mono);text-transform:uppercase;letter-spacing:.06em}
.dz-conf__top strong{font:800 26px var(--display);letter-spacing:-.02em}
.dz-meter{position:relative;height:22px;border:2px solid var(--ink);border-radius:999px;background:var(--paper);margin-top:8px;overflow:visible}
.dz-meter__fill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:999px;background:repeating-linear-gradient(-45deg,var(--red) 0 12px,#ff7a5e 12px 24px);transition:width 1.1s cubic-bezier(.2,.9,.3,1.2)}
.dz-meter__fill.is-over{box-shadow:0 0 0 2px var(--ink)}
.dz-meta{font:500 13px var(--mono);color:var(--muted);margin:10px 0 0}
.dz-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.dz-fine{font:500 12px/1.5 var(--mono);color:var(--muted);margin:18px 0 0}
.dz-cardprev{margin:0;max-width:760px}
.dz-cardprev img{width:100%;height:auto;border:2px solid var(--ink);border-radius:14px}
.dz-cardprev figcaption{font:500 13px var(--mono);color:var(--muted);margin-top:8px}
.dz-log__sub{max-width:62ch;margin:-16px 0 24px;color:var(--ink-2)}
.dz-log__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.dz-log__item a{display:flex;flex-direction:column;gap:8px;height:100%;text-decoration:none;background:#fff;border:1.5px solid var(--ink);border-radius:18px;padding:16px 18px;transition:transform .15s,box-shadow .15s}
.dz-log__item a:hover{transform:translateY(-2px);box-shadow:4px 4px 0 var(--ink)}
.dz-log__q{font:700 17px/1.25 var(--display)}
.dz-log__d{font:600 15px/1.4 var(--body);background:var(--yellow);border-radius:10px;padding:8px 10px}
.dz-log__trail{font:500 12px/1.5 var(--mono);color:var(--muted)}
.dz-log__src{font:600 11px/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.dz-log__empty{font:500 14px var(--mono);color:var(--muted)}
@media (max-width:560px){.dz-actions .btn{flex:1 1 100%;justify-content:center}.dz-step{grid-template-columns:34px 1fr;padding:10px 12px}.dz-step__icon{height:34px;line-height:34px;font-size:20px}}
@media (prefers-reduced-motion:reduce){.dz-step{transition:none}.dz-meter__fill{transition:none}.dz-final{animation:none}}

.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.dz-rarity{display:inline-block;margin:0 0 10px;font:800 12px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;border:2px solid var(--ink);border-radius:999px;padding:6px 10px;background:#fff}
.dz-rarity.is-legendary{background:linear-gradient(90deg,#F4E04D,#FF9DB2,#8EA2FF,#9BE38B);animation:dzShine 3s linear infinite;background-size:300% 100%}
.dz-rarity.is-rare{background:var(--pink)}
@keyframes dzShine{to{background-position:300% 0}}
@media (prefers-reduced-motion:reduce){.dz-rarity.is-legendary{animation:none}}
/* hero glassware: the brain-in-a-jar apparatus (liquid rendered by /assets/liquid.js) */
.dz-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(20px,4vw,48px);align-items:center}
.dz-lab .apparatus{height:280px}
.dz-lab .lq-float{font-size:38px}
.dz-lab__busy{display:none}
.is-thinking .dz-lab__busy{display:inline}.is-thinking .dz-lab__idle{display:none}
@media (max-width:900px){.dz-hero__grid{grid-template-columns:1fr}.dz-lab{order:-1;position:relative;height:158px;margin:0 0 6px}.dz-lab .apparatus{position:absolute;left:0;right:0;bottom:0;height:280px;transform:scale(.56);transform-origin:center bottom}.dz-lab .apparatus__label{display:none}}