/* Full-colour previews, including unowned items. Ownership is stated below. */
dialog.detail-sheet:has(.detail) .detail.item-presentation.locked{filter:grayscale(1)}
.item-page .detail-art.item-scene{width:min(100%,380px);height:auto;aspect-ratio:1;margin:0 auto;isolation:isolate;background:radial-gradient(circle,color-mix(in srgb,var(--rarity) 32%,#080a10) 0%,color-mix(in srgb,var(--rarity) 16%,#080a10) 43%,transparent 69%)}
.detail-art.item-scene:before{content:none}
.item-scene-pattern{position:absolute;inset:0;width:100%;height:100%;color:var(--rarity);z-index:-1;pointer-events:none}
.item-scene-disc{fill:color-mix(in srgb,var(--rarity) 13%,#080a10)}
.detail-art.item-scene img.catalog-art.large{width:74%;height:74%;max-height:none;position:relative;z-index:1;filter:drop-shadow(0 12px 12px #000b) drop-shadow(0 0 15px color-mix(in srgb,var(--rarity) 20%,transparent))}
.item-scene .item-scene-blossoms{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:0;pointer-events:none;opacity:1;filter:var(--scene-tone,none);mask-image:radial-gradient(ellipse,#000 55%,transparent 74%)}
.item-page .detail-art.item-scene{background:none}
.item-presentation[style*="--r0"]{--scene-tone:grayscale(1)}
.item-presentation[style*="--r1"]{--scene-tone:hue-rotate(210deg)}
.item-presentation[style*="--r2"]{--scene-tone:hue-rotate(285deg)}
.item-presentation[style*="--r4"]{--scene-tone:hue-rotate(115deg)}
.detail-sheet .item-presentation .rarity{font-size:11px;font-weight:700;letter-spacing:1px;margin:0 0 9px;text-transform:uppercase}
.detail-sheet .item-presentation h1{font-size:24px;line-height:1.2;font-weight:750;margin:0 0 14px}
.detail-sheet .item-presentation .detail-description{max-width:310px;line-height:1.7;color:#b6b7bd;margin:0 auto 20px}
@media(max-height:690px){.item-page .detail-art.item-scene{width:min(100%,265px)}}
.quest-hero.code-quest-hero{width:min(100%,320px);height:auto;aspect-ratio:1;margin:4px auto 14px;background:none}
.code-quest-hero:before,.code-quest-hero:after{content:none}
.quest-hero.code-quest-hero img{width:100%;height:100%;object-fit:contain;filter:none;mask-image:radial-gradient(ellipse,#000 52%,transparent 73%)}
@media(max-height:690px){.quest-hero.code-quest-hero{width:min(100%,210px)}}