/* pub-tesla.css — thème du projet Pub Tesla : noir spatial et cyan, façon HUD */
.theme-pub-tesla { --fond: #05070d; --accent: #4cc9f0; --bleu: #9ad1ff; }
.theme-pub-tesla h1 { text-transform: uppercase; letter-spacing: 0.06em; }
.theme-pub-tesla .projet-section > h2::before { content: '>>'; font-family: var(--police-pixel); font-size: 0.8rem; color: var(--accent); }
.theme-pub-tesla .carte, .theme-pub-tesla .galerie figure { outline: 2px solid var(--accent); outline-offset: 6px; }
.theme-pub-tesla .decoration-projet { color: var(--rose); display: flex; align-items: center; gap: 0.4rem; }
.point-rouge { display: inline-block; width: 10px; height: 10px; background: var(--rose); animation: clignote 1s steps(2, start) infinite; }
@media (prefers-reduced-motion: reduce) { .point-rouge { animation: none; } }

/* Visuel d'en-tête : un panneau de télémétrie */
.hud { border: 2px solid var(--accent); padding: 1.2rem 1.4rem; background: var(--fond-carte); position: relative; }
.hud::before, .hud::after { content: ''; position: absolute; width: 18px; height: 18px; border: 3px solid var(--accent); }
.hud::before { top: -3px; left: -3px; border-right: 0; border-bottom: 0; }
.hud::after { bottom: -3px; right: -3px; border-left: 0; border-top: 0; }
.hud__titre { font-family: var(--police-pixel); font-size: 0.66rem; letter-spacing: 0.15em; color: var(--accent); margin-bottom: 0.9rem; }
.hud li { display: flex; justify-content: space-between; gap: 1rem; padding: 0.45rem 0; border-top: 1px dashed var(--bordure-douce); font-size: 0.92rem; }
.hud li span { color: var(--texte-secondaire); }
.hud__ok { color: var(--vert); }
/* Coins de visée autour de l'en-tête et viseur sur l'image */
.theme-pub-tesla .projet-entete { position: relative; }
.theme-pub-tesla .projet-entete::before, .theme-pub-tesla .projet-entete::after { content: ''; position: absolute; width: 28px; height: 28px; border: 3px solid var(--accent); }
.theme-pub-tesla .projet-entete::before { top: 1.5rem; left: 1rem; border-right: 0; border-bottom: 0; }
.theme-pub-tesla .projet-entete::after { bottom: 1.5rem; right: 1rem; border-left: 0; border-top: 0; }
.viseur { position: absolute; inset: 0; pointer-events: none; }
.viseur::before, .viseur::after { content: ''; position: absolute; background: var(--accent); opacity: 0.6; }
.viseur::before { left: 50%; top: 10%; bottom: 10%; width: 1px; }
.viseur::after { top: 50%; left: 10%; right: 10%; height: 1px; }
.theme-pub-tesla .projet-barre { border-bottom-color: var(--accent); }