/* Canonical Tier layout/cards/filters; extracted without visual changes. */

    .filters{display:grid;grid-template-columns:minmax(200px,1.4fr) repeat(3,minmax(120px,.7fr)) auto auto;gap:10px;align-items:end;padding:15px 17px;margin-bottom:16px}.field label{display:block;color:var(--muted);font-size:.76rem;font-weight:800;margin:0 0 5px}.control{width:100%;background:#0f1420;color:var(--text);border:1px solid #465169;border-radius:10px;padding:10px 11px}.check{display:flex;align-items:center;gap:8px;min-height:43px;padding:9px 11px;border:1px solid #465169;border-radius:10px;background:#101621;color:#d4dbea;white-space:nowrap;font-size:.88rem}.check input{accent-color:var(--gold)}.reset{min-height:43px;border:1px solid #66542d;background:#241f15;color:var(--gold2);border-radius:10px;padding:9px 13px;font-weight:800}
    .tier-list{display:grid;gap:16px}.tier-section{overflow:hidden}.tier-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 17px;border-bottom:1px solid var(--line)}.tier-heading h2{margin:0;font-size:1.15rem}.tier-count{font-size:.82rem;color:var(--muted)}.tier-1-head{background:linear-gradient(90deg,#4d2670aa,transparent 55%)}.tier-2p-head{background:linear-gradient(90deg,#164f77aa,transparent 55%)}.tier-2m-head{background:linear-gradient(90deg,#205f3caa,transparent 55%)}.tier-3-head{background:linear-gradient(90deg,#75470eaa,transparent 55%)}.tier-4-head{background:linear-gradient(90deg,#762626aa,transparent 55%)}.tier-5-head{background:linear-gradient(90deg,#353942aa,transparent 55%)}.attribute-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:var(--line)}.attribute-column{min-width:0;background:#111723;padding:11px}.attribute-head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:9px}.attribute{border-radius:4px;padding:2px 7px;border:1px solid currentColor;font-size:.74rem;font-weight:900}.attribute-total{color:var(--muted);font-size:.72rem}.attr-hadou{color:#ffd3d3;background:#742929}.attr-madou{color:#d5e9ff;background:#214f7b}.attr-seidou{color:#d7ffe3;background:#23613c}.attr-shinki{color:#2d2300;background:#e7c957;border-color:#ffe58d}.attr-jakoku{color:#ead7ff;background:#582f78}
    .cards{display:grid;gap:7px}.character-card{width:100%;min-width:0;text-align:left;color:var(--text);background:#0d121d;border:1px solid #30394e;border-left:4px solid #55627d;border-radius:9px;padding:9px 9px 8px}.character-card:hover,.character-card:focus-visible{border-color:#7888a8;outline:2px solid #e9bd5744;outline-offset:1px}.character-card[data-attribute="覇道"]{border-left-color:#cf4e4e}.character-card[data-attribute="魔道"]{border-left-color:#4e9bd8}.character-card[data-attribute="聖道"]{border-left-color:#53b978}.character-card[data-attribute="神輝"]{border-left-color:#e7c957}.character-card[data-attribute="邪黒"]{border-left-color:#a865d1}.card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:6px}.card-name{font-weight:850;overflow:hidden;text-overflow:ellipsis}.formal{display:block;color:var(--muted);font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.role{display:block;color:#cbd4e6;font-size:.73rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.column-empty{color:#768096;text-align:center;font-size:.78rem;padding:11px 0}.empty{padding:46px 20px;text-align:center;color:var(--muted)}.empty strong{display:block;color:var(--text);margin-bottom:4px}
    @media(max-width:1120px){.attribute-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attribute-column:last-child{grid-column:1/-1}.filters{grid-template-columns:1.4fr 1fr 1fr 1fr}.check,.reset{align-self:stretch}.reset{grid-column:auto}}
    @media(max-width:720px){.filters{grid-template-columns:1fr 1fr}.field:first-child{grid-column:1/-1}.check{white-space:normal}.attribute-grid{grid-template-columns:1fr}.attribute-column:last-child{grid-column:auto}}
    @media(max-width:440px){.filters{grid-template-columns:1fr}.field:first-child{grid-column:auto}}
.filters{grid-template-columns:minmax(200px,1fr) 92px 104px 90px 114px auto}.filters .control{min-width:0;width:100%;box-sizing:border-box}.filters .field{min-width:0}@media(max-width:930px){.filters{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:580px){.filters{grid-template-columns:repeat(2,minmax(0,1fr))}.filters .field:first-child{grid-column:1/-1}}
.filters{grid-template-columns:minmax(220px,1fr) 88px 110px 90px 180px auto}.filters:has(#tierOwnershipField:not([hidden])){grid-template-columns:minmax(200px,1fr) 85px 108px 110px 85px 175px auto}@media(max-width:1150px){.filters,.filters:has(#tierOwnershipField:not([hidden])){grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:580px){.filters,.filters:has(#tierOwnershipField:not([hidden])){grid-template-columns:repeat(2,minmax(0,1fr))}.filters .field:first-child{grid-column:1/-1}}