/* MES OBJECTIFS, SUR L'ACCUEIL · 12/10/2026. Le style des étiquettes de l'accueil (accueil-immersif.css, .fi-room) :
   verre #132a34e6, bord #9bb7bf66, flou 16 px, ombre 0 3px 15px, accent #61dbe2, police système. AUCUNE COULEUR NOUVELLE :
   chaque teinte ci-dessous existe déjà dans accueil-immersif.css (ou --vert de styles.css pour un objectif tenu).
   La barre est ancrée à la fenêtre (hauteur de la scène), jamais aux coordonnées de l'image : elle ne couvre aucune étiquette. */
.fi-objs, .fi-objs-calque, .fi-obj-toast {
  --fo-ink:#f5f7f7; --fo-muted:#b4c4cb; --fo-border:#68818b80; --fo-accent:#61dbe2; --fo-bg:#07161d;
  --fo-verre:#132a34e6; --fo-verre-fort:#294a57f5; --fo-bord:#9bb7bf66; --fo-panneau:#0d222b; --fo-rouge:#ffb8ba;
  --fo-ease:cubic-bezier(.23,1,.32,1);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",sans-serif; color:var(--fo-ink);
}
.fi-objs *, .fi-objs-calque *, .fi-obj-toast * { box-sizing:border-box; }
.fi-objs-cache { position:absolute!important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; }

/* ── l'emplacement ── */
/* 12/10/2026 (fusion) · l'emplacement est la colonne du milieu de la bande sur l'eau (accueil-immersif.css, .fi-bande) : la bande le pose,
   entre « Ta journée » et « À ton attention », la saisie juste dessous. Il ne se place plus lui-même. */
.fi-objs-emplacement { position:relative; z-index:3; }

/* ── la barre ── */
.fi-objs { position:relative; max-width:100%; }
.fi-objs-barre { position:relative; }
.fi-objs-tete { display:inline-flex; align-items:baseline; gap:12px; margin:0 0 9px; padding:6px 12px; border-radius:12px; background:var(--fo-verre); border:1px solid var(--fo-bord); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); font-size:12px; color:var(--fo-muted); box-shadow:0 3px 15px #0005; max-width:100%; }
.fi-objs-tete b { color:var(--fo-ink); font-weight:600; font-size:14px; letter-spacing:.01em; white-space:nowrap; }
.fi-objs-aide { overflow-wrap:anywhere; } /* jamais coupée : elle passe à la ligne si la colonne est étroite */
.fi-objs-rangee { position:relative; display:flex; flex-wrap:nowrap; justify-content:center; align-items:stretch; gap:12px; margin:0; padding:0; list-style:none; }
/* 12/10/2026 (fusion) · moins de place que cinq pièces : la barre ne passe jamais à la ligne ni ne défile de côté ; elle montre les pièces
   qui tiennent dans sa colonne, puis « +N » vers tous les objectifs (objectifs-accueil.js, caler()). */
.fi-obj { position:relative; flex:0 1 290px; min-width:176px; min-height:96px; padding:12px 14px 12px 12px; display:grid; grid-template-columns:30px minmax(0,1fr) auto; grid-template-rows:auto auto 1fr; column-gap:10px; align-content:start;
  border:1px solid var(--fo-bord); border-radius:16px; background:var(--fo-verre); box-shadow:0 3px 15px #0005; backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
  cursor:grab; user-select:none; -webkit-user-select:none; -webkit-touch-callout:none; touch-action:pan-y; text-shadow:0 1px 1px #000;
  transition:background 160ms, border-color 160ms, box-shadow 160ms; }
