:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--encre:#16213e;--bleu:#233b78;--bleu-clair:#eaf0ff;--vert:#176b57;--fond:#f5f7fb;--carte:#fff;--bord:#dce2ee;--danger:#a32727;font-family:Inter,ui-rounded,SF Pro Rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:var(--fond);min-height:100%;color:var(--encre);margin:0;overflow-x:hidden}body{min-width:320px}button{font:inherit}.ecran{width:min(100%,540px);min-height:100dvh;padding:max(28px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(32px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));margin:0 auto;font-size:18px;line-height:1.45}h1{letter-spacing:-.035em;margin:4px 0 12px;font-size:clamp(28px,8vw,36px);line-height:1.08}h2{margin:8px 0;font-size:21px;line-height:1.2}p{margin:8px 0}.sur-titre{color:var(--bleu);letter-spacing:.09em;text-transform:uppercase;font-size:15px;font-weight:800}.introduction{color:#4c5874;margin-bottom:24px}.entete-marque{align-items:center;gap:14px;display:flex}.entete-marque h1{font-size:28px}.entete-marque .sur-titre{margin:0}.carte{border:1px solid var(--bord);background:var(--carte);border-radius:20px;margin:14px 0;padding:20px;box-shadow:0 7px 22px #233b7812}.carte-accent{background:linear-gradient(145deg, #fff, var(--bleu-clair));border-color:#b7c7f3}.pastille{color:var(--bleu);background:var(--bleu-clair);border-radius:999px;padding:5px 10px;font-size:14px;font-weight:800;display:inline-block}.pastille-verte{color:var(--vert);background:#e1f3ec}.grille-modes{gap:0;display:grid}.identites{gap:12px;display:grid}.identite{border:2px solid var(--bord);width:100%;min-height:76px;color:var(--encre);text-align:left;cursor:pointer;background:#fff;border-radius:18px;grid-template-rows:1fr 1fr;grid-template-columns:48px 1fr;align-items:center;column-gap:14px;padding:12px 16px;display:grid}.identite.selectionnee{border-color:var(--bleu);background:var(--bleu-clair)}.identite .avatar{background:var(--bleu);color:#fff;border-radius:15px;grid-row:1/3;place-items:center;width:48px;height:48px;font-weight:800;display:grid}.identite>span:nth-child(2){align-self:end;font-weight:800}.identite small{color:#59647b;align-self:start}.pave-zone{margin-top:26px}.points-pin{justify-content:center;gap:12px;margin:20px 0;display:flex}.points-pin span{border:2px solid #8c96aa;border-radius:50%;width:15px;height:15px}.points-pin .rempli{border-color:var(--bleu);background:var(--bleu)}.pave{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.pave button{border:1px solid var(--bord);min-height:56px;color:var(--encre);cursor:pointer;background:#fff;border-radius:16px;font-size:24px;font-weight:700}.pave button:active{background:var(--bleu-clair)}.pave .pave-effacer{color:#59647b;font-size:20px}.bouton-principal{background:var(--bleu);color:#fff;cursor:pointer;border:0;border-radius:16px;width:100%;min-height:56px;margin-top:18px;padding:12px 18px;font-weight:800}.bouton-principal:disabled{cursor:default;opacity:.45}.erreur{color:var(--danger);font-weight:700}.espace-parents{font-size:16px}@media (min-width:620px){.grille-modes{grid-template-columns:1fr 1fr;gap:14px}}@media (prefers-reduced-motion:no-preference){button{transition:background-color .15s,border-color .15s}}