/* Original approved 4x3 artwork sheets displayed as square CSS sprites; photo bytes stay unchanged. */
.avz-art { display: inline-block; width: 100px; height: 100px; background-repeat: no-repeat; background-size: 400% 300%; box-sizing: border-box; pointer-events: none; }
.avz-gold { background-image: url("zodiac-gold-v1.webp"); }
.avz-pearl { background-image: url("zodiac-pearl-v1.webp"); }
.avz-aries { background-position: 0% 0%; }
.avz-taurus { background-position: 33.333333% 0%; }
.avz-gemini { background-position: 66.666667% 0%; }
.avz-cancer { background-position: 100% 0%; }
.avz-leo { background-position: 0% 50%; }
.avz-virgo { background-position: 33.333333% 50%; }
.avz-libra { background-position: 66.666667% 50%; }
.avz-scorpio { background-position: 100% 50%; }
.avz-sagittarius { background-position: 0% 100%; }
.avz-capricorn { background-position: 33.333333% 100%; }
.avz-aquarius { background-position: 66.666667% 100%; }
.avz-pisces { background-position: 100% 100%; }
.avalon-page-schedule .fotos > .avz-watermark {
    position: absolute; display: block; left: 8px; bottom: 10px; top: auto; right: auto;
    width: clamp(64px, 23%, 108px); height: auto; aspect-ratio: 1;
    opacity: .40; z-index: 7; pointer-events: none; user-select: none;
}
.avz-profile { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; margin: 4px 0 22px; padding: 0; line-height: 1.35; }
.avz-profile > .avz-art { width: 174px; height: 174px; flex: 0 0 174px; }
.avz-profile figcaption { font-size: 22px; color: #f4dfba; }
.avz-profile figcaption strong { display: block; font: inherit; font-size: 28px; color: #f3dff7; }
.avz-profile-label { display: block; margin-bottom: 5px; font-size: 16px; color: #d7c5d6; }
.avz-admin label { font-weight: 600; }
.avz-admin select { max-width: 100%; margin: 4px 8px 4px 0; }
.avz-admin-previews { display: flex; gap: 18px; }
.avz-admin-previews > .avz-art { width: 112px; height: 112px; }
.avz-admin-previews > .avz-art:not([class*=" avz-aries"]):not([class*=" avz-taurus"]):not([class*=" avz-gemini"]):not([class*=" avz-cancer"]):not([class*=" avz-leo"]):not([class*=" avz-virgo"]):not([class*=" avz-libra"]):not([class*=" avz-scorpio"]):not([class*=" avz-sagittarius"]):not([class*=" avz-capricorn"]):not([class*=" avz-aquarius"]):not([class*=" avz-pisces"]) { display: none; }
.avz-admin-result { min-height: 20px; }
@media (max-width: 760px) {
    .avalon-page-schedule .fotos > .avz-watermark { left: 7px; bottom: 10px; width: 24%; max-width: 108px; }
    .avz-profile { gap: 12px; }
    .avz-profile > .avz-art { width: 152px; height: 152px; flex-basis: 152px; }
    .avz-profile figcaption strong { font-size: 24px; }
}
/* The approved pearl sheet is not a uniform grid. Frame every figure by its
   actual source rectangle, keep its aspect ratio and add clear space above.
   Original 1448x1086 artwork and all gold watermarks remain unchanged. */
.avz-art.avz-pearl { position: relative; background-image: none; clip-path: none; }
.avz-art.avz-pearl::before {
    content: ""; position: absolute; top: 8px; left: 0; width: 100%; height: calc(100% - 16px);
    background-image: url("zodiac-pearl-v1.webp"); background-repeat: no-repeat;
    background-size: var(--avz-pearl-size); background-position: var(--avz-pearl-position);
    pointer-events: none;
}
.avz-pearl.avz-aries { --avz-pearl-h: 0.98816568; --avz-pearl-size: 428.40236686% 325.14970060%; --avz-pearl-position: 1.44144144% 2.12765957%; }
.avz-pearl.avz-taurus { --avz-pearl-h: 1.07975460; --avz-pearl-size: 444.17177914% 308.52272727%; --avz-pearl-position: 34.40285205% 0.00000000%; }
.avz-pearl.avz-gemini { --avz-pearl-h: 0.90217391; --avz-pearl-size: 393.47826087% 327.10843373%; --avz-pearl-position: 67.31481481% 2.65251989%; }
.avz-pearl.avz-cancer { --avz-pearl-h: 0.96839080; --avz-pearl-size: 416.09195402% 322.25519288%; --avz-pearl-position: 100.00000000% 2.13618158%; }
.avz-pearl.avz-leo { --avz-pearl-h: 0.94444444; --avz-pearl-size: 402.22222222% 319.41176471%; --avz-pearl-position: 0.00000000% 47.18498660%; }
.avz-pearl.avz-virgo { --avz-pearl-h: 0.98554913; --avz-pearl-size: 418.49710983% 318.47507331%; --avz-pearl-position: 34.48275862% 47.24832215%; }
.avz-pearl.avz-libra { --avz-pearl-h: 0.89627660; --avz-pearl-size: 385.10638298% 322.25519288%; --avz-pearl-position: 67.72388060% 46.86248331%; }
.avz-pearl.avz-scorpio { --avz-pearl-h: 1.01474926; --avz-pearl-size: 427.13864307% 315.69767442%; --avz-pearl-position: 100.00000000% 47.57412399%; }
.avz-pearl.avz-sagittarius { --avz-pearl-h: 1.01041667; --avz-pearl-size: 377.08333333% 279.89690722%; --avz-pearl-position: 0.00000000% 97.99426934%; }
.avz-pearl.avz-capricorn { --avz-pearl-h: 1.13095238; --avz-pearl-size: 430.95238095% 285.78947368%; --avz-pearl-position: 34.53237410% 97.73371105%; }
.avz-pearl.avz-aquarius { --avz-pearl-h: 1.07262570; --avz-pearl-size: 404.46927374% 282.81250000%; --avz-pearl-position: 67.33944954% 97.72079772%; }
.avz-pearl.avz-pisces { --avz-pearl-h: 1.11764706; --avz-pearl-size: 425.88235294% 285.78947368%; --avz-pearl-position: 100.00000000% 97.73371105%; }
/* These two neighbouring silhouettes share a few source rows. The notches
   exclude the other figure, never the selected figure's head or ornament. */
.avz-pearl.avz-leo::before { clip-path: polygon(0 0,100% 0,100% 100%,65% 100%,65% 97.6%,59% 97.6%,59% 100%,0 100%); }
.avz-pearl.avz-sagittarius::before { clip-path: polygon(0 4%,53% 4%,53% 0,64% 0,64% 4%,100% 4%,100% 100%,0 100%); }
.avz-profile > .avz-art.avz-pearl {
    width: 220px; height: calc(220px * var(--avz-pearl-h) + 16px); flex-basis: 220px;
}
.avz-admin-previews > .avz-art.avz-pearl { height: calc(112px * var(--avz-pearl-h) + 16px); }
@media (max-width: 760px) {
    .avz-profile > .avz-art.avz-pearl { width: 190px; height: calc(190px * var(--avz-pearl-h) + 16px); flex-basis: 190px; }
}