#tarot-app .tarot-thumb{position:relative;isolation:isolate;aspect-ratio:4/3;width:100%;overflow:hidden;background:#e8e4d9;border:1px solid #c9c4b7;color:#514e46;font-family:'Tarot147SpaceMono',monospace}
#tarot-app .tarot-thumb::before{content:'';position:absolute;inset:13% 7% 14%;border:1px solid #a8a08c66;border-radius:50%;transform:rotate(-15deg)}
#tarot-app .tarot-thumb::after{content:'';position:absolute;inset:20% 12% 21%;border-top:1px solid #a8a08c55;border-bottom:1px solid #a8a08c55;z-index:-1;transform:rotate(15deg)}
#tarot-app .tarot-thumb-index,#tarot-app .tarot-thumb-count{position:absolute;top:5%;font-size:clamp(8px,.7vw,10px);letter-spacing:.08em;line-height:1.4;z-index:8}
#tarot-app .tarot-thumb-index{left:6%}
#tarot-app .tarot-thumb-count{right:6%}
#tarot-app .tarot-thumb-word{position:absolute;bottom:4.5%;left:5%;right:5%;text-align:center;font-size:clamp(6px,.62vw,9px);letter-spacing:.1em;line-height:1.3;z-index:8}
#tarot-app .tarot-mini-frame{position:absolute;display:block;aspect-ratio:2/3;background:#20170f;outline:1px solid #20170f;border-radius:3px;box-shadow:2px 5px 8px #332c2226;transform:translate(-50%,-50%) var(--card-turn,rotate(0deg));transform-origin:center}
#tarot-app .tarot-mini-frame img{position:absolute;left:3%;top:3%;width:94%;height:94%;object-fit:contain;object-position:center;display:block}
#tarot-app .tarot-thumb[data-product-id='now-one']{background:#e8dfc9}
#tarot-app .tarot-thumb[data-product-id='now-one'] .tarot-thumb-orbit{position:absolute;left:20%;top:17%;width:60%;aspect-ratio:1;background:#d9bc71;border-radius:50%;opacity:.5}
#tarot-app .tarot-mini-frame.solo{width:39%;left:50%;top:48%;--card-turn:rotate(-7deg);z-index:4}
#tarot-app .tarot-thumb[data-product-id='relationship-three']{background:#e9dcd5}
#tarot-app .tarot-thumb[data-product-id='relationship-three']::before{inset:21% 9% 23%;border-color:#976b6d66;transform:rotate(0deg)}
#tarot-app .tarot-mini-frame.relation-left{width:28%;left:29%;top:50%;--card-turn:rotate(-14deg);z-index:2}
#tarot-app .tarot-mini-frame.relation-middle{width:31%;left:50%;top:48%;z-index:4}
#tarot-app .tarot-mini-frame.relation-right{width:28%;left:71%;top:50%;--card-turn:rotate(14deg);z-index:3}
#tarot-app .tarot-thumb[data-product-id='work-money-three']{background:#dfe3d9}
#tarot-app .tarot-thumb[data-product-id='work-money-three']::before{inset:17% 9% 18%;border-radius:0;transform:none;border-color:#7d8c7866}
#tarot-app .tarot-thumb[data-product-id='work-money-three']::after{inset:25% 9%;transform:none;border-color:#7d8c7844}
#tarot-app .tarot-mini-frame.work-left{width:27%;left:22%;top:48%;z-index:2}
#tarot-app .tarot-mini-frame.work-middle{width:27%;left:50%;top:48%;z-index:3}
#tarot-app .tarot-mini-frame.work-right{width:27%;left:78%;top:48%;z-index:2}
#tarot-app .tarot-thumb[data-product-id='choice-five']{background:#e0dfe4}
#tarot-app .tarot-thumb[data-product-id='choice-five']::before{inset:22% 10% 24%;border-color:#8b7f9a66;transform:none}
#tarot-app .tarot-thumb[data-product-id='choice-five']::after{inset:15% 49% 20%;border:0;border-left:1px solid #8b7f9a66;transform:none}
#tarot-app .tarot-mini-frame.choice-left-back{width:23%;left:22%;top:41%;--card-turn:rotate(-12deg);z-index:2}
#tarot-app .tarot-mini-frame.choice-left-front{width:23%;left:30%;top:61%;--card-turn:rotate(-7deg);z-index:3}
#tarot-app .tarot-mini-frame.choice-center{width:25%;left:50%;top:45%;z-index:5}
#tarot-app .tarot-mini-frame.choice-right-back{width:23%;left:78%;top:41%;--card-turn:rotate(12deg);z-index:2}
#tarot-app .tarot-mini-frame.choice-right-front{width:23%;left:70%;top:61%;--card-turn:rotate(7deg);z-index:3}
#tarot-app .tarot-thumb-choice{position:absolute;top:78%;font-size:9px;line-height:1;z-index:7}
#tarot-app .tarot-thumb-choice.choice-a{left:15%}
#tarot-app .tarot-thumb-choice.choice-b{right:15%}
@media(max-width:680px){#tarot-app .tarot-thumb-index,#tarot-app .tarot-thumb-count{font-size:8px}
#tarot-app .tarot-thumb-word{font-size:6px}
#tarot-app .tarot-thumb-choice{font-size:8px}
#tarot-app .tarot-mini-frame{box-shadow:1px 3px 5px #332c2226}}
