/* © Charles-André FRESNEAU — Bronzette.now — Tous droits réservés ======================================== MODE REEL (?reel=1) — captation vidéo headless Chargé pour tous (≈1 Ko) mais toutes les règles sont scopées sur la classe .reel-mode, posée sur avant le premier paint (script inline du head). Spec : docs/brief_cto_mode_reel.md (AC1, AC19) ======================================== */ /* ── Masquage UI (AC1) ──────────────────────────────────────────────────────── Tout élément interactif ou parasite disparaît. L'attribution Mapbox (.mapboxgl-ctrl-attrib + .mapboxgl-ctrl-logo) reste volontairement visible : exigence ToS Mapbox, y compris pour les vidéos publiées. */ .reel-mode #header, .reel-mode #control-panel, .reel-mode #legend, .reel-mode #toast, .reel-mode #terrasse-sheet, .reel-mode #terrasse-sheet-backdrop, .reel-mode .onboarding-tip, .reel-mode #email-capture-banner, .reel-mode .seo-footer, .reel-mode .app-footer, .reel-mode .mapboxgl-popup, .reel-mode .mapboxgl-ctrl-group, .reel-mode .mapboxgl-ctrl-scale { display: none !important; } /* Attribution texte forcée dépliée (ToS Mapbox pour les vidéos publiées) : en viewport étroit le contrôle se replie derrière un bouton ⓘ — on affiche le texte en permanence et on retire le bouton, non pertinent en captation. */ .reel-mode .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner { display: block !important; } .reel-mode .mapboxgl-ctrl-attrib-button { display: none !important; } .reel-mode .mapboxgl-ctrl-attrib.mapboxgl-compact { padding: 2px 8px !important; min-height: 0 !important; } /* ── Overlay heure (AC3, AC19) ──────────────────────────────────────────────── Contrat de composition verticale : l'heure vit dans la bande 6–15 % de la hauteur. La bande 18–32 % est réservée à la post-prod (hook ffmpeg) : rien d'autre n'est rendu par l'app au-dessus de la carte. */ #reel-overlay { position: fixed; top: 6vh; height: 9vh; /* fin de bande : 15 vh */ left: 0; right: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; pointer-events: none; z-index: 1000; font-family: 'Poppins', sans-serif; } .reel-overlay__time { font-size: 7vh; font-weight: 800; line-height: 1; color: #fff; letter-spacing: 0.01em; /* Chiffres à chasse fixe : l'heure défile sans tressautement horizontal */ font-variant-numeric: tabular-nums; text-shadow: 0 2px 24px rgba(15, 23, 42, 0.55), 0 1px 4px rgba(15, 23, 42, 0.7); } .reel-overlay__date { margin-top: 0.4vh; font-size: 2vh; font-weight: 600; color: #fff; text-shadow: 0 1px 6px rgba(15, 23, 42, 0.7); }