.site{z-index:1;flex-direction:column;min-height:100dvh;display:flex;position:relative}.shell{width:100%;max-width:84rem;margin-inline:auto;padding-inline:clamp(1rem,4vw,2.5rem)}:root{--header-h:4.25rem}.header{z-index:50;transition:background-color .3s var(--ease-out-expo), border-color .3s var(--ease-out-expo);border-bottom:1px solid #0000;position:sticky;top:0}.header[data-scrolled=true]{background:color-mix(in oklab, var(--color-ink) 78%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);border-bottom-color:var(--color-hairline)}.header__inner{height:var(--header-h);align-items:center;gap:clamp(1rem,3vw,2.5rem);display:flex}.brand{font-family:var(--font-display);letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:.6rem;font-size:1.15rem;font-weight:600;text-decoration:none;display:inline-flex}.brand__mark{width:1.9rem;height:1.9rem;color:var(--color-gold);filter:drop-shadow(0 0 10px color-mix(in oklab, var(--color-gold) 45%, transparent));transition:transform .5s var(--ease-spring)}.brand:hover .brand__mark{transform:rotate(-14deg)scale(1.08)}.nav{align-items:center;gap:.25rem;margin-inline-end:auto;display:flex}.nav__link{--nav-pad:.8rem;padding:.45rem var(--nav-pad);color:var(--color-muted);transition:color .2s var(--ease-out-expo), background-color .2s var(--ease-out-expo);border-radius:.6rem;font-size:.9rem;font-weight:500;text-decoration:none;position:relative}.nav__link:hover{color:var(--color-ivory);background:color-mix(in oklab, var(--color-surface) 60%, transparent)}.nav__link[aria-current=page]{color:var(--color-ivory)}@media (max-width:76rem){.nav__link{--nav-pad:.5rem;font-size:.86rem}}.nav__link[aria-current=page]:after{content:"";left:var(--nav-pad);right:var(--nav-pad);background:linear-gradient(90deg, transparent, var(--color-gold), transparent);border-radius:2px;height:1.5px;position:absolute;bottom:.1rem}.header__actions{align-items:center;gap:.6rem;display:flex}.nav--mobile{display:none}@media (max-width:60rem){.nav{display:none}.nav--mobile{display:flex}}.lang{position:relative}.lang__button{border:1px solid var(--color-hairline);background:color-mix(in oklab, var(--color-surface) 55%, transparent);color:var(--color-parchment);cursor:pointer;transition:border-color .2s var(--ease-out-expo), color .2s var(--ease-out-expo);border-radius:.7rem;align-items:center;gap:.45rem;padding:.42rem .7rem;font-size:.85rem;font-weight:500;display:inline-flex}.lang__button:hover{border-color:color-mix(in oklab, var(--color-gold) 45%, transparent);color:var(--color-ivory)}.lang__menu{top:calc(100% + .5rem);z-index:60;min-width:12rem;animation:lang-in .22s var(--ease-out-expo);border-radius:.85rem;margin:0;padding:.4rem;list-style:none;position:absolute;inset-inline-end:0}@keyframes lang-in{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:none}}.lang__item{width:100%;color:var(--color-parchment);font:inherit;text-align:start;cursor:pointer;transition:background-color .16s var(--ease-out-expo);background:0 0;border:0;border-radius:.6rem;align-items:center;gap:.6rem;padding:.5rem .65rem;font-size:.88rem;text-decoration:none;display:flex}.lang__item:hover{background:color-mix(in oklab, var(--color-surface-2) 80%, transparent);color:var(--color-ivory)}.lang__item[aria-current=true]{color:var(--color-gold-bright)}.lang__native{color:var(--color-faint);margin-inline-start:auto;font-size:.76rem}.footer{border-top:1px solid var(--color-hairline);background:linear-gradient(180deg, transparent, color-mix(in oklab, var(--color-ink-2) 70%, transparent));margin-top:auto;padding-block:3.5rem 2.5rem}.footer__grid{grid-template-columns:minmax(0,1.4fr) repeat(auto-fit,minmax(9rem,1fr));gap:2.5rem;display:grid}@media (max-width:68rem){.footer__grid{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr))}.footer__grid>:first-child{grid-column:1/-1}}.footer__title{font-family:var(--font-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--color-faint);margin-bottom:.9rem;font-size:.72rem;font-weight:600}.footer__list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.footer__list a{color:var(--color-muted);font-size:.9rem;text-decoration:none}.footer__list a:hover{color:var(--color-ivory)}.footer__legal{border-top:1px solid color-mix(in oklab, var(--color-hairline) 60%, transparent);color:var(--color-faint);margin-top:3rem;padding-top:1.5rem;font-size:.8rem;line-height:1.65}.footer__legal a{color:var(--color-muted)}.account{align-items:center;gap:.3rem;display:inline-flex}.account__stats{border:1px solid var(--color-hairline);background:color-mix(in oklab, var(--color-surface) 55%, transparent);transition:border-color .2s var(--ease-out-expo);border-radius:.7rem;align-items:center;gap:.85rem;padding:.4rem .8rem;text-decoration:none;display:inline-flex}.account__stats:hover{border-color:color-mix(in oklab, var(--color-gold) 45%, transparent)}.account__stat{font-family:var(--font-mono);color:var(--color-parchment);font-variant-numeric:tabular-nums;align-items:center;gap:.35rem;font-size:.82rem;font-weight:700;display:inline-flex}.account__icon{transition:box-shadow .26s var(--ease-out-expo), transform .26s var(--ease-spring)}.compteur{font-variant-numeric:tabular-nums;transition:color .26s var(--ease-out-expo);position:relative}.compteur[data-sens=plus]{color:#8fe0b4}.compteur[data-sens=moins]{color:#ffb69a}.account__stat:has(.compteur[data-sens]) .account__icon{transform:scale(1.45)}.account__stat[data-quoi=dust]:has(.compteur[data-sens]) .account__icon{box-shadow:0 0 14px color-mix(in oklab, var(--color-cosmos) 95%, transparent)}.account__stat[data-quoi=pack]:has(.compteur[data-sens]) .account__icon{box-shadow:0 0 14px color-mix(in oklab, var(--color-gold) 90%, transparent)}.compteur__ecart{font-family:var(--font-mono);white-space:nowrap;pointer-events:none;animation:compteur-ecart 1.1s var(--ease-out-expo) forwards;padding-bottom:.15rem;font-size:.72rem;font-weight:700;position:absolute;bottom:100%;left:50%;translate:-50%}@keyframes compteur-ecart{0%{opacity:0;transform:translateY(.5rem)}22%{opacity:1;transform:translateY(0)}70%{opacity:1;transform:translateY(-.15rem)}to{opacity:0;transform:translateY(-.9rem)}}@media (prefers-reduced-motion:reduce){.compteur__ecart{opacity:.9;animation:none}.account__stat:has(.compteur[data-sens]) .account__icon{transform:none}}.account__icon--pack{background:linear-gradient(180deg, var(--color-gold-bright), var(--color-gold-deep));width:.6rem;height:.6rem;box-shadow:0 0 8px color-mix(in oklab, var(--color-gold) 60%, transparent);border-radius:2px}.account__out{width:2.1rem;height:2.1rem;color:var(--color-faint);cursor:pointer;transition:color .18s var(--ease-out-expo), border-color .18s var(--ease-out-expo);background:0 0;border:1px solid #0000;border-radius:.6rem;place-items:center;display:grid}.account__out:hover{color:var(--color-ivory);border-color:var(--color-hairline)}.courriel-bandeau{border-bottom:1px solid color-mix(in oklab, var(--color-gold) 30%, transparent);background:color-mix(in oklab, var(--color-gold) 9%, transparent);color:var(--color-parchment);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;padding:.5rem 1rem;font-size:.82rem;display:flex}.courriel-bandeau button{border:1px solid color-mix(in oklab, var(--color-gold) 45%, transparent);color:var(--color-gold-bright);font:inherit;cursor:pointer;background:0 0;border-radius:.5rem;padding:.25rem .7rem;font-size:.78rem}.courriel-bandeau button:hover{background:color-mix(in oklab, var(--color-gold) 18%, transparent)}.courriel-voile{z-index:200;background:color-mix(in oklab, var(--color-ink) 78%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.courriel-fenetre{width:min(32rem,100%);padding:1.6rem 1.5rem 1.35rem}.courriel-fenetre h2{font-family:var(--font-display);margin:0 0 .6rem;font-size:1.35rem}.courriel-fenetre p{color:var(--color-muted);margin:0 0 .9rem;font-size:.88rem;line-height:1.6}.courriel-mot{color:var(--color-parchment)}.courriel-mot[data-bon="1"]{color:#8fe0b4}.courriel-actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.courriel-plustard{color:var(--color-faint);font:inherit;cursor:pointer;background:0 0;border:0;margin-inline-start:auto;font-size:.82rem}.courriel-plustard:hover{color:var(--color-ivory)}.tabbar{display:none}@media (max-width:60rem){.tabbar{z-index:60;padding:.45rem .25rem calc(.45rem + env(safe-area-inset-bottom,0px));background:color-mix(in oklab, var(--color-ink) 88%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.3);backdrop-filter:blur(18px)saturate(1.3);border-top:1px solid var(--color-hairline);grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:fixed;inset:auto 0 0}.site{padding-bottom:calc(4.4rem + env(safe-area-inset-bottom,0px))}}.tabbar__link{color:var(--color-faint);transition:color .18s var(--ease-out-expo);border-radius:.6rem;justify-items:center;gap:.22rem;padding:.4rem .15rem;text-decoration:none;display:grid}.tabbar__link[aria-current=page]{color:var(--color-gold-bright)}.tabbar__icon{width:1.35rem;height:1.35rem}.tabbar__label{white-space:nowrap;font-size:clamp(.5rem,2.4vw,.62rem);font-weight:600}.tabbar__link[aria-current=page] .tabbar__icon{filter:drop-shadow(0 0 8px color-mix(in oklab, var(--color-gold) 65%, transparent))}.cloche{position:relative}.cloche__bouton{border:1px solid var(--color-hairline);background:color-mix(in oklab, var(--color-surface) 70%, transparent);width:2.1rem;height:2.1rem;color:var(--color-muted);cursor:pointer;border-radius:999px;place-items:center;transition:color .18s,border-color .18s;display:grid;position:relative}.cloche__bouton:hover,.cloche__bouton[aria-expanded=true]{color:var(--color-ivory);border-color:color-mix(in oklab, var(--color-gold) 45%, transparent)}.cloche__pastille{top:-.25rem;min-width:1.05rem;height:1.05rem;font-family:var(--font-mono);color:var(--color-ink);background:linear-gradient(180deg, var(--color-gold-bright), var(--color-gold));box-shadow:0 0 0 2px var(--color-bg);border-radius:999px;place-items:center;padding-inline:.2rem;font-size:.62rem;font-weight:700;display:grid;position:absolute;inset-inline-end:-.25rem}.cloche__panneau{z-index:60;top:calc(100% + .5rem);border:1px solid var(--color-hairline);background:var(--color-surface);width:min(23rem,100vw - 2rem);max-height:min(26rem,70vh);animation:cloche-ouvre .18s var(--ease-out-expo);border-radius:.9rem;padding:.7rem;position:absolute;inset-inline-end:0;overflow-y:auto;box-shadow:0 1.4rem 3rem -1rem #000000bf}@keyframes cloche-ouvre{0%{opacity:0;transform:translateY(-.4rem)}}.cloche__titre{letter-spacing:.16em;text-transform:uppercase;color:var(--color-faint);padding:0 .3rem .5rem;font-size:.68rem}.cloche__vide{text-align:center;color:var(--color-faint);padding:1.2rem .3rem;font-size:.85rem}.cloche__liste{gap:.15rem;margin:0;padding:0;list-style:none;display:grid}.cloche__ligne{text-align:start;cursor:pointer;background:0 0;border:0;border-radius:.55rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;gap:.5rem;width:100%;padding:.5rem .45rem;transition:background .15s;display:grid}.cloche__ligne:hover{background:color-mix(in oklab, var(--color-surface-2) 80%, transparent)}.cloche__point{background:var(--color-faint);border-radius:999px;width:.45rem;height:.45rem;transform:translateY(-.1rem)}.cloche__ligne[data-famille=marche] .cloche__point{background:var(--color-gold)}.cloche__ligne[data-famille=ami] .cloche__point{background:#5ec98a}.cloche__ligne[data-famille=message] .cloche__point{background:#56b6ff}.cloche__ligne[data-famille=echange] .cloche__point{background:#9a7bff}.cloche__ligne[data-famille=combat] .cloche__point{background:#ff8a6b}.cloche__texte{color:var(--color-muted);font-size:.82rem;line-height:1.35}.cloche__ligne[data-neuve] .cloche__texte{color:var(--color-ivory);font-weight:500}.cloche__ligne:not([data-neuve]) .cloche__point{opacity:.4}.cloche__quand{color:var(--color-faint);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.66rem}@media (max-width:34rem){.header__inner{gap:.5rem;padding-inline:.75rem}.brand{gap:.45rem;font-size:1rem}.brand__mark{width:1.6rem;height:1.6rem}.header__actions{gap:.5rem}.lang__code{display:none}.lang__button{padding-inline:.45rem}.account{gap:.15rem}.account__stats{gap:.4rem;padding-inline:.45rem}.account__stat{gap:.25rem;font-size:.74rem}.account__out,.cloche__bouton{width:1.8rem;height:1.8rem}}@media (max-width:22rem){.brand__mot{display:none}}@media (max-width:34rem){.cloche__panneau{inset-inline:.6rem;width:auto;position:fixed;top:3.6rem}}