.discovery-dialog{box-sizing:border-box;width:min(940px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid #bc985b;border-radius:16px;background:#21121d;color:#f8e7c9;box-shadow:0 24px 100px #000b;overflow:auto;font:16px/1.7 system-ui,sans-serif;scrollbar-width:thin}
.discovery-dialog::backdrop{background:#08050ad9;backdrop-filter:blur(5px)}
.discovery-header{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px;background:#21121df5;border-bottom:1px solid #b4915844}
.discovery-header h2{font:500 clamp(19px,3.8vw,26px)/1.4 Georgia,'Noto Serif KR',serif;margin:0}
.discovery-dialog button{font:inherit;font-size:14px;min-height:44px;border:1px solid #b4915877;border-radius:8px;background:#35202b;color:#f8e7c9;padding:10px 16px;cursor:pointer}
.discovery-dialog button:focus-visible{outline:3px solid #f5cc7c;outline-offset:3px}.discovery-dialog button:hover{background:#50303a}
.discovery-dialog .discovery-close{flex-shrink:0;padding:7px 14px}
.discovery-body{padding:clamp(16px,3vw,30px)}.discovery-status{margin:0;padding:0 24px;color:#e3c693;font-size:14px}.discovery-status:not(:empty){padding-block:12px}
.discovery-copy{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;margin:18px 0}.discovery-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.discovery-dialog .discovery-primary{background:#e4c28a;color:#291521;border-color:#e4c28a;font-weight:650}.discovery-dialog .discovery-primary:hover{background:#f4d9aa}
.discovery-book{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);background:#efe4cd;color:#33261f;border-radius:5px 12px 12px 5px;box-shadow:0 8px 0 #cab996,0 12px 0 #695340,0 20px 30px #0005;perspective:1600px}
.discovery-book-left,.discovery-book-right{min-width:0;padding:clamp(20px,4vw,42px)}.discovery-book-left{display:flex;flex-direction:column;justify-content:center;align-items:center;border-right:1px solid #a78b6280;background:linear-gradient(90deg,transparent 92%,#54412730)}
.discovery-book-right{transform-origin:left center;background:linear-gradient(90deg,#54412716,transparent 8%);outline-offset:-4px}
.discovery-dialog h3{font:500 clamp(21px,4vw,30px)/1.5 Georgia,'Noto Serif KR',serif;margin:12px 0;overflow-wrap:anywhere}.discovery-eyebrow{font:500 12px/1.6 system-ui,sans-serif;letter-spacing:.08em}.discovery-byline{font-size:14px;margin:16px 0 0}
.discovery-book .discovery-copy{font-size:16px}.discovery-book .discovery-actions button{background:transparent;color:#33261f;border-color:#92744a}.discovery-book .discovery-actions .discovery-primary{background:#563143;color:#fff1d7}
.discovery-cover{position:relative;width:min(100%,210px);align-self:center;aspect-ratio:2/3;display:grid;place-items:center;flex-shrink:0;box-shadow:5px 7px 15px #0004;border-radius:2px;overflow:hidden;background:#392631}
.discovery-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#392631}.discovery-cover-fallback{box-sizing:border-box;width:100%;height:100%;border:7px double #b49158;padding:18px 12px;display:flex;flex-direction:column;align-items:center;justify-content:space-around;text-align:center;color:#edcf98}.discovery-cover-fallback[hidden]{display:none}.discovery-cover-fallback strong{font:500 23px/1.5 Georgia,serif;overflow-wrap:anywhere}.discovery-cover-fallback small{font-size:9px;letter-spacing:.16em}.discovery-cover-fallback span{font-size:13px}
.discovery-card-deck{display:flex;justify-content:center;gap:clamp(10px,3vw,28px);padding:24px 0;perspective:1000px}
.discovery-dialog .discovery-card-back{width:min(26%,170px);aspect-ratio:3/5;padding:12px 4px;display:flex;flex-direction:column;justify-content:space-around;align-items:center;border:6px double #c49b63;border-radius:10px;background:repeating-linear-gradient(45deg,#bc985b09 0 1px,transparent 1px 12px),radial-gradient(ellipse at center,#513448,#201520);color:#e6c18a;box-shadow:0 8px 20px #0005;transition:transform .2s;font-size:clamp(8px,1.7vw,12px);letter-spacing:.08em}
.discovery-dialog .discovery-card-back:hover{transform:translateY(-8px);background-color:#513448}.card-moon{font:48px/1 Georgia,serif}
.discovery-tarot-result{display:grid;grid-template-columns:210px minmax(0,1fr);gap:32px;align-items:center;perspective:1000px}.discovery-card-face{aspect-ratio:3/5;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:space-around;border:7px double #bf975d;padding:18px;background:radial-gradient(ellipse at center,#563344,#21121d);border-radius:10px;color:#eec88d;box-shadow:0 14px 30px #0005}.discovery-card-face svg{width:85%;height:auto}.discovery-card-face small{font:11px/1.4 Georgia,serif;letter-spacing:.15em}.discovery-card-face h3{font-size:22px;margin:0}.discovery-reading{outline-offset:5px}.discovery-reading .discovery-copy{font-size:16px}
.discovery-recommendation{display:flex;gap:24px;padding:24px;margin-top:30px;border:1px solid #b4915855;border-radius:10px;background:#301d29}.discovery-recommendation .discovery-cover{width:100px}.discovery-recommendation h3{font-size:23px}.discovery-recommendation p{font-size:14px}
.discovery-page-turn{animation:discovery-turn .4s ease both}.discovery-book-open{animation:discovery-open .5s ease both}.discovery-card-flip{animation:discovery-flip .6s ease both}
@keyframes discovery-turn{from{transform:rotateY(var(--turn));filter:brightness(.7)}to{transform:rotateY(0);filter:brightness(1)}}@keyframes discovery-open{from{opacity:.3;transform:scale(.97) rotateX(5deg)}to{opacity:1;transform:none}}@keyframes discovery-flip{from{transform:rotateY(90deg);opacity:.2}to{transform:rotateY(0);opacity:1}}
@media(max-width:600px){.discovery-header{padding:12px 16px}.discovery-book{grid-template-columns:1fr}.discovery-book-left{border-right:0;border-bottom:1px solid #a78b6255;background:linear-gradient(0deg,#54412710,transparent);padding:22px;flex-direction:row;gap:18px;justify-content:flex-start}.discovery-book-left .discovery-cover{width:92px}.discovery-book-right{padding:24px;background:none}.discovery-tarot-result{grid-template-columns:1fr;gap:12px}.discovery-card-face{width:150px;justify-self:center}.discovery-recommendation{padding:16px;gap:16px}.discovery-recommendation .discovery-cover{width:74px}.discovery-recommendation h3{font-size:20px}.discovery-recommendation button{padding:8px 10px}.discovery-actions{gap:8px}.discovery-dialog button{font-size:14px}.discovery-book .discovery-copy{font-size:16px}}
@media(prefers-reduced-motion:reduce){.discovery-dialog *{animation:none!important;transition:none!important}}