/* UI / Item Modals: Card265:346428, Piece265:346696 and Context265:346573. */
.item-detail-dialog{position:fixed;inset:0;margin:auto;padding:0;border:0;border-radius:0;background:none;color:var(--cream-900);width:min(786px,calc(100vw - 48px));height:fit-content;max-width:none;max-height:calc(100dvh - 48px);overflow:visible;font:500 18px/20px var(--font-ui)}
.item-detail-dialog::backdrop{background:rgb(0 0 0/.3);backdrop-filter:none}
.item-detail-shell{max-height:calc(100dvh - 48px)}
.item-detail-dialog .item-detail-title{margin:0;padding:14px 23px;font:600 24px/30px var(--font-ui);color:var(--cream-900);text-transform:uppercase;letter-spacing:0;flex:none}
.item-detail-title>span:not(.modal-skin){position:relative}
.item-detail-dialog .modal-close{align-self:flex-start}
.item-detail-content{display:grid;grid-template-columns:396fr 380fr;padding:0 5px;overflow:auto;min-height:0}
.item-detail-art-column{display:flex;flex-direction:column;align-items:center;padding:32px;min-width:0}
.item-detail-art{display:flex;align-items:center;justify-content:center;width:100%;height:501px;position:relative;--piece-scale:3.074074074}
.item-detail-is-piece .item-detail-art{height:517px}
.item-detail-art>.card-piece-progress{align-self:flex-start;flex:none}
.item-detail-card{display:block;width:100%;height:501px;max-width:none;aspect-ratio:auto;image-rendering:pixelated}
.item-detail-fragment{position:relative;flex:none;filter:drop-shadow(4px 4px 0 rgb(0 0 0/.25))}
.item-detail-fragment>.card-fragment{left:0;top:0;transform:scale(3);transform-origin:0 0;filter:none}
.item-detail-context{display:flex;align-items:center;gap:8px;padding-left:8px;white-space:nowrap;font:500 18px/20px var(--font-ui);cursor:pointer;flex:none}
.item-detail-info{display:flex;flex-direction:column;justify-content:space-between;gap:24px;min-width:0;background:var(--choco-400);padding:28px 32px 32px}
.item-detail-information{display:flex;flex-direction:column;gap:20px}
.item-detail-dialog .item-detail-information h3{padding:0;margin:0;font:700 24px/30px var(--font-ui);text-transform:uppercase;letter-spacing:0}
.item-detail-properties{display:flex;flex-direction:column;gap:16px;margin:0}
.item-detail-row{display:flex;justify-content:space-between;align-items:center;gap:16px;font:500 18px/20px var(--font-ui)}
.item-detail-row+.item-detail-row{border-top:1px solid var(--choco-500);padding-top:16px}
.item-detail-row dt{color:var(--choco-800);min-width:0}
.item-detail-row dd{margin:0;font-weight:600;text-align:right;min-width:0;overflow-wrap:anywhere}
.item-detail-rarity{display:flex;align-items:center;gap:6px}
.item-detail-gem{display:block;position:relative;flex:none;width:14px;height:14px}
.item-detail-gem img{display:block;width:15px;height:15px;max-width:none}
.item-detail-stats{display:grid;gap:10px;margin:0}
.item-detail-stat{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 29px;color:var(--choco-100);text-align:center;font-weight:600}
.item-detail-stat dd{font:600 42px/34px var(--font-ui);letter-spacing:-.84px;margin:0}
.item-detail-stat dt{font:600 18px/20px var(--font-ui)}
.item-detail-right-edge{position:absolute;right:0;top:0;bottom:0;width:5px;display:flex;flex-direction:column;pointer-events:none}
.item-detail-right-edge>img{display:block;width:5px;height:5px;max-width:none;flex:none}
.item-detail-right-edge>span{flex:1;background:var(--choco-400)}
@media(max-width:700px){.item-detail-dialog{width:calc(100vw - 32px)}.item-detail-content{grid-template-columns:minmax(0,1fr)}.item-detail-art-column{padding:24px}.item-detail-art{max-width:332px}.item-detail-info{padding:28px 24px 32px}}