.bar-mode{position:fixed;inset:0;z-index:100;background:#0a0a0a;color:#fafafa;padding:20px;overflow:hidden;cursor:none;font-family:Chivo,system-ui,sans-serif}.bar-entete{display:flex;align-items:center;gap:24px;height:54px}.bar-marque{color:#fafafa;text-decoration:none;font-size:26px;font-weight:800}.bar-marque span,.bar-etat.direct{color:#ff5c5c}.bar-horloge{margin-left:auto;font-family:"Chivo Mono",monospace;font-size:24px;font-variant-numeric:tabular-nums}.bar-plein-ecran{cursor:pointer;border:1px solid #666;background:#101010;color:#fafafa;border-radius:5px;padding:9px 12px;font:inherit}.bar-plein-ecran:focus-visible,.bar-filtres button:focus-visible,.bar-marque:focus-visible{outline:3px solid #fafafa;outline-offset:3px}.bar-hors-connexion{position:absolute;top:74px;left:20px;margin:0;color:#8c8c8c}.bar-titre{margin:14px 0 8px;font-size:18px}.bar-filtres{display:flex;gap:8px;overflow-x:auto;padding:4px 0 12px;cursor:auto}.bar-filtres button{white-space:nowrap;border:1px solid #3a3a3a;border-radius:5px;background:#101010;color:#fafafa;padding:7px 10px;font:inherit}.bar-filtres button.actif{background:#fafafa;color:#0a0a0a}.bar-grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));grid-auto-rows:minmax(0,1fr);gap:8px;height:calc(100vh - 190px)}.bar-grille[data-nombre="1"]{grid-template-columns:1fr}.bar-carte{min-width:0;min-height:0;border:1px solid #262626;border-radius:5px;background:#101010;padding:12px;display:flex;flex-direction:column;justify-content:center}.bar-carte.figee{color:#b0b0b0}.bar-cartouche{display:flex;align-items:center;gap:7px;color:#bcbcbc;font-size:14px;margin-bottom:10px}.bar-cartouche svg{flex:none}.bar-etat{margin-left:auto;font-family:"Chivo Mono",monospace;font-variant-numeric:tabular-nums}.bar-equipe{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:42px}.bar-logo{width:30px;height:30px;object-fit:contain}.bar-nom{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(18px,2.2vw,36px);font-weight:700}.bar-score{font:800 clamp(28px,4vw,58px)/1 "Chivo Mono",monospace;font-variant-numeric:tabular-nums}.bar-titre-evenement{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(20px,2.4vw,38px)}.bar-classement{display:grid;grid-template-columns:2ch minmax(0,1fr) auto;align-items:center;gap:10px;min-height:38px}.bar-rang,.bar-ecart{font-family:"Chivo Mono",monospace;font-variant-numeric:tabular-nums}.bar-pagination{position:absolute;bottom:5px;left:50%;display:flex;gap:6px;transform:translateX(-50%)}.bar-pagination span{width:6px;height:6px;border-radius:50%;background:#4a4a4a}.bar-pagination span.actif{background:#fafafa}.bar-vide{align-self:center;justify-self:center;color:#8c8c8c;font-size:24px}.bar-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:700px){.bar-mode{padding:12px}.bar-grille{grid-template-columns:1fr;height:calc(100vh - 180px)}.bar-plein-ecran{font-size:0}.bar-plein-ecran:after{content:'⛶';font-size:20px}.bar-horloge{font-size:18px}}
.bar-etat.direct:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px;background:#ff5c5c}.bar-carte.figee .bar-etat:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px;background:#666}

.bar-cartouche { background:var(--bandeau-fond-sombre); color:var(--bandeau-texte-sombre); border-radius:5px; padding:8px; }
.bar-carte.figee .bar-cartouche { background:#3A3A3A; color:#EDEDED; }
.bar-etat { font-family:Chivo,system-ui,sans-serif; }
.bar-grille[data-nombre="1"] .bar-score { font-size:clamp(64px,15vw,180px); }
.bar-grille[data-nombre="1"] .bar-nom { font-size:clamp(32px,6vw,80px); }
.bar-grille[data-nombre="1"] .bar-equipe { min-height:0; flex:1; }
.bar-hors-connexion { position:static; }
.bar-mode:has(.bar-hors-connexion:not([hidden])) .bar-grille { height:calc(100vh - 214px); }
@media (min-width:1024px) { .bar-grille:has(> :nth-child(10)) { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media (max-width:700px) { .bar-mode { overflow:auto; } .bar-grille { height:auto; grid-auto-rows:minmax(120px,auto); } }

.bar-equipe .bar-nom { grid-column:2; }
.bar-equipe .bar-score { grid-column:3; }
/* En salle, l'écran ne se touche plus : les filtres se choisissent avant le plein écran. */
:fullscreen .bar-filtres,:fullscreen .bar-plein-ecran{display:none}