:root{--fond:#fff;--texte:#1d2a22;--discret:#5b6a60;--trait:#d9e0da;--carte:#f5f8f5;--accent:#2f6b3f;--sur-accent:#fff;--alerte:#a13b2a;--fond-alerte:#fbeceb;--police:system-ui, -apple-system, "Segoe UI", sans-serif;--rayon:10px}*{box-sizing:border-box}body{background:var(--fond);color:var(--texte);font:16px/1.5 var(--police);margin:0}a{color:var(--accent)}h1{margin:0 0 .5rem;font-size:1.6rem;line-height:1.2}h2{margin:1.5rem 0 .5rem;font-size:1.2rem}main{max-width:46rem;margin:0 auto;padding:1rem 1rem 4rem}nav.menu{border-bottom:1px solid var(--trait);flex-wrap:wrap;align-items:center;gap:.25rem;padding:.5rem 1rem;display:flex}nav.menu a{border-radius:var(--rayon);color:var(--texte);padding:.4rem .7rem;text-decoration:none}nav.menu a[aria-current=page]{background:var(--accent);color:var(--sur-accent)}nav.menu .marque{margin-right:.5rem;font-weight:700}button,.bouton{font:inherit;cursor:pointer;border:1px solid var(--accent);background:var(--accent);color:var(--sur-accent);border-radius:var(--rayon);padding:.55rem 1rem;text-decoration:none;display:inline-block}button.secondaire,.bouton.secondaire{color:var(--accent);background:0 0}button:disabled{opacity:.5;cursor:not-allowed}:focus-visible{outline-offset:2px;outline:3px solid #1a73e8}label{margin:.75rem 0 .25rem;font-weight:600;display:block}input,select{font:inherit;border:1px solid var(--discret);border-radius:var(--rayon);background:var(--fond);width:100%;color:var(--texte);padding:.5rem .6rem}.carte{border:1px solid var(--trait);background:var(--carte);border-radius:var(--rayon);margin:.75rem 0;padding:1rem}.choix{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.75rem;margin:.5rem 0;display:grid}.choix button{text-align:left;background:var(--carte);color:var(--texte);border-color:var(--trait);padding:1rem}.choix button[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.choix button:disabled{opacity:.55}.erreur{color:var(--alerte);background:var(--fond-alerte);border-radius:var(--rayon);margin:.75rem 0;padding:.6rem .8rem}.info{color:var(--discret)}.petit{color:var(--discret);font-size:.875rem}.rangee{flex-wrap:wrap;align-items:center;gap:.5rem;margin:.75rem 0;display:flex}.tableau{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--trait);vertical-align:top;padding:.35rem .5rem}td.nombre,th.nombre{text-align:right;font-variant-numeric:tabular-nums}.barre{background:var(--trait);border-radius:4px;min-width:4rem;height:.6rem}.barre>span{background:var(--accent);border-radius:4px;height:100%;display:block}.depot{border:2px dashed var(--discret);border-radius:var(--rayon);text-align:center;padding:1.5rem}.depot.survol{border-color:var(--accent);background:var(--carte)}.etapes{flex-wrap:wrap;gap:.5rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.etapes li{border:1px solid var(--trait);border-radius:999px;padding:.2rem .7rem;font-size:.875rem}.etapes li[aria-current=step]{background:var(--accent);color:var(--sur-accent);border-color:var(--accent)}.avis img{vertical-align:middle;border-radius:50%;width:2.5rem;height:2.5rem;margin-right:.5rem}.attente{text-align:center;padding:2rem 0}@media (prefers-reduced-motion:no-preference){.tourne{animation:1.2s linear infinite tourne;display:inline-block}@keyframes tourne{to{transform:rotate(360deg)}}}