/* itemtip.css (dc663093, Emberfall v0.7.0): readable item names + tooltips. Everything is scoped to body.itx (itemtip.js sets it). */
:root{--itx-fs:clamp(15px,calc(14.5px * var(--hk,1)),26px);--itx-font:"Alegreya Sans",Verdana,Tahoma,"Segoe UI",Arial,sans-serif;--itx-r-junk:#a9a9a9;--itx-r-common:#f4ecda;--itx-r-uncommon:#6fe36f;--itx-r-rare:#62b4ff;--itx-r-epic:#d295ff;--itx-r-legendary:#ffa53d;--itx-r-quest:#ffd75e;
 --itx-ok:#86e58a;--itx-bad:#ff6b5b;--itx-dim:#c9bba0;--itx-gold:#ffd36a;--itx-set:#ffe9a8;--itx-off:#8d8577;--itx-sh:0 1px 0 #000,0 0 3px rgba(0,0,0,.9)}
@media (min-width:2200px){:root{--itx-fs:clamp(18px,calc(15px * var(--hk,1)),28px)}}
@media (min-width:3000px){:root{--itx-fs:clamp(21px,calc(16px * var(--hk,1)),32px)}}
/* ---- the item tooltip ---- */
.itx-tip{position:fixed;z-index:60;left:0;top:0;pointer-events:none;box-sizing:border-box;min-width:15.5em;max-width:min(24em,calc(100vw - 16px));padding:.7em .85em .65em;
 font:500 var(--itx-fs)/1.38 var(--itx-font);color:#efe6d2;letter-spacing:.01em;
 background:linear-gradient(180deg,rgba(44,32,21,.975),rgba(22,15,10,.975) 70%,rgba(17,12,8,.98));
 border:2px solid #b8913f;border-radius:3px;box-shadow:0 0 0 1px #000,inset 0 0 0 1px rgba(255,220,150,.13),inset 0 0 22px rgba(0,0,0,.55),0 8px 26px rgba(0,0,0,.7);text-shadow:var(--itx-sh)}
.itx-tip[hidden]{display:none}
.itx-tip.itx-small{min-width:0;padding:.4em .65em;font-size:calc(var(--itx-fs) * .95)}
.itx-hd{display:flex;gap:.6em;align-items:center;margin-bottom:.35em}
.itx-hd img{width:2.6em;height:2.6em;flex:none;image-rendering:auto;background:rgba(0,0,0,.45);border:1px solid #6d5528;border-radius:2px;box-shadow:inset 0 0 6px #000}
.itx-hn{min-width:0;flex:1}
.itx-nm{font:700 1.2em/1.2 "Cinzel","Palatino Linotype",Georgia,serif;letter-spacing:.03em;color:var(--itx-r-common)}
.itx-q{font:700 .8em var(--itx-font);color:var(--itx-dim);letter-spacing:0}
.itx-r-junk{color:var(--itx-r-junk)}.itx-r-common{color:var(--itx-r-common)}.itx-r-uncommon{color:var(--itx-r-uncommon)}.itx-r-rare{color:var(--itx-r-rare)}.itx-r-epic{color:var(--itx-r-epic)}.itx-r-legendary{color:var(--itx-r-legendary)}.itx-r-quest{color:var(--itx-r-quest)}
.itx-ty{display:flex;justify-content:space-between;gap:1em;margin-top:.15em;font-size:.88em;color:var(--itx-dim)}
.itx-sec{border-top:1px solid rgba(201,164,90,.28);padding-top:.35em;margin-top:.35em}
.itx-stats{display:grid;grid-template-columns:auto auto 1fr;column-gap:.9em;row-gap:.05em;align-items:baseline}
.itx-st{display:contents}
.itx-st .k{color:#e3d7bd}.itx-st b{font-weight:700;color:#fff;text-align:right;font-variant-numeric:tabular-nums}
.itx-st i{font-style:normal;font-size:.85em;font-weight:700;text-align:left;font-variant-numeric:tabular-nums}
.itx-st i.up{color:var(--itx-ok)}.itx-st i.dn{color:var(--itx-bad)}
.itx-l{margin:.08em 0}
.itx-bonus,.itx-ok{color:var(--itx-ok)}
.itx-req{color:#e8dcc2}.itx-req.itx-bad,.itx-bad{color:var(--itx-bad);font-weight:700}
.itx-have{font-weight:400;opacity:.9}
.itx-set{color:var(--itx-set)}.itx-set .itx-l:first-child{font-weight:700}
.itx-set-on{color:var(--itx-ok)}.itx-set-off{color:var(--itx-off)}.itx-set-piece{padding-left:.8em;color:var(--itx-off)}.itx-set-piece.itx-worn{color:var(--itx-set)}
.itx-use,.itx-gold{color:var(--itx-gold)}
.itx-dim{color:var(--itx-dim)}
.itx-flags{color:#ffcf6a;font-size:.88em;letter-spacing:.02em}
.itx-flavor{font-style:italic;color:#d9c9a3;font-size:.97em;line-height:1.3}
.itx-ft{display:flex;justify-content:space-between;align-items:center;gap:1em;margin-top:.45em;padding-top:.35em;border-top:1px solid rgba(201,164,90,.28);font-size:.9em;color:var(--itx-dim)}
.itx-ft .itx-pr{margin-left:auto;white-space:nowrap}.itx-ft .itx-pr b{color:var(--itx-gold)}
.itx-eq{color:var(--itx-ok);font-weight:700}.itx-vs{color:var(--itx-dim)}
.itx-coin{display:inline-block;width:.8em;height:.8em;border-radius:50%;vertical-align:-.05em;background:radial-gradient(circle at 35% 30%,#fff3b0,#e9b53a 45%,#8a5a12);box-shadow:0 0 0 1px #3a2606}
.itx-hint{font-weight:700;color:#f4ecda}
/* ---- the stock #tip (right-click on mobs, corpses, NPCs, nodes): same dark panel, bigger text ---- */
body.itx #tip{font:500 var(--itx-fs)/1.4 var(--itx-font)!important;max-width:min(24em,calc(100vw - 16px))!important;padding:.6em .8em!important;color:#efe6d2!important;
 background:linear-gradient(180deg,rgba(44,32,21,.975),rgba(18,12,8,.98))!important;background-image:linear-gradient(180deg,rgba(44,32,21,.975),rgba(18,12,8,.98))!important;
 border:2px solid #b8913f!important;border-image:none!important;border-radius:3px!important;box-shadow:0 0 0 1px #000,inset 0 0 0 1px rgba(255,220,150,.13),0 8px 26px rgba(0,0,0,.7)!important;text-shadow:var(--itx-sh)}
body.itx #tip b{font:700 1.15em/1.25 "Cinzel",Georgia,serif!important;letter-spacing:.03em!important;color:#f4ecda!important}
body.itx #tip small{font-size:.85em!important;color:var(--itx-dim)!important}
body.itx #tip div{margin:.12em 0}
body.itx #tip .dim{color:var(--itx-dim)!important}body.itx #tip .ok{color:var(--itx-ok)!important}body.itx #tip .bad{color:var(--itx-bad)!important;font-weight:700}body.itx #tip .gold{color:var(--itx-gold)!important}
body.itx #tip .tbar{height:.55em!important}
/* ---- item names in lists: vendor, loot, crafting, bank ---- */
body.itx #panel .list .row b{font:700 calc(var(--itx-fs) * 1.04)/1.25 var(--itx-font)!important;letter-spacing:.01em;color:#f6eedc!important;text-shadow:var(--itx-sh)}
body.itx #panel .list .row small{font:500 calc(var(--itx-fs) * .9)/1.3 var(--itx-font)!important;color:#d6c8aa!important;opacity:1!important;text-shadow:0 1px 0 #000}
body.itx #panel .list .row em{font:700 var(--itx-fs) var(--itx-font)!important;color:var(--itx-gold)!important;font-style:normal!important;text-shadow:var(--itx-sh)}
body.itx #panel .list .row.dim b{color:#bdb19a!important}
body.itx #panel .list .row img{width:2.5em!important;height:2.5em!important}
body.itx #panel .hint{font-size:calc(var(--itx-fs) * .88)!important;color:#d8cbb0!important}
/* stack counts on slots: outlined so they read over any icon */
body.itx .slot>b{font:700 max(12px,calc(var(--itx-fs) * .8)) var(--itx-font)!important;color:#fff!important;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 3px #000!important}