html.tarot-open,body.tarot-open{overflow:hidden!important;overscroll-behavior:none}
.role-game-page.tarot-page{overflow:hidden!important;background:#0e1414!important;z-index:100000!important}
.role-game-page.tarot-page .role-game-stage.tarot-stage{width:100%;min-width:100%;max-width:none!important;min-height:0;margin:0!important;padding:0!important;background:#0e1414;color:#f4eedf;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}
.role-game-page.tarot-page .role-game-stage.tarot-stage::-webkit-scrollbar,.role-game-page.tarot-page .role-game-stage.tarot-stage *::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.tarot-stage *{box-sizing:border-box;letter-spacing:0}
.tarot-stage button,.tarot-stage textarea{font:inherit}
.tarot-stage button{-webkit-tap-highlight-color:transparent}
.tarot-landing,.tarot-shuffle-view,.tarot-pick-view,.tarot-reveal-view,.tarot-result-view,.tarot-reading-loading,.tarot-error{position:relative;width:100%;min-height:100%;flex:1 0 auto;padding:28px 18px 38px;overflow:hidden;background:
radial-gradient(circle at 14% 9%,rgba(24,104,91,.21),transparent 30%),
radial-gradient(circle at 88% 34%,rgba(142,48,34,.13),transparent 28%),
linear-gradient(160deg,#111918 0%,#0d1212 56%,#171512 100%)}
.tarot-landing::before,.tarot-pick-view::before,.tarot-result-view::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:22px 22px}
.tarot-eyebrow{position:relative;z-index:1;color:#b89a59;font-family:Georgia,serif;font-size:10px;letter-spacing:2.2px}
.tarot-stage h2{position:relative;z-index:1;margin:10px 0 8px;color:#fffaf0;font-family:"Noto Serif SC","Songti SC",serif;font-size:27px;font-weight:600}
.tarot-subtitle,.tarot-shuffle-view>p,.tarot-pick-view>p,.tarot-reveal-view>p{position:relative;z-index:1;margin:0;color:#aeb8b5;font-size:12px;line-height:1.75}
.tarot-constellation{position:absolute;right:15px;top:20px;width:116px;height:90px;opacity:.65}
.tarot-constellation::before,.tarot-constellation::after{content:"";position:absolute;height:1px;background:linear-gradient(90deg,transparent,#b99b5c,transparent);transform-origin:left center}
.tarot-constellation::before{left:13px;top:28px;width:80px;transform:rotate(24deg)}.tarot-constellation::after{left:27px;top:64px;width:74px;transform:rotate(-35deg)}
.tarot-constellation i{position:absolute;width:4px;height:4px;border-radius:50%;background:#e5d198;box-shadow:0 0 10px #d9bd70}
.tarot-constellation i:nth-child(1){left:10px;top:25px}.tarot-constellation i:nth-child(2){left:48px;top:42px}.tarot-constellation i:nth-child(3){left:91px;top:62px}.tarot-constellation i:nth-child(4){left:28px;top:62px}.tarot-constellation i:nth-child(5){left:84px;top:30px}
.tarot-companion{position:relative;z-index:1;display:flex;align-items:center;gap:10px;margin:22px 0 16px;padding:10px 12px;border:1px solid rgba(207,185,125,.16);border-radius:13px;background:rgba(255,255,255,.035)}
.tarot-companion img,.tarot-companion>span{width:38px;height:38px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#1d3933;color:#d5c183}
.tarot-companion small,.tarot-companion b{display:block}.tarot-companion small{color:#7f918d;font-size:9px}.tarot-companion b{margin-top:2px;color:#f7f1e4;font-size:13px}
.tarot-panel{position:relative;z-index:1;padding:17px;border:1px solid rgba(222,204,152,.15);border-radius:20px;background:rgba(9,15,15,.7);box-shadow:0 22px 60px rgba(0,0,0,.3);backdrop-filter:blur(15px)}
.tarot-label{display:block;margin:2px 0 9px;color:#d8cfb8;font-size:11px;font-weight:700}
.tarot-theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:17px}
.tarot-theme-grid button,.tarot-spread-switch button{min-height:66px;padding:10px;border:1px solid rgba(218,201,154,.11);border-radius:12px;background:#141d1c;color:#d9e1de;text-align:left}
.tarot-theme-grid button b,.tarot-theme-grid button span,.tarot-spread-switch button b,.tarot-spread-switch button span{display:block}
.tarot-theme-grid button b,.tarot-spread-switch button b{font-size:12px}.tarot-theme-grid button span,.tarot-spread-switch button span{margin-top:4px;color:#71817d;font-size:8px;line-height:1.4}
.tarot-theme-grid button.active,.tarot-spread-switch button.active{border-color:#927b45;background:linear-gradient(145deg,#1d302c,#17221f);box-shadow:inset 0 0 0 1px rgba(205,179,111,.14)}
.tarot-theme-grid button.active b,.tarot-spread-switch button.active b{color:#e7d29a}
#tarot-question{width:100%;height:70px;resize:none;padding:12px;border:1px solid rgba(218,201,154,.1);border-radius:12px;outline:none;background:#111918;color:#f2ece0;font-size:11px;line-height:1.55}
#tarot-question::placeholder{color:#53615e}
.tarot-spread-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}
.tarot-primary{position:relative;width:100%;height:49px;margin-top:15px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border:1px solid #b29350;border-radius:13px;background:linear-gradient(110deg,#b8974f,#e0c781 48%,#aa8948);color:#101614;font-size:12px;font-weight:800;box-shadow:0 10px 30px rgba(161,131,66,.18)}
.tarot-primary i{font-style:normal;font-size:15px}.tarot-primary:disabled{opacity:.32;filter:grayscale(.7)}
.tarot-notice{position:relative;z-index:1;margin:17px 5px 0;color:#66736f;font-size:8px;line-height:1.5;text-align:center}
.tarot-shuffle-view,.tarot-pick-view,.tarot-reading-loading,.tarot-error{display:flex;flex-direction:column;align-items:center;text-align:center}
.tarot-shuffle-view .tarot-eyebrow,.tarot-pick-view .tarot-eyebrow{margin-top:12px}
.tarot-shuffle-deck{position:relative;width:158px;height:260px;margin:52px auto 30px}
.tarot-card-back{width:100%;height:100%;padding:6px;border:1px solid #aa8d4b;border-radius:9px;background:linear-gradient(140deg,#162824,#0d1715);box-shadow:0 14px 30px rgba(0,0,0,.45)}
.tarot-back-frame{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(222,197,128,.68);border-radius:5px;background:radial-gradient(circle at center,rgba(203,176,101,.12),transparent 31%),repeating-radial-gradient(circle at center,transparent 0 13px,rgba(200,176,111,.07) 14px 15px)}
.tarot-back-frame::before,.tarot-back-frame::after{content:"✦";position:absolute;color:#b99d5a;font-size:9px}.tarot-back-frame::before{top:11px}.tarot-back-frame::after{bottom:11px}
.tarot-back-frame i{width:54px;height:54px;border:1px solid #b29655;border-radius:50%;box-shadow:0 0 0 5px rgba(190,160,83,.08)}
.tarot-back-moon{position:absolute;color:#d6bb72;font-size:28px}.tarot-back-frame b{margin-top:20px;color:#bca260;font-family:Georgia,serif;font-size:8px;letter-spacing:2px}
.tarot-shuffle-deck>.tarot-card-back{position:absolute;inset:0;animation:tarotShuffle 1.5s ease-in-out infinite}
.tarot-shuffle-deck .card-b{animation-delay:-.28s}.tarot-shuffle-deck .card-c{animation-delay:-.56s}.tarot-shuffle-deck .card-d{animation-delay:-.84s}.tarot-shuffle-deck .card-e{animation-delay:-1.12s}
@keyframes tarotShuffle{0%,100%{transform:translate(0,0) rotate(0)}35%{transform:translate(70px,-8px) rotate(8deg)}68%{transform:translate(-62px,7px) rotate(-7deg)}}
.tarot-breath{display:flex;align-items:center;gap:8px;color:#879591;font-size:10px}.tarot-breath span{width:7px;height:7px;border-radius:50%;background:#ccb36c;box-shadow:0 0 0 0 rgba(204,179,108,.5);animation:tarotPulse 1.4s infinite}
@keyframes tarotPulse{70%{box-shadow:0 0 0 10px rgba(204,179,108,0)}}
.tarot-fan{position:relative;width:100%;height:350px;margin:16px 0 0}
.tarot-fan-card{position:absolute;left:50%;bottom:16px;width:91px;height:157px;padding:0;border:0;background:transparent;transform-origin:50% 125%;transform:translateX(calc(-50% + (var(--fan-index) - 6) * 15px)) translateY(var(--fan-y)) rotate(var(--fan-rotate));transition:transform .28s ease,filter .28s ease;filter:brightness(.85);z-index:20}
.tarot-fan-card .tarot-card-back{pointer-events:none}.tarot-fan-card>span{position:absolute;left:50%;bottom:-19px;color:#687672;font-size:7px;transform:translateX(-50%)}
.tarot-fan-card.selected{transform:translateX(calc(-50% + (var(--fan-index) - 6) * 15px)) translateY(calc(var(--fan-y) - 48px)) rotate(var(--fan-rotate));filter:brightness(1.18) drop-shadow(0 0 10px rgba(210,181,103,.35));z-index:40}
.tarot-confirm-pick{margin-top:auto}
.tarot-reveal-grid{position:relative;z-index:1;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:26px 0 10px}.tarot-reveal-grid.spread-1{max-width:175px;grid-template-columns:1fr;margin-left:auto;margin-right:auto}
.tarot-reveal-slot small{display:block;height:22px;color:#a68d54;font-size:8px}
.tarot-flip-card{width:100%;aspect-ratio:9/15.6;padding:0;border:0;background:transparent;perspective:900px}
.tarot-flip-inner{position:relative;width:100%;height:100%;transition:transform .75s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d}
.tarot-flip-card.flipped .tarot-flip-inner{transform:rotateY(180deg)}
.tarot-flip-face{position:absolute;inset:0;backface-visibility:hidden}.tarot-flip-face.tarot-card-back{width:auto;height:auto}
.tarot-card-front{padding:5px;border:1px solid #b69b5c;border-radius:9px;background:#e9dfc8;transform:rotateY(180deg);overflow:hidden;box-shadow:0 13px 30px rgba(0,0,0,.42)}
.tarot-card-front.reversed .tarot-card-art{transform:rotate(180deg)}
.tarot-card-art{height:calc(100% - 38px);overflow:hidden;border-radius:5px 5px 2px 2px;background:#d8ccb2}.tarot-card-art img{width:100%;height:100%;object-fit:cover}
.tarot-card-caption{height:38px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#252c29}.tarot-card-caption b{font-family:"Noto Serif SC","Songti SC",serif;font-size:10px}.tarot-card-caption span{margin-top:1px;font-family:Georgia,serif;font-size:5px;text-transform:uppercase}
.tarot-reveal-name{margin-top:7px;opacity:0;transform:translateY(5px);transition:.35s ease}.tarot-reveal-name.visible{opacity:1;transform:none}.tarot-reveal-name b,.tarot-reveal-name span{display:block}.tarot-reveal-name b{font-size:10px}.tarot-reveal-name span{margin-top:2px;color:#87928f;font-size:7px}
.tarot-reading-loading{justify-content:center}.tarot-orbit{position:relative;width:100px;height:100px;display:grid;place-items:center;border:1px solid rgba(194,163,84,.3);border-radius:50%;animation:tarotSpin 7s linear infinite}.tarot-orbit::before{content:"";position:absolute;inset:13px;border:1px solid rgba(194,163,84,.18);border-radius:50%}.tarot-orbit span{color:#d6b968;font-size:25px}.tarot-orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:#2f8473;box-shadow:0 0 12px #2f8473}.tarot-orbit i:first-child{top:-4px}.tarot-orbit i:nth-child(2){bottom:-4px;background:#a64e3d;box-shadow:0 0 12px #a64e3d}
@keyframes tarotSpin{to{transform:rotate(360deg)}}.tarot-reading-loading h2{margin-top:28px}.tarot-reading-loading p{color:#71807c;font-size:10px}
.tarot-result-view{padding-bottom:52px}.tarot-result-head{position:relative;z-index:1;display:flex;align-items:center;gap:11px}.tarot-result-seal{width:43px;height:43px;display:grid;place-items:center;border:1px solid #a98c4e;border-radius:50%;color:#d4b96f}.tarot-result-head small{color:#9d8754;font-size:8px}.tarot-result-head h2{margin:2px 0 0;font-size:23px}
.tarot-opening{position:relative;z-index:1;display:flex;gap:10px;margin:18px 0;padding:12px;border-left:2px solid #b99b57;background:rgba(255,255,255,.035)}.tarot-opening img{width:35px;height:35px;border-radius:50%;object-fit:cover}.tarot-opening b{color:#dfcc96;font-size:10px}.tarot-opening p{margin:3px 0 0;color:#cad1ce;font-size:11px;line-height:1.6}
.tarot-result-cards{position:relative;z-index:1;display:flex;flex-direction:column;gap:10px}.tarot-result-card{display:grid;grid-template-columns:84px 1fr;gap:13px;padding:11px;border:1px solid rgba(211,187,123,.12);border-radius:15px;background:rgba(15,24,23,.82);box-shadow:0 14px 32px rgba(0,0,0,.17)}
.tarot-result-card-visual{height:132px;overflow:hidden;border:1px solid #9b824c;border-radius:7px}.tarot-result-card-visual.reversed img{transform:rotate(180deg)}.tarot-result-card-visual img{width:100%;height:100%;object-fit:cover}
.tarot-result-card-copy small{color:#917d4d;font-size:7px}.tarot-result-card-copy h3{margin:7px 0 8px;color:#f3ead6;font-family:"Noto Serif SC","Songti SC",serif;font-size:15px}.tarot-result-card-copy h3 span{display:block;margin-top:2px;color:#687772;font-family:Georgia,serif;font-size:6px;font-weight:400;text-transform:uppercase}.tarot-result-card-copy p{margin:0;color:#b9c2bf;font-size:10px;line-height:1.65}
.tarot-synthesis{position:relative;z-index:1;margin-top:14px;padding:18px;border:1px solid rgba(202,172,98,.2);border-radius:16px;background:linear-gradient(145deg,rgba(173,143,72,.12),rgba(27,65,57,.1))}.tarot-synthesis small{color:#ae9458;font-size:8px}.tarot-synthesis p{margin:8px 0 0;color:#eee7d8;font-family:"Noto Serif SC","Songti SC",serif;font-size:13px;line-height:1.75}
.tarot-question-back{position:relative;z-index:1;margin:11px 4px;padding:12px 0;color:#9aaba5;font-size:10px;line-height:1.65}.tarot-question-back span{display:block;margin-top:5px;color:#6c7c77;text-align:right}
.tarot-result-actions{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.tarot-result-actions button{height:43px;border:1px solid rgba(207,184,122,.16);border-radius:12px;background:#17211f;color:#dcd5c6;font-size:10px}.tarot-result-actions button:first-child{border-color:#9d844b;color:#dfc885}
.tarot-error{justify-content:center}.tarot-error>div{font-size:42px;color:#bea35e}.tarot-error p{color:#82908c;font-size:11px}.tarot-error .tarot-primary{max-width:260px}
@media(max-width:360px){.tarot-landing,.tarot-reveal-view,.tarot-result-view{padding-left:13px;padding-right:13px}.tarot-panel{padding:13px}.tarot-fan-card{width:82px;height:142px}.tarot-fan{height:325px}.tarot-result-card{grid-template-columns:76px 1fr}.tarot-result-card-visual{height:120px}}
@media(max-width:699px){
.role-game-page.tarot-page.show{position:fixed!important;inset:0!important;width:100vw!important;width:100dvw!important;height:100vh!important;height:100dvh!important;max-width:none!important;margin:0!important;border:0!important;border-radius:0!important}
.role-game-page.tarot-page .role-game-nav{flex:0 0 auto}
.role-game-page.tarot-page .role-game-stage.tarot-stage{flex:1 1 auto}
}
@media(min-width:700px){.role-game-page.tarot-page .role-game-stage.tarot-stage{background:#080d0c!important}}