/* 徽章外觀獨立於版面外觀；新增系列時只需再加一組選項與規則。 */
.badge-art{aspect-ratio:1;display:inline-grid;place-items:center}
.badge-art svg{width:100%;height:100%}
html[data-badge-theme="gems"] .badge-art{background-image:url('../badge-atlas-v2.png');background-size:500% 200%;background-repeat:no-repeat;background-color:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
html[data-badge-theme="gems"] .badge-art svg{visibility:hidden}
html[data-badge-theme="gems"] .badge-art[data-art="0"]{background-position:0 0}
html[data-badge-theme="gems"] .badge-art[data-art="1"]{background-position:25% 0}
html[data-badge-theme="gems"] .badge-art[data-art="2"]{background-position:50% 0}
html[data-badge-theme="gems"] .badge-art[data-art="3"]{background-position:75% 0}
html[data-badge-theme="gems"] .badge-art[data-art="4"]{background-position:100% 0}
html[data-badge-theme="gems"] .badge-art[data-art="5"]{background-position:0 100%}
html[data-badge-theme="gems"] .badge-art[data-art="6"]{background-position:25% 100%}
html[data-badge-theme="gems"] .badge-art[data-art="7"]{background-position:50% 100%}
html[data-badge-theme="gems"] .badge-art[data-art="8"]{background-position:75% 100%}
html[data-badge-theme="gems"] .badge-art[data-art="9"]{background-position:100% 100%}