:root{--vert-terrain: #0f6b34;--vert-terrain-fonce: #0a4d25;--vert-clair: #2ea84f;--blanc: #ffffff;--gris-manque: #c9d2ce;--gris-manque-texte: #5b6a63;--or-doublon: #f5a623;--or-doublon-fonce: #c9820f;--rouge: #e0453a;--bleu: #1e6fd9;--ombre: 0 4px 10px rgba(0, 0, 0, .18);--rayon: 16px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:linear-gradient(180deg,var(--vert-terrain) 0%,var(--vert-terrain-fonce) 100%);background-attachment:fixed;color:#16281d}.app-shell{max-width:520px;margin:0 auto;min-height:100vh;background:#f3f7f4;display:flex;flex-direction:column;box-shadow:0 0 40px #00000059}.app-header{background:var(--vert-terrain);color:#fff;padding:14px 16px;display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.15rem;letter-spacing:.3px;position:sticky;top:0;z-index:10;box-shadow:var(--ombre)}.app-content{flex:1;padding:14px 12px 90px;overflow-y:auto}.btn-aide{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:#ffffff2e;border:none;color:#fff;width:30px;height:30px;border-radius:50%;font-size:.9rem;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center}.guide-etapes{margin:0 0 18px;padding-left:22px;display:flex;flex-direction:column;gap:10px;font-size:.95rem}.guide-etapes li{padding-left:4px}.bottom-nav{position:sticky;bottom:0;display:flex;background:#fff;border-top:2px solid #e2e8e4;box-shadow:0 -4px 12px #00000014;z-index:10}.bottom-nav a{flex:1;text-align:center;padding:10px 4px 8px;text-decoration:none;color:#6b7a72;font-size:.72rem;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:2px}.bottom-nav a .icone{font-size:1.4rem}.bottom-nav a.actif{color:var(--vert-terrain)}.btn{border:none;border-radius:999px;padding:13px 22px;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:var(--ombre);min-height:46px;transition:transform .08s ease}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primaire{background:var(--vert-clair);color:#fff}.btn-secondaire{background:#fff;color:var(--vert-terrain);border:2px solid var(--vert-terrain)}.btn-danger{background:transparent;color:var(--rouge);box-shadow:none;text-decoration:underline;font-weight:600}.btn-bloc{width:100%}.section-titre{display:flex;align-items:center;gap:8px;font-weight:800;font-size:1.05rem;margin:18px 0 8px;color:var(--vert-terrain-fonce)}.grille-cartes{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px}.carte-chip{aspect-ratio:3 / 4;border-radius:10px;border:none;background:var(--gris-manque);color:var(--gris-manque-texte);display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;font-size:.85rem;box-shadow:var(--ombre);cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.carte-chip .numero{font-size:.78rem;letter-spacing:-.02em}.carte-chip .badge-doublon{position:absolute;top:-6px;right:-6px;background:var(--or-doublon-fonce);color:#fff;border-radius:999px;min-width:20px;height:20px;font-size:.7rem;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 2px 4px #0000004d}.carte-chip.etat-jai{background:var(--vert-clair);color:#fff}.carte-chip.etat-doublon{background:var(--or-doublon);color:#3a2600}.accordeon{background:#fff;border-radius:var(--rayon);box-shadow:var(--ombre);padding:14px;margin-bottom:12px}.accordeon summary{cursor:pointer;font-weight:700;list-style:none}.accordeon summary::-webkit-details-marker{display:none}.accordeon summary:after{content:"▸";float:right}.accordeon[open] summary:after{content:"▾"}.accordeon-contenu{margin-top:12px}.tuile{background:#fff;border-radius:var(--rayon);box-shadow:var(--ombre);padding:14px;margin-bottom:12px}.copain-tuile{display:flex;align-items:center;gap:12px}.copain-avatar{font-size:2rem;width:52px;height:52px;border-radius:50%;background:#eef4f0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.copain-infos{flex:1;min-width:0}.copain-infos .nom{font-weight:800;font-size:1.05rem}.copain-infos .details{color:#6b7a72;font-size:.85rem}.copain-simulation{color:var(--vert-terrain);font-size:.78rem;font-weight:700;margin-top:3px}.modal-fond{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a140f8c;display:flex;align-items:flex-end;justify-content:center;z-index:50}.modal-boite{background:#fff;border-radius:20px 20px 0 0;padding:22px 20px 26px;width:100%;max-width:520px;box-shadow:0 -8px 24px #0000004d}@media (min-width: 560px){.modal-fond{align-items:center}.modal-boite{border-radius:20px}}.echange-opportunites{background:#eaf7ee;border:2px solid var(--vert-clair);border-radius:12px;padding:10px 14px;margin:10px 0 14px;color:var(--vert-terrain-fonce)}.echange-opportunites p{margin:4px 0;font-weight:700}.echange-ligne{display:flex;align-items:center;justify-content:space-between;background:#eef4f0;border-radius:10px;padding:8px 10px;margin-bottom:6px;font-size:.85rem;font-weight:600}.echange-ligne button{border:none;background:none;color:var(--rouge);font-size:1.1rem;cursor:pointer}.badge-statut{display:inline-block;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:700;color:#fff}.badge-statut.propose{background:var(--bleu)}.badge-statut.mis_de_cote{background:var(--or-doublon-fonce)}.badge-statut.termine{background:var(--vert-clair)}.badge-statut.annule{background:var(--rouge)}.badge-statut.en_attente{background:var(--or-doublon-fonce)}.badge-statut.refuse{background:#8a8f8c}.badge-nav{position:absolute;top:-4px;right:-10px;background:var(--rouge);color:#fff;border-radius:999px;font-size:.65rem;font-weight:800;min-width:16px;height:16px;line-height:16px;text-align:center;padding:0 3px}input[type=text],select{width:100%;padding:12px 14px;border-radius:12px;border:2px solid #dbe4de;font-size:1rem;margin-bottom:12px}.champ-label{font-weight:700;font-size:.85rem;margin-bottom:4px;display:block;color:var(--vert-terrain-fonce)}.avatars-choix{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.avatar-option{font-size:1.6rem;width:52px;height:52px;border-radius:50%;border:3px solid transparent;background:#eef4f0;cursor:pointer}.avatar-option.selectionne{border-color:var(--vert-clair)}.message-vide{text-align:center;color:#6b7a72;padding:30px 10px}.legende{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 16px;background:#fff;border-radius:var(--rayon);box-shadow:var(--ombre);padding:10px 14px;margin-bottom:12px}.legende-item{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;color:#3a4a41}.legende-pastille{width:18px;height:18px;border-radius:6px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.legende-pastille.etat-manque{background:var(--gris-manque)}.legende-pastille.etat-jai{background:var(--vert-clair)}.legende-pastille.etat-doublon{background:var(--or-doublon)}.legende-pastille.legende-reset{background:#8a9790;color:#fff;font-size:.7rem}.chargement{text-align:center;padding:40px;color:#fff}