/* Keep the whole image and its coverage targets in the same 3:2 coordinate system. */
body .ppf3 .ppf3-stage{aspect-ratio:3/2!important;height:auto!important;background:#191b1d}
body .ppf3 .ppf-photo-base{object-fit:contain!important}
body .ppf3 .ppf3-top{gap:12px;letter-spacing:.06em;line-height:1.5}
body .ppf3 .ppf3-top>span{font-size:12px}
body .ppf3 .ppf3-top>button{flex-shrink:0}
.ppf3-board[data-photo-only=true] .ppf-photo-points,
.ppf3-board[data-photo-only=true] .ppf3-legend,
.ppf3-board[data-photo-only=true] .ppf3-hover{display:none!important}
.ppf3 .ppf-photo-points button[aria-pressed=true] span{background:#ad4668;border-color:#ffd8e5;box-shadow:0 0 0 4px #762d4699,0 2px 10px #0009}
.ppf3 .ppf3-legend span:nth-child(2) i{background:#ad4668;border-color:#ffd8e5}
.ppf3-loading{gap:14px;align-content:center}
.ppf3-loading button{justify-self:center}
body .ppf3 .ppf-photo-colors .ppf-sample-british-green{background:#123a2c}
body .ppf3 .ppf-photo-colors .ppf-sample-forged-red{background:repeating-conic-gradient(from 35deg,#1c080b 0deg 40deg,#aa1631 45deg 65deg,#350b15 70deg 100deg);background-size:7px 9px}
@media(max-width:500px){body .ppf3 .ppf3-top{padding:12px}.ppf3 .ppf3-navigation{flex-wrap:wrap}.ppf3 .ppf3-legend{gap:12px;padding-inline:12px}}

.ppf3-board[data-photo-only=true] .ppf-photo-coverage-caption{display:none}
