
/* v91 : couronne et ⓘ restent visibles (assombries) pendant l'ouverture d'un booster */
#info57.cache57,#abo58.cache57{opacity:.28!important;pointer-events:none!important}
#info57,#abo58{transition:opacity .25s ease!important}
/* v91 : texte du bouton Annuler centré à l'encre (cap-height) */
/* v91 : la fenêtre d'aperçu reste « allumée » en coulisse : la carte s'agrandit tout de suite */
html #fApercu{display:block!important;visibility:hidden!important;pointer-events:none!important}
html #fApercu.on{visibility:visible!important;pointer-events:auto!important}

/* v92 : les rayons du panneau ⓘ tournent vraiment (l'ancien réglage tournait de 360° vers 360° : rien ne bougeait) */
@keyframes heroRay92{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
html body #catalogue .heroRays,html body #catalogue.info57 .heroRays{animation:heroRay92 34s linear infinite!important;animation-play-state:running!important;transform-origin:50% 50%}
/* v95 : couronne et ⓘ « éteints » : simple couleur plus sombre (pas de filtre, pas de transparence : aucun calque en plus) */
#info57.cache57,#abo58.cache57,#info57.inv94,#abo58.inv94{opacity:1!important;color:#0d335a!important;pointer-events:none!important}
#info57,#abo58{transition:color .2s ease!important}
/* v94 : ⓘ flotte comme la couronne et le booster ; il se fige quand un écran est ouvert */
#info57 svg{animation:invFlot59 3.4s ease-in-out -1.1s infinite}
#info57.cache57 svg,#abo58.cache57 svg,#info57.inv94 svg,#abo58.inv94 svg{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){#info57 svg{animation:none}}
/* v95 : panneau ⓘ : les rayons s'arrêtent quand le menu ☰ est ouvert (classe posée par un petit script, sans :has) */
html.menu95 #catalogue.info57 .heroRays{animation-play-state:paused!important}
html.inf95 #scrim{transition:none!important}
/* v95 : fenêtre Enchérir / Acheter un peu plus haute et plus courte : le bouton du bas ne touche plus la bosse du menu */
html:not(.pc57) #feuille:has(div.achat){top:calc(50px + (100% - 104px) / 2 - 18px)!important;max-height:calc(100% - 114px)!important}
/* v95 : carte agrandie : la fenêtre Enchérir / Acheter reste affichée derrière (assombrie) */
html body.sousApercu #feuille.panneauApercu.panneauApercu.panneauApercu{visibility:visible!important}
/* v92 : solde centré en hauteur */
#pSolde{align-self:center!important;margin:0!important;line-height:1!important;padding:0!important;transform:translateY(-1.34px)}
/* v92 : bouton « Réclamer toutes les récompenses » sur une seule ligne */
#claimAll92{display:flex;align-items:center;justify-content:center;width:100%;margin:2px 0 14px;white-space:nowrap;font-size:15px}
#claimAll92,#claimAll92 .g2t{white-space:nowrap;font-family:"Boldonse","Barlow",sans-serif!important;font-weight:400!important;font-size:12.5px!important;letter-spacing:0!important}
#claimAll92[disabled]{opacity:.45}
/* v95 Échange : les Dragos sous les cartes et les ronds + / − ont une position fixe dès la création (le recentrage automatique ne les fait plus bouger) */
#fCorps .gc .v svg{top:0!important;transform:translateY(var(--dy95,3.3px))!important}
#fCorps .gc .qsel{animation:none!important;transition:none!important}
#fCorps .gc .qsel button{transition:none!important;animation:none!important;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
#fCorps .gc .qsel button .g2t{top:0!important;left:0!important;display:block;transform:translateY(var(--qy95,-1.625px))!important;transition:none!important}
#fCorps .gc .qsel button:active{background:var(--k,#1B66B5)!important}
#fCorps .gc .qsel button::before{content:""!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;border-radius:50%!important;border:0!important;box-shadow:none!important;background:var(--k,#1B66B5)!important;opacity:1!important;filter:none!important;clip-path:none!important;animation:none!important;transform:none;transition:transform .12s ease-out!important;z-index:-1!important}
#fCorps .gc .qsel button::after{display:none!important}
#fCorps .gc .qsel button{position:relative;isolation:isolate;background:transparent!important}
#fCorps .gc .qsel button:not([disabled]):active::before{transform:scale(.86)!important}
#fCorps .gc .qsel button[disabled]::before{opacity:.35!important}
#fCorps .gc .qsel button,#fCorps .gc .qsel button:active,#fCorps .gc .qsel button:hover{transform:none!important}

/* v96 Échange : le nombre du sélecteur est un texte simple (aucun moteur de recentrage ne le touche) */
#fCorps .gc .qsel em.n96{font-style:normal;display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:30px;font:800 15px/1 "Barlow","Public Sans",sans-serif;color:#fff;transform:translateY(var(--ny96,0px))}

/* v96 : ⓘ : les rayons s'arrêtent dès la fermeture */
html body #catalogue.info57:not(.vu57i) .heroRays{animation-play-state:paused!important}
/* v96 : plus aucun arc-en-ciel animé sur les pastilles de rareté (L / UR) : elles restent fixes */
html body #chips#chips button,
html body #chips#chips button::before,
html body #chips#chips button::after,
html body #chips#chips button[data-r][aria-pressed],
html body #chips#chips button[data-r][aria-pressed]::before,
html body #chips#chips button[data-r][aria-pressed]::after,
html body #chips#chips button[data-f][aria-pressed],
html body #chips#chips button[data-f][aria-pressed]::before,
html body #chips#chips button[data-f][aria-pressed]::after,
html body #chips#chips button[aria-pressed],
html body #chips#chips button[aria-pressed]::before,
html body #chips#chips button[aria-pressed]::after,
html body .chips button,
html body .chips button::before,
html body .chips button::after,
html body .chips button[data-r][aria-pressed],
html body .chips button[data-r][aria-pressed]::before,
html body .chips button[data-r][aria-pressed]::after,
html body .chips button[data-f][aria-pressed],
html body .chips button[data-f][aria-pressed]::before,
html body .chips button[data-f][aria-pressed]::after,
html body .chips button[aria-pressed],
html body .chips button[aria-pressed]::before,
html body .chips button[aria-pressed]::after,
html body #fCorps#fCorps .fchips button,
html body #fCorps#fCorps .fchips button::before,
html body #fCorps#fCorps .fchips button::after,
html body #fCorps#fCorps .fchips button[data-r][aria-pressed],
html body #fCorps#fCorps .fchips button[data-r][aria-pressed]::before,
html body #fCorps#fCorps .fchips button[data-r][aria-pressed]::after,
html body #fCorps#fCorps .fchips button[data-f][aria-pressed],
html body #fCorps#fCorps .fchips button[data-f][aria-pressed]::before,
html body #fCorps#fCorps .fchips button[data-f][aria-pressed]::after,
html body #fCorps#fCorps .fchips button[aria-pressed],
html body #fCorps#fCorps .fchips button[aria-pressed]::before,
html body #fCorps#fCorps .fchips button[aria-pressed]::after,
html body #gate #chips64#chips64 button,
html body #gate #chips64#chips64 button::before,
html body #gate #chips64#chips64 button::after,
html body #gate #chips64#chips64 button[data-r][aria-pressed],
html body #gate #chips64#chips64 button[data-r][aria-pressed]::before,
html body #gate #chips64#chips64 button[data-r][aria-pressed]::after,
html body #gate #chips64#chips64 button[data-f][aria-pressed],
html body #gate #chips64#chips64 button[data-f][aria-pressed]::before,
html body #gate #chips64#chips64 button[data-f][aria-pressed]::after,
html body #gate #chips64#chips64 button[aria-pressed],
html body #gate #chips64#chips64 button[aria-pressed]::before,
html body #gate #chips64#chips64 button[aria-pressed]::after,
html body #gate #chips64 button,
html body #gate #chips64 button::before,
html body #gate #chips64 button::after,
html body #gate #chips64 button[data-r][aria-pressed],
html body #gate #chips64 button[data-r][aria-pressed]::before,
html body #gate #chips64 button[data-r][aria-pressed]::after,
html body #gate #chips64 button[data-f][aria-pressed],
html body #gate #chips64 button[data-f][aria-pressed]::before,
html body #gate #chips64 button[data-f][aria-pressed]::after,
html body #gate #chips64 button[aria-pressed],
html body #gate #chips64 button[aria-pressed]::before,
html body #gate #chips64 button[aria-pressed]::after{animation:none!important}

#fCorps .gc .v .nv97{display:inline-block;font-style:normal;translate:0 var(--dt97,3.3px)}
/* écran d'accueil : les rayons tournent (l'ancienne animation n'existait plus) */
@keyframes rayG97{to{transform:rotate(360deg)}}
#gate .bg64::before{animation:rayG97 42s linear infinite!important}
/* écran d'accueil : le carrousel de cartes n'apparaît qu'une fois bien placé (plus de saut en bas à droite) */
#gate .fan64 .ring64{transition:opacity .35s ease}
#gate .fan64:not(.pret97) .ring64{opacity:0}
/* version ordinateur : cartes plus petites, le bloc entier est centré et laisse la place à « Se connecter à Discord » */
html.pc57 #gate{justify-content:center!important}
html.pc57 #gate .fan64{flex:0 1 clamp(150px,30vh,320px)!important;min-height:120px!important}

/* God pack : ligne dans les infos + fenêtre dédiée */
.chances .godBtn{grid-column:1/-1;display:flex;align-items:center;gap:9px;width:100%;box-sizing:border-box;margin:11px 0 6px;padding:0 12px;height:42px;border-radius:12px;cursor:pointer;
  border:1px solid rgba(255,201,51,.5);background:linear-gradient(90deg,rgba(255,201,51,.2),rgba(255,110,199,.2));color:#fff;font:800 13px/1 "Barlow","Public Sans",sans-serif;letter-spacing:.06em;text-transform:uppercase;-webkit-tap-highlight-color:transparent}
.chances .godBtn svg{width:18px;height:18px;flex:none;color:#ffc933}
.chances .godBtn b{font-weight:800}
.chances .godBtn em{margin-left:auto;font-style:normal;font-weight:800;color:#ffc933}
.chances .godBtn i{font-style:normal;font-size:20px;line-height:1;opacity:.7;margin-top:-2px}
.chances .godBtn:active{filter:brightness(1.12)}
.phone:not([data-theme="sombre"]) .chances .godBtn{color:#2c343e;border-color:rgba(190,130,0,.45)}
.phone:not([data-theme="sombre"]) .chances .godBtn svg,.phone:not([data-theme="sombre"]) .chances .godBtn em{color:#c98a00}
html.pc57 .chances .godBtn{height:54px;font-size:16px;margin-top:16px;border-radius:14px}
html.pc57 .chances .godBtn svg{width:22px;height:22px}
#godOv{position:absolute;inset:0;z-index:90;display:grid;place-items:center;padding:16px 16px 46px;box-sizing:border-box;background:rgba(0,0,0,.6);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s linear .2s}
#godOv.on{opacity:1;visibility:visible;transition:opacity .2s ease}
#godOv .godCard{position:relative;width:min(100%,420px);max-height:100%;overflow:auto;box-sizing:border-box;padding:22px 18px 16px;border-radius:22px;background:#fff;color:#1f2731;box-shadow:0 26px 70px rgba(5,10,20,.5);
  transform:scale(.96);transition:transform .22s cubic-bezier(.2,.85,.25,1);font-family:"Barlow","Public Sans",sans-serif;-webkit-overflow-scrolling:touch}
#godOv.on .godCard{transform:none}
.phone[data-theme="sombre"] #godOv .godCard{background:#121a27;color:#fff}
#godOv .godX{position:absolute;right:10px;top:10px;width:34px;height:34px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:rgba(20,30,45,.08);color:inherit}
.phone[data-theme="sombre"] #godOv .godX{background:rgba(255,255,255,.1)}
#godOv .godX svg{width:18px;height:18px}
#godOv .godHead{text-align:center;padding:0 26px}
#godOv .godHead svg{width:34px;height:34px;color:#ffc933;filter:drop-shadow(0 2px 6px rgba(255,160,0,.45))}
#godOv .godHead h3{margin:4px 0 6px;font:800 26px/1.1 "Barlow","Public Sans",sans-serif;letter-spacing:.02em;background:linear-gradient(90deg,#ffb300,#ff4fb8);-webkit-background-clip:text;background-clip:text;color:transparent}
#godOv .godHead p{margin:0;font:600 13.5px/1.4 "Barlow","Public Sans",sans-serif;opacity:.78}
#godOv .godBig{margin:14px 0 4px;padding:12px 10px 11px;border-radius:16px;text-align:center;background:linear-gradient(90deg,rgba(255,201,51,.16),rgba(255,110,199,.16))}
#godOv .godBig b{display:block;font:800 40px/1 "Barlow","Public Sans",sans-serif;letter-spacing:.01em}
#godOv .godBig span{display:block;margin-top:6px;font:700 12.5px/1.35 "Barlow","Public Sans",sans-serif;opacity:.78}
#godOv .godSous{margin:14px 0 8px;font:800 10.5px/1.3 "Barlow","Public Sans",sans-serif;letter-spacing:.1em;opacity:.55}
#godOv .ch{margin-bottom:8px}
#godOv .godNote{margin-top:12px;font:600 12.5px/1.45 "Barlow","Public Sans",sans-serif;opacity:.78}
#godOv .godNote b{font-weight:800}
html.pc57 #godOv .godCard{width:min(100%,500px);padding:28px 26px 20px}
html.pc57 #godOv .godHead h3{font-size:32px}
html.pc57 #godOv .godHead p,html.pc57 #godOv .godNote{font-size:15px}
html.pc57 #godOv .godBig b{font-size:50px}
html.pc57 #godOv .godBig span{font-size:14.5px}
html.pc57 #godOv .godSous{font-size:12.5px}
@media (max-height:760px){
 #godOv{padding:10px 12px 40px}
 #godOv .godCard,html.pc57 #godOv .godCard{padding:14px 16px 10px}
 #godOv .godHead svg,html.pc57 #godOv .godHead svg{width:24px;height:24px}
 #godOv .godHead h3,html.pc57 #godOv .godHead h3{margin:2px 0 4px;font-size:22px}
 #godOv .godHead p,html.pc57 #godOv .godHead p{font-size:12px;line-height:1.3}
 #godOv .godBig,html.pc57 #godOv .godBig{margin:8px 0 2px;padding:8px 8px 7px}
 #godOv .godBig b,html.pc57 #godOv .godBig b{font-size:30px}
 #godOv .godBig span,html.pc57 #godOv .godBig span{margin-top:4px;font-size:11.5px}
 #godOv .godSous,html.pc57 #godOv .godSous{margin:9px 0 5px;font-size:10px}
 #godOv .ch,html.pc57 #godOv .ch{margin-bottom:4px!important;font-size:12px!important}
 #godOv .godNote,html.pc57 #godOv .godNote{margin-top:7px;font-size:11.5px;line-height:1.35}
}

body:has(>.phone[data-theme="sombre"]) #fond57 .o1{background:radial-gradient(circle,rgba(60,150,240,.085) 0,rgba(47,134,218,.03) 30%,transparent 62%)!important}
body:has(>.phone[data-theme="sombre"]) #fond57 .o2{background:radial-gradient(circle,rgba(150,205,255,.06) 0,rgba(90,160,255,.02) 30%,transparent 62%)!important}

html.pc57 #mListe{grid-auto-rows:1fr}
html.pc57 #mListe .lot{width:100%!important;max-width:264px;min-width:0;box-sizing:border-box}
html.pc57 #mListe .lot>.cm{width:78%!important}

@media (min-width:1024px){
html.pc57 .top{width:calc(100% - 56px)!important;max-width:none!important}
html.pc57 main .screen:not(.pl){max-width:none!important;padding:28px clamp(24px,3.2vw,72px) 40px!important}
html.pc57 main .screen[data-screen="echange"],html.pc57 main .screen[data-screen="amis"],html.pc57 main .screen[data-screen="messages"],html.pc57 main .screen[data-screen="reglages"],html.pc57 main .screen[data-screen="succes"],html.pc57 main .screen[data-screen="profil"]{max-width:none!important}
html.pc57 .screen.coll{padding:0!important}
html.pc57 .screen.coll>.chead,html.pc57 .screen.coll>#chips,html.pc57 .screen.coll>.cTri,html.pc57 .screen.coll>.rech57,html.pc57 .screen.coll>.tt59{width:calc(100% - clamp(48px,6.4vw,144px))!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}
html.pc57 .screen.coll>.tt59{margin-top:18px!important}
html.pc57 #info57{left:clamp(24px,3.2vw,72px)!important}
html.pc57 #abo58{right:clamp(66px,4vw,90px)!important}
html.pc57 nav.bar{padding:0 clamp(24px,10vw,300px)!important}
html.pc57 #mListe{grid-template-columns:repeat(auto-fill,minmax(236px,1fr))!important;justify-items:center}
html.pc57 #mListe .lot{max-width:300px}
}

#notifPanel .feed li{transition:opacity .16s ease,transform .17s ease}
#notifPanel .feed li.part102{opacity:0;transform:translateX(28px);pointer-events:none}
#notifPanel .feed:empty::after{content:"Aucune notification";display:block;padding:22px 4px;text-align:center;color:var(--doux);font:700 13px/1.3 "Barlow","Public Sans",sans-serif}
#notifPanel .feed li{cursor:pointer}
#feuille.flow102{height:min(calc(100% - 66px - var(--basF,110px)),720px)!important;max-height:min(calc(100% - 66px - var(--basF,110px)),720px)!important}
#feuille.flow102 #fCorps{flex:1 1 auto;min-height:0;overflow-y:auto}

html.pc57 #instBan57{left:28px;right:28px}

#notifBtn .nb>.ctxfond,#menuPanel .nbm>.ctxfond{transform:translateY(1.1px)!important}
.eOnglets button[data-n="1"]::after,.eOnglets button[data-n="2"]::after,.eOnglets button[data-n="3"]::after,.eOnglets button[data-n="4"]::after,.eOnglets button[data-n="5"]::after,.eOnglets button[data-n="6"]::after,.eOnglets button[data-n="7"]::after,.eOnglets button[data-n="8"]::after,.eOnglets button[data-n="9"]::after{padding:0 4px 0 4.9px!important}

.phone[data-theme="sombre"]{--fond:#050b15;--panneau:#0a1424;--survol:#101c30;--ligne:#17263d}
body:has(>.phone[data-theme="sombre"]){background:#050b15!important}
html{background:#050b15}

nav.bar button[data-n]{position:relative}
nav.bar button[data-n]::after{content:attr(data-n);position:absolute;top:5px;left:calc(50% + 4px);min-width:17px;height:17px;padding:0 4px;box-sizing:border-box;border-radius:999px;background:#ff3b3b;color:#fff;font:800 10px/17px "Barlow","Public Sans",sans-serif;text-align:center;box-shadow:0 0 0 1px #ff6161,0 0 7px rgba(255,59,59,.38);pointer-events:none;z-index:3}
nav.bar button[data-n="1"]::after,nav.bar button[data-n="2"]::after,nav.bar button[data-n="3"]::after,nav.bar button[data-n="4"]::after,nav.bar button[data-n="5"]::after,nav.bar button[data-n="6"]::after,nav.bar button[data-n="7"]::after,nav.bar button[data-n="8"]::after,nav.bar button[data-n="9"]::after{padding:0 4px 0 4.9px}

#mFiltres button.gcOn:not([aria-pressed="true"])::before,#mSous button.gcOn:not([aria-pressed="true"])::before,.hTy button.gcOn:not([aria-pressed="true"])::before,.mX57.gcOn:not([aria-pressed="true"])::before{background:var(--bleu,#1B66B5)!important;border-color:transparent!important;box-shadow:none!important;filter:none!important}

#abo58.cache57,#abo58.inv94{opacity:1!important;color:var(--bleu,#1B66B5)!important;pointer-events:none!important}
html.pc57 #abo58{right:84px!important}

@property --rc{syntax:"<color>";inherits:true;initial-value:#ffe08a}
#gate{transition:opacity .35s,--rc .6s ease}
#gate .bg64::before{width:var(--rs,2400px)!important;height:var(--rs,2400px)!important;left:50%!important;top:var(--cy,38%)!important;
  margin:calc(var(--rs,2400px) / -2) 0 0 calc(var(--rs,2400px) / -2)!important;opacity:.95!important;
  background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--rc) 26%,transparent) 0 8deg,transparent 8deg 22deg)!important;
  -webkit-mask-image:radial-gradient(circle closest-side,#000 0,rgba(0,0,0,.85) 38%,rgba(0,0,0,.45) 72%,transparent 100%)!important;mask-image:radial-gradient(circle closest-side,#000 0,rgba(0,0,0,.85) 38%,rgba(0,0,0,.45) 72%,transparent 100%)!important}

html.pc57 #gate .fan64{flex:0 1 clamp(240px,48vh,620px)!important;min-height:200px!important}
#gate .ring64,#gate .fan64 .cd{transition:none}
#gate .gb{font:800 22px/1 Barlow,"Public Sans",sans-serif!important;letter-spacing:-.01em!important;min-height:62px!important;max-width:340px!important}
#gate .gb .dsc57{width:36px!important;height:36px!important;left:20px!important}
