.fate-card a[data-card-preview]{color:var(--accent,#ffd27f);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}
#fate-card-preview{position:fixed;z-index:10000;box-sizing:border-box;width:max-content;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);overflow:auto;padding:12px;background:#18231e;color:#f4eed8;border:1px solid #93845c;border-radius:10px;box-shadow:0 14px 45px #0009}
#fate-card-preview[hidden]{display:none}#fate-card-preview h2{font-size:16px;margin:0 0 8px}#fate-card-preview .preview-cards{display:flex;gap:10px;max-width:850px;overflow-x:auto}#fate-card-preview figure{margin:0;flex:0 0 160px;text-align:center}#fate-card-preview figcaption{font-size:13px;margin-bottom:5px;color:#f2d18b}#fate-card-preview img{display:block;width:160px;height:264px;object-fit:contain}#fate-card-preview figure.selected{outline:1px solid #e2bc62;border-radius:5px}.treasure-pool{columns:2;column-gap:25px}.treasure-pool li{break-inside:avoid;margin:5px 0}@media(max-width:600px){.treasure-pool{columns:1}#fate-card-preview figure{flex-basis:145px}#fate-card-preview img{width:145px;height:240px}}
.fate-card:has(.treasure-chest-pool){grid-column:1/-1}.treasure-pool{max-width:900px}.treasure-pool .offered-level{white-space:nowrap}

/* Keep the highlight inside the scroll area so its edges cannot be clipped. */
#fate-card-preview .preview-cards{padding:3px}
#fate-card-preview figure{border:2px solid transparent;padding:6px;border-radius:9px}
#fate-card-preview figure.selected{outline:none;border-color:#ffda7a;background:#463b21;box-shadow:inset 0 0 0 1px #ffda7a55}
#fate-card-preview figure.selected figcaption{color:#fff0be;font-weight:750}
.treasure-pool li{padding:5px 7px;border-radius:5px}
.treasure-pool li:has(a:hover),.treasure-pool li:focus-within{background:#ffd27f18;box-shadow:inset 3px 0 #ffd27f}
.treasure-pool .offered-level{display:inline-block;padding:0 5px;border:1px solid #b99a5855;border-radius:4px;color:#ffe0a1;font-size:.9em}

/* Fit the complete level/phase comparison within the available tooltip width. */
#fate-card-preview .preview-cards{display:grid;grid-template-columns:repeat(var(--preview-count),minmax(0,1fr));gap:6px;max-width:none;overflow:visible}
#fate-card-preview figure{min-width:0}
#fate-card-preview img{width:100%;height:auto;aspect-ratio:308/508}
#fate-card-preview figcaption{overflow-wrap:anywhere}