:root{--nuit:#0b1a2b;--profond:#12283f;--surface:rgba(18,40,63,.82);--bord:rgba(126,199,235,.22);--texte:#eaf4fb;--doux:#9db8cc;--ambre:#f0a92b;--ciel:#4fc3e8;--vert:#4ec97a;--rouge:#f2555a}*{box-sizing:border-box;margin:0;padding:0}html{min-height:100%;background:var(--nuit)}body{position:relative;min-height:100dvh;color:var(--texte);font-family:gg sans,Noto Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;padding:max(1.25rem,env(safe-area-inset-top)) 1.25rem max(1.25rem,env(safe-area-inset-bottom));display:grid;place-items:start start}body:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(8,18,34,.94),rgba(8,18,34,.88) 32%,rgba(8,18,34,.55) 52%,rgba(8,18,34,.12) 72%,rgba(8,18,34,.05)),url(/fond-rilindra-nuit.jpg) 50% /cover no-repeat}@media (max-width:46rem){body{place-items:start center}body:before{background:linear-gradient(rgba(8,18,34,.9),rgba(8,18,34,.95)),url(/fond-rilindra-nuit.jpg) 50% /cover no-repeat}}.coquille{width:min(100%,30rem);display:flex;flex-direction:column;gap:1rem}.entete{display:flex;align-items:center;gap:.85rem;padding:.9rem 1.1rem;background:var(--surface);border:1px solid var(--bord);border-radius:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.avatar{width:46px;height:46px;border-radius:50%;border:2px solid var(--ciel);flex-shrink:0;background:var(--profond)}.bienvenue{font-size:.78rem;color:var(--doux);text-transform:uppercase;letter-spacing:.06em}.pseudo{font-size:1.15rem;font-weight:700;line-height:1.25}.bloc{background:var(--surface);border:1px solid var(--bord);border-radius:14px;padding:1.1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bloc-titre{font-size:.78rem;color:var(--doux);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.75rem}.piste{background:rgba(0,0,0,.35);border-radius:999px;height:10px;overflow:hidden;margin-bottom:.5rem}.remplissage{background:linear-gradient(90deg,var(--ciel),var(--ambre));height:100%;border-radius:999px;transition:width .5s cubic-bezier(.22,1,.36,1)}.compteur{font-size:.82rem;color:var(--doux);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.etapes{display:flex;flex-direction:column;gap:.6rem;list-style:none}.etape{display:flex;align-items:flex-start;gap:.8rem;padding:.85rem 1rem;background:var(--surface);border:1px solid var(--bord);border-radius:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .2s,transform .2s}.etape.faite{border-color:rgba(78,201,122,.45)}.etape.active{border-color:rgba(240,169,43,.55)}.etape.bloquee{opacity:.45}.jeton{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:.9rem;flex-shrink:0;background:rgba(0,0,0,.3);border:1px solid var(--bord)}.etape.faite .jeton{background:rgba(78,201,122,.18);border-color:rgba(78,201,122,.5)}.etape.active .jeton{background:rgba(240,169,43,.18);border-color:rgba(240,169,43,.6)}.etape-titre{font-weight:600;font-size:.98rem;margin-bottom:.15rem}.etape-detail{font-size:.84rem;color:var(--doux);line-height:1.45}label{display:block;font-size:.82rem;color:var(--doux);margin-bottom:.35rem}input[type=text]{width:100%;padding:.65rem .8rem;border-radius:10px;border:1px solid var(--bord);background:rgba(0,0,0,.3);color:var(--texte);font-size:.95rem;font-family:inherit}input[type=text]:focus{outline:2px solid var(--ciel);outline-offset:1px}.champ+.champ{margin-top:.8rem}.aide{font-size:.78rem;color:var(--doux);margin-top:.35rem;line-height:1.4}button{width:100%;margin-top:1rem;padding:.75rem 1rem;border:none;border-radius:10px;background:linear-gradient(90deg,var(--ciel),#3aa8cd);color:#05202c;font-weight:700;font-size:.95rem;font-family:inherit;cursor:pointer;transition:filter .15s}button:hover:not(:disabled){filter:brightness(1.1)}button:disabled{opacity:.55;cursor:not-allowed}.centre{text-align:center;padding:2rem 1.25rem}.titre{font-size:1.3rem;font-weight:700;margin-bottom:.6rem}.etat{color:var(--doux)}.etat,.succes{font-size:.88rem;line-height:1.6}.succes{color:var(--vert)}.erreur{color:var(--rouge);font-size:.82rem;line-height:1.55;white-space:pre-wrap;word-break:break-word;text-align:left;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}@media (prefers-reduced-motion:reduce){.etape,.remplissage{transition:none}}.menu{position:relative}.pastilles{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem}.pastille{display:inline-flex;align-items:center;gap:.4rem;width:auto;margin:0;padding:.25rem .6rem .25rem .3rem;font-size:.82rem;font-weight:600;border-radius:999px;background:rgba(79,195,232,.16);border:1px solid var(--bord);color:var(--texte)}.mini-avatar{width:20px;height:20px;border-radius:50%;flex-shrink:0}.declencheur{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0;padding:.6rem .8rem;border-radius:10px;border:1px solid var(--bord);background:rgba(0,0,0,.3);color:var(--doux);font-weight:500;font-size:.9rem;text-align:left}.declencheur:hover:not(:disabled){filter:none;border-color:var(--ciel)}.chevron{transition:transform .18s;color:var(--ciel)}.chevron.ouvert{transform:rotate(180deg)}.deroulant{position:absolute;z-index:20;top:calc(100% + .35rem);left:0;right:0;border:1px solid var(--bord);border-radius:12px;background:#142a41;box-shadow:0 12px 32px rgba(0,0,0,.45);overflow:hidden}.filtre{width:100%;border:none;border-bottom:1px solid var(--bord);border-radius:0;background:rgba(0,0,0,.25);padding:.6rem .75rem;color:var(--texte);font-size:.88rem;font-family:inherit}.filtre:focus{outline:none;border-bottom-color:var(--ciel)}.liste{list-style:none;max-height:15rem;overflow-y:auto}.liste li+li{border-top:1px solid rgba(126,199,235,.12)}.liste button{display:flex;align-items:center;gap:.6rem;width:100%;margin:0;border-radius:0;background:transparent;color:var(--texte);font-weight:500;text-align:left;padding:.5rem .7rem;font-size:.9rem}.liste button:hover{background:rgba(79,195,232,.14);filter:none}.avatar-ligne{width:30px;height:30px;border-radius:50%;flex-shrink:0;background:var(--profond)}.ligne-textes{display:flex;flex-direction:column;min-width:0}.ligne-nom{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ligne-pseudo{font-size:.76rem;color:var(--doux);font-weight:400}.vide{padding:.6rem .75rem;margin:0}