/* Sculpted diamond rarity: physical gemstone frame with a separate foreground. */
.story-card.diamond-card-v16,.card.diamond-finish-v16,.card.cast-card.diamond-card-v16{background-image:url(assets/diamond-frame-relief-v16.webp)!important}
.unit.diamond-unit-v16{border-image:url(assets/diamond-frame-relief-v16.webp) 7% / 1 / 0 stretch}
.diamond-finish-v16{box-shadow:0 1px 0 #e7d8b0,1px 3px 0 #826745,3px 6px 0 #1a2636,0 12px 19px #070b15aa!important}
.story-card.diamond-card-v16{transform-style:preserve-3d;transform:perspective(950px) rotateX(var(--diamond-tilt-x,0deg)) rotateY(var(--diamond-tilt-y,0deg));transition:transform .24s ease-out;filter:none}
.story-card.diamond-card-v16 .art{inset:4.4% 6.2% 51.2%;background:transparent!important;overflow:hidden;transform:none;filter:none;z-index:2;transition:transform .24s ease-out}
.story-card.diamond-card-v16 .art::before{height:100%;aspect-ratio:auto;background-size:100% auto!important;background-position:50% 8%!important;background-repeat:no-repeat}
.story-card.diamond-card-v16 h3{top:50.2%;height:8.6%;color:#3e301c;text-shadow:0 1px #fffbec;z-index:5}
.story-card.diamond-card-v16 .story-kind{top:59.7%;height:5%;color:#eddfba;z-index:5}
.story-card.diamond-card-v16 .story-desc{top:68%;bottom:9%;left:11%;right:11%;color:#3e301c;z-index:5}
.story-card.diamond-card-v16 .story-desc strong{color:#6a5330}
.story-card.diamond-card-v16 .story-cost{background:linear-gradient(135deg,#162f44,#264965 55%,#10263a);border:2px ridge #d6c093;box-shadow:0 2px 4px #071425;font-weight:700;z-index:8}
.diamond-decor-v16{position:absolute;inset:0;z-index:7;pointer-events:none;--diamond-phase:0s}
.diamond-luster-v16{position:absolute;inset:0;overflow:hidden;border-radius:3px}
.diamond-luster-v16::before{content:'';position:absolute;inset:-65%;background:linear-gradient(118deg,transparent 46%,#cbeaff0c 48%,#fff9e951 49.7%,#c8eaff13 50.4%,transparent 52%);animation:diamond-luster-v16 7.6s ease-in-out infinite;animation-delay:var(--diamond-phase)}
.diamond-glint-v16{position:absolute;top:1.1%;left:46.6%;width:7%;aspect-ratio:1;opacity:0;animation:diamond-glint-v16 7.6s ease-in-out infinite;animation-delay:var(--diamond-phase)}
.diamond-glint-v16::before,.diamond-glint-v16::after{content:'';position:absolute;inset:43% 0;background:#fffdf1;box-shadow:0 0 3px #c8edff;clip-path:polygon(0 50%,44% 0,56% 0,100% 50%,56% 100%,44% 100%)}
.diamond-glint-v16::after{transform:rotate(90deg)}
.diamond-glint-v16:last-child{top:auto;left:auto;right:1%;bottom:1.7%;animation-delay:calc(var(--diamond-phase) - 3.8s);width:6%}
.diamond-orbit-v16{padding:2px;opacity:.65}
.diamond-orbit-v16>i{background:conic-gradient(transparent 0deg,transparent 30deg,#8cabb749 52deg,#ecf8ff 66deg,#e8d3a3 73deg,transparent 85deg,transparent 210deg,#759cb552 232deg,#fff 249deg,transparent 259deg);animation-duration:5.2s}
.unit.diamond-unit-v16 .art{background-color:#122435!important}
.unit.diamond-unit-v16 .art::before{background-size:contain!important;background-position:center 18%!important;background-repeat:no-repeat}
.card.diamond-finish-v16 .art,#hand .card.diamond-finish-v16 .art{inset:4.4% 6.2% 51.2%;overflow:hidden}
.card.diamond-finish-v16 .art::before{height:100%;aspect-ratio:auto;background-size:100% auto!important;background-position:50% 8%!important;background-repeat:no-repeat}
.card.diamond-finish-v16 .card-title,#hand .card.diamond-finish-v16 .card-title{top:50.2%;height:8.6%;color:#3e301c;line-height:1}
.card.diamond-finish-v16 .card-kind{top:59.7%;height:5%;font-size:7px;color:#eddfba}
.card.diamond-finish-v16 .card-effect,#hand .card.diamond-finish-v16 .card-effect{top:69%;bottom:9%;left:10%;right:10%;border:0;font-size:9px;line-height:1.4;color:#3e301c}
.card.diamond-finish-v16 .card-cost,#hand .card.diamond-finish-v16 .card-cost{top:3%;left:3%;width:22px;height:26px;line-height:22px;font-size:18px;background:linear-gradient(135deg,#162f44,#264965 55%,#10263a);border-color:#d6c093;clip-path:none;border-radius:3px}
#app .unit.diamond-unit-v16 .art[style*="--story-image"]::before{top:0;transform:none;height:100%;aspect-ratio:auto;background-size:auto 220%!important;background-position:50% 10%!important}
.unit.diamond-unit-v16 .unit-name{background:#dcd8cb;color:#243244;border-color:#bfa985}
.unit.diamond-unit-v16 .unit-state{background:#162c40;color:#e8e1ca}
@keyframes diamond-luster-v16{0%,45%{transform:translateX(-35%);opacity:0}52%{opacity:.6}68%,100%{transform:translateX(35%);opacity:0}}
@keyframes diamond-glint-v16{0%,46%,64%,100%{opacity:0;transform:scale(.35)}53%{opacity:.95;transform:scale(1)}58%{opacity:.3;transform:scale(.7)}}
.v156-page-hidden .diamond-luster-v16::before,.v156-page-hidden .diamond-glint-v16{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.story-card.diamond-card-v16,.story-card.diamond-card-v16 .art{transform:none;transition:none}.diamond-luster-v16,.diamond-glint-v16{display:none}}

.diamond-crown-v16{position:absolute;inset:0;background:url(assets/diamond-frame-relief-v16.webp) center/100% 100% no-repeat;clip-path:polygon(0 0,100% 0,100% 14%,93% 14%,87% 6.2%,59% 6.2%,57% 7.5%,43% 7.5%,41% 6.2%,13% 6.2%,7% 14%,0 14%);pointer-events:none}
.story-card.diamond-card-v16 .art[style*="midnight-cat"]::before,.card.diamond-finish-v16 .art[style*="midnight-cat"]::before{background-size:cover!important;background-position:50% 50%!important}
#app .unit.diamond-unit-v16 .art[style*="midnight-cat"]::before{background-size:cover!important;background-position:50% 50%!important}

/* Keep the image window fixed under its jewelry; parallax moves only the oversized painting. */
.story-card.diamond-card-v16 .art::before{inset:-4px!important;width:calc(100% + 8px);height:calc(100% + 8px);transform:translate(var(--diamond-shift-x,0px),var(--diamond-shift-y,0px))!important;transition:transform .24s ease-out}
@media(prefers-reduced-motion:reduce){.story-card.diamond-card-v16 .art::before{transform:none!important;transition:none}}

/* Landscape diamond paintings fill the same fixed aperture in library, hand and board. */
.story-card.diamond-card-v16 .art[style*="diamond-wide"]::before,.card.diamond-finish-v16 .art[style*="diamond-wide"]::before{background-size:cover!important;background-position:50% 50%!important}
#app .unit.diamond-unit-v16 .art[style*="diamond-wide"]::before{background-size:cover!important;background-position:50% 50%!important}

/* A portrait crops one painting at its native ratio; atlas cells keep their original mapping. */
.player-portrait.art.single-art-avatar-v163[style*="--story-image"]::before{inset:0!important;width:100%;height:100%;aspect-ratio:auto;transform:none!important;background-size:var(--portrait-size,cover)!important;background-position:var(--portrait-position,50% 35%)!important}
.story-card.diamond-card-v16 .art[style*="drugs-diamond-room"]::before,.card.diamond-finish-v16 .art[style*="drugs-diamond-room"]::before{background-size:cover!important;background-position:50% 0%!important}
#app .unit.diamond-unit-v16 .art[style*="drugs-diamond-room"]::before{background-size:auto 360%!important;background-position:38% 20%!important}
#app .unit.diamond-unit-v16 .art[style*="pigboy-diamond-wide"]::before{background-size:auto 100%!important;background-position:60% 0%!important}
/* Atlas paintings remain square cells when a standard card is promoted to diamond. */
.story-card.diamond-card-v16 .art[style*="story-art-"]::before,.card.diamond-finish-v16 .art[style*="story-art-"]::before,#app .unit.diamond-unit-v16 .art[style*="story-art-"]::before{bottom:auto!important;height:auto;aspect-ratio:1;background-size:var(--story-size)!important;background-position:var(--story-x) var(--story-y)!important}