/* Original 1376 × 768 Stitch sheets, 4 columns × 3 rows. Keep natural cell proportions. */
.zodiac-art{background-image:var(--zodiac-image);display:block;flex-shrink:0;width:128px;aspect-ratio:6/5;background-repeat:no-repeat;background-size:458.6666667% 307.2%;background-color:#faf6ed;border-radius:15px;overflow:hidden}
.art-sign-0{--zodiac-image:url("../img/zodiac/sheet-1.webp");--zodiac-position:8.828996282527882% 5.7915057915057915%}
.art-sign-1{--zodiac-image:url("../img/zodiac/sheet-2.webp");--zodiac-position:34.014869888475836% 0.5791505791505791%}
.art-sign-2{--zodiac-image:url("../img/zodiac/sheet-2.webp");--zodiac-position:65.98513011152416% 0.5791505791505791%}
.art-sign-3{--zodiac-image:url("../img/zodiac/sheet-1.webp");--zodiac-position:91.07806691449815% 5.7915057915057915%}
.art-sign-4{--zodiac-image:url("../img/zodiac/sheet-2.webp");--zodiac-position:2.0446096654275094% 50.0%}
.art-sign-5{--zodiac-image:url("../img/zodiac/sheet-1.webp");--zodiac-position:36.71003717472119% 52.123552123552116%}
.art-sign-6{--zodiac-image:url("../img/zodiac/sheet-2.webp");--zodiac-position:65.98513011152416% 50.0%}
.art-sign-7{--zodiac-image:url("../img/zodiac/sheet-1.webp");--zodiac-position:91.54275092936803% 52.123552123552116%}
.art-sign-8{--zodiac-image:url("../img/zodiac/sheet-1.webp");--zodiac-position:8.828996282527882% 98.84169884169884%}
.art-sign-9{--zodiac-image:url("../img/zodiac/sheet-2.webp");--zodiac-position:34.014869888475836% 99.42084942084942%}
.art-sign-10{--zodiac-image:url("../img/zodiac/sheet-1.webp");--zodiac-position:63.66171003717472% 98.84169884169884%}
.art-sign-11{--zodiac-image:url("../img/zodiac/sheet-2.webp");--zodiac-position:97.95539033457248% 99.42084942084942%}

.zodiac-card{min-height:198px;padding:13px 7px}.zodiac-card>.zodiac-art{width:min(100%,136px);margin-bottom:11px;border:1px solid #cfbdc7;box-shadow:1px 2px 0 #c4b1bf55}.zodiac-card .selection-check{z-index:1}
.fortune-symbol.character-slot{width:100px;height:auto;aspect-ratio:6/5;border:0;border-radius:14px;background:transparent;transform:rotate(-4deg);overflow:hidden;flex-shrink:0}.character-slot>.zodiac-art{width:100%;height:auto;aspect-ratio:6/5}
.personality-portrait>.character-slot{width:100%;max-width:230px;height:auto;aspect-ratio:6/5;padding:0;border:1px solid #aa94b7;border-radius:22px;overflow:hidden;transform:rotate(-4deg)}
.match-illustration>.character-slot{width:135px;height:auto;aspect-ratio:6/5;overflow:hidden;border-radius:18px}.match-illustration{gap:17px}.result-symbols{display:flex;align-items:center;justify-content:center;gap:12px;letter-spacing:0}.result-symbols>.zodiac-art{width:115px;border:1px solid #c8b5d0}.result-symbols>b{font-size:24px;font-weight:400}
.article-cover>span.zodiac-art,.article-full .article-cover>span.zodiac-art{width:170px;height:auto;aspect-ratio:6/5;border-radius:20px;transform:rotate(-5deg);background-size:458.6666667% 307.2%;background-color:#faf6ed}.article-cover:has(>.zodiac-art){padding:18px 0}.article-full .article-cover>span.zodiac-art{width:235px}
html[data-theme=dark] .zodiac-card>.zodiac-art{border-color:#a18aae;box-shadow:2px 3px 0 #211a29}html[data-theme=dark] .fortune-symbol.character-slot{background:transparent}
@media(max-width:760px){.zodiac-card{min-height:184px}.zodiac-card>.zodiac-art{width:min(100%,122px)}.personality-portrait>.character-slot{max-width:185px}}
@media(max-width:540px){.zodiac-card{min-height:168px;padding:12px 6px}.zodiac-card>.zodiac-art{width:100%;border-radius:12px;margin-bottom:9px}.fortune-symbol.character-slot{width:82px}.fortune-sign h3{font-size:21px}.fortune-sign{gap:11px}.fortune-heart{display:none}.personality-portrait>.character-slot{width:210px;max-width:100%}.match-illustration>.character-slot{width:115px}.result-symbols>.zodiac-art{width:100px}.article-full .article-cover>span.zodiac-art{width:210px}}
@media(max-width:360px){.zodiac-card{min-height:157px}.fortune-symbol.character-slot{width:73px}.fortune-sign h3{font-size:19px}.match-illustration>.character-slot{width:100px}.match-illustration{gap:10px}.result-symbols>.zodiac-art{width:86px}}

.article-cover>span.zodiac-art,.article-full .article-cover>span.zodiac-art{background-image:var(--zodiac-image)}

.zodiac-art,.article-cover>span.zodiac-art,.article-full .article-cover>span.zodiac-art{background-position:var(--zodiac-position)}