.dwall{grid-template-columns:minmax(0,1fr);gap:18px;display:grid}.dwall>*{min-inline-size:0}.dwall__head{border-block-start:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-block-start:16px;display:flex}.dwall__label{color:var(--ink-3);margin:0}.dwall__head .chip-rail{min-width:0;flex:auto;justify-content:flex-end;max-inline-size:100%}.dwall{--d25:linear-gradient(45deg, var(--dc) 25%, transparent 25%, transparent 75%, var(--dc) 75%), linear-gradient(45deg, var(--dc) 25%, transparent 25%, transparent 75%, var(--dc) 75%);--d50:repeating-linear-gradient(45deg, var(--dc) 0 1px, transparent 1px 2px)}.dwall__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid;position:relative}.dwall__tile{border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);align-content:start;gap:14px;min-block-size:150px;padding:16px;transition:border-color .24s steps(3,end),background-color .24s steps(3,end);display:grid}.dwall__tile[data-lit=true]{border-color:var(--line-strong)}.dwall__grid[data-picked=true] .dwall__tile[data-lit=false]{background:0 0}.dwall__tile-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.dwall__group{font:500 16px/1.2 var(--font-display);letter-spacing:-.01em;color:var(--ink);transition:color .24s steps(3,end)}.dwall__tile[data-lit=false] .dwall__group{color:var(--ink-3)}.dwall__count{color:var(--ink-2)}.dwall__opening{color:var(--ink-3)}.dwall__tags{flex-wrap:wrap;gap:5px;margin:0;padding:0;list-style:none;display:flex}.dwall__tag{z-index:1;font:450 13px/1 var(--font-ui);border-radius:var(--r-sm);color:var(--ink);background-color:var(--fill);--dc:#ffffff0d;border:1px solid #0000;align-items:center;gap:7px;padding:7px 10px;display:inline-flex;position:relative}.dwall__tag-c{color:var(--ink-3);font-size:11px}.dwall__tag-n{color:var(--on-ink);opacity:.55;font-size:11px;display:none}.dwall__grid[data-picked=true] .dwall__tag[data-lit=true]{color:var(--on-ink);background-color:var(--view-ink);animation:.36s step-end both dwall-in;animation-delay:calc(var(--i) * 90ms)}.dwall__grid[data-picked=true] .dwall__tag[data-lit=true] .dwall__tag-n{display:inline}.dwall__grid[data-picked=true] .dwall__tag[data-lit=true] .dwall__tag-c{color:var(--on-ink);opacity:.55}.dwall__grid[data-picked=true] .dwall__tag[data-lit=false]{color:var(--ink-3);background-color:var(--surface);background-image:var(--d25);border-color:var(--line);background-position:0 0,2px 2px;background-size:4px 4px;animation:.24s step-end both dwall-out}@keyframes dwall-in{0%{color:var(--ink-3);background-color:#0000;background-image:var(--d25);background-size:4px 4px}34%{color:var(--ink);background-color:#0000;background-image:var(--d50);--dc:#ffffff59}67%{color:var(--ink);background-color:var(--ink-3);background-image:var(--d50);--dc:#fff9}to{color:var(--on-ink);background-color:var(--view-ink);background-image:none}}@keyframes dwall-out{0%{color:var(--ink);background-color:var(--fill);background-image:none}50%{color:var(--ink-2);background-color:#0000;background-image:var(--d50);background-size:4px 4px}to{color:var(--ink-3);background-color:var(--surface);background-image:var(--d25);background-size:4px 4px}}.dwall__wire{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:visible}.dwall__wire path{fill:none;stroke:var(--ink-3);stroke-width:1px;shape-rendering:crispedges;stroke-dasharray:1;stroke-dashoffset:1px;animation:.72s steps(12,end) .12s forwards dwall-wire}@keyframes dwall-wire{to{stroke-dashoffset:0}}.dwall__foot{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.dwall__caption{color:var(--ink-2);flex:320px;min-block-size:2.6em;max-inline-size:52ch;margin:0}.dwall__readout{gap:28px;margin:0;display:flex}.dwall__readout>div{gap:8px;display:grid}.dwall__readout .t-label{color:var(--ink-3)}@media (max-width:960px){.dwall__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.dwall__grid{grid-template-columns:minmax(0,1fr)}.dwall__tile{min-block-size:0}.dwall__head .chip-rail{justify-content:flex-start}.dwall__readout{gap:20px}.dwall__readout .t-data-lg{font-size:26px}}@media (prefers-reduced-motion:reduce){.dwall__tag,.dwall__tile,.dwall__group,.dwall__wire path{transition:none;animation:none}.dwall__wire path{stroke-dashoffset:0}}