:root{--fond: #141414;--texte: #fafafa;--accent: #f5a623;--sourd: #9a9a9a}*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:var(--fond);color:var(--texte);min-height:100vh}.page{max-width:30rem;margin:0 auto;padding:1.5rem 1.25rem 3rem;display:flex;flex-direction:column;gap:1rem;text-align:center}.marque{letter-spacing:.35em;font-size:1.1rem;color:var(--accent);margin:0}.succursale{text-transform:capitalize;color:var(--sourd);margin:0}.etiquette{text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;color:var(--sourd);margin:0}.numero{font-size:clamp(5rem,30vw,9rem);font-weight:800;margin:0;line-height:1}.position{font-size:1.25rem;margin:.25rem 0 0}.en-cours{color:var(--sourd);margin:.5rem 0 0}.ticket,.comptoir,.prochains,.deverrouillage,.notifications{border:1px solid #2a2a2a;border-radius:1rem;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:.5rem}.etapes{text-align:left;margin:.25rem 0;padding-left:1.5rem;display:flex;flex-direction:column;gap:.35rem}.avertissement{color:var(--accent);font-weight:600;margin:.25rem 0 0}.bouton{margin-top:1rem;padding:1.1rem;font-size:1.2rem;font-weight:700;border:none;border-radius:.75rem;background:var(--accent);color:#141414;cursor:pointer}.bouton:active{transform:scale(.98)}.bouton:disabled{opacity:.5;cursor:default}.bouton.secondaire{margin-top:.5rem;background:transparent;color:var(--accent);border:2px solid var(--accent)}.explication{color:var(--sourd);margin:0}.saisie{padding:1rem;font-size:1.3rem;text-align:center;letter-spacing:.2em;border:1px solid #2a2a2a;border-radius:.75rem;background:#1e1e1e;color:var(--texte)}.saisie:focus{outline:2px solid var(--accent)}.confirmation{color:var(--accent);font-size:1.2rem;font-weight:700;margin:0}.liste{font-size:1.4rem;font-weight:600;margin:0;word-spacing:.75rem}.erreur{color:#ff6b6b;margin:0}.pied{color:var(--sourd);font-size:.85rem}.alerte{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;padding:2rem 1.25rem;text-align:center;background:#d90429;animation:alerte-clignote .9s steps(1,end) infinite}@keyframes alerte-clignote{0%,to{background:#d90429}50%{background:#ffb703}}.alerte-titre{font-size:clamp(2.5rem,12vw,4.5rem);font-weight:800;margin:0;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.45)}.alerte-texte{font-size:1.3rem;font-weight:600;margin:0;color:#fff;background:#0000008c;padding:.75rem 1rem;border-radius:.75rem}.alerte-bouton{min-width:14rem;background:#fff;color:#d90429}@media (prefers-reduced-motion: reduce){.alerte{animation:none;background:#d90429}}