#tarot .experience{width:min(100%,1000px)}
#tarotResult{width:100%;max-width:none;padding:0;background:transparent;white-space:normal}
#tarotResult:empty{margin:0}
#tarotResult h3{font-size:1.1rem;letter-spacing:.12em;font-weight:300;margin:2rem 0 1.2rem}
#tarotCount{max-width:30rem;color-scheme:dark}
.tarot-layout{display:grid;max-width:850px;gap:clamp(3px,1vw,14px);margin:auto;align-items:start;justify-content:center}
.tarot-layout.daily{grid-template-columns:minmax(0,180px)}
.tarot-layout.journey{grid-template-columns:repeat(3,minmax(0,145px))}
.tarot-layout.crossroads{grid-template-columns:repeat(3,minmax(0,116px));grid-template-areas:'. a .' 'b d c' '. e .'}
.tarot-layout.celtic{grid-template-columns:repeat(5,minmax(0,108px));grid-template-areas:'. e e . j' 'd a b f i' '. c c . h' '. . . . g'}
.crossroads figure:nth-child(1),.celtic figure:nth-child(1){grid-area:a}.crossroads figure:nth-child(2),.celtic figure:nth-child(2){grid-area:b}.crossroads figure:nth-child(3),.celtic figure:nth-child(3){grid-area:c}.crossroads figure:nth-child(4),.celtic figure:nth-child(4){grid-area:d}.crossroads figure:nth-child(5),.celtic figure:nth-child(5){grid-area:e}.celtic figure:nth-child(6){grid-area:f}.celtic figure:nth-child(7){grid-area:g}.celtic figure:nth-child(8){grid-area:h}.celtic figure:nth-child(9){grid-area:i}.celtic figure:nth-child(10){grid-area:j}
.tarot-layout.horseshoe{grid-template-columns:repeat(7,minmax(0,1fr))}
.horseshoe figure:nth-child(1),.horseshoe figure:nth-child(7){margin-top:clamp(40px,9vw,110px)}
.horseshoe figure:nth-child(2),.horseshoe figure:nth-child(6){margin-top:clamp(20px,4.5vw,55px)}
.horseshoe figure:nth-child(3),.horseshoe figure:nth-child(5){margin-top:clamp(6px,1.3vw,16px)}
.tarot-layout figure{margin:0;min-width:0;justify-self:center;width:100%;max-width:160px}
.celtic figure{max-width:108px}
#tarot .tarot-layout button{width:100%;display:block;margin:0;padding:0;border:0;background:transparent}
.tarot-layout img{display:block;width:100%;height:auto;filter:none;box-shadow:none}
.tarot-layout figcaption{font-size:clamp(9px,1.4vw,12px);line-height:1.3;padding-top:.4rem;overflow-wrap:anywhere}
#tarot details{margin:1.6rem auto;text-align:left;max-width:42rem}
#tarot summary{cursor:pointer;text-align:center}#tarot ol{padding-left:1.7rem}
#tarot li{margin:1rem 0}#tarot li p{margin:.15rem 0}
#tarotZoom{color:#eee;border:1px solid #777;background:#090909;max-width:90vw;padding:1rem;text-align:center}
#tarotZoom img{display:block;max-height:65vh;max-width:100%;width:auto;margin:auto}
#tarotZoom::backdrop{background:rgb(0 0 0 / .78)}