html, body.miestas-scene-embed, body.miestas-vr-embed-document {
    width: 100%;
    height: 100%;
    margin: 0;
    overflow: hidden;
    background: #061820;
}

.miestas-vr-embed-shell,
.miestas-vr-embed-shell .miestas-vr-stage,
.miestas-vr-embed-shell .miestas-vr-root {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    margin: 0;
    padding: 0;
}

.miestas-vr-embed-shell .miestas-vr-root canvas {
    display: block;
    width: 100% !important;
    height: 100% !important;
}

.miestas-vr-embed-brand {
    position: fixed;
    z-index: 30;
    left: max(12px, env(safe-area-inset-left));
    top: max(12px, env(safe-area-inset-top));
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 10px 7px 7px;
    border: 1px solid rgba(114, 239, 212, .28);
    border-radius: 999px;
    background: rgba(4, 24, 31, .78);
    color: #f4fbfa;
    font: 700 10px/1 "Trebuchet MS", sans-serif;
    letter-spacing: .08em;
    pointer-events: none;
    backdrop-filter: blur(12px);
}

.miestas-vr-embed-brand span {
    width: 22px;
    height: 22px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #72efd4;
    color: #06201f;
    font-size: 11px;
}

.miestas-vr-embed-shell .miestas-vr-noscript {
    position: absolute;
    inset: 50% auto auto 50%;
    margin: 0;
    padding: 14px 18px;
    border-radius: 12px;
    background: #0b252e;
    color: #fff;
    font: 14px/1.5 sans-serif;
    transform: translate(-50%, -50%);
}