.zn{--tile: 88px;--plate: 64px}.zn-bar{display:flex;gap:10px;align-items:center;margin-bottom:10px}.zn-q{flex:1;min-width:0;height:36px;padding:0 12px;border:1px solid var(--hair);border-radius:10px;background:#46381e0d;color:var(--b);font:inherit}.zn-q:focus{outline:2px solid var(--lime);outline-offset:1px}.zn-only{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--soft);white-space:nowrap}.zn-cats{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.zn-cats .ui-btn{display:flex;align-items:center;gap:7px;padding:6px 11px}.zn-cats .ui-btn[aria-pressed=true]{background:var(--b);color:var(--n);border-color:var(--b)}.zn-cats small{font:11px var(--mono);opacity:.7}.zn-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:16px;align-items:start}.zn-list{min-width:0}.zn-group{margin-bottom:14px}.zn-group h3{margin:0 0 8px;font-size:12px;font-weight:700;color:var(--soft);letter-spacing:.02em}.zn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--tile),1fr));gap:6px}.zn-tile{position:relative;display:grid;justify-items:center;align-content:start;gap:5px;padding:6px 4px 8px;border:1px solid transparent;border-radius:12px;background:transparent;text-align:center}.zn-tile:hover{background:var(--faint)}.zn-tile[aria-current=true]{border-color:var(--lime-t, var(--lime));background:#aafb3b0f}.zn-name{font-size:11px;line-height:1.25;max-width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.zn-th,.zn-big{position:relative;display:grid;place-items:center;width:var(--plate);height:var(--plate);border-radius:14px;overflow:hidden;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--ec) 55%,transparent),color-mix(in srgb,var(--ec) 14%,transparent) 72%)}.zn-th img,.zn-big img{position:absolute;inset:6%;width:88%;height:88%;object-fit:contain;transition:filter .5s}.zn-th img[src$=".webp"],.zn-big img[src$=".webp"]{inset:0;width:100%;height:100%;object-fit:cover}.zn-th img:not([src]),.zn-big img:not([src]){display:none}.zn-th b,.zn-big b{font-size:26px;font-weight:800;color:#46381e80}.zn-th:has(img[src]) b,.zn-big:has(img[src]) b{visibility:hidden}[data-state=forgot] .zn-th,[data-state=forgot] .zn-big{background:#46381e0d;outline:1.5px dashed rgba(70,56,30,.35);outline-offset:-3px}[data-state=forgot] img{filter:grayscale(1) opacity(.55)}[data-state=reach] .zn-th,[data-state=reach] .zn-big,[data-state=unknown] .zn-th,[data-state=unknown] .zn-big{background:#46381e0f}[data-state=reach] img,[data-state=unknown] img{filter:brightness(0) opacity(.5)}[data-state=unknown] img{filter:brightness(0) opacity(.32)}[data-state=unknown] b,[data-state=reach] b{color:#46381e38}[data-state=unknown] .zn-name{color:var(--soft);letter-spacing:.12em}[data-state=reach] .zn-th:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:conic-gradient(var(--lime) calc(var(--pct, 0) * 1%),rgba(170,251,59,.22) 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.zn-tile[data-state=forgot] .zn-name{color:var(--soft);text-decoration:line-through rgba(70,56,30,.35)}.zn-page{position:sticky;top:0;min-height:200px;padding:14px;border:1px solid var(--hair);border-radius:12px;background:#46381e08}.zn-lead{margin:0;color:var(--soft);line-height:1.5}.zn-back{display:none;margin-bottom:10px}.zn-head{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;margin-bottom:12px}.zn-big{--plate: 108px;border-radius:18px}.zn-big b{font-size:40px}.zn-head h3{margin:2px 0 4px;font-size:18px;line-height:1.2}.zn-kind{margin:0;font-size:11px;color:var(--soft)}.zn-st{margin:4px 0;font-size:12px;color:var(--soft);line-height:1.4}.zn-head[data-state=known] .zn-st:first-of-type{color:var(--lime-t, var(--lime))}.zn-find{margin-top:6px;padding:6px 12px}.zn-rows{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;margin:0 0 10px;font-size:12px}.zn-rows dt{color:var(--soft)}.zn-rows dd{margin:0}.zn-text{margin:0 0 8px;font-size:12.5px;line-height:1.5;max-width:62ch}.zn-text b{font-weight:700}.zn-who,.zn-aim{margin:0 0 10px}.zn-who h4,.zn-rel h4{margin:0 0 5px;font-size:11px;font-weight:700;color:var(--soft)}.zn-who p{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin:0 0 4px;font-size:12px}.zn-who span{color:var(--soft);margin-right:4px}.zn-who small{font:10px var(--mono);color:var(--soft);margin-right:6px}.zn-p{padding:3px 8px;border:1px solid var(--hair);border-radius:999px;background:transparent;font-size:12px}.zn-p:hover{border-color:var(--lime-t, var(--lime))}.zn-aim p{margin:0 0 4px;font-size:12px}.zn-aim i{display:block;height:5px;border-radius:3px;background:linear-gradient(90deg,var(--lime) calc(var(--pct) * 1%),var(--faint) 0)}.zn-aim small{display:block;margin-top:4px;font-size:11px;color:var(--soft);line-height:1.4}.zn-rel{margin:0 0 8px}.zn-rel>div{display:flex;flex-wrap:wrap;gap:5px}.zn-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border:1px solid var(--hair);border-radius:999px;font-size:12px;color:var(--b);text-decoration:none}.zn-chip:before{content:"";width:7px;height:7px;border-radius:2px;background:var(--ec)}.zn-chip:hover{border-color:var(--lime-t, var(--lime))}.zn-chip[data-state=unknown]{color:var(--soft);border-style:dashed}.zn-chip[data-state=unknown]:before,.zn-chip[data-state=reach]:before{background:transparent;outline:1px solid var(--soft)}.zn-chip[data-state=forgot]{color:var(--soft);text-decoration:line-through rgba(70,56,30,.35)}.zn-gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;margin:6px 0 10px}.zn-gal figure{margin:0}.zn-gal img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:10px;background:#46381e0d}.zn-gal figcaption{font-size:10.5px;color:var(--soft);line-height:1.3}.zn-ext{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0}.zn-ext .ui-btn{padding:6px 11px;font-size:12px;color:var(--b);text-decoration:none}body.phone .zn,.zn.narrow{--tile: 76px;--plate: 54px}body.phone .zn-split,.zn.narrow .zn-split{grid-template-columns:1fr}body.phone .zn:not(.hasPage) .zn-page,body.phone .zn.hasPage .zn-list,body.phone .zn.hasPage .zn-cats,body.phone .zn.hasPage .zn-bar,.zn.narrow:not(.hasPage) .zn-page,.zn.narrow.hasPage .zn-list,.zn.narrow.hasPage .zn-cats,.zn.narrow.hasPage .zn-bar{display:none}body.phone .zn-page,.zn.narrow .zn-page{position:static;padding:0;border:0;background:none}body.phone .zn-back,.zn.narrow .zn-back{display:inline-block}@media(prefers-reduced-motion:reduce){.zn-th img,.zn-big img{transition:none}}[data-state=reach] img[src$=".webp"]{filter:grayscale(1) brightness(.42) blur(1.5px)}[data-state=unknown] img[src$=".webp"]{filter:grayscale(1) brightness(.26) blur(2.5px)}.zn-blds{list-style:none;margin:0;padding:0;display:grid;gap:5px}.zn-blds li{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;font-size:11.5px;color:var(--soft)}.zn-blds .zn-p{display:inline-flex;align-items:center;gap:6px;color:var(--b)}.zn-blds i{width:8px;height:8px;border-radius:50%;background:var(--soft)}.zn-blds i[data-cond=used]{background:var(--lime)}.zn-blds i[data-cond=building]{background:#ffd400}.zn-blds i[data-cond=abandoned]{background:#b08a5a}.zn-blds i[data-cond=ruin],.zn-blds i[data-cond=salvaged]{background:transparent;outline:1.5px solid var(--soft)}