@font-face{font-family:TarotOrbitSerif;src:url('assets/tarot-orbit-serif.woff2') format('woff2');font-weight:200 900;font-display:swap}
#tarot{font-family:TarotOrbitSerif,SimSun,serif}
#tarot .tarot-heading{top:9%;left:15%;right:15%;text-align:center}
#tarot .tarot-heading h2{font:600 clamp(27px,3vw,48px)/1.4 TarotOrbitSerif,SimSun,serif;letter-spacing:.08em}
#tarot .tarot-heading p{font-family:TarotOrbitSerif,SimSun,serif;font-size:clamp(14px,1.4vw,22px);margin-top:8px}
#tarot .tarot-playfield{top:34%;bottom:5%;left:2%;right:2%;max-width:2200px}
#tarot .tarot-deck-card{transform:translate(-50%,-50%) scaleY(var(--card-tilt,1)) rotate(var(--angle))}
#tarot .tarot-card-visual{box-shadow:0 5px 5px #09050db0,0 2px 1px #c69c5b30}
#tarot .tarot-deck-card:enabled:hover .tarot-card-visual,#tarot .tarot-deck-card:focus-visible .tarot-card-visual{transform:translateY(-13px) scale(1.10)}
#tarot .tarot-center{top:50%;width:min(49%,650px);display:flex;flex-direction:column;align-items:center;gap:9px}
.tarot-orbit-question{font:400 clamp(14px,1.55vw,25px)/1.65 TarotOrbitSerif,SimSun,serif;color:#f5dfb3;max-width:100%;margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere;text-shadow:0 2px 7px #110714}
.tarot-orbit-note{font:400 clamp(11px,.95vw,16px)/1.6 TarotOrbitSerif,SimSun,serif;color:#d7bb8f;margin:0 0 9px}
#tarot .tarot-slot-frame{border:1px solid #d5b16e;border-radius:8px;background:#21112114}
#tarot .tarot-slot-frame>span{font-size:19px;color:#d6b371}
#tarot .tarot-slot figcaption{font-family:TarotOrbitSerif,SimSun,serif}
#tarot .tarot-card-name:empty{display:none}
#tarotProgress{order:3;font:400 clamp(13px,1.2vw,20px)/1.5 TarotOrbitSerif,SimSun,serif;margin:6px 0 0}
#tarot .tarot-footer{bottom:1%;left:20%;right:20%;pointer-events:none}
#tarot .tarot-footer-actions{gap:12px;min-height:30px}
#tarot .tarot-footer-actions button{pointer-events:auto}
#tarotHint{font-family:TarotOrbitSerif,SimSun,serif;font-size:clamp(11px,.9vw,15px)}
#tarot .tarot-ribbon-arrow{top:49%;width:28px;height:34px;font-size:24px;background:#29192a80;border-color:#d0ab6966}
#tarot #tarotRibbonLeft{left:0}#tarot #tarotRibbonRight{right:0}
#tarotEditQuestion{position:absolute;bottom:3%;left:4%;z-index:115;border:1px solid #cba569;background:#2a182d99;border-radius:24px;color:#f5d9a4;padding:8px 18px;font:400 14px/1.5 TarotOrbitSerif,SimSun,serif;cursor:pointer}
.tarot-orbit-disclosure{position:absolute;bottom:3%;right:4%;margin:0;color:#d8b986;font:400 12px/1.6 TarotOrbitSerif,SimSun,serif}
#tarot[data-pool=random] .tarot-orbit-disclosure .theme-note{display:none}
#tarotEditQuestion:focus-visible{outline:2px solid #ffe1a0;outline-offset:3px}
#tarot.journey-ready .tarot-center{top:46%;width:80%;gap:12px}
#tarot.journey-ready .tarot-orbit-question{font-size:clamp(14px,1.4vw,22px)}
#tarot.journey-ready .tarot-orbit-note{display:none}
#tarot.journey-ready .tarot-footer{bottom:7%;left:10%;right:10%}
#tarot.journey-reading .tarot-heading{top:3%}
#tarot.journey-reading #tarotEditQuestion,#tarot.journey-reading .tarot-orbit-disclosure{display:none}
@media(max-width:700px){
 #tarot .tarot-table{background-position:53% center}#tarot .tarot-heading{top:12%;left:5%;right:5%}
 #tarot .tarot-heading h2{font-size:clamp(23px,6vw,31px);letter-spacing:.03em}#tarot .tarot-heading p{font-size:13px}
 #tarot .tarot-playfield{top:31%;bottom:12%;left:1%;right:1%}#tarot .tarot-center{top:48%;width:62%;gap:5px}
 .tarot-orbit-question{font-size:13px;line-height:1.55}.tarot-orbit-note{font-size:10px;margin-bottom:4px}
 #tarot .tarot-slots{gap:8px}#tarot .tarot-slot figcaption{font-size:10px;margin-top:5px}#tarotProgress{font-size:12px;margin-top:2px}
 #tarot .tarot-footer{bottom:7%;left:3%;right:3%}#tarotHint{font-size:11px}
 #tarotEditQuestion{bottom:2%;left:4%;font-size:12px;padding:6px 12px}.tarot-orbit-disclosure{bottom:2.6%;right:4%;font-size:9px}
 #tarot .tarot-ribbon-arrow{width:22px;height:29px;font-size:21px}
 #tarot.journey-ready .tarot-center{top:46%;width:90%}#tarot.journey-ready .tarot-playfield{--slot-w:min(25vw,110px)!important}#tarot.journey-ready .tarot-footer{bottom:9%}
}
@media(min-width:701px) and (max-height:700px){
 #tarot .tarot-heading{top:7%}#tarot .tarot-heading h2{font-size:30px}#tarot .tarot-heading p{font-size:14px;margin-top:3px}
 #tarot .tarot-playfield{top:32%;bottom:6%}#tarot .tarot-center{gap:4px}.tarot-orbit-question{font-size:17px}.tarot-orbit-note{font-size:11px;margin-bottom:2px}
 #tarotProgress{font-size:13px;margin-top:1px}#tarotHint{font-size:11px}#tarotEditQuestion{font-size:12px;padding:5px 12px}
}

#tarot .tarot-orbit-note{display:none}
#tarot .tarot-card-name{font-family:TarotOrbitSerif,SimSun,serif}