/* ItemInfo1876 Sliced frames; source font/art metadata is separate from
   WEB_POLICY itemInfoPresentation and each host's --item-info-scale.
   mType4 grunge, NGUI font raster and dynamic anchor parity remain gates. */
.native-item-info{--info-scale:var(--item-info-scale,var(--web-item-info-default-scale));box-sizing:border-box;container-type:inline-size;display:flex;flex-direction:column;gap:var(--web-item-info-gap);min-width:0;min-height:0;height:100%;max-height:100%;overflow:auto;overscroll-behavior:contain;color:#d0c9b3;text-align:left}
.native-item-info *{box-sizing:border-box}
/* Source6572 content height is capped by an already reserved browser mount.
   WEB_POLICY itemInfoPresentation.layout: source margin is not subtracted twice. */
.native-item-info[data-item-info-layout=container]{width:var(--item-info-layout-width);height:var(--item-info-layout-height);max-width:100%;flex:0 0 auto}
.native-item-info-summary{flex:0 0 auto;min-width:0;border:var(--web-item-info-border) solid transparent;border-image:url('assets/native-item-info/bg_iteminfo_summary.webp') 10 fill / var(--web-item-info-border) / 0 stretch;color:#000}
.native-item-info-title{font-size:calc(var(--source-item-info-title) * var(--info-scale));font-weight:400;line-height:1.25;overflow-wrap:anywhere;padding:var(--web-item-info-half-padding);margin:calc(-1 * var(--web-item-info-border)) calc(-1 * var(--web-item-info-border)) 0;border:var(--web-item-info-border) solid transparent;border-image:url('assets/native-item-info/bg_iteminfo_title.webp') 10 10 2 10 fill / var(--web-item-info-border) var(--web-item-info-border) 1.6px var(--web-item-info-border) / 0 stretch}
.native-item-info-prototype{display:flex;align-items:center;gap:var(--web-item-info-half-padding);padding:var(--web-item-info-half-padding) 0;border-bottom:1px solid #ffffff40;min-width:0}
.native-item-info-art{position:relative;flex:0 0 calc(var(--source-item-info-art) * var(--info-scale));width:calc(var(--source-item-info-art) * var(--info-scale));height:calc(var(--source-item-info-art) * var(--info-scale));display:grid;place-items:center}
/* Absolute placement removes the replaced image's intrinsic min-content size
   from the grid track. The source art box stays square; pixels retain ratio. */
.native-item-info-icon{position:absolute;inset:0;display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain;filter:none}
.native-item-info-placeholder{position:absolute;inset:0;display:grid;place-items:center;font-size:calc(var(--source-item-info-title) * var(--info-scale));color:#39270d}
.native-item-info-identity{min-width:0;flex:1}
/* The bag's legacy #itemDetail p must not override the shared source fonts. */
.native-item-info-prototype-name,#itemInfoRoot .native-item-info-prototype-name{font-size:calc(var(--source-item-info-prototype) * var(--info-scale));line-height:1.3;margin:0;color:#271503;overflow-wrap:anywhere}
.native-item-info-level,#itemInfoRoot .native-item-info-level{font-size:calc(var(--source-item-info-level) * var(--info-scale));line-height:1.2;margin:var(--web-item-info-half-padding) 0 0;color:#000;font-variant-numeric:tabular-nums}
.native-item-info-metrics{display:flex;flex-wrap:wrap;align-items:center;gap:0;min-width:0}
.native-item-info-durability{display:flex;align-items:center;gap:var(--web-item-info-half-padding);flex:1 1 calc(140px * var(--info-scale));min-width:0;min-height:calc(60px * var(--info-scale));padding:0 var(--web-item-info-half-padding);font-size:calc(var(--source-item-info-durability) * var(--info-scale));line-height:1.3;font-variant-numeric:tabular-nums}
.native-item-info-durability-icon{width:calc(var(--source-item-info-durability) * var(--info-scale));height:calc(var(--source-item-info-durability) * var(--info-scale));object-fit:contain;filter:none}
.native-item-info-extra{flex:0 1 calc(140px * var(--info-scale));min-width:0;color:inherit}
.native-item-info-extra .item-detail-extra-modifiable{grid-template-columns:calc(26px * var(--info-scale)) minmax(0,1fr);column-gap:var(--web-item-info-half-padding);width:calc(140px * var(--info-scale));max-width:100%;min-height:calc(60px * var(--info-scale));padding:0 var(--web-item-info-half-padding);color:inherit}
.native-item-info-extra .item-detail-extra-icon{width:calc(26px * var(--info-scale))}
.native-item-info-extra .item-detail-extra-count{font-size:calc(26px * var(--info-scale))}
.native-item-info-detail{flex:1 0 var(--web-item-info-detail-min);min-height:var(--web-item-info-detail-min);min-width:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;border:var(--web-item-info-border) solid transparent;border-image:url('assets/native-item-info/bg_iteminfo_detail.webp') 10 fill / var(--web-item-info-border) / 0 stretch}
.native-item-info-detail:focus-visible{outline:var(--web-item-info-focus) solid #ffd65b;outline-offset:calc(-1 * var(--web-item-info-focus))}
.native-item-info-tags{display:flex;flex-wrap:wrap;gap:var(--web-item-info-half-padding);padding:var(--web-item-info-half-padding) 0}
.native-item-info-tag{font-size:var(--web-item-info-small-font);line-height:var(--web-item-info-line);color:#dfcd9e;overflow-wrap:anywhere}
.native-item-info-tag:not(:last-child)::after{content:' ·';color:#8f9090}
.native-item-info-information{min-width:0}
.native-item-info-section-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--web-item-info-gap);width:100%;min-height:calc(38px * var(--info-scale));margin:0;padding:var(--web-item-info-half-padding);background:#000;border:0;border-top:1px dotted #ffffff60;border-bottom:1px dotted #ffffff60;border-radius:0;color:#8f9090;font-size:calc(var(--source-item-info-heading) * var(--info-scale));font-weight:400;text-align:left;cursor:pointer}
.native-item-info-section-toggle:focus-visible{outline:var(--web-item-info-focus) solid #ffd65b;outline-offset:calc(-1 * var(--web-item-info-focus))}
.native-item-info-section-arrow{width:calc(16px * var(--info-scale));height:calc(12px * var(--info-scale));object-fit:contain;filter:none}
.native-item-info-section-body{padding:var(--web-item-info-half-padding);min-width:0}
.native-item-info-values{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--web-item-info-gap);margin:0 0 var(--web-item-info-half-padding);font-size:var(--web-item-info-value-font);line-height:var(--web-item-info-line)}
.native-item-info-value-name,.native-item-info-value{margin:0;overflow-wrap:anywhere}
.native-item-info-value{text-align:right;color:#d0c9b3}
.native-item-info-description,#itemInfoRoot .native-item-info-description{margin:0;font-size:calc(var(--source-item-info-description) * var(--info-scale));line-height:var(--web-item-info-line);white-space:pre-wrap;overflow-wrap:anywhere;color:#d0c9b3}
.native-item-info[hidden],.native-item-info [hidden]{display:none!important}
.native-item-info-related-title{margin:var(--web-item-info-half-padding) 0 0;padding:var(--web-item-info-half-padding);border-block:1px dotted #ffffff60;background:#0008;color:#8f9090;font-size:calc(var(--source-item-info-heading) * var(--info-scale));font-weight:400}
.native-item-info-related-list{display:flex;flex-direction:column;gap:1px}
.native-item-recipe-link{display:flex;align-items:center;gap:var(--web-item-info-gap);min-height:var(--web-item-info-link-min);width:100%;margin:0;padding:var(--web-item-info-half-padding);border:0;border-radius:0;background:#0003;text-align:left;color:#d0c9b3;font-family:inherit;font-size:var(--web-item-info-link-font);font-weight:400}
.native-item-recipe-icon{width:var(--web-item-info-link-icon);height:var(--web-item-info-link-icon);object-fit:contain;flex:none;filter:none}
.native-item-recipe-link:focus-visible{outline:var(--web-item-info-focus) solid #ffd85b;outline-offset:calc(-1 * var(--web-item-info-focus))}