.selector{padding-block:var(--s24) var(--s40)}.selector .row{display:grid;grid-template-columns:repeat(4,1fr);column-gap:4.75%}.cube{display:block}.cube .win{aspect-ratio:343/400}.cube .cap .t{font-family:var(--fd);font-weight:700;font-size:1.125rem}.cube:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.cube-meta{display:flex;align-items:center;gap:8px;margin-top:8px;line-height:1}.cube-meta .rule{flex:1;height:1px;background:var(--line-gold)}.cube-meta .n{font-family:var(--fb);font-weight:400;font-size:.75rem;color:#BCAF98;white-space:nowrap}.cube:hover .cube-meta .rule{background:var(--gold)}.legend{padding-block:0 var(--s24)}.legend .col{grid-column:f 1/f 8;display:flex;align-items:center;gap:var(--s6);flex-wrap:wrap}.legend .sample{display:flex;align-items:center;gap:8px;line-height:1}.legend .sample .tick{width:1px;height:9px;background:var(--gold)}.legend .sample .rule{width:38px;height:1px;background:var(--gold);opacity:.55}.legend .sample .lbl{font-size:.8125rem;color:var(--gold)}.legend p{font-size:.9375rem;color:#BCAF98;max-width:44ch}@media(max-width:1100px){.selector .row{grid-template-columns:repeat(2,1fr);gap:var(--s8) 4.75%}}@media(max-width:900px){.selector{padding-block:var(--s16) var(--s24)}.selector .row{grid-template-columns:1fr;gap:var(--s8)}}