/* The standard game sheet frame and 165ms tween come from ui-polish.css. */
dialog.item-details-dialog{width:min(440px,calc(100vw - 16px));height:min(470px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);padding:0;overflow:hidden}
.item-details-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.item-details-header{padding:20px 62px 18px 21px;border-bottom:1px solid #aa85453b;background:linear-gradient(110deg,#f4f0e6,#f4f0e6)}
.item-details-header .sheet-title{padding:0;margin:0;font-size:21px;line-height:1.35;overflow-wrap:anywhere}
.item-details-scroll{min-height:0;overflow:auto;overscroll-behavior:contain;padding:22px 25px 24px;scrollbar-width:thin;touch-action:pan-y}
.item-details-display{display:flex;align-items:center;justify-content:center;gap:24px;margin:5px 0 26px}
.item-details-icon{width:106px;height:106px;flex:none;display:grid;place-items:center;border:1px solid #aa85452c;border-radius:12px;background:radial-gradient(#fffdf70f,#f4f0e63d);box-shadow:inset 0 0 0 4px #17141029,inset 0 0 0 5px #b08a4907}
.item-details-icon svg{display:block;width:77%;height:77%;filter:drop-shadow(0 4px 3px #17141029)}
.item-details-owned{min-width:0;color:var(--kit-quiet-ink,#706b63);font-size:12px}
.item-details-amount{display:block;margin-top:5px;font:700 clamp(21px,6vw,29px)/1.3 var(--font-ui);color:var(--kit-ink,#292724);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.item-details-description{font-size:15px;line-height:1.85;word-break:keep-all;text-wrap:pretty;color:var(--kit-ink,#292724)}
.item-details-footer{padding:13px 19px max(17px,env(safe-area-inset-bottom,0px));border-top:1px solid #aa85453b;background:linear-gradient(#f4f0e6,#f4f0e6);box-shadow:0 -5px 14px #17141011}
.item-details-footer>button{width:100%;min-height:48px}
@media(max-width:350px){.item-details-header{padding-left:17px}.item-details-header .sheet-title{font-size:19px}.item-details-scroll{padding:20px}.item-details-display{gap:18px}.item-details-icon{width:91px;height:91px}.item-details-description{font-size:14px}}

/* Match both gutters to the close control instead of offsetting the title. */
.item-details-header{padding:18px 58px;min-height:64px}
.item-details-header .sheet-title{text-align:center;word-break:keep-all;overflow-wrap:anywhere}

.item-details-dialog{color:var(--kit-ink,#292724);color-scheme:light}

.item-details-icon>img.item-painterly-icon{display:block;width:100%;height:100%;object-fit:contain;min-width:0;min-height:0}