/* Approved gold/obsidian/jewel information popup. Its artwork never contains labels or values. */
body #item-compare-tooltip.item-info-tooltip{
 --item-tip-width:400px;--item-tip-size:min(var(--item-tip-width),calc((100dvh - 24px)*.7198917),calc(100vw - 24px));
 width:var(--item-tip-size);height:calc(var(--item-tip-size)*1.3890977);max-width:none;max-height:none;
 position:fixed;inset:0 auto auto 0;margin:0;box-sizing:border-box;padding:calc(var(--item-tip-size)*.25) calc(var(--item-tip-size)*.145) calc(var(--item-tip-size)*.18);
 border:0;border-radius:0;background:transparent;color:#f7ead8;box-shadow:none;filter:drop-shadow(0 10px 18px #000a);isolation:isolate;
 font-family:'Noto Sans Thai','Leelawadee UI',Tahoma,sans-serif;font-size:13px;line-height:1.45;pointer-events:none;overflow:visible;
}
body #item-compare-tooltip.item-info-tooltip[hidden]{display:none}
body #item-compare-tooltip.item-info-tooltip[data-positioned=false]{visibility:hidden}
body #item-compare-tooltip.item-info-tooltip::before{content:"";position:absolute;inset:13% 7.5% 11%;z-index:-1;background:linear-gradient(#160d20f5,#21132bf7),url('/assets/ui/player-surfaces-v1/royal-hall.webp') center/cover;pointer-events:none}
body #item-compare-tooltip.item-info-tooltip::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:url('/assets/ui/item-info-v1/frame.webp') center/100% 100% no-repeat;clip-path:polygon(evenodd,0 0,100% 0,100% 100%,0 100%,0 0,14% 18%,14% 84%,86% 84%,86% 18%,14% 18%)}
body .item-info-titlebar{position:absolute;inset:7% 23% auto;height:8%;display:grid;place-items:center;font-size:18px;font-weight:700;text-align:center;line-height:1.3;color:#ffe4a3;z-index:3}
body .item-info-body{height:100%;min-height:0;position:relative;z-index:1;overflow:auto;scrollbar-width:none;overscroll-behavior:contain}
body .item-info-identity{display:grid;grid-template-columns:62px minmax(0,1fr);gap:12px;align-items:center;padding:0 0 12px}
body .item-info-art{width:62px;height:62px;padding:4px;box-sizing:border-box;border:1px solid #a9854a;border-radius:2px;background:#0c0812}
body .item-info-art :is(img,svg,.shop-art,.cf-slot-art){display:block;width:100%;height:100%;max-width:100%;max-height:100%;position:static;object-fit:contain}
body .item-info-art>.shop-art>img{position:static}
body .item-info-name{display:block;font-size:20px;font-weight:700;line-height:1.35;color:#ffe4a3;overflow-wrap:anywhere}
body .item-info-kind{margin:5px 0 0;font-size:12px;color:#d8c2df;overflow-wrap:anywhere}
body .item-info-rarity{display:inline-block;margin-top:5px;padding:1px 7px;font-size:12px;color:#ecd5a8;border:1px solid #796043;border-radius:2px;background:#271927}
body .item-info-stats{margin:0;padding:7px 0;border-top:1px solid #a88445;border-bottom:1px solid #a88445}
body .item-info-stat{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:6px 0;border-bottom:1px solid #58412b}
body .item-info-stat:last-child{border-bottom:0}
body .item-info-stat dt{display:flex;align-items:center;gap:6px;color:#efd9a8;min-width:0}
body .item-info-stat dd{margin:0;font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;color:#fff1db}
body .item-info-body svg{width:16px;height:16px;flex:none;fill:none;stroke:#dbb86c;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
body .item-info-description{margin:9px 0 3px;font-size:12px;line-height:1.55;color:#d8c2df;overflow-wrap:anywhere}
body .item-info-weight{margin:2px 0 7px;font-size:12px;color:#d8c2df}
body .item-info-comparison{margin-top:12px;padding-top:0}
body .item-info-comparison h4{margin:0 0 6px;padding:7px 5px;text-align:center;font-size:12px;line-height:1.4;font-weight:700;color:#efd9a8;border-block:1px solid #907246;background:#21152a;overflow-wrap:anywhere}
body .item-info-comparison ul{margin:0;padding:0;list-style:none}
body .item-info-comparison li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:7px;padding:6px 0;border-bottom:1px solid #58412b;font-size:12px}
body .item-info-compare-label{display:flex;align-items:center;gap:4px;min-width:0;overflow-wrap:anywhere}
body .item-info-values{display:flex;align-items:center;gap:5px;white-space:nowrap;font-variant-numeric:tabular-nums}
body .item-info-from{color:#d8c2df}
body .item-info-to{font-weight:700;color:#fff1db}
body .item-info-direction{color:#c7ab77}
body .item-info-delta{font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap;color:#d8c2df}
body .item-info-comparison [data-tone=good] :is(.item-info-delta,.item-info-to){color:#96e875}
body .item-info-comparison [data-tone=bad] :is(.item-info-delta,.item-info-to){color:#ff9385}
body .item-info-note{margin:0;color:#d8c2df}
body .item-info-level{margin:8px 0 0;color:#ff9385;font-weight:700}
body #item-compare-tooltip[data-dense=true] .item-info-stat,body #item-compare-tooltip[data-dense=true] .item-info-comparison li{padding:2px 0;font-size:12px;line-height:1.25}
body #item-compare-tooltip[data-dense=true] .item-info-stat dd{font-size:13px;line-height:1.25}
body #item-compare-tooltip[data-dense=true] .item-info-identity{grid-template-columns:46px minmax(0,1fr);padding-bottom:9px}
body #item-compare-tooltip[data-dense=true] .item-info-art{width:46px;height:46px}
body #item-compare-tooltip[data-dense=true] .item-info-description{display:none}