:root{--fond:#0b0e13;--panneau:#151a22;--panneau-bord:#232b36;--texte:#e6e9ef;--texte-attenue:#9aa4b2;--accent:#fc4c02;--accent-clair:#ff7a3d;--rayon:12px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--fond);width:100%;height:100%;color:var(--texte);margin:0}.app{width:100vw;height:100vh;position:relative;overflow:hidden}.carte{position:absolute;inset:0}.panneau{background:color-mix(in srgb, var(--panneau) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--panneau-bord);border-radius:var(--rayon);z-index:10;width:320px;max-height:calc(100vh - 32px);padding:18px;position:absolute;top:16px;left:16px;overflow-y:auto;box-shadow:0 10px 40px #00000073}.panneau__titre{justify-content:center;align-items:center;margin:0 0 4px;display:flex}.panneau__logo{background:#fff;border-radius:10px;width:150px;max-width:100%;height:auto;padding:6px;display:block}.panneau__titre .pastille{background:var(--accent);width:12px;height:12px;box-shadow:0 0 12px var(--accent);border-radius:50%}.panneau__sous-titre{color:var(--texte-attenue);margin:0 0 16px;font-size:12px}.compte{border-bottom:1px solid var(--panneau-bord);justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:14px;display:flex}.compte__nom{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.section{border-bottom:1px solid var(--panneau-bord);margin-bottom:18px;padding-bottom:14px}.section:last-child{border-bottom:none;margin-bottom:0}.section__titre{text-transform:uppercase;letter-spacing:.08em;color:var(--texte-attenue);margin:0 0 10px;font-size:12px}label{margin-bottom:6px;font-size:13px;display:block}.champ{margin-bottom:12px}.valeur{color:var(--accent-clair);font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:var(--accent)}select{background:var(--fond);width:100%;color:var(--texte);border:1px solid var(--panneau-bord);border-radius:8px;padding:8px 10px;font-size:13px}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px 14px;font-size:14px;font-weight:600;transition:filter .15s,opacity .15s;display:inline-flex}.btn:hover{filter:brightness(1.08)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--accent{background:var(--accent);color:#fff}.btn--secondaire{background:var(--panneau-bord);color:var(--texte)}.modes{background:var(--fond);border-radius:10px;gap:6px;padding:4px;display:flex}.modes button{color:var(--texte-attenue);cursor:pointer;background:0 0;border:none;border-radius:7px;flex:1;padding:8px 6px;font-size:12px;font-weight:600}.modes button.actif{background:var(--accent);color:#fff}.sports{flex-direction:column;gap:6px;max-height:180px;display:flex;overflow-y:auto}.sport{cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.sport input{accent-color:var(--accent)}.sports-actions{gap:8px;margin-top:8px;display:flex}.lien-action{color:var(--accent-clair);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px}.legende{background:color-mix(in srgb, var(--panneau) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--panneau-bord);border-radius:var(--rayon);z-index:10;width:220px;padding:12px 14px;position:absolute;bottom:20px;right:20px;box-shadow:0 10px 40px #00000073}.legende__titre{margin-bottom:8px;font-size:12px;font-weight:600}.legende__barre{border-radius:6px;height:12px;margin-bottom:6px}.legende__labels{color:var(--texte-attenue);justify-content:space-between;font-size:11px;display:flex}.legende__communes{flex-direction:column;gap:6px;font-size:12px;display:flex}.legende__case{align-items:center;gap:8px;display:flex}.legende__pastille{box-sizing:border-box;border-radius:4px;width:16px;height:16px;display:inline-block}.compteur-communes{margin-top:8px;font-size:13px;line-height:1.4}.compteur-communes strong{font-size:15px}.overlay{z-index:20;background:radial-gradient(circle at 50% 30%, #1b2230, var(--fond));justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.carte-etat{text-align:center;background:var(--panneau);border:1px solid var(--panneau-bord);border-radius:16px;max-width:420px;padding:36px;box-shadow:0 20px 60px #00000080}.carte-etat h1{margin:0 0 8px;font-size:26px}.carte-etat p{color:var(--texte-attenue);margin:0 0 22px;font-size:14px;line-height:1.5}.spinner{border:4px solid var(--panneau-bord);border-top-color:var(--accent);border-radius:50%;width:38px;height:38px;margin:0 auto 16px;animation:.9s linear infinite tourner}@keyframes tourner{to{transform:rotate(360deg)}}.message-erreur{color:#fca5a5;background:#b91c1c26;border:1px solid #b91c1c66;border-radius:8px;margin-top:12px;padding:10px 12px;font-size:13px}.info-synchro{color:var(--texte-attenue);margin-top:6px;font-size:11px}@media (width<=640px){.panneau{width:calc(100vw - 24px);max-height:60vh;top:12px;left:12px}.legende{width:auto;bottom:12px;left:12px;right:12px}}