/* Mission 4903 (ai.features.present_phone_code): the big screen's corner code.
   Right edge, above the caption band and below the status rail, at no less than
   240 CSS px on a 1920 by 1080 screen (the card is 26vmin = 281 px there, the code itself 249), readable from about
   2 m. The code keeps its white quiet zone on any face. Loaded only while lit.
   Line 8517: no px floor on the width, so from 1024 px up the card stays beside the face
   (15vw on a tablet, 26vmin on a wide screen, 340 px at most). */
.pv-phone-code {
    position: fixed;
    right: var(--pv-safe-r);
    bottom: calc(var(--pv-lower-h) + 2vmin);
    z-index: 5;
    width: min(15vw, 26vmin, 340px);
    padding: 12px 12px 10px;
    border-radius: 18px;
    background: rgba(7, 12, 24, .72);
    border: 1px solid var(--pv-line);
    color: var(--pv-ink);
    font-family: var(--pv-sans);
    text-align: center;
    transition: opacity .3s ease;
}
.pv-phone-code[hidden] { display: none; }
.pv-phone-code .ns-scan-to-phone { max-width: none !important; width: 100%; }
.pv-phone-code .ns-scan-to-phone > span { width: 100%; box-sizing: border-box; }
.pv-phone-code svg { display: block; width: 100%; height: auto; }
.pv-phone-code figcaption { font-size: clamp(1.05rem, 1.25vw, 1.5rem) !important; font-weight: 600; }
.pv-phone-code-ai { margin: .35rem 0 0; font-size: clamp(.8rem, .85vw, 1rem); color: var(--pv-dim); }
/* Below 1024 px the fixed corner card lands on the host's face (at 768 it covered the jaw and
   chin), and a phone showing this page does not need to scan itself: the code stays off. */
@media (max-width: 1023.98px) {
    .pv-phone-code { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    .pv-phone-code { transition: none; }
}