.tarot-zoom-hint{display:block;font-size:12px;color:#80715b;margin-top:9px;letter-spacing:.3px}
.card-viewer-open{overflow:hidden}
html:has(.tarot-image-viewer[open]){scrollbar-gutter:auto;overflow:hidden}
body dialog.tarot-image-viewer[open]{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:center;box-sizing:border-box;width:100vw!important;max-width:none!important;height:100dvh;max-height:none;margin:0;padding:max(56px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:transparent;border:0;border-radius:0;box-shadow:none;overflow:hidden}
body .tarot-image-viewer::backdrop{background:#101513}
body .tarot-image-viewer #tarot-image-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
body dialog.tarot-image-viewer .tarot-image-large{display:block;width:auto;height:auto;max-width:100%;max-height:100%;min-width:0;min-height:0;margin:0;border-radius:3px;object-fit:contain}
.annual-card-open{padding:0;border:0;background:transparent;cursor:zoom-in;align-self:start}
.annual-card-open img{display:block;margin:0 auto}
body .tarot-image-viewer .tarot-image-close{position:fixed;right:max(8px,env(safe-area-inset-right));top:max(8px,env(safe-area-inset-top));display:grid;place-items:center;box-sizing:border-box;width:44px;height:44px;min-height:44px;margin:0;padding:0;border:0;border-image:none;border-radius:50%;background:transparent;box-shadow:none;color:#f4f0e8;font:400 28px/1 sans-serif;cursor:pointer}
body .tarot-image-viewer .tarot-image-close:focus-visible{outline:2px solid #f4f0e8;outline-offset:-4px}