.fi-obj:hover, .fi-obj--ouverte { background:var(--fo-verre-fort); border-color:var(--fo-accent); }
.fi-obj:focus-visible { outline:3px solid var(--fo-accent); outline-offset:3px; }
.fi-obj-rang { grid-row:1/4; grid-column:1; align-self:start; width:30px; height:30px; border-radius:10px; display:grid; place-items:center; font-size:14px; font-weight:650; color:var(--fo-ink); background:#ffffff14; font-variant-numeric:tabular-nums; text-shadow:none; }
.fi-obj-rang--premier, .fi-obj--leve .fi-obj-rang { color:var(--fo-bg); background:var(--fo-accent); box-shadow:0 0 12px #61dbe255; }
.fi-obj-titre { grid-row:1; grid-column:2; min-width:0; align-self:center; margin:0; padding:0; border:0; background:none; color:inherit; font:inherit; font-size:15px; font-weight:550; line-height:1.25; letter-spacing:-.01em; text-align:left; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow-wrap:anywhere; cursor:text; }
button.fi-obj-titre:hover { text-decoration:underline dotted #9bb7bf; text-underline-offset:3px; }
.fi-obj-val { grid-row:1; grid-column:3; align-self:center; margin:0; padding:0; border:0; background:none; color:var(--fo-muted); font:inherit; font-size:13px; font-variant-numeric:tabular-nums; white-space:nowrap; }
.fi-obj-val b { color:var(--fo-ink); font-size:15px; font-weight:600; }
button.fi-obj-val { cursor:pointer; border-radius:8px; padding:2px 4px; margin:-2px -4px; }
button.fi-obj-val:hover { background:#ffffff14; }
.fi-obj-vide { color:var(--fo-muted); font-size:15px; }
.fi-obj-meta { grid-row:2; grid-column:2/4; display:flex; align-items:center; gap:8px; margin-top:3px; font-size:12px; color:var(--fo-muted); min-width:0; }
.fi-obj-meta > span:first-child { min-width:0; line-height:1.25; overflow-wrap:anywhere; } /* 12/10 (fusion) · jamais « encaissé en octob… » : la ligne passe à la ligne, elle n'est pas coupée */
.fi-obj-agents { display:inline-flex; margin-left:auto; flex-shrink:0; }
.fi-obj-agents u { text-decoration:none; width:20px; height:20px; border-radius:50%; display:grid; place-items:center; font-size:10px; font-weight:700; color:var(--fo-ink); background:#ffffff14; border:1px solid #61dbe266; text-shadow:none; }
/* la jauge en cinq paliers, façon jeu */
.fi-obj-jauge { grid-row:3; grid-column:2/4; align-self:end; display:grid; grid-template-columns:repeat(5,1fr); gap:3px; margin-top:9px; height:8px; }
.fi-obj-jauge i { display:block; position:relative; overflow:hidden; border-radius:3px; background:#ffffff14; }
.fi-obj-jauge i.p { background:var(--fo-accent); box-shadow:0 0 8px #61dbe266; }
.fi-obj-jauge i.m::after { content:""; position:absolute; inset:0; width:var(--x); border-radius:3px; background:var(--fo-accent); }
.fi-obj-sans { grid-row:3; grid-column:2/4; align-self:end; display:flex; gap:6px; align-items:center; margin-top:9px; font-size:12px; color:var(--fo-muted); white-space:nowrap; }
.fi-obj-sans em { font-style:normal; padding:1px 8px; border:1px dashed #9bb7bf88; border-radius:8px; }
/* proposé par la découverte : bord pointillé, Garder ou × */
.fi-obj--proposee { border:1.5px dashed #9bb7bf88; background:#132a34cc; }
.fi-obj-propose { grid-row:3; grid-column:2/4; align-self:end; display:flex; align-items:center; gap:8px; margin-top:8px; font-size:12px; color:var(--fo-muted); }
.fi-obj-propose .fi-obj-btn { margin-left:auto; padding:5px 12px; }
/* retirer : un petit × au survol (toujours là sur un écran tactile) */
.fi-obj-x { position:absolute; top:-9px; right:-9px; width:24px; height:24px; display:grid; place-items:center; padding:0; border-radius:50%; border:1px solid var(--fo-bord); background:var(--fo-panneau); color:var(--fo-ink); cursor:pointer; opacity:0; transform:scale(.9); transition:opacity 150ms, transform 150ms var(--fo-ease); }
.fi-obj:hover .fi-obj-x, .fi-obj:focus-within .fi-obj-x, .fi-obj-x:focus-visible { opacity:1; transform:none; }
.fi-obj-x:hover { border-color:var(--fo-rouge); color:var(--fo-rouge); }
@media (hover:none) { .fi-obj-x { opacity:1; transform:none; } }
/* tenu : un trait vert ; un palier franchi : un halo, une fois */
.fi-obj--tenu { border-color:var(--vert,#2fb56a); box-shadow:0 0 0 1px var(--vert,#2fb56a), 0 3px 15px #0005; }
.fi-obj--tenu .fi-obj-jauge i.p { background:var(--vert,#2fb56a); box-shadow:none; }
.fi-obj-palier { position:absolute; top:-11px; right:14px; z-index:2; padding:3px 9px; border-radius:9px; font-size:11px; font-weight:650; color:var(--fo-bg); background:var(--fo-accent); text-shadow:none; box-shadow:0 0 0 4px #61dbe233, 0 0 18px #61dbe299; animation:fi-obj-etiquette 420ms var(--fo-ease) both; }
.fi-obj--fete { border-color:#61dbe2cc; animation:fi-obj-halo 2.2s ease-out 1 both; }
.fi-obj--fete .fi-obj-jauge i.neuf { transform-origin:left center; animation:fi-obj-remplit 600ms ease-out both; }
.fi-obj--fete .fi-obj-jauge i.m.neuf { animation:none; }
.fi-obj--fete .fi-obj-jauge i.m.neuf::after { transform-origin:left center; animation:fi-obj-remplit 600ms ease-out both; }
.fi-obj:not(.fi-obj--fete) .fi-obj-palier { box-shadow:none; animation:none; }
@keyframes fi-obj-halo { 0% { box-shadow:0 0 0 0 #61dbe299, 0 3px 15px #0005; } 35% { box-shadow:0 0 0 6px #61dbe233, 0 0 26px #61dbe266, 0 3px 15px #0005; } 100% { box-shadow:0 0 0 0 #61dbe200, 0 3px 15px #0005; } }
@keyframes fi-obj-remplit { from { transform:scaleX(0); } to { transform:scaleX(1); } }
@keyframes fi-obj-etiquette { from { opacity:0; transform:translateY(4px) scale(.96); } to { opacity:1; transform:none; } }
/* apparition, départ, attente d'enregistrement */
.fi-obj--arrive { animation:fi-obj-arrive 220ms var(--fo-ease) both; }
@keyframes fi-obj-arrive { from { opacity:0; transform:scale(.96); } to { opacity:1; transform:none; } }
.fi-obj--part { opacity:0; transform:scale(.96) translateY(6px); transition:opacity 200ms var(--fo-ease), transform 200ms var(--fo-ease); pointer-events:none; }
.fi-obj--attente { opacity:.82; }
/* « +2 » vers tous les objectifs, et l'emplacement « + Ajouter » */
.fi-obj-encore a { display:grid; place-items:center; height:100%; min-height:96px; min-width:56px; padding:0 12px; border:1px solid var(--fo-bord); border-radius:16px; background:var(--fo-verre); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); color:var(--fo-ink); font-size:15px; font-weight:600; text-decoration:none; box-shadow:0 3px 15px #0005; }
.fi-obj-encore a:hover { background:var(--fo-verre-fort); border-color:var(--fo-accent); }
.fi-obj-ajout { flex:0 0 120px; display:flex; }
.fi-obj-ajout button { flex:1; min-height:96px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; padding:10px; border:1.5px dashed #9bb7bf88; border-radius:16px; background:#132a34b3; backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); color:var(--fo-ink); font:inherit; font-size:14px; cursor:pointer; transition:background 160ms, border-color 160ms; }
.fi-obj-ajout button svg { width:30px; height:30px; padding:5px; border-radius:50%; border:1px solid #9bb7bf88; }
.fi-obj-ajout button:hover { background:var(--fo-verre-fort); border-color:var(--fo-accent); }
.fi-obj-ajout button:focus-visible, .fi-objs-pastille:focus-visible, .fi-obj-btn:focus-visible, .fi-obj-titre:focus-visible, .fi-obj-val:focus-visible, .fi-obj-rond:focus-visible, .fi-objs-fermer:focus-visible { outline:3px solid var(--fo-accent); outline-offset:3px; }
.fi-objs--vide .fi-obj-ajout { flex-basis:220px; }

/* ── ajouter ou modifier : une ligne écrite, sur place ── */
.fi-obj-saisie { flex:0 1 470px; min-width:280px; min-height:96px; padding:12px 14px; display:flex; flex-direction:column; gap:8px; border:1px solid var(--fo-accent); border-radius:16px; background:var(--fo-verre-fort); box-shadow:0 0 0 4px #61dbe21f, 0 8px 26px #0007; backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); animation:fi-obj-arrive 220ms var(--fo-ease) both; }
.fi-obj-saisie-champ { display:block; }
.fi-obj-saisie input { width:100%; padding:4px 2px 8px; border:0; border-bottom:1px solid #ffffff1f; border-radius:0; background:transparent; color:var(--fo-ink); font:inherit; font-size:15px; outline:none; caret-color:var(--fo-accent); }
.fi-obj-saisie input::placeholder { color:var(--fo-muted); opacity:.8; }
.fi-obj-saisie input:focus-visible { border-bottom-color:var(--fo-accent); outline:none; }
.fi-obj-compris { display:flex; flex-wrap:wrap; align-items:center; gap:6px 8px; font-size:13px; color:var(--fo-muted); min-height:22px; }
.fi-obj-puce { white-space:nowrap; padding:2px 8px; border-radius:8px; background:#61dbe21f; color:var(--fo-accent); font-weight:600; font-size:12px; }
.fi-obj-porteur { white-space:nowrap; }
.fi-obj-gestes { display:flex; flex-wrap:wrap; gap:8px; }
.fi-obj-btn { display:inline-flex; align-items:center; justify-content:center; min-height:34px; padding:7px 14px; border-radius:12px; border:1px solid var(--fo-border); background:#ffffff0d; color:var(--fo-ink); font:inherit; font-size:13px; text-decoration:none; text-shadow:none; cursor:pointer; }
.fi-obj-btn:hover { background:#ffffff14; }
.fi-obj-btn.plein { background:var(--fo-accent); color:var(--fo-bg); border-color:transparent; font-weight:600; }
.fi-obj-btn.plein:hover { background:#63dce5; }
.fi-obj-btn.loin { margin-left:auto; color:var(--fo-rouge); border-color:#ffb8ba44; }

/* ── compter à la main : − / + ── */
.fi-obj-compteur { position:absolute; right:8px; bottom:calc(100% + 8px); z-index:6; display:flex; align-items:center; gap:10px; padding:8px 10px; border:1px solid var(--fo-bord); border-radius:14px; background:var(--fo-panneau); box-shadow:0 12px 30px #0009; cursor:default; text-shadow:none; white-space:nowrap; }
.fi-obj-compteur output { font-size:13px; color:var(--fo-muted); font-variant-numeric:tabular-nums; min-width:56px; text-align:center; }
.fi-obj-compteur output b { color:var(--fo-ink); font-size:17px; }
.fi-obj-compteur small { font-size:11px; color:var(--fo-muted); }
.fi-obj-rond { width:36px; height:36px; display:grid; place-items:center; padding:0; border-radius:50%; border:1px solid var(--fo-border); background:#ffffff0d; color:var(--fo-ink); cursor:pointer; }
.fi-obj-rond:hover { background:#ffffff14; border-color:var(--fo-accent); }

/* ── toucher une pièce : ce que les agents font ── */
.fi-obj-panneau { position:absolute; z-index:7; width:min(420px, calc(100vw - 32px)); padding:16px 18px 14px; border:1px solid var(--fo-bord); border-radius:18px; background:var(--fo-panneau); box-shadow:0 18px 44px #0009; text-shadow:none; animation:fi-obj-arrive 200ms var(--fo-ease) both; cursor:default; }
.fi-obj-panneau h3 { margin:0 0 4px; font-size:16px; font-weight:600; letter-spacing:-.01em; }
.fi-obj-phrase { margin:0 0 10px; font-size:13px; line-height:1.45; color:var(--fo-muted); }
.fi-obj-ligne { display:grid; grid-template-columns:26px 1fr auto; gap:10px; align-items:start; padding:9px 0; border-top:1px solid #ffffff12; font-size:13px; line-height:1.4; }
.fi-obj-ligne u { text-decoration:none; width:26px; height:26px; border-radius:50%; display:grid; place-items:center; font-size:11px; font-weight:700; background:#ffffff14; border:1px solid #61dbe266; }
.fi-obj-ligne small { display:block; color:var(--fo-muted); font-size:11px; }
.fi-obj-ligne-etat { font-size:11px; color:var(--fo-accent); white-space:nowrap; }
.fi-obj-ligne-etat.attend { color:#e6bc87; }
.fi-obj-prepare { margin:0; padding:9px 0; border-top:1px solid #ffffff12; font-size:13px; line-height:1.45; }
.fi-obj-prepare a { color:var(--fo-accent); text-decoration:underline; text-underline-offset:3px; }
.fi-obj-panneau .fi-obj-gestes { margin-top:10px; }
.fi-obj-panneau-place { list-style:none; flex:1 1 100%; }
.fi-obj-panneau-place .fi-obj-panneau { position:relative; width:100%; }

/* ── glisser : la pièce soulevée, le trou allumé, les autres se décalent ── */
.fi-objs--glisse > .fi-obj { transition:transform 200ms var(--fo-ease), background 160ms, border-color 160ms; }
.fi-obj--leve { z-index:5; cursor:grabbing; transform:scale(1.05) rotate(-2deg); background:var(--fo-verre-fort); border-color:var(--fo-accent); box-shadow:0 26px 50px #000a, 0 0 0 1px #61dbe2aa, 0 0 30px #61dbe233; }
.fi-objs--glisse > .fi-obj--leve { transition:none; }
.fi-objs--glisse > .fi-obj--leve.fi-obj--pose { transition:transform 200ms var(--fo-ease); }
.fi-obj-trou { position:absolute; z-index:0; list-style:none; pointer-events:none; border-radius:16px; border:2px dashed var(--fo-accent); background:#61dbe214; box-shadow:inset 0 0 22px #61dbe222; transition:left 200ms var(--fo-ease), top 200ms var(--fo-ease); }
.fi-obj-bulle { position:absolute; z-index:8; list-style:none; pointer-events:none; padding:9px 13px; border-radius:12px; background:var(--fo-panneau); border:1px solid var(--fo-border); box-shadow:0 8px 24px #0007; font-size:13px; white-space:nowrap; transition:left 200ms var(--fo-ease), top 200ms var(--fo-ease); }
.fi-obj-bulle b { color:var(--fo-accent); font-weight:600; }

/* ── le toast « Objectif retiré · Annuler », 8 s ── */
.fi-obj-toast { position:fixed; left:50%; bottom:calc(12px + env(safe-area-inset-bottom, 0px)); z-index:95; transform:translateX(-50%); display:flex; align-items:center; gap:14px; padding:8px 8px 8px 18px; border:1px solid var(--fo-bord); border-radius:22px; background:var(--fo-verre); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); box-shadow:0 10px 32px #0007; font-size:14px; animation:fi-obj-toast 220ms var(--fo-ease) both; }
.fi-obj-toast .fi-obj-btn { min-height:32px; padding:5px 14px; border-radius:16px; }
.fi-obj-toast--part { opacity:0; transition:opacity 200ms; }
.fi-obj-toast--dit { padding:10px 18px; max-width:min(640px, calc(100vw - 32px)); line-height:1.4; }
@keyframes fi-obj-toast { from { opacity:0; transform:translate(-50%, 8px); } to { opacity:1; transform:translate(-50%, 0); } }

/* ── la visite guidée montre la barre ── */
.fi-objs--montre .fi-objs-barre > .fi-objs-tete, .fi-objs--montre .fi-objs-pastille { animation:fi-objs-montre 2.4s ease-out 1; }
.fi-objs--montre .fi-objs-rangee > li > * { animation:fi-objs-montre 2.4s ease-out 1; }
@keyframes fi-objs-montre { 0%, 100% { box-shadow:0 3px 15px #0005; } 30%, 60% { box-shadow:0 0 0 4px #61dbe244, 0 0 30px #61dbe266; } }
.visite.visite--objectifs { background:#07161d40; backdrop-filter:none; -webkit-backdrop-filter:none; align-items:start; padding-top:max(96px, 12vh); }

/* ── téléphone : une pastille sur l'eau, la feuille du bas ── */
.fi-objs-pastille { display:none; align-items:center; gap:10px; height:44px; padding:0 14px 0 10px; border:1px solid var(--fo-bord); border-radius:22px; background:var(--fo-verre); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); box-shadow:0 4px 16px #0006; color:var(--fo-ink); font:inherit; font-size:14px; font-weight:550; white-space:nowrap; cursor:pointer; }
.fi-objs-pastille > svg { color:var(--fo-accent); }
.fi-objs-anneaux { display:flex; gap:4px; margin-left:2px; color:var(--fo-muted); }
.fi-objs-anneaux svg { width:20px; height:20px; }
.fi-obj-anneau { stroke:var(--fo-accent); }
@media (max-width:760px) {
  .fi-objs .fi-objs-barre { display:none; }
  .fi-objs-pastille { display:inline-flex; }
}
.fi-objs-calque { position:fixed; inset:0; z-index:85; }
.fi-objs-voile { position:absolute; inset:0; background:#07161db3; animation:fi-objs-fondu 200ms ease-out both; }
.fi-objs-feuille { position:absolute; left:0; right:0; bottom:0; max-height:86vh; max-height:86dvh; overflow-y:auto; overscroll-behavior:contain; padding:10px 16px calc(22px + env(safe-area-inset-bottom, 0px)); border-radius:24px 24px 0 0; border-top:1px solid var(--fo-bord); background:var(--fo-panneau); box-shadow:0 -12px 40px #0008; animation:fi-objs-monte 260ms var(--fo-ease) both; }
.fi-objs-calque--part .fi-objs-feuille { transform:translateY(100%); transition:transform 200ms var(--fo-ease); }
.fi-objs-calque--part .fi-objs-voile { opacity:0; transition:opacity 200ms; }
@keyframes fi-objs-monte { from { transform:translateY(100%); } to { transform:none; } }
@keyframes fi-objs-fondu { from { opacity:0; } to { opacity:1; } }
.fi-objs-poignee { width:40px; height:5px; border-radius:3px; background:#ffffff40; margin:0 auto 12px; }
.fi-objs-tete--feuille { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; width:100%; margin:0 0 12px; padding:0 2px; background:none; border:0; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; }
.fi-objs-tete--feuille > div { display:flex; flex-direction:column; gap:2px; min-width:0; }
.fi-objs-tete--feuille b { font-size:17px; }
.fi-objs-tete--feuille .fi-objs-aide { white-space:normal; font-size:13px; }
.fi-objs-fermer { width:40px; height:40px; flex-shrink:0; display:grid; place-items:center; padding:0; border-radius:50%; border:1px solid var(--fo-bord); background:#ffffff0d; color:var(--fo-ink); cursor:pointer; }
.fi-objs-liste { flex-direction:column; flex-wrap:nowrap; gap:10px; }
.fi-objs-liste > .fi-obj { flex:0 0 auto; width:100%; min-width:0; min-height:104px; backdrop-filter:none; -webkit-backdrop-filter:none; }
.fi-objs-liste > .fi-obj .fi-obj-x { top:8px; right:8px; opacity:1; transform:none; }
.fi-objs-liste > .fi-obj .fi-obj-val { margin-right:26px; }
.fi-objs-liste > .fi-obj-ajout { flex:0 0 auto; }
.fi-objs-liste > .fi-obj-ajout button { min-height:54px; flex-direction:row; gap:10px; }
.fi-objs-liste > .fi-obj-encore a { min-height:48px; }
.fi-objs-liste > .fi-obj-saisie { flex:0 0 auto; width:100%; min-width:0; }
html.fi-objs-feuille-ouverte .fi-talk { display:none; }

/* 12/10/2026 (correction) · AU DOIGT, CHAQUE CIBLE FAIT 44 PX AU MOINS. Mesuré à 390×844 : × 24×24, chiffre à compter 44×22, titre 19 px,
   Annuler 77×32, − et + 36×36, fermer 40×40, lien du fil 35 px. Le × garde son dessin de 24 px dans une zone de 44 ; dans la feuille il a
   sa propre voie à droite, loin du chiffre à compter et de la pastille de l'agent : on ne retire plus un objectif en voulant le compter. */
@media (max-width:760px), (hover:none) {
  .fi-obj-x { width:44px; height:44px; top:-16px; right:-16px; border:0; background:transparent; isolation:isolate; }
  .fi-obj-x::before { content:""; position:absolute; inset:10px; z-index:-1; border-radius:50%; border:1px solid var(--fo-bord); background:var(--fo-panneau); }
  .fi-obj-x:hover::before { border-color:var(--fo-rouge); }
  button.fi-obj-titre { min-height:44px; -webkit-box-pack:center; }
  button.fi-obj-val { display:inline-block; min-height:44px; min-width:44px; line-height:44px; text-align:right; padding:0 6px; margin:0 -6px 0 0; }
  .fi-obj-rond, .fi-objs-fermer { width:44px; height:44px; }
  .fi-obj-btn, .fi-obj-toast .fi-obj-btn, .fi-obj-propose .fi-obj-btn { min-height:44px; }
  .fi-obj-toast { padding:6px 6px 6px 18px; }
  .fi-obj-toast:not(.fi-obj-toast--dit) > span { white-space:nowrap; }
  .fi-obj-prepare a { display:inline-flex; align-items:center; min-height:44px; }
}
@media (max-width:760px) {
  .fi-objs-liste > .fi-obj { padding-right:60px; }
  .fi-objs-liste > .fi-obj .fi-obj-x { top:calc(50% - 22px); right:8px; }
  .fi-objs-liste > .fi-obj .fi-obj-val { margin-right:0; }
  /* dans la feuille, − et + s'ouvrent dans la pièce, jamais par-dessus le titre et le bouton Fermer de la feuille */
  .fi-objs-liste > .fi-obj .fi-obj-compteur { position:static; grid-column:2/4; grid-row:4; justify-self:start; margin-top:10px; box-shadow:none; background:#ffffff0d; }
}

@media (prefers-reduced-motion:reduce) {
  .fi-objs *, .fi-objs-calque, .fi-objs-calque *, .fi-obj-toast, .fi-obj-toast * { animation:none!important; transition:none!important; }
  .fi-obj--leve { transform:none; }
}
@media (forced-colors:active) { .fi-obj, .fi-obj-ajout button, .fi-objs-tete, .fi-objs-pastille, .fi-obj-panneau { border:1px solid CanvasText; } .fi-obj-jauge i.p, .fi-obj-jauge i.m::after { background:CanvasText; } }