.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}.lang__button,.account__stats{border:1px solid var(--color-hairline);background:linear-gradient(180deg, color-mix(in oklab, var(--color-gold) 6%, transparent), transparent 60%), color-mix(in oklab, var(--color-ink) 82%, black);transition:border-color .2s var(--ease-out-expo), background .2s var(--ease-out-expo);border-radius:999px}.account__stats{border-color:color-mix(in oklab, var(--color-gold) 28%, var(--color-hairline))}.lang__button:hover,.account__stats:hover{border-color:color-mix(in oklab, var(--color-gold) 60%, transparent);background:linear-gradient(180deg, color-mix(in oklab, var(--color-gold) 14%, transparent), transparent 62%), color-mix(in oklab, var(--color-ink) 74%, black)}.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:84rem){.nav__link{--nav-pad:.6rem}.header__inner{gap:clamp(.9rem,2vw,1.6rem)}.nav{gap:.15rem}.nav .nav__geste{letter-spacing:.045em;gap:.36rem;padding-inline:.9rem;font-size:.8rem}.nav .nav__filet{margin-inline:.28rem}.nav .nav__marque{block-size:1.85rem;inline-size:1.85rem}.nav .nav__famille{gap:.02rem}.brand__mot{display:none}}@media (max-width:72rem){.nav__gesteMot,.lang__code{display:none}.nav .nav__geste{padding-inline:.85rem}.lang__button{padding-inline:.55rem}.nav .nav__marque{block-size:1.75rem;inline-size:1.75rem}}.nav__geste{--teinte:var(--color-gold);--ruban:polygon(0 0, 100% 0, calc(100% - .55rem) 50%, 100% 100%, 0 100%, .55rem 50%);font-family:var(--font-display);letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;color:color-mix(in oklab, var(--teinte) 38%, var(--color-ivory));background:color-mix(in oklab, var(--teinte) 72%, transparent);clip-path:var(--ruban);transition:color .22s var(--ease-out-expo), background .22s var(--ease-out-expo), filter .26s var(--ease-out-expo);align-items:center;gap:.5rem;padding:.46rem 1.3rem;font-size:.82rem;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.nav__geste:before{content:"";z-index:-1;background:linear-gradient(180deg, color-mix(in oklab, var(--teinte) 11%, transparent), transparent 70%), color-mix(in oklab, var(--color-ink) 72%, black);clip-path:polygon(0 0,100% 0,calc(100% - .5rem) 50%,100% 100%,0 100%,.5rem 50%);transition:background .22s var(--ease-out-expo);position:absolute;inset:1.4px}.nav__geste[data-teinte=packs]{--teinte:var(--color-gold)}.nav__geste[data-teinte=battle]{--teinte:var(--color-pouvoir)}.nav__gesteIcone{block-size:1rem;inline-size:1rem;color:var(--teinte);transition:filter .26s var(--ease-out-expo)}.nav__geste:hover{color:var(--color-ivory);background:var(--teinte);filter:drop-shadow(0 0 .7rem color-mix(in oklab, var(--teinte) 50%, transparent))}.nav__geste:hover:before{background:linear-gradient(180deg, color-mix(in oklab, var(--teinte) 22%, transparent), transparent 72%), color-mix(in oklab, var(--color-ink) 62%, black)}.nav__geste:hover .nav__gesteIcone{filter:drop-shadow(0 0 .5rem color-mix(in oklab, var(--teinte) 85%, transparent))}.nav__geste[aria-current=page]{color:var(--color-ivory);background:var(--teinte)}.nav__geste[aria-current=page]:before{background:linear-gradient(180deg, color-mix(in oklab, var(--teinte) 30%, transparent), color-mix(in oklab, var(--teinte) 12%, transparent)), color-mix(in oklab, var(--color-ink) 62%, black)}.nav__filet{background:linear-gradient(180deg, transparent, color-mix(in oklab, var(--color-gold) 42%, transparent) 28%, color-mix(in oklab, var(--color-gold) 42%, transparent) 72%, transparent);block-size:1.5rem;inline-size:1px;margin-inline:.7rem;position:relative}.nav__filet:after{content:"";background:var(--color-gold);opacity:.75;block-size:3.5px;inline-size:3.5px;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)rotate(45deg)}.nav__famille{align-items:center;gap:.1rem;display:inline-flex}.nav__marque,.cloche__bouton,.account__out{block-size:2.05rem;inline-size:2.05rem;color:color-mix(in oklab, var(--color-parchment) 45%, var(--color-muted));transition:color .2s var(--ease-out-expo), transform .24s var(--ease-spring);place-items:center;text-decoration:none;display:grid;position:relative}.nav__marqueIcone{block-size:1.15rem;inline-size:1.15rem;transition:filter .24s var(--ease-out-expo)}.nav__marque:before,.cloche__bouton:before,.account__out:before{content:"";background:color-mix(in oklab, var(--color-gold) 14%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-gold) 26%, transparent);opacity:0;transition:opacity .2s var(--ease-out-expo);border-radius:999px;position:absolute;inset:0}.nav__marque:hover,.nav__marque:focus-visible,.cloche__bouton:hover,.cloche__bouton[aria-expanded=true],.account__out:hover{color:var(--color-gold-bright)}.nav__marque:hover:before,.nav__marque:focus-visible:before,.cloche__bouton:hover:before,.cloche__bouton[aria-expanded=true]:before,.account__out:hover:before{opacity:1}.nav__marque:hover .nav__marqueIcone{filter:drop-shadow(0 0 .5rem color-mix(in oklab, var(--color-gold) 70%, transparent))}.nav__marque:active{transform:translateY(1px)}.nav__marque[aria-current=page]{color:var(--color-gold-bright)}.nav__marque[aria-current=page]:before{opacity:1}.nav__marque[aria-current=page]:after{content:"";background:var(--color-gold);block-size:4px;inline-size:4px;box-shadow:0 0 .45rem color-mix(in oklab, var(--color-gold) 80%, transparent);position:absolute;inset-block-end:-.28rem;inset-inline-start:50%;transform:translate(-50%)rotate(45deg)}@media (hover:hover){.nav__marque:after{content:attr(data-nom);z-index:30;background:color-mix(in oklab, var(--color-gold) 22%, var(--color-ink));color:var(--color-gold-bright);font-family:var(--font-sans);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .16s var(--ease-out-expo), transform .16s var(--ease-out-expo);border-radius:.45rem;padding:.22rem .5rem;font-size:.68rem;position:absolute;inset-block-start:calc(100% + .35rem);inset-inline-start:50%;transform:translate(-50%,-.2rem)}.nav__marque:hover:after,.nav__marque:focus-visible:after{opacity:1;transform:translate(-50%)}.nav__marque[aria-current=page]:after{content:"";opacity:1;background:var(--color-gold);block-size:4px;inline-size:4px;box-shadow:0 0 .45rem color-mix(in oklab, var(--color-gold) 80%, transparent);border-radius:0;padding:0;inset-block:auto -.28rem;transform:translate(-50%)rotate(45deg)}}.header__actions{align-items:center;gap:.6rem;display:flex}.nav--mobile{display:none}.header__raccourcis{align-items:center;gap:.1rem;display:none}.btn.account__connexion,.btn.account__inscription{padding:.45rem 1rem;font-size:.85rem}.account-visiteur{align-items:center;gap:.4rem;display:inline-flex}.account-visiteur .btn{white-space:nowrap}:root[data-visiteur] [data-membres]{display:none}@media (max-width:60rem){.nav{display:none}.nav--mobile{display:flex}.header__actions{margin-inline-start:auto}.header__raccourcis{display:flex}.account .account__sortie{display:none}}.lang{position:relative}.lang__button{color:var(--color-parchment);cursor:pointer;transition:color .2s var(--ease-out-expo);align-items:center;gap:.45rem;padding:.42rem .75rem;font-size:.85rem;font-weight:500;display:inline-flex}.drapeau{border-radius:.18rem;flex:none;block-size:.866667rem;inline-size:1.3rem;display:block}.lang__item .drapeau{block-size:.766667rem;inline-size:1.15rem}.lang__button:hover{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:.9rem;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__discord{margin-top:1.1rem}.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)}.footer__docs{flex-wrap:wrap;gap:.4rem 1.3rem;margin-top:1rem;font-size:.8rem;display:flex}.footer__docs a{color:var(--color-muted)}.footer__docs a:hover{color:var(--color-ivory)}.account{align-items:center;gap:.3rem;display:inline-flex}.account__stats{align-items:center;gap:.85rem;padding:.4rem .85rem;text-decoration:none;display:inline-flex}.account__stat{white-space:nowrap;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{cursor:pointer;background:0 0;place-items:center;width:2.1rem;height:2.1rem;display:grid}.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{cursor:pointer;background:0 0;border:0;place-items:center;width:2.1rem;height:2.1rem;display:grid;position:relative}.nav__pastille{z-index:1;top:-.3rem;min-width:.95rem;height:.95rem;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-ink);pointer-events:none;border-radius:999px;place-items:center;padding-inline:.18rem;font-size:.56rem;font-weight:700;line-height:1;display:grid;position:absolute;inset-inline-end:-.35rem}.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-ink);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:1rem;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__ligne[data-famille=discord] .cloche__point{background:#5865f2}.cloche__ligne[data-famille=passe] .cloche__point{background:#ff8a3d}.cloche__ligne[data-famille=clan] .cloche__point{background:#e0b25a}.cloche__ligne[data-famille=enfers] .cloche__point{background:#ff4d1a;box-shadow:0 0 .4rem #ff4d1abf}.cloche__ligne[data-famille=voyage] .cloche__point{background:#2a9d8f;box-shadow:0 0 0 1px #d8b46a,0 0 .4rem #2a9d8fb3}.cloche__ligne[data-famille=tour] .cloche__point{background:#2f5fd0;box-shadow:0 0 0 1px #e2b955,0 0 .4rem #2f5fd0b3}.cloche__ligne[data-famille=faction] .cloche__point{background:#f0c75e;box-shadow:0 0 .35rem #f0c75e99}.cloche__ligne[data-famille=moderation] .cloche__point{background:var(--color-muted)}.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}.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{width:1.8rem;height:1.8rem}.cloche__bouton{width:1.65rem;height:1.65rem}.header__raccourcis{gap:0}.header__raccourcis .nav__marque{block-size:1.8rem;inline-size:1.55rem}.header__actions{gap:.35rem}.account .compteur__long{display:none}.account .compteur__court{display:inline}:root[data-visiteur] .header__raccourcis .nav__marque:not([data-ouvert]){display:none}.header__actions:has(.account__connexion) .header__raccourcis .nav__marque:not([data-ouvert]){display:none}:root[data-visiteur] .header__actions .cloche{display:none}.header__actions:has(.account__connexion) .cloche{display:none}.account-visiteur .btn{flex-shrink:0}}.compteur__court{display:none}@media (max-width:22rem){.brand__mot{display:none}.header__actions{gap:.25rem}.header__raccourcis .nav__marque{block-size:1.6rem;inline-size:1.4rem}.cloche__bouton{block-size:1.6rem;inline-size:1.5rem}.account__stat[data-quoi=pack]{display:none}.lang__button{padding-inline:.35rem}.btn.account__connexion,.btn.account__inscription{padding-inline:.7rem;font-size:.8rem}}@media (max-width:34rem){.cloche__panneau{inset-inline:.6rem;width:auto;position:fixed;top:3.6rem}}