.s24-percent-toolbar{display:flex;justify-content:flex-end;margin-bottom:18px}.s24-percent-toolbar button{font-size:12px;padding:8px 12px;min-height:44px}.s24-percent-question{display:block;max-width:600px;margin:28px auto;color:var(--d-muted);font-size:14px;line-height:1.7}.s24-percent-question textarea{display:block;width:100%;box-sizing:border-box;min-height:88px;resize:vertical;border:1px solid var(--d-line);border-radius:12px;padding:12px;background:#120d1e;color:var(--d-text);font:inherit;font-size:16px;margin-top:8px}.s24-percent-draw{display:flex;flex-direction:column;align-items:center;gap:24px;margin:35px auto;padding:12px 20px;border:0;background:transparent;color:var(--d-gold);font:inherit;cursor:pointer;min-height:44px}.s24-percent-draw:disabled{opacity:.6;cursor:wait}.s24-percent-deck{display:block;position:relative;width:110px;aspect-ratio:100/144;border:1px solid var(--d-gold);border-radius:9px;background:linear-gradient(135deg,#49304c,#25172f);box-shadow:5px -5px 0 -1px #33213a,5px -5px 0 0 #d8bf9255,10px -10px 0 -1px #33213a,10px -10px 0 0 #d8bf9222;transition:transform .2s}.s24-percent-draw:hover:not(:disabled) .s24-percent-deck{transform:translateY(-6px) rotate(-3deg)}.s24-percent-deck svg{width:100%;height:100%}.s24-percent-draw:focus-visible{outline:2px solid var(--d-gold);outline-offset:6px;border-radius:12px}.s24-percent-wish{padding:15px 20px;border-left:2px solid var(--d-gold);background:#ffffff03;max-width:700px;margin:24px auto;text-align:left}.s24-percent-wish span{font-size:11px;color:var(--d-gold)}.s24-percent-wish p{font-size:16px;line-height:1.7;color:var(--d-text);margin:8px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.s24-percent-heading{font:400 27px/1.4 Georgia,serif;color:var(--d-text);text-align:center;margin:28px 0}.s24-percent-main{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:580px;margin:0 auto 30px}.s24-percent-card{text-align:center;min-width:0}.s24-percent-position{font-size:11px;color:var(--d-muted);margin:0 0 12px}.s24-percent-picture{position:relative;width:min(100%,140px);aspect-ratio:500/726;border:1px solid var(--d-line);border-radius:7px;margin:auto;overflow:hidden;background:#fff7ef}.s24-percent-picture img{display:block;position:relative;width:100%;height:100%;object-fit:contain}.s24-percent-face{position:absolute;inset:0;background:#fffaf1;color:#302533;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif}.s24-percent-face span{position:absolute;top:8px;left:9px;font-size:26px}.s24-percent-face b{font-size:50px}.s24-percent [data-suit=hearts] .s24-percent-face,.s24-percent [data-suit=diamonds] .s24-percent-face{color:#b52a48}.s24-percent-card h4{font:400 15px/1.5 Georgia,serif;color:var(--d-text);margin:12px 0 7px}.s24-percent-points{font-size:12px;line-height:1.5;color:var(--d-gold);margin:0}.s24-percent-score{display:grid;grid-template-columns:150px minmax(0,1fr);gap:30px;align-items:center;max-width:700px;padding:28px;margin:32px auto 38px;border:1px solid var(--d-line);border-radius:20px;background:linear-gradient(125deg,#342236,#1b1228)}.s24-percent-dial{display:grid;place-items:center;position:relative;width:150px;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--d-gold) var(--score),#ffffff0d 0)}.s24-percent-dial:before{content:'';position:absolute;inset:7px;background:#24172d;border-radius:50%}.s24-percent-dial strong{position:relative;font:400 40px/1 Georgia,serif;color:var(--d-gold)}.s24-percent-equation{font:400 26px/1.5 Georgia,serif;color:var(--d-text);margin:12px 0}.s24-percent-note{font-size:13px;line-height:1.8;color:var(--d-muted);margin:0}.s24-percent-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:740px;margin:auto}.s24-percent-detail{min-width:0;padding:24px;border:1px solid var(--d-line);border-radius:17px;background:#1c1427}.s24-percent-role{text-align:center;font-size:13px;letter-spacing:.1em;font-weight:400;color:#e9aec0;margin:0 0 20px}.s24-percent-detail:last-child .s24-percent-role{color:#a9d9c5}.s24-percent-name{text-align:center;font:400 23px/1.5 Georgia,serif;color:var(--d-gold);margin:18px 0 12px}.s24-percent-meaning{font-size:16px;line-height:1.85;color:var(--d-text);margin:0}.s24-percent-hint{text-align:center;font-size:12px;line-height:1.8;color:var(--d-muted);max-width:620px;margin:24px auto 0}.s24-percent[data-motion=on] .s24-percent-picture{animation:s24-percent-open .55s ease-out both;animation-delay:var(--card-delay,0ms)}.s24-percent[data-motion=off] *{animation:none!important;transition:none!important}@keyframes s24-percent-open{from{opacity:0;transform:perspective(700px) rotateY(-80deg) translateY(8px)}to{opacity:1;transform:perspective(700px) rotateY(0deg) translateY(0)}}@media(max-width:639px){.s24-percent-main{gap:12px}.s24-percent-card h4{font-size:12px;min-height:36px}.s24-percent-points{font-size:10px}.s24-percent-face span{font-size:19px;top:6px;left:7px}.s24-percent-face b{font-size:34px}.s24-percent-score{grid-template-columns:1fr;text-align:center;padding:25px 18px;gap:20px}.s24-percent-dial{margin:auto;width:135px}.s24-percent-details{grid-template-columns:1fr}.s24-percent-detail{padding:25px 20px}.s24-percent-heading{font-size:25px}.s24-percent-score .s24-d-eyebrow{font-size:9px}.s24-percent-equation{font-size:25px}}

.s24-percent-card h4{letter-spacing:0;text-transform:none}