@layer components{.at-jetons{--at-fond:#f6f5f2;--at-fond-doux:#efeee9;--at-surface:#fff;--at-ligne:#18181b17;--at-ligne-forte:#18181b29;--at-texte:#18181b;--at-texte-doux:#4f5866;--at-texte-faible:#5f6a79;--at-or:#fbbf24;--at-or-doux:#fbbf2424;--at-or-ligne:#d977064d;--at-or-encre:#9a4404;--at-or-profond:#f97316;--at-corail:#fb7185;--at-succes:#047857;--at-alerte:#9a3412;--at-nuit:#0a0906;--at-ombre:0 1px 2px #1018280a, 0 16px 40px -24px #1018282e}.at-jetons :where(a,button,select,input,summary):focus-visible{outline:2px solid var(--at-or-encre);outline-offset:2px}.at-etiquette{letter-spacing:.2em;text-transform:uppercase;color:var(--at-or-encre);font-size:11px;font-weight:600}.at-barre{z-index:20;border-bottom:1px solid var(--at-ligne);background:var(--at-fond);flex-shrink:0;align-items:center;gap:.75rem;min-height:2.75rem;padding:.375rem .75rem;display:flex;position:relative}.at-onglets{scrollbar-width:none;flex:auto;align-items:center;gap:.25rem;min-width:0;display:flex;overflow-x:auto}.at-onglets::-webkit-scrollbar{display:none}.at-onglet{height:2rem;color:var(--at-texte-doux);white-space:nowrap;border:1px solid #0000;border-radius:9999px;flex-shrink:0;align-items:center;gap:.4rem;padding:0 .7rem;font-size:12.5px;font-weight:600;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.at-onglet:hover{background:var(--at-surface);border-color:var(--at-ligne);color:var(--at-texte)}.at-onglet[aria-current=page]{background:linear-gradient(90deg, var(--at-or), var(--at-or-profond));color:#241a05;box-shadow:0 6px 18px -10px #d9770699}@media (max-width:639px){.at-onglet-libelle{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.at-onglet{justify-content:center;min-width:2.75rem;height:2.75rem;padding:0 .55rem}}.at-separateur{background:var(--at-ligne-forte);flex-shrink:0;width:1px;height:1.25rem;margin:0 .25rem}@media (max-width:639px){.at-barre{flex-wrap:wrap;row-gap:.375rem}.at-onglets{flex-basis:100%}.at-barre-droite{margin-left:auto}.at-outillage .at-groupe+.at-groupe{border-left:0;padding-left:0}}.at-barre-droite{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.at-outils{align-items:center;gap:.5rem;display:flex}.at-statut{border:1px solid var(--at-ligne);background:var(--at-surface);max-width:16rem;color:var(--at-texte-doux);border-radius:9999px;align-items:center;gap:.4rem;padding:.25rem .65rem;font-size:12px;font-weight:500;display:none}@media (min-width:768px){.at-statut{display:inline-flex}}.at-statut:before{content:"";background:var(--at-or);border-radius:9999px;flex-shrink:0;width:.4rem;height:.4rem}.at-statut[data-ton=ok]:before{background:var(--at-succes)}.at-statut[data-ton=alerte]{color:var(--at-alerte);border-color:#9a34124d}.at-statut[data-ton=alerte]:before{background:var(--at-alerte)}.at-bouton-icone{border:1px solid var(--at-ligne);background:var(--at-surface);width:2rem;height:2rem;color:var(--at-texte-doux);border-radius:9999px;justify-content:center;align-items:center;transition:color .15s,border-color .15s;display:inline-flex}.at-bouton-icone:hover,.at-bouton-icone[aria-expanded=true]{border-color:var(--at-or-ligne);color:var(--at-or-encre)}.at-panneau{z-index:60;border:1px solid var(--at-ligne);background:var(--at-surface);width:min(20rem,100vw - 2rem);box-shadow:var(--at-ombre), 0 20px 50px -20px #10182840;border-radius:14px;padding:1rem;position:absolute;top:calc(100% + .5rem);right:0}.at-touche{border:1px solid var(--at-ligne-forte);background:var(--at-fond);min-width:1.6rem;height:1.6rem;font-family:var(--font-mono), ui-monospace, monospace;color:var(--at-texte);border-bottom-width:2px;border-radius:6px;justify-content:center;align-items:center;padding:0 .4rem;font-size:11px;font-weight:600;display:inline-flex}.at-champ{border:1px solid var(--at-ligne-forte);background:var(--at-surface);height:2rem;color:var(--at-texte);border-radius:9999px;padding:0 .75rem;font-size:12.5px}.at-bouton{border:1px solid var(--at-ligne-forte);background:var(--at-surface);height:2rem;color:var(--at-texte);border-radius:9999px;justify-content:center;align-items:center;gap:.4rem;padding:0 .85rem;font-size:12.5px;font-weight:600;transition:border-color .15s,background-color .15s,filter .15s;display:inline-flex}.at-bouton:hover{border-color:var(--at-or-ligne)}.at-bouton[aria-pressed=true]{border-color:var(--at-or-ligne);background:var(--at-or-doux);color:var(--at-or-encre)}.at-bouton-or{background:linear-gradient(90deg, var(--at-or), var(--at-or-profond));color:#241a05;border-color:#0000}.at-bouton-or:hover{filter:brightness(1.05);border-color:#0000}.at-bouton:disabled{cursor:not-allowed;opacity:.5}.at-outillage{border-bottom:1px solid var(--at-ligne);background:var(--at-surface);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.375rem;padding:.5rem .75rem;display:flex}.at-groupe{align-items:center;gap:.375rem;display:inline-flex}.at-groupe+.at-groupe{border-left:1px solid var(--at-ligne);padding-left:.5rem}.at-compteur{font-family:var(--font-mono), ui-monospace, monospace;color:var(--at-texte-faible);margin-left:auto;font-size:11px}.at-guide{box-shadow:0 0 0 2px var(--at-or-encre), 0 0 0 5px var(--at-or-doux);animation:1.6s ease-in-out infinite atPulse}@keyframes atPulse{50%{box-shadow:0 0 0 2px var(--at-or-encre), 0 0 0 8px #fbbf2414}}@media (prefers-reduced-motion:reduce){.at-guide{animation:none}}.at-volet{border-left:1px solid var(--at-ligne);background:var(--at-fond);flex-direction:column;flex-shrink:0;gap:1rem;width:18rem;padding:1.25rem;display:flex;overflow-y:auto}@media (max-width:1023px){.at-volet{display:none}}.at-volet-titre{letter-spacing:-.01em;color:var(--at-texte);font-size:1.05rem;font-weight:650;line-height:1.3}.at-etapes{counter-reset:at-etape;gap:.65rem;display:grid}.at-etapes>li{counter-increment:at-etape;color:var(--at-texte-doux);grid-template-columns:1.5rem 1fr;gap:.5rem;font-size:13px;line-height:1.5;display:grid}.at-etapes>li:before{content:counter(at-etape, decimal-leading-zero);font-family:var(--font-mono), ui-monospace, monospace;color:var(--at-or-encre);font-size:11px;font-weight:600;line-height:1.75}.at-etapes strong{color:var(--at-texte);font-weight:600}.at-vide{text-align:center;background-color:var(--at-fond);background-image:radial-gradient(#18181b1a 1px,#0000 1px);background-size:22px 22px;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;height:100%;padding:1.5rem;display:flex}.at-vide-carte{border:1px solid var(--at-ligne);background:var(--at-surface);max-width:24rem;box-shadow:var(--at-ombre);border-radius:16px;padding:1.5rem}.at-vide-icone{background:var(--at-or-doux);width:2.75rem;height:2.75rem;color:var(--at-or-encre);border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.at-page{background:var(--at-fond);color:var(--at-texte)}.at-banniere{isolation:isolate;background:var(--at-nuit);color:#f7f5f1;position:relative;overflow:hidden}.at-banniere-fond{z-index:-3;pointer-events:none;position:absolute;inset:0}.at-banniere-repli{background:radial-gradient(40% 60% at 20% 30%,#fbbf2473,#0000 70%),radial-gradient(35% 55% at 80% 40%,#f9731666,#0000 70%),radial-gradient(30% 50% at 50% 90%,#fb71854d,#0000 70%);position:absolute;inset:0}.at-banniere-voile{z-index:-1;pointer-events:none;background:radial-gradient(80% 70% at 30%,#0a09068c,#0000 75%),linear-gradient(#0a090640,#0a0906b3);position:absolute;inset:0}.at-banniere .at-etiquette{color:var(--at-or)}.at-banniere-titre{filter:drop-shadow(0 2px 10px #0a0906d9)}.at-accent{background:linear-gradient(100deg, var(--at-or), var(--at-or-profond) 55%, var(--at-corail));color:#0000;-webkit-background-clip:text;background-clip:text}.at-banniere :where(a,button):focus-visible{outline-color:#fff}.at-grille{border:1px solid var(--at-ligne);background:var(--at-ligne);border-radius:18px;gap:1px;display:grid;overflow:hidden}@media (min-width:640px){.at-grille{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.at-grille{grid-template-columns:repeat(3,minmax(0,1fr))}}.at-carte{background:var(--at-surface);flex-direction:column;gap:.75rem;padding:1.5rem;transition:background-color .15s;display:flex}.at-carte:hover{background:#fffdf8}.at-carte:focus-visible{outline-offset:-3px}.at-carte-fleche{transition:transform .2s}.at-carte:hover .at-carte-fleche{transform:translate(3px)}.at-brouillon{border:1px solid var(--at-ligne);background:var(--at-surface);box-shadow:var(--at-ombre);border-radius:14px;padding:1rem 1.1rem}.at-filtre{border:1px solid var(--at-ligne-forte);background:var(--at-surface);height:2rem;color:var(--at-texte-doux);border-radius:9999px;align-items:center;gap:.35rem;padding:0 .8rem;font-size:12.5px;font-weight:600;display:inline-flex}.at-filtre[aria-pressed=true]{background:var(--at-texte);color:#fff;border-color:#0000}.at-filtre-nombre{font-family:var(--font-mono), ui-monospace, monospace;opacity:.75;font-size:11px}}
