.dmx{--gap:var(--s-5);gap:var(--s-8);display:grid}.dmx--inside{--fam:var(--blue-fill);--fam-on:var(--on-blue)}.dmx--material{--fam:var(--teal);--fam-on:var(--on-acc-a)}.dmx--order{--fam:var(--lilac);--fam-on:var(--on-acc-b)}.dmx__legend{gap:var(--s-3) var(--s-8);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.dmx__fam{column-gap:var(--s-3);color:var(--fg-1);grid-template-columns:16px auto;align-items:center;font-size:15px;font-weight:700;display:grid}.dmx__sw{background:var(--fam);border:2px solid var(--border-strong);border-radius:50%;width:16px;height:16px}.dmx__famm{font-family:var(--font-mono);letter-spacing:.04em;color:var(--fg-3);grid-column:2;font-size:11px;font-weight:600}.dmx__map{gap:var(--gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:relative}.dmx__map:before{content:"";border:2px dashed var(--fg-3);pointer-events:none;border-radius:50%;position:absolute;inset:12% 10%}.dmx__ring{margin:0;padding:0;list-style:none;display:contents}.dmx__c{z-index:1;aspect-ratio:1;text-align:center;background:var(--ink);width:min(100%,210px);color:var(--bg-canvas);box-shadow:0 0 0 8px var(--bg-canvas), 0 0 0 10px var(--border-strong);border-radius:50%;grid-area:2/2;place-content:center;place-self:center;gap:6px;margin:0;display:grid;position:relative}.dmx__ct{letter-spacing:-.02em;font-size:22px;font-weight:800;line-height:1.1}.dmx__cg{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;padding:0 var(--s-6);font-size:10px;font-weight:700}.dmx__hint{padding:0 var(--s-8);color:var(--bg-canvas);font-size:12px;line-height:1.35;display:none}@media (hover:hover){.dmx__hint{display:block}}.dmx__t:first-child{grid-area:1/1}.dmx__t:nth-child(2){grid-area:1/2}.dmx__t:nth-child(3){grid-area:1/3}.dmx__t:nth-child(4){grid-area:2/3}.dmx__t:nth-child(5){grid-area:3/3}.dmx__t:nth-child(6){grid-area:3/2}.dmx__t:nth-child(7){grid-area:3/1}.dmx__t:nth-child(8){grid-area:2/1}.dmx__t{z-index:1;gap:var(--s-2);min-width:0;padding:var(--s-5);background:var(--bg-canvas);border:2px solid var(--border-strong);border-top:8px solid var(--fam);border-radius:var(--r-3);flex-direction:column;display:flex;position:relative}.dmx__head{justify-content:space-between;align-items:center;display:flex}.dmx__ic{border-radius:var(--r-2);background:var(--fam);width:40px;height:40px;color:var(--fam-on);place-items:center;display:grid}.dmx__n{font-family:var(--font-mono);color:var(--fg-3);font-size:12px;font-weight:700}.dmx__name{margin:var(--s-2) 0 0;letter-spacing:-.02em;color:var(--fg-1);font-size:20px;font-weight:800;line-height:1.15}.dmx__b{color:var(--fg-2);margin:0;font-size:15px;line-height:1.5}.dmx__mv{padding-top:var(--s-3);flex-wrap:wrap;align-items:center;gap:6px;margin:auto 0 0;display:flex}.dmx__mvl{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);margin-right:2px;font-size:10px;font-weight:700}.dmx__chip,.dmx__tag{border:2px solid var(--border-strong);border-left:8px solid var(--fam);border-radius:var(--r-2);background:var(--bg-canvas);font-family:var(--font-mono);letter-spacing:.02em;color:var(--fg-1);padding:2px 8px 2px 6px;font-size:11px;font-weight:700;text-decoration:none;display:inline-block}.dmx__chip:hover{background:var(--lane-tint)}.dmx__chip:focus-visible{outline:3px solid var(--lane-fill);outline-offset:2px}.dmx__t[data-state=on]{box-shadow:6px 6px 0 var(--border-strong)}.dmx__t[data-state=near]{background:var(--lane-tint);box-shadow:4px 4px 0 var(--fam)}.dmx__t[data-state=off]{background:var(--bg-panel)}.dmx__t[data-state=off] .dmx__b{color:var(--fg-3)}.dmx__ph{margin:0 0 var(--s-4);letter-spacing:-.02em;color:var(--fg-1);font-size:20px;font-weight:800}.dmx__pairs ul{gap:var(--s-3);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.dmx__pair{gap:var(--s-2);padding:var(--s-4);border:2px solid var(--border-strong);border-radius:var(--r-3);background:var(--bg-canvas);align-content:start;display:grid}.dmx__pair[data-state=on]{background:var(--lane-tint);box-shadow:4px 4px 0 var(--border-strong)}.dmx__pk{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.dmx__amp{color:var(--fg-3);font-weight:800}.dmx__pl{color:var(--fg-1);font-size:15px;line-height:1.45}@media (max-width:1000px){.dmx__map{grid-template-columns:repeat(2,minmax(0,1fr))}.dmx__map:before{display:none}.dmx__t:nth-child(n){grid-area:auto}.dmx__c{aspect-ratio:auto;border-radius:var(--r-3);width:auto;padding:var(--s-5);box-shadow:none;grid-area:auto/1/auto/-1;place-self:stretch stretch}.dmx__hint{display:none}.dmx__pairs ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.dmx__map,.dmx__pairs ul{grid-template-columns:minmax(0,1fr)}.dmx__t{padding:var(--s-4)}}