body .tarot-page.tarot-city{isolation:isolate;color:#fff4ea;background:#170e20;min-height:100dvh;padding:0 0 48px;position:relative;overflow:hidden}.tarot-city-background{z-index:-1;pointer-events:none;height:790px;position:absolute;inset:0 0 auto}.tarot-city-background img{object-fit:cover;object-position:center top}.tarot-city-background:after{content:"";background:linear-gradient(#1007198c,#10071914 22%,#10071933 55%,#170e20 100%);position:absolute;inset:0}body .tarot-city .service-top{background:linear-gradient(#1a0b21d9,#0000);height:76px;padding:18px 20px 6px}body .tarot-city .service-top strong{font-family:var(--fx-serif,serif);letter-spacing:.04em;color:#ffe5f3;text-shadow:0 0 9px #ff2d7a,0 0 24px #ff2d7a;font-size:23px;font-weight:600}body .tarot-city .service-top a{color:#fff0f7;text-shadow:0 0 12px #f2dce6}.tarot-city-kicker{text-align:center;letter-spacing:.12em;color:#eac6dd;padding:0 12px;font-size:10px}body .tarot-city .tarot-heading{text-align:center;padding:162px 20px 0}body .tarot-city .tarot-heading h1{color:#fff4ea;font:600 clamp(25px,6.5vw,32px)/1.5 var(--fx-serif,serif);text-shadow:0 2px 16px #130818,0 0 28px #ff438977;margin:0 0 12px}body .tarot-city .tarot-heading p{color:#f1dbe9;word-break:keep-all;text-shadow:0 1px 8px #000;font-size:12px;line-height:1.7}body .tarot-city .tarot-deck{perspective:1000px;height:265px;margin:10px 0 0;padding:0;position:relative}body .tarot-city .tarot-card{width:clamp(84px,23vw,114px);height:clamp(146px,39vw,190px);transform:translateX(calc(-50% + var(--card-offset) * clamp(26px,8vw,45px))) rotate(calc(var(--card-offset) * 8deg));transform-origin:50% 130%;background:#291332;border:1.5px solid #e8bc72;border-radius:9px;margin:0;transition:transform .35s,box-shadow .35s;position:absolute;top:52px;left:50%;box-shadow:0 12px 28px #09030dd9,0 0 12px #f9bf5326}body .tarot-city .tarot-card:not(:disabled):hover,body .tarot-city .tarot-card:focus-visible{z-index:5;transform:translateX(calc(-50% + var(--card-offset) * clamp(26px,8vw,45px))) translateY(-15px) rotate(calc(var(--card-offset) * 7deg));outline:none;box-shadow:0 0 0 2px #fff3cc,0 0 28px #ff409c}body .tarot-city .tarot-card-back{color:#efd496;background:radial-gradient(#4b224e,#201029 75%);border:1px solid #d9ae68;border-radius:4px;inset:6px}.tarot-city .tarot-card-back b{font-size:19px;font-weight:400}.tarot-city .tarot-card-back svg{fill:none;stroke:#ebc47c;stroke-width:1.3px;width:72%;height:58%}body .tarot-city .tarot-guide{color:#ffedf6;text-align:center;word-break:keep-all;margin:0 16px;font-size:14px;line-height:1.8}body .tarot-city .tarot-guide span{color:#d5afc9;margin-top:12px;font-size:11px}body .tarot-city.is-revealed .tarot-heading{padding-top:24px}body .tarot-city.is-revealed .tarot-heading h1{margin-bottom:4px;font-size:18px}body .tarot-city .tarot-deck.revealed{height:340px;margin-top:8px}.tarot-city .tarot-deck.revealed:before{content:"";border:2px solid #ffa5d7;border-radius:50%;width:262px;height:292px;animation:4s ease-in-out infinite alternate tarot-city-glow;position:absolute;top:18px;left:50%;transform:translate(-50%);box-shadow:0 0 10px #f2dce6,0 0 32px #ff4ca099,inset 0 0 22px #ff4ca044}body .tarot-city .tarot-card.chosen{opacity:1;background:#fff2d8;border:2px solid #ffe0a1;border-radius:10px;width:200px;height:298px;margin:0;animation:.7s ease-out both tarot-city-reveal;top:18px;left:50%;transform:translate(-50%);box-shadow:0 0 6px #fff1c8,0 0 22px #ff419b}body .tarot-city .tarot-card.chosen img{object-fit:contain}body .tarot-city .tarot-deck.revealed .tarot-card:not(.chosen){display:none}body .tarot-city .tarot-result{color:#fff1f7;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0 18px;padding:0;animation:.4s ease-out rise}body .tarot-city .tarot-result:before,body .tarot-city .tarot-result:after{content:none}.tarot-city-identity{text-align:center;padding:0 12px 22px}body .tarot-city .tarot-result h2{color:#ffeaf5;text-shadow:0 0 18px #ff4d9b88;outline:none;margin:0;font-size:30px}body .tarot-city .tarot-result h2:focus-visible{outline-offset:4px;outline:2px solid #805267}body .tarot-city .tarot-result em{color:#d9b1cd;margin-top:6px;font-size:12px}body .tarot-city .tarot-city-identity>strong{color:#f9d1e6;background:#3b193b88;border:1px solid #ff86bf66;border-radius:30px;margin:14px 0 0;padding:7px 15px;font-size:12px;line-height:1.6;display:inline-block}body .tarot-city .tarot-result .tarot-reading{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left;background:#2a132be0;border:1px solid #ff8dc22e;border-radius:16px;gap:14px;padding:26px 22px;box-shadow:0 12px 32px #07030c33}body .tarot-city .tarot-result .tarot-reading p{color:#fff0f5;word-break:keep-all;font-size:15px;line-height:1.85}.tarot-city-takeaway{text-align:center;border-top:1px solid #fa82b933;margin-top:10px;padding:20px 0 0}.tarot-city-takeaway h3{color:#ff9bca;margin-bottom:12px;font-size:12px;font-weight:500}.tarot-city-takeaway p{word-break:keep-all;text-wrap:balance}.tarot-city-takeaway p+p{margin-top:4px}.tarot-city-footer{text-align:center;color:#cfb2c6;margin:32px 22px 0;font-size:10px;line-height:1.8}.tarot-city-footer span{color:#edc181;margin-bottom:10px;display:block}.tarot-repeat{color:#edc181;background:#edc1811a;border-left:3px solid #edc181;margin-bottom:14px;padding:10px 12px;font-size:12px;line-height:1.7}@keyframes tarot-city-glow{0%{opacity:.7}to{opacity:1}}@keyframes tarot-city-reveal{0%{opacity:0;transform:translate(-50%)rotateY(85deg)scale(.88)}to{opacity:1;transform:translate(-50%)rotateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){body .tarot-city *,body .tarot-city :before{transition:none!important;animation:none!important}}@media (max-width:360px){body .tarot-city .tarot-heading{padding-top:130px}body .tarot-city .tarot-result{margin-inline:12px}body .tarot-city .tarot-result .tarot-reading{padding-inline:17px}}