/* Hover cards for record links (static/tips.js). Colours come from the theme (night.css, ledger.css). */
.tip-card { position: fixed; z-index: 61; left: 0; top: 0; width: min(21rem, calc(100vw - 1.25rem)); max-height: calc(100vh - 1.25rem); overflow: hidden; background: var(--panel); color: var(--ink); border: var(--card-border); border-radius: var(--radius); box-shadow: var(--shadow); font: 400 .85rem/1.4 var(--body); pointer-events: none; visibility: hidden; opacity: 0; transition: opacity .12s ease; }
.tip-card.is-open { visibility: visible; opacity: 1; }
.mt-body { display: grid; gap: .55rem; padding: .7rem .8rem .75rem; }
.mt-head { display: flex; gap: .6rem; align-items: center; }
.mt-names { display: grid; gap: .05rem; min-width: 0; }
.mt-eyebrow { font: 600 .68rem var(--body); text-transform: uppercase; letter-spacing: .1em; color: var(--muted); }
.mt-eyebrow.is-good { color: var(--ok); }
.mt-eyebrow.is-bad { color: var(--bad, #d9826a); }
.mt-name { font: 700 1.02rem/1.2 var(--head); color: var(--ink); overflow-wrap: anywhere; }
.mt-alt { color: var(--muted); font-size: .78rem; }
.mt-desc { margin: 0; color: var(--ink); }
.mt-stats, .mt-notes { display: grid; gap: .2rem; margin: 0; padding: .45rem .55rem; background: var(--hl); border-radius: var(--radius); }
.mt-stats > div, .mt-notes > div { display: flex; gap: .75rem; justify-content: space-between; align-items: baseline; }
.mt-stats dt, .mt-notes dt { color: var(--muted); }
.mt-stats dd, .mt-notes dd { margin: 0; text-align: right; font-weight: 600; }
.mt-notes { background: none; padding: 0; font-size: .78rem; }
.mt-notes > div { display: block; }
.mt-notes dt { font-weight: 600; }
.mt-notes dd { text-align: left; font-weight: 400; }
.mt-stats .is-good dd { color: var(--ok); }
.mt-stats .is-bad dd { color: var(--bad, #d9826a); }
.mt-stats .is-warn dd { color: var(--accent-ink); }
.mt-row { display: grid; gap: .25rem; }
.mt-label { font: 600 .68rem var(--body); text-transform: uppercase; letter-spacing: .1em; color: var(--muted); }
.mt-things { display: flex; flex-wrap: wrap; gap: .3rem .7rem; margin: 0; padding: 0; list-style: none; }
.mt-things > li { display: flex; gap: .35rem; align-items: center; min-width: 0; }
.mt-things.is-grid { gap: .3rem; }
.mt-thing-name { font-size: .8rem; }
.mt-more { color: var(--muted); font-size: .78rem; }
.mt-slot { position: relative; flex: none; display: inline-grid; place-items: center; width: 2rem; height: 2rem; background: var(--chip); border: var(--chip-border); border-radius: var(--radius); }
.mt-head .mt-slot { width: 2.75rem; height: 2.75rem; }
.mt-slot img { width: 85%; height: 85%; object-fit: contain; }
.mt-blank { font: 700 .9rem var(--head); color: var(--muted); }
.mt-count { position: absolute; right: -.2rem; bottom: -.25rem; padding: 0 .2rem; font: 600 .62rem var(--mono); background: var(--ink); color: var(--bg); border-radius: 3px; }