/* Larger, readable tarot artwork and a dedicated full-screen viewer. */
.card-enlarge{display:block;border:0;background:none;padding:0;color:inherit;cursor:zoom-in;max-width:100%;border-radius:12px}.card-enlarge .card-art{width:100%;margin:0}.card-zoom-hint{display:block;margin-top:11px;color:var(--gold);font-size:11px;text-align:center}.card-enlarge:hover .card-art{box-shadow:0 12px 38px #140b2a70,0 0 0 1px #ead1a577}.card-enlarge:focus-visible{outline:2px solid var(--gold);outline-offset:6px}
.tarot-deck{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:570px;gap:24px 20px;padding:28px 0}.draw-card{width:100%;max-width:none;aspect-ratio:2/3}.draw-card .card-art{height:100%;width:100%}.tarot-stage{min-height:750px}.draw-card[aria-pressed=true]{cursor:zoom-in}.selected-card-hint{position:absolute;left:6px;right:6px;bottom:7px;padding:4px 2px;border-radius:5px;background:#24172de6;color:#f6e9d3;font-size:9px;text-align:center;box-shadow:0 2px 8px #0003}
.tarot-results{gap:22px}.tarot-results.single{max-width:1050px}.tarot-results .tarot-result{display:flex;flex-direction:column;padding:24px;align-items:center;gap:0;background:linear-gradient(145deg,#483154,#30243e)}.tarot-results .tarot-result>.card-enlarge{width:100%;max-width:330px;flex-shrink:0}.tarot-results .tarot-result .card-enlarge .card-art{width:100%;margin:0;grid-column:auto;grid-row:auto}.tarot-result-copy{width:100%;margin-top:24px;text-align:center}.tarot-result-copy .eyebrow{font-size:9px;line-height:1.9}.tarot-result-copy h2{font-size:23px;margin-top:9px;text-align:inherit}.tarot-result-copy .english-name{font:italic 25px 'Cormorant Garamond',serif;color:var(--gold);margin-top:4px;text-align:inherit}.tarot-result-copy .keywords{font-size:11px;margin:14px 0;color:#d7bfe5}.tarot-result-copy>p{font-size:13px;line-height:2;text-align:inherit}.tarot-result-copy .reflection{width:100%;margin-top:20px}.tarot-result-copy .reflection p{font-size:12px;line-height:2;text-align:inherit}.tarot-results.single .tarot-result{display:grid;grid-template-columns:minmax(260px,380px) minmax(0,1fr);gap:36px;padding:30px;align-items:center}.tarot-results.single .tarot-result>.card-enlarge{max-width:none}.tarot-results.single .tarot-result-copy{margin-top:0;text-align:left}.tarot-results.single .tarot-result-copy h2{font-size:29px}.tarot-results.single .tarot-result-copy>p{max-width:none;font-size:14px}
.deck-gallery{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:30px 22px}.deck-tile strong{font-size:13px}.deck-tile>span{font-size:18px}.deck-tile .card-art{border-radius:12px}
#modal:has(.card-detail){max-width:min(980px,calc(100vw - 32px));max-height:calc(100svh - 36px);overflow:auto}.card-detail{grid-template-columns:minmax(260px,380px) minmax(0,1fr);gap:32px}.card-detail .card-enlarge{width:100%}.card-detail .card-enlarge .card-art{width:100%}.card-detail .english-name{font-size:30px}.card-detail p{font-size:14px;line-height:2}.card-detail .notice{font-size:13px}.saved-card-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;align-items:start}.saved-card-images .card-enlarge{width:100%}.saved-card-images .card-enlarge .card-art{width:100%;max-width:none}.saved-card-images:has(>.card-enlarge:only-child){grid-template-columns:1fr}.saved-card-images>.card-enlarge:only-child{width:min(100%,320px);justify-self:center}
/* Native top-layer dialog keeps the reading or meaning view underneath intact. */
body.card-viewer-open{overflow:hidden}#card-viewer{position:fixed;inset:0;margin:0;width:100vw;max-width:none;height:100svh;max-height:none;padding:0;border:0;border-radius:0;background:#1c1328;color:#f8edde;overflow:hidden;box-shadow:none}#card-viewer::backdrop{background:#100b19f5}.card-viewer-layout{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;width:100%}.card-viewer-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:20px;align-items:center;padding:14px max(22px,env(safe-area-inset-right)) 14px max(22px,env(safe-area-inset-left));background:linear-gradient(110deg,#3a284b,#241b33);border-bottom:1px solid #e4ccec24;position:relative;z-index:1}.card-viewer-title h2{font-family:var(--serif);font-size:20px;line-height:1.5}.card-viewer-title p{font:italic 17px 'Cormorant Garamond',serif;color:#d1b5e1;margin-top:2px}.card-viewer-controls{grid-column:2;grid-row:1;display:flex;align-items:center;gap:9px}.card-viewer-controls button{background:#c5a1dd13;color:#eedbea;border:1px solid #d2b0e238;border-radius:8px;min-height:40px;padding:7px 13px;font-size:11px}.card-viewer-controls button[data-viewer=in],.card-viewer-controls button[data-viewer=out]{font-size:22px;line-height:1;min-width:41px;padding:7px}.card-viewer-controls button:hover{background:#e3c8f029}.card-viewer-percent{font-size:11px;color:#d6bedf;min-width:42px;text-align:center}.viewer-close{grid-column:3;grid-row:1;width:42px;height:42px;background:#e9cfaa10;color:#f1ddbe;border-color:#e9cfaa42;font-size:17px}.card-viewer-viewport{overflow:auto;min-height:0;min-width:0;overscroll-behavior:contain;background:radial-gradient(ellipse at 50% 40%,#58386b30,transparent 70%);touch-action:pan-x pan-y pinch-zoom}.card-viewer-canvas{display:grid;place-items:center;width:max-content;min-width:100%;min-height:100%;padding:18px}.card-viewer-image{display:block;max-width:none;max-height:none;object-fit:contain;border-radius:12px;border:1px solid #e6cba75c;box-shadow:0 15px 55px #0008;user-select:none;-webkit-user-drag:none;cursor:zoom-in}.is-zoomed .card-viewer-image{cursor:zoom-out}.card-viewer-help{font-size:10px;line-height:1.8;color:#c0a6cd;text-align:center;padding:10px 15px max(10px,env(safe-area-inset-bottom));border-top:1px solid #d9b8e818;background:#21182e}
@media(max-width:1100px){.tarot-results:not(.single){grid-template-columns:1fr}.tarot-results:not(.single) .tarot-result{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:28px;padding:26px;align-items:center}.tarot-results:not(.single) .tarot-result-copy{margin-top:0;text-align:left}.tarot-results.single .tarot-result{grid-template-columns:minmax(250px,340px) minmax(0,1fr);gap:28px}.deck-gallery{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}}
@media(max-width:850px){.tarot-results.single .tarot-result,.tarot-results:not(.single) .tarot-result{grid-template-columns:minmax(190px,250px) minmax(0,1fr);gap:23px;padding:23px}.tarot-results.single .tarot-result-copy h2{font-size:24px}.tarot-results.single .tarot-result-copy>p{font-size:13px}.card-detail{grid-template-columns:minmax(230px,310px) minmax(0,1fr);gap:25px}.card-detail p{font-size:12px}.card-detail .english-name{font-size:25px}.card-viewer-toolbar{gap:12px;padding:12px 17px}.card-viewer-title h2{font-size:17px}}
@media(max-width:650px){.tarot-deck{grid-template-columns:repeat(2,minmax(0,1fr));max-width:340px;gap:24px 20px;padding:27px 0}.draw-card{max-width:none;width:100%;aspect-ratio:2/3}.tarot-stage{min-height:780px;padding:27px 18px}.selected-card-hint{font-size:9px}.tarot-results{gap:25px}.tarot-results.single .tarot-result,.tarot-results:not(.single) .tarot-result{display:flex;flex-direction:column;gap:0;padding:22px 20px;align-items:center}.tarot-results .tarot-result>.card-enlarge,.tarot-results.single .tarot-result>.card-enlarge{width:100%;max-width:340px}.tarot-results .tarot-result-copy,.tarot-results.single .tarot-result-copy,.tarot-results:not(.single) .tarot-result-copy{margin-top:25px;text-align:center}.tarot-results .tarot-result-copy .eyebrow{font-size:10px}.tarot-results .tarot-result-copy h2{font-size:25px}.tarot-results .tarot-result-copy .english-name{font-size:26px}.tarot-results .tarot-result-copy>p{font-size:13px;text-align:left}.tarot-results .tarot-result-copy .keywords{font-size:11px}.tarot-results .tarot-result-copy .reflection p{font-size:12px}.card-zoom-hint{font-size:11px;margin-top:12px}.deck-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 14px}.deck-tile strong{font-size:12px}.deck-tile>span{font-size:15px}.deck-tile .card-art{border-radius:9px}.card-detail{display:flex;flex-direction:column;gap:25px;align-items:center}.card-detail>.card-enlarge{width:100%;max-width:330px}.card-detail>div{width:100%}.card-detail .english-name{font-size:27px}.card-detail p{font-size:13px}.card-detail .notice{font-size:12px}.saved-card-images{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.saved-card-images .card-zoom-hint{font-size:9px}.card-viewer-toolbar{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:12px 15px}.card-viewer-title h2{font-size:18px}.card-viewer-title p{font-size:16px}.viewer-close{grid-column:2}.card-viewer-controls{grid-column:1/-1;grid-row:2;justify-content:center;gap:8px}.card-viewer-controls button{font-size:11px;padding:7px 12px;min-height:39px}.card-viewer-controls button[data-viewer=in],.card-viewer-controls button[data-viewer=out]{min-width:38px}.card-viewer-controls .card-viewer-percent{font-size:10px;min-width:37px}.card-viewer-help{font-size:9px;padding-left:17px;padding-right:17px}.card-viewer-canvas{padding:15px}.card-viewer-image{border-radius:10px}}