* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }

.cam-fallback { display: flex; align-items: center; justify-content: center; background: #222; color: #aaa; font-size: 14px; width: 100%; height: 100%; }
.map-placeholder { padding: 16px; color: #555; background: repeating-linear-gradient(45deg, #f3f4f6, #f3f4f6 10px, #e5e7eb 10px, #e5e7eb 20px); height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; }
.map-placeholder .mp-title { font-weight: 700; font-size: 16px; margin-bottom: 6px; }
.map-placeholder .mp-sub { font-size: 13px; max-width: 280px; }
.map-placeholder code { background: #fff; padding: 2px 6px; border-radius: 4px; font-size: 12px; }

video { background: #000; }