:root{--bg: #151028;--bg-2: #211a3d;--panel: rgba(255, 255, 255, .05);--line: rgba(232, 198, 116, .25);--text: #ece6f7;--muted: #a99fc2;--gold: #e8c674;--gold-2: #c9a24c;--radius: 14px;--card-ratio: 360 / 620}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;line-height:1.7;color:var(--text);background:radial-gradient(ellipse at top,#2c2152 0%,var(--bg) 60%) fixed,var(--bg);word-break:keep-all}a{color:var(--gold)}h1,h2,h3{line-height:1.35}h1{font-size:clamp(1.6rem,5vw,2.4rem)}h2{font-size:1.2rem;color:var(--gold)}main{max-width:960px;margin:0 auto;padding:16px}.muted{color:var(--muted)}.center{text-align:center}.small{font-size:.8rem}[hidden]{display:none!important}.site-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;max-width:960px;margin:0 auto;padding:14px 16px}.site-header .logo{font-weight:700;text-decoration:none;color:var(--text);font-size:1.1rem}.site-header nav{display:flex;gap:16px}.site-header nav a{text-decoration:none;color:var(--muted)}.site-header nav a:hover{color:var(--gold)}.site-footer{max-width:960px;margin:48px auto 0;padding:24px 16px 40px;border-top:1px solid var(--line);color:var(--muted);font-size:.88rem;text-align:center}.hero{text-align:center;padding:40px 0 24px}.hero p{color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin:20px 0}.panel h2:first-child{margin-top:0}.btn-primary,.btn-ghost{display:inline-block;padding:12px 22px;border-radius:999px;font-size:1rem;font-weight:700;text-decoration:none;cursor:pointer;border:1px solid var(--gold);font-family:inherit}.btn-primary{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#1d1533}.btn-primary:disabled{opacity:.5;cursor:default}.btn-ghost{background:transparent;color:var(--gold)}form .btn-primary{width:100%;margin-top:20px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip input,.spread-option input{position:absolute;opacity:0;pointer-events:none}.chip span{display:inline-block;padding:8px 14px;border-radius:999px;border:1px solid var(--line);cursor:pointer}.chip input:checked+span{background:var(--gold);color:#1d1533;border-color:var(--gold)}.chip input:focus-visible+span,.spread-option input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}.spread-list{display:grid;gap:10px}.spread-option span{display:block;padding:14px 16px;border-radius:12px;border:1px solid var(--line);cursor:pointer}.spread-option em{font-style:normal;color:var(--muted);font-size:.85rem}.spread-option small{display:block;color:var(--muted)}.spread-option input:checked+span{border-color:var(--gold);background:#e8c6741a}.card-back,.card-face{width:100%;aspect-ratio:var(--card-ratio);border-radius:8px;overflow:hidden}.card-back{background:radial-gradient(circle at 50% 50%,transparent 18%,var(--gold) 19%,transparent 21%),repeating-linear-gradient(45deg,#3a2c6b 0 6px,#2a1f52 6px 12px);border:3px solid var(--gold);box-shadow:0 4px 14px #0006}.card-face{position:relative;background:#f3ead3;border:2px solid var(--gold);display:flex;align-items:center;justify-content:center}.card-face:before{content:attr(data-fallback);color:#2a1f52;font-weight:700;padding:8px;text-align:center}.card-face img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.card-face.reversed{transform:rotate(180deg)}.reading{text-align:center}.step{margin-top:20px}.deck-stack{position:relative;width:140px;margin:30px auto 36px;aspect-ratio:var(--card-ratio)}.deck-stack .card-back{position:absolute;inset:0}.deck-stack .card-back:nth-child(2){transform:translate(4px,-4px)}.deck-stack .card-back:nth-child(3){transform:translate(8px,-8px)}.deck-stack.shuffling .card-back:nth-child(1){animation:riffle .4s ease-in-out 3}.deck-stack.shuffling .card-back:nth-child(3){animation:riffle .4s ease-in-out 3 reverse}@keyframes riffle{50%{transform:translate(70px) rotate(10deg)}}.fan{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px;max-width:720px;margin:16px auto}.fan-card{padding:0;border:0;background:none;cursor:pointer;animation:deal .4s backwards;animation-delay:calc(var(--i) * 30ms);transition:transform .2s}.fan-card:hover:not(:disabled){transform:translateY(-6px)}.fan-card.picked{opacity:.2;transform:scale(.9);cursor:default}@keyframes deal{0%{opacity:0;transform:translateY(20px)}}.slots{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:20px 0}.slot{margin:0;width:min(150px,28vw)}.slot figcaption{color:var(--gold);font-weight:700;margin-bottom:6px}.flip{padding:0;border:0;background:none;cursor:pointer;width:100%;perspective:800px}.flip-inner{position:relative;transition:transform .7s;transform-style:preserve-3d;aspect-ratio:var(--card-ratio)}.flip-inner>*{position:absolute;inset:0;backface-visibility:hidden}.flip-inner>.card-face{transform:rotateY(180deg)}.flip-inner>.card-face.reversed{transform:rotateY(180deg) rotate(180deg)}.flip.flipped .flip-inner{transform:rotateY(180deg)}.interp{text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;margin:14px 0;animation:deal .5s backwards}.interp h3{margin:0 0 4px}.interp h3 small{color:var(--muted);font-weight:400;font-size:.85rem}.interp .pos{color:#1d1533;background:var(--gold);border-radius:6px;padding:2px 8px;font-size:.85rem;margin-right:4px}.interp .hint{color:var(--muted);margin:0;font-size:.9rem}.kw{color:var(--gold)}.actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:20px}.card-group{margin-top:32px}.card-grid{list-style:none;padding:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.card-grid a{display:block;text-decoration:none;color:var(--text);text-align:center;font-size:.9rem}.card-grid a:hover .card-face{transform:translateY(-4px);transition:transform .2s}.card-grid span{display:block;margin-top:4px}.breadcrumb{color:var(--muted);font-size:.9rem}.card-detail{display:grid;grid-template-columns:240px 1fr;gap:28px;align-items:start;margin-top:12px}.card-detail h1{margin-top:0}.card-detail h1 small{font-size:1rem;color:var(--muted);font-weight:400}.card-detail dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 14px}.card-detail dt{color:var(--gold);font-weight:700}.card-detail dd{margin:0}.card-detail section{border-top:1px solid var(--line);padding-top:8px;margin-bottom:20px}.prev-next{display:flex;justify-content:space-between;margin-top:32px}.prose{max-width:720px}@media(max-width:640px){.card-detail{grid-template-columns:1fr}.card-detail-img{max-width:200px;margin:0 auto}.card-detail dl{grid-template-columns:1fr}.card-detail dd{margin-bottom:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.today-card{width:min(220px,60vw);margin:24px auto 12px}.no-anim{transition:none!important}.topic-list{display:grid;grid-template-columns:max-content 1fr;gap:8px 14px}.topic-list dt{color:var(--gold);font-weight:700}.topic-list dd{margin:0}@media(max-width:640px){.topic-list{grid-template-columns:1fr;gap:2px}.topic-list dd{margin-bottom:10px}}.guide-list{list-style:none;padding:0;display:grid;gap:12px}.guide-list a{display:block;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);text-decoration:none;color:var(--text)}.guide-list a:hover{border-color:var(--gold)}.guide-list strong{color:var(--gold);display:block}.guide-list small{color:var(--muted)}.prose{margin:0 auto}.prose h2{margin-top:2em}.prose li{margin:4px 0}.prose table{border-collapse:collapse;width:100%;margin:1em 0}.prose th,.prose td{border:1px solid var(--line);padding:8px 10px;text-align:left}.prose blockquote{margin:1em 0;padding:10px 16px;border-left:3px solid var(--gold);background:var(--panel)}.related{margin-top:40px;border-top:1px solid var(--line);padding-top:16px}