.navbar{position:fixed;top:var(--nav-marge);left:50%;transform:translateX(-50%);z-index:100;width:min(var(--nav-largeur),calc(100% - 2 * var(--nav-marge)));height:var(--nav-hauteur);display:flex;align-items:center;gap:1rem;padding:0 0.5rem 0 0.75rem;background:var(--voile);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border:1px solid var(--bordure);border-radius:var(--rayon-l);box-shadow:var(--ombre-flottante)}.nav-logo{display:flex;align-items:center;gap:0.5rem;flex-shrink:0;font-family:var(--font-display);font-size:1.15rem;font-weight:700;letter-spacing:0.01em;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-logo-img{height:34px;width:34px;object-fit:contain}.nav-links{flex:1;display:flex;justify-content:center;align-items:center;gap:0.25rem;list-style:none}.nav-links a,.nav-dropdown-toggle{display:flex;align-items:center;gap:0.3rem;padding:0.45rem 0.8rem;border-radius:var(--rayon-s);color:var(--texte-doux);text-decoration:none;font-family:var(--font-body);font-size:0.9rem;font-weight:500;white-space:nowrap;background:none;border:none;cursor:pointer;transition:color var(--transition),background var(--transition)}.nav-links a:hover,.nav-links a:focus-visible,.nav-dropdown-toggle:hover,.nav-dropdown-toggle:focus-visible{color:var(--texte);background:color-mix(in srgb,var(--texte) 8%,transparent)}.nav-links a[aria-current="page"]{color:var(--texte);background:color-mix(in srgb,var(--violet) 18%,transparent)}.nav-dropdown-toggle svg{transition:transform var(--transition)}.nav-dropdown.open .nav-dropdown-toggle svg{transform:rotate(180deg)}.nav-dropdown{position:relative}.nav-dropdown-menu{display:none;position:absolute;top:calc(100% + 0.6rem);left:50%;transform:translateX(-50%);min-width:190px;padding:0.35rem;background:var(--surface);border:1px solid var(--bordure);border-radius:var(--rayon);box-shadow:var(--ombre-carte);z-index:200}.nav-dropdown.open .nav-dropdown-menu{display:block}.nav-dropdown-menu a{width:100%;padding:0.55rem 0.7rem;font-size:0.85rem}.nav-dropdown-menu a:hover,.nav-dropdown-menu a:focus-visible{background:color-mix(in srgb,var(--texte) 10%,transparent)}.nav-links a.nav-boutique-toggle,.nav-mobile a.nav-boutique-toggle{font-weight:600;background:linear-gradient(90deg,var(--or,#f5b83d),var(--rose-clair),var(--or,#f5b83d));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:boutique-scintille 4s linear infinite}.nav-links a.nav-boutique-toggle:hover,.nav-links a.nav-boutique-toggle:focus-visible,.nav-mobile a.nav-boutique-toggle:hover,.nav-mobile a.nav-boutique-toggle:focus-visible{filter:brightness(1.2)}@keyframes boutique-scintille{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.nav-links a.nav-boutique-toggle,.nav-mobile a.nav-boutique-toggle{animation:none}}.nav-compte{display:flex;align-items:center;gap:0.35rem;flex-shrink:0;height:32px;padding:0 0.7rem;color:var(--texte-doux);text-decoration:none;font-size:0.8rem;font-weight:500;border:1px solid var(--bordure);border-radius:var(--rayon-s);transition:color var(--transition),border-color var(--transition),background var(--transition)}.nav-compte:hover,.nav-compte:focus-visible{color:var(--texte);border-color:var(--bordure-forte);background:color-mix(in srgb,var(--texte) 6%,transparent)}.nav-compte + .nav-discord{margin-left:-0.55rem}.nav-langue{flex-shrink:0}.nav-langue + .nav-compte{margin-left:-0.55rem}.nav-dropdown-toggle.nav-langue-bouton{gap:0.35rem;height:32px;padding:0 0.6rem;font-size:0.8rem;font-weight:600;letter-spacing:0.04em;border:1px solid var(--bordure)}.nav-langue-menu{left:auto;right:0;transform:none;min-width:150px}.nav-langue-menu a{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0.55rem 0.7rem;border-radius:var(--rayon-s);color:var(--texte-doux);text-decoration:none;font-size:0.85rem;font-weight:500}.nav-langue-menu a:hover,.nav-langue-menu a:focus-visible{color:var(--texte);background:color-mix(in srgb,var(--texte) 10%,transparent)}.nav-langue-menu a[aria-current]{color:var(--texte)}.nav-langue-coche{color:var(--violet-clair,#b99cff);font-weight:700}.nav-mobile-langue{display:flex;align-items:center;gap:0.6rem;padding:0.8rem 1rem 0.2rem;color:var(--texte-faible);font-size:0.9rem}.nav-mobile-langue a{padding:0;color:var(--texte-doux);text-decoration:none}.nav-mobile-langue a[aria-current]{color:var(--texte);font-weight:600}.nav-mobile-langue .nav-langue-coche{display:none}.nav-opales{display:flex;align-items:center;gap:0.35rem;flex-shrink:0;height:32px;padding:0 0.65rem 0 0.5rem;color:var(--texte);text-decoration:none;font-size:0.82rem;font-weight:600;font-variant-numeric:tabular-nums;border:1px solid var(--bordure);border-radius:var(--rayon-s);transition:border-color var(--transition),background var(--transition)}.nav-opales:hover,.nav-opales:focus-visible{border-color:var(--bordure-forte);background:color-mix(in srgb,var(--texte) 6%,transparent)}.nav-opales-icone{width:18px;height:18px;image-rendering:pixelated}.nav-opales .nav-opales-unite{display:none}.nav-langue + .nav-opales,.nav-opales + .nav-compte{margin-left:-0.55rem}.nav-mobile a.nav-mobile-opales{display:flex;align-items:center;gap:0.45rem}.nav-compte[aria-current="page"]{color:var(--texte);border-color:var(--bordure-accent)}.nav-discord{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;padding:0;color:var(--texte);text-decoration:none;font-size:0;font-weight:600;background:color-mix(in srgb,var(--discord) 22%,transparent);border:1px solid color-mix(in srgb,var(--discord) 40%,transparent);border-radius:var(--rayon-s);transition:background var(--transition),border-color var(--transition)}.nav-discord:hover,.nav-discord:focus-visible{background:color-mix(in srgb,var(--discord) 42%,transparent);border-color:var(--discord)}.nav-burger{position:relative;display:none;align-items:center;justify-content:center;flex-shrink:0;width:38px;height:38px;margin-left:auto;padding:0;color:var(--texte);background:color-mix(in srgb,var(--texte) 8%,transparent);border:1px solid var(--bordure);border-radius:var(--rayon-s);cursor:pointer;transition:background var(--transition)}.nav-burger:hover{background:color-mix(in srgb,var(--texte) 14%,transparent)}.nav-burger span{position:absolute;width:17px;height:2px;background:currentColor;border-radius:2px;transition:transform var(--transition),opacity var(--transition)}.nav-burger span:nth-child(1){transform:translateY(-5px)}.nav-burger span:nth-child(3){transform:translateY(5px)}.nav-burger[aria-expanded="true"] span:nth-child(1){transform:rotate(45deg)}.nav-burger[aria-expanded="true"] span:nth-child(2){opacity:0}.nav-burger[aria-expanded="true"] span:nth-child(3){transform:rotate(-45deg)}.nav-mobile{position:fixed;top:calc(var(--nav-marge) + var(--nav-hauteur) + 0.5rem);left:50%;transform:translateX(-50%) translateY(-8px);z-index:99;width:min(var(--nav-largeur),calc(100% - 2 * var(--nav-marge)));max-height:calc(100dvh - var(--nav-hauteur) - 3rem);overflow-y:auto;padding:0.5rem;background:var(--surface);border:1px solid var(--bordure);border-radius:var(--rayon-l);box-shadow:var(--ombre-flottante);opacity:0;visibility:hidden;transition:opacity var(--transition),transform var(--transition),visibility var(--transition)}.nav-mobile.open{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.nav-mobile a{display:flex;align-items:center;gap:0.7rem;padding:0.7rem 0.8rem;border-radius:var(--rayon-s);color:var(--texte-doux);font-size:0.95rem;font-weight:500;text-decoration:none;transition:color var(--transition),background var(--transition)}.nav-mobile a:hover,.nav-mobile a:focus-visible{color:var(--texte);background:color-mix(in srgb,var(--texte) 8%,transparent)}.nav-mobile a[aria-current="page"]{color:var(--texte);background:color-mix(in srgb,var(--violet) 18%,transparent)}.nav-mobile-titre{display:block;padding:0.8rem 0.8rem 0.3rem;color:var(--texte-faible);font-size:0.7rem;font-weight:600;letter-spacing:0.16em;text-transform:uppercase}.nav-mobile-sep{height:1px;margin:0.4rem 0.8rem;background:var(--bordure);border:none}@media (max-width:960px){.nav-links{display:none}.nav-discord,.nav-compte,.nav-langue,.nav-opales{display:none}.nav-burger{display:flex}}@media (min-width:961px){.nav-mobile{display:none}}