.st-hub{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px;margin:10px 0 30px}.st-hub a{display:block;text-align:center;text-decoration:none;color:#111;padding:18px 10px;border-radius:16px;transition:transform .15s,background .15s}.st-hub a:hover{background:#faf8ff;transform:translateY(-3px)}.st-hub .ic{width:76px;height:110px;margin:0 auto 12px;border-radius:9px;background:url(back.svg) center/cover;box-shadow:4px 4px 0 #ddd6fe;position:relative}.st-hub .ic i{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:34px;font-style:normal}.st-hub b{display:block;font-size:19px;margin-bottom:8px}.st-hub small{display:block;color:#555;line-height:1.5;font-size:14px}
.st-wrap{text-align:center;margin:0 0 30px}.st-crumb{font-size:13px;letter-spacing:1px;text-transform:uppercase;color:#777;margin-bottom:18px}.st-title{font-size:34px;font-weight:900;margin:0 0 12px}.st-lead{color:#666;max-width:640px;margin:0 auto 34px;font-size:17px;line-height:1.6}
.st-tips{max-width:720px;margin:0 auto 40px;position:relative}.st-tips h4{letter-spacing:2px;font-size:15px;margin:0 0 14px}.st-tip{display:none;color:#777;line-height:1.7;font-size:16px;padding:0 44px}.st-tip.on{display:block}.st-tip b{display:block;color:#aaa;font-size:12px;letter-spacing:2px;margin-bottom:8px}.st-tips button{position:absolute;top:50%;background:none;border:0;font-size:28px;color:#bbb;cursor:pointer}.st-tp{left:0}.st-tn{right:0}
.st-pick{letter-spacing:2px;font-size:15px;margin:0 0 8px}.st-hint{color:#888;margin:0 0 22px}
.st-q{display:block;max-width:520px;margin:0 auto 24px;width:100%;padding:12px 16px;border-radius:12px;border:1px solid #ddd;font-size:16px}
.st-fan{position:relative;height:420px;max-width:1000px;margin:0 auto 10px;perspective:1200px;overflow:visible}.st-back{position:absolute;left:50%;bottom:40px;width:140px;height:234px;margin-left:-70px;border-radius:12px;background:url(back.svg) center/cover;box-shadow:0 10px 24px rgba(0,0,0,.35);transform-origin:50% 190%;cursor:pointer;transition:transform .25s,opacity .3s,filter .2s}.st-back:hover{filter:brightness(1.25) drop-shadow(0 0 12px #a78bfa)}.st-back.gone{opacity:0;pointer-events:none}.st-wrap.done .st-fan{height:0;overflow:hidden;transition:height .5s}
.st-slots{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;margin:10px 0 10px}.st-slot{width:220px;display:none}.st-slot.has{display:block}.st-slot .st-lbl{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#777;margin-bottom:10px}.st-card{width:220px;height:370px;position:relative;transform-style:preserve-3d;transition:transform .9s;margin:0 auto}.st-card.flip{transform:rotateY(180deg)}.st-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:14px;overflow:hidden;box-shadow:0 14px 36px rgba(0,0,0,.35)}.st-face.f{background:url(back.svg) center/cover}.st-face.b{transform:rotateY(180deg);background:#000}.st-face.b img{width:100%;height:100%;object-fit:cover}.st-face.b img.rev{transform:rotate(180deg)}.st-name{margin-top:12px;font-weight:800;font-size:17px}
.st-read{max-width:760px;margin:26px auto 0;text-align:left}.st-block{padding:22px 0;border-top:1px solid #eee}.st-block h3{font-size:24px;margin:0 0 6px}.st-block h3 span{font-size:14px;color:#a16207;font-weight:600}.st-kw{color:#6d28d9;font-weight:700}.st-block p{font-size:17px;line-height:1.7;margin:0 0 12px}.st-yes{font-size:44px;font-weight:900;color:#4c1d95;margin:6px 0 10px}.st-more{color:#4c1d95;font-weight:700;text-decoration:none}.st-qq{font-style:italic;color:#666}
.st-btn{display:none;background:#ede9fe;color:#1e1b4b;border:0;border-radius:6px;padding:14px 34px;font-weight:800;font-size:15px;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;margin:26px auto 0}.st-btn:hover{background:#ddd6fe}
.st-moreh{text-align:left;font-size:26px;margin:44px 0 16px}.st-morelist{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.st-morelist a{display:block;background:#ede9fe;border-radius:12px;padding:16px 12px;text-decoration:none;color:#111;font-weight:700;font-size:14px;line-height:1.35;text-align:left}.st-morelist a:hover{background:#ddd6fe}
.sa-tarot-box{display:flex;gap:22px;align-items:flex-start;background:#faf8ff;border:1px solid #e9e3ff;border-radius:18px;padding:20px;margin:0 0 24px}.sa-tarot-box img{width:150px;border-radius:10px;box-shadow:0 8px 20px rgba(0,0,0,.25)}.sa-tarot-box .sa-v{font-size:24px;font-weight:800}
.st-deck{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.st-deck a{text-align:center;font-size:12px;text-decoration:none;color:#3b0764}.st-deck img{width:100%;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.2)}
@media(max-width:700px){.st-fan{height:300px}.st-back{width:96px;height:160px;margin-left:-48px;bottom:30px}.st-card{width:170px;height:286px}.st-slot{width:170px}.st-title{font-size:26px}.sa-tarot-box{flex-direction:column}}