/* VYCE-Website: Live-Vorschau des Ingame-Handys.
   Handy dauerhaft sichtbar, mittig, transparenter Hintergrund; Groesse regelt boot.js (Phone.WEB_DEMO) passend zum Iframe. */
/* color-scheme muss zur Website (dark) passen, sonst zeichnet Chrome den Iframe-Hintergrund deckend. */
:root { color-scheme: dark; }
html, body { background: transparent !important; overflow: hidden; }
#phone-root { position: fixed; inset: 0; pointer-events: none; }
.device-wrap,
.device-wrap.is-open,
.device-wrap.is-hidden,
.device-wrap.is-peek,
.device-wrap.is-peek-call,
.device-wrap.is-peek-alarm {
    left: 50% !important;
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform-origin: 50% 50% !important;
    transform: translate(-50%, -50%) scale(var(--scale, 1)) !important;
    transition: none !important;
    pointer-events: auto !important;
}