@font-face {
  font-family: 'Alegreya';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/Alegreya-400i-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Alegreya';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/Alegreya-400i-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Alegreya';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/Alegreya-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Alegreya';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/Alegreya-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Alegreya';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/Alegreya-500-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Alegreya';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/Alegreya-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Alegreya';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/Alegreya-700-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Alegreya';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/Alegreya-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/AlegreyaSans-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/AlegreyaSans-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/AlegreyaSans-500-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/AlegreyaSans-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/AlegreyaSans-700-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/AlegreyaSans-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(fonts/AlegreyaSans-800-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(fonts/AlegreyaSans-800-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Grenze';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/Grenze-600i-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Grenze';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/Grenze-600i-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Grenze';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/Grenze-600-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Grenze';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/Grenze-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Grenze';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/Grenze-700-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Grenze';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/Grenze-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Grenze';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(fonts/Grenze-800-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Grenze';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(fonts/Grenze-800-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:where(.ark-fragment) :where(*,::before,::after){box-sizing:revert;margin:revert;padding:revert;border:revert}
:where(.ark-fragment) hr{height:revert;color:revert;border-top-width:revert}
:where(.ark-fragment) :where(h1,h2,h3,h4,h5,h6){font-size:revert;font-weight:revert}
:where(.ark-fragment) a{color:revert;text-decoration:revert}
:where(.ark-fragment) :where(b,strong){font-weight:revert}
:where(.ark-fragment) :where(code,kbd,samp,pre){font-family:revert;font-feature-settings:revert;font-variation-settings:revert;font-size:revert}
:where(.ark-fragment) small{font-size:revert}
:where(.ark-fragment) :where(sub,sup){font-size:revert;line-height:revert;position:revert;vertical-align:revert;top:revert;bottom:revert}
:where(.ark-fragment) table{text-indent:revert;border-color:revert;border-collapse:revert}
:where(.ark-fragment) summary{display:revert}
:where(.ark-fragment) :where(ol,ul,menu){list-style:revert}
:where(.ark-fragment) :where(img,svg,video,canvas,audio,iframe,embed,object){display:revert;vertical-align:revert}
:where(.ark-fragment) :where(img,video){max-width:revert;height:revert}
:where(.ark-fragment) :where(button,input,select,optgroup,textarea){font:revert;font-feature-settings:revert;font-variation-settings:revert;letter-spacing:revert;color:revert;border-radius:revert;background-color:revert;opacity:revert;appearance:revert}
:where(.ark-fragment) textarea{resize:revert}
:where(.ark-fragment) table{font-size:medium;line-height:normal;font-weight:normal;font-style:normal;font-variant:normal;white-space:normal;text-align:start}
:where(.ark-fragment) form{margin-block-end:1em}

:root{
  color-scheme:dark;
  --nuit:#0c0814;--nuit-2:#140d1f;--nuit-3:#1d132d;
  --amethyste:#9a5cff;--amethyste-fonce:#4b1f94;--lueur:#dccbff;
  --parchemin:#faeeda;--parchemin-2:#f3e2c3;--encre:#412402;--encre-pale:#633806;--sepia:#854f0b;
  --or:#ba7517;--or-clair:#ef9f27;--or-vif:#f7c46c;--filet:#d3d1c7;--cire:#993c1d;
  --texte:#efe7f8;--doux:#b5a8c9;--trait:rgba(239,159,39,.28);
  --f-titre:"Grenze",Georgia,serif;
  --f-lire:"Alegreya",Georgia,serif;
  --f-ui:"Alegreya Sans","Segoe UI",system-ui,sans-serif;
  --f-px:"Alegreya Sans","Segoe UI",system-ui,sans-serif;
  --large:1260px;--gout:clamp(16px,4vw,44px);
  --ease:cubic-bezier(.2,.75,.15,1);
}
*{box-sizing:border-box}
html{background:var(--nuit)}
body{margin:0;background:var(--nuit);color:var(--texte);font:400 1.08rem/1.62 var(--f-ui);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video{max-width:100%;display:block}
[hidden]{display:none!important}
a{color:inherit}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--or-clair);outline-offset:3px}
h1,h2,h3,h4{margin:0;font-family:var(--f-titre);font-weight:700;line-height:1.04;text-wrap:balance;letter-spacing:-.01em}
p{margin:0}
.large{max-width:var(--large);margin-inline:auto;padding-inline:var(--gout)}
.px{font-family:var(--f-px);font-weight:700}
body{font-variant-numeric:tabular-nums}
.or-t{background:linear-gradient(180deg,#ffe3a6,var(--or-vif) 40%,var(--or-clair) 70%,#a86412);-webkit-background-clip:text;background-clip:text;color:transparent}
.lueur-t{color:var(--lueur)}

/* facettes : la seule matière lumineuse autorisée (D201) */
.fa{display:inline-block;flex:none;width:12px;height:12px;transform:rotate(45deg);background:linear-gradient(135deg,#f0e4ff,var(--amethyste) 48%,var(--amethyste-fonce))}
.fa.o{background:linear-gradient(135deg,#ffe8b8,var(--or-clair) 48%,#7a4608)}
.sur{display:inline-flex;align-items:center;gap:12px;font:700 .86rem/1 var(--f-px);color:var(--lueur);letter-spacing:.09em}
.sur.o{color:var(--or-vif)}

/* boutons : bordure 2 px, liseré intérieur 1 px, coins nets */
.ak-btn{position:relative;display:inline-flex;align-items:center;gap:12px;padding:15px 26px 16px;font:700 1.05rem/1 var(--f-ui);text-decoration:none;cursor:pointer;
  color:#fff;background:linear-gradient(180deg,#9a5cff,#5b27b9);border:2px solid var(--or-clair);outline:1px solid rgba(255,214,150,.55);outline-offset:-6px;overflow:hidden;isolation:isolate;
  transition:transform .3s var(--ease),box-shadow .3s}
.ak-btn::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform:translateX(-110%);transition:transform .8s var(--ease)}
.ak-btn:hover{transform:translateY(-2px);box-shadow:0 14px 34px -12px rgba(154,92,255,.8)}
.ak-btn:hover::after{transform:translateX(110%)}
.ak-btn.vide{background:rgba(12,8,20,.55);color:var(--or-vif);backdrop-filter:blur(6px)}
.ak-btn.vide:hover{box-shadow:0 14px 34px -14px rgba(239,159,39,.6)}
.ak-btn .fa{width:9px;height:9px}
.lien{display:inline-flex;align-items:center;gap:10px;color:var(--or-vif);text-decoration:none;font-weight:700}
.lien::after{content:"›";font-size:1.3em;line-height:0;transition:transform .3s var(--ease)}
.lien:hover::after{transform:translateX(5px)}

/* ─── barre ─── */
.barre{position:fixed;inset:0 0 auto;z-index:60;padding-top:env(safe-area-inset-top,0px);transition:background .4s,box-shadow .4s}
.barre.pleine,.barre.menu-ouvert{background:rgba(12,8,20,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 1px 0 var(--trait)}
.barre>.large{display:flex;align-items:center;gap:24px;height:88px;transition:height .4s var(--ease)}
.barre.pleine>.large{height:74px}
.marque img{height:66px;width:auto;filter:drop-shadow(0 0 1px rgba(255,255,255,.45)) drop-shadow(0 0 10px rgba(154,92,255,.6));transition:height .4s var(--ease)}
.barre.pleine .marque img{height:54px}
.nav{display:flex;gap:2px;margin:0 auto 0 10px;padding:0;list-style:none}
.nav a{position:relative;display:block;padding:10px 15px;text-decoration:none;font:700 1.04rem/1 var(--f-ui);color:#d9cfe8;transition:color .25s}
.nav a::after{content:"";position:absolute;left:50%;bottom:-2px;width:8px;height:8px;margin-left:-4px;transform:rotate(45deg) scale(0);background:var(--or-clair);transition:transform .35s var(--ease)}
.nav a:hover{color:#fff}
.nav a[aria-current="page"]{color:var(--or-vif)}
.nav a[aria-current="page"]::after{transform:rotate(45deg) scale(1)}
@keyframes pouls{50%{box-shadow:0 0 0 7px rgba(99,231,155,0)}}
.barre .ak-btn{padding:11px 18px 12px;font-size:.95rem}
.burger{display:none;margin-left:auto;width:46px;height:46px;background:none;border:2px solid var(--trait);cursor:pointer;place-items:center}
.burger span{display:block;width:18px;height:2px;background:var(--or-vif);box-shadow:0 -6px 0 var(--or-vif),0 6px 0 var(--or-vif);transition:.3s}
.menu-ouvert .burger span{box-shadow:none;transform:rotate(45deg)}
.menu-ouvert .burger span::after{content:"";display:block;width:18px;height:2px;background:var(--or-vif);transform:rotate(-90deg)}
.voile-menu{position:fixed;inset:0;z-index:55;background:radial-gradient(90% 50% at 50% 0%,rgba(154,92,255,.14),transparent 70%),var(--nuit);display:grid;align-content:center;gap:6px;padding:110px var(--gout) 40px}
.voile-menu>a{font:700 clamp(2.4rem,11vw,4rem)/1.1 var(--f-titre);text-decoration:none;color:var(--texte);opacity:0;transform:translateY(16px);animation:apparait .6s var(--ease) forwards;animation-delay:calc(var(--i)*60ms)}
.voile-menu>a[aria-current="page"]{color:var(--or-vif)}

/* ─── pages ─── */
.page{min-height:100vh}
.page.entre [data-in]{animation:monte 1s var(--ease) both;animation-delay:calc(var(--d,0)*90ms + 160ms)}
@keyframes monte{from{opacity:0;transform:translateY(26px)}}
@keyframes apparait{to{opacity:1;transform:none}}
.bloc{padding-block:clamp(84px,11vw,150px)}
.tete{display:grid;gap:18px;justify-items:start;margin-bottom:clamp(36px,5vw,64px);max-width:760px}
.tete.c{justify-items:center;text-align:center;margin-inline:auto}
.tete h2{font-size:clamp(2.6rem,6vw,5rem)}
.tete p{color:var(--doux);font-size:1.15rem;max-width:62ch}

@supports (animation-timeline: view()){
  .rv{animation:rv linear both;animation-timeline:view();animation-range:entry 0% entry 55%}
  @keyframes rv{from{opacity:0;transform:translateY(60px)}}
  .plx{animation:plx linear both;animation-timeline:view();animation-range:cover}
  @keyframes plx{from{transform:translateY(-7%) scale(1.14)}to{transform:translateY(7%) scale(1.14)}}
}

/* ─── ouverture (accueil) ─── */
.ouv{position:relative;min-height:max(700px,100svh);display:grid;grid-template-rows:1fr auto;overflow:hidden;isolation:isolate}
.ouv .affiche{position:absolute;inset:0;z-index:-3;background:url(assets/hero.webp) 50% 24%/cover;animation:travelling 32s ease-in-out infinite alternate}
@keyframes travelling{from{transform:scale(1.03)}to{transform:scale(1.13) translateY(1.5%)}}
.ouv .affiche video{width:100%;height:100%;object-fit:cover;object-position:50% 24%;display:block}
/* téléphone debout : la vidéo moins recadrée, posée en haut, fondue dans la nuit */
@media (max-width:820px) and (orientation:portrait){.ouv .affiche:has(video){background:none;animation:none}.ouv .affiche video{height:min(100%,66svh);-webkit-mask:linear-gradient(#000 62%,transparent);mask:linear-gradient(#000 62%,transparent)}}
.ouv::before{content:"";position:absolute;inset:0;z-index:-2;background:
  radial-gradient(ellipse 58% 46% at 50% 60%,rgba(12,8,20,.62),rgba(12,8,20,0) 72%),
  linear-gradient(0deg,var(--nuit) 0%,rgba(12,8,20,.35) 34%,rgba(12,8,20,.12) 62%,rgba(12,8,20,.72) 100%)}
.ouv canvas{position:absolute;inset:0;z-index:-1;width:100%;height:100%;pointer-events:none}
.ouv-centre{align-self:center;display:grid;justify-items:center;text-align:center;gap:clamp(14px,2.2vh,22px);padding:clamp(100px,13vh,140px) var(--gout) 28px}
.pastille-ouv{display:inline-flex;align-items:center;gap:10px;padding:9px 16px 9px 13px;border:1px solid rgba(255,255,255,.16);background:rgba(12,8,20,.42);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font:700 .86rem/1 var(--f-ui);letter-spacing:.08em;color:var(--lueur)}
.pastille-ouv i{width:7px;height:7px;background:#63e79b;box-shadow:0 0 0 3px rgba(99,231,155,.2);animation:pouls 2.2s infinite}
.logo-lustre{position:relative;width:clamp(260px,min(40vw,62vh),600px);margin-block:-6px -4px}
.logo-lustre img{width:100%;height:auto;filter:drop-shadow(0 0 40px rgba(154,92,255,.6)) drop-shadow(0 16px 30px rgba(0,0,0,.75))}
.logo-lustre::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.32) 50%,transparent 60%) -150% 0/250% 100% no-repeat;
  -webkit-mask:url(assets/logo-clair.webp) center/contain no-repeat;mask:url(assets/logo-clair.webp) center/contain no-repeat;mix-blend-mode:overlay;animation:lustre 16s 3s ease-in-out infinite}
@keyframes lustre{0%,78%{background-position:-150% 0}94%,100%{background-position:250% 0}}
.ouv h1{font-size:clamp(2.1rem,4.4vw,3.6rem);font-weight:700;text-shadow:0 4px 30px rgba(0,0,0,.7)}
.ouv .sous{font-size:clamp(1.05rem,1.4vw,1.25rem);color:#e8dff3;max-width:50ch;text-shadow:0 2px 14px rgba(0,0,0,.8)}
.ak-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.dock{width:100%;padding-bottom:clamp(20px,3vw,34px)}
.dock-in{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.12);border-top-color:rgba(239,159,39,.55);background:rgba(16,10,27,.5);backdrop-filter:blur(18px) saturate(1.25);-webkit-backdrop-filter:blur(18px) saturate(1.25)}
.d{position:relative;display:grid;gap:5px;padding:18px 22px 20px;text-decoration:none;align-content:start;transition:background .3s}
.d+.d{border-left:1px solid rgba(255,255,255,.08)}
.d .k{font:700 .76rem/1.2 var(--f-ui);letter-spacing:.09em;color:var(--doux)}
.d b{font:700 1.4rem/1.15 var(--f-titre);color:var(--texte)}
.d small{color:var(--doux);font-size:.92rem}
a.d:hover{background:rgba(154,92,255,.16)}
a.d::after{content:"›";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:1.6rem;color:var(--or-vif);transition:transform .3s var(--ease)}
a.d:hover::after{transform:translate(4px,-50%)}
.d .copier{justify-self:start;margin-top:2px;padding:6px 12px;border:1px solid var(--trait);background:rgba(154,92,255,.22);cursor:pointer;font:700 .85rem/1 var(--f-ui);color:var(--or-vif)}
.d .copier:hover{background:rgba(154,92,255,.42)}
.adresse{display:flex;align-items:center;border:2px solid var(--trait);background:rgba(12,8,20,.62)}
.adresse span{padding:0 14px;font-size:.92rem;color:var(--doux)}
.adresse code{font:800 1.05rem/1 var(--f-ui);padding:12px 14px;border-left:1px solid var(--trait)}
.adresse button{align-self:stretch;padding:0 16px;background:rgba(154,92,255,.2);border:0;border-left:1px solid var(--trait);cursor:pointer;font-weight:700;color:var(--or-vif)}

/* ─── voies (sélecteur façon classes) ─── */
.voies{display:flex;gap:6px;height:clamp(520px,64vh,640px)}
.voie{position:relative;flex:1;min-width:0;overflow:hidden;cursor:pointer;border:1px solid var(--trait);background:var(--nuit-2);transition:flex .8s var(--ease),border-color .4s;isolation:isolate;outline-offset:-3px}
.voie[aria-expanded="true"]{flex:4.2;border-color:var(--or-clair)}
.voie .img{position:absolute;inset:0;z-index:-2;background:var(--img) center/cover;filter:saturate(.55) brightness(.55);transform:scale(1.08);transition:filter .8s,transform 1.6s var(--ease)}
.voie[aria-expanded="true"] .img{filter:none;transform:scale(1)}
.voie::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(12,8,20,.96) 8%,rgba(12,8,20,.3) 55%,rgba(12,8,20,.1))}
.voie .nom{position:absolute;left:50%;bottom:28px;writing-mode:vertical-rl;transform:translateX(-50%) rotate(180deg);font:700 1.7rem/1 var(--f-titre);white-space:nowrap;transition:opacity .4s}
.voie[aria-expanded="true"] .nom{opacity:0}
.voie .fiche{position:absolute;left:0;right:0;bottom:0;padding:clamp(22px,3vw,40px);display:grid;gap:14px;justify-items:start;opacity:0;transform:translateY(20px);transition:opacity .5s,transform .7s var(--ease);pointer-events:none;max-width:640px}
.voie[aria-expanded="true"] .fiche{opacity:1;transform:none;transition-delay:.25s;pointer-events:auto}
.fiche h3{font-size:clamp(2.2rem,4vw,3.4rem)}
.fiche p{color:#e2d8ee;max-width:52ch}
.fiche .chiffre{display:flex;align-items:baseline;gap:12px}
.fiche .chiffre b{font:800 2rem/1 var(--f-px);color:var(--or-vif)}
.fiche .chiffre span{color:var(--doux);font-size:.95rem}

/* ─── à la une ─── */
.une{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:16px}
.nouv{display:grid;grid-template-rows:auto 1fr;text-decoration:none;background:var(--nuit-2);border:1px solid rgba(255,255,255,.07);transition:border-color .35s,transform .45s var(--ease)}
.nouv:hover{border-color:var(--or-clair);transform:translateY(-4px)}
.nouv .ph{overflow:hidden;aspect-ratio:16/10}
.nouv .ph img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.nouv:hover .ph img{transform:scale(1.07)}
.nouv .tx{padding:20px 22px 24px;display:grid;gap:10px;align-content:start}
.nouv h3{font-size:1.75rem}
.nouv p{color:var(--doux)}
.meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font:700 .85rem/1 var(--f-px);color:var(--doux)}
.pastille{padding:5px 8px;border:1px solid rgba(154,92,255,.5);background:rgba(154,92,255,.14);color:var(--lueur)}
.pastille.o{border-color:rgba(239,159,39,.5);background:rgba(239,159,39,.1);color:var(--or-vif)}
.pastille.v{border-color:rgba(99,231,155,.45);background:rgba(99,231,155,.08);color:#8ff0b8}

/* ─── bandeau d'art (saison, cartes…) ─── */
.bandeau{position:relative;overflow:hidden;isolation:isolate;min-height:clamp(540px,78vh,760px);display:flex;align-items:center}
.bandeau .fond{position:absolute;inset:0;z-index:-2;overflow:hidden}
.bandeau .fond img{width:100%;height:100%;object-fit:cover}
.bandeau::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(12,8,20,.95) 10%,rgba(12,8,20,.55) 45%,rgba(12,8,20,.05) 75%),linear-gradient(0deg,var(--nuit),transparent 22%,transparent 80%,var(--nuit))}
.bandeau.d::before{background:linear-gradient(270deg,rgba(12,8,20,.95) 10%,rgba(12,8,20,.55) 45%,rgba(12,8,20,.05) 75%),linear-gradient(0deg,var(--nuit),transparent 22%,transparent 80%,var(--nuit))}
.bandeau .large{width:100%}
.bandeau .col{display:grid;gap:22px;justify-items:start;max-width:560px}
.bandeau.d .col{margin-left:auto}
.bandeau h2{font-size:clamp(3rem,7.5vw,6.4rem);line-height:.95}
.bandeau p{color:#e2d8ee;font-size:1.12rem}

/* ─── éventail ─── */
.cartes-accueil .large{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center}
.eventail{position:relative;height:clamp(360px,42vw,520px);perspective:1400px}
.eventail figure{position:absolute;left:50%;top:50%;margin:0;width:clamp(150px,18vw,240px);aspect-ratio:372/510;transform:translate(-50%,-50%) translateX(calc(var(--i)*clamp(52px,6vw,88px))) translateY(calc(var(--a)*var(--a)*4px)) rotate(calc(var(--i)*7deg)) rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg));transition:transform .6s var(--ease);z-index:calc(10 - var(--a))}
.eventail figure img{width:100%;height:100%;border-radius:10px;box-shadow:0 26px 50px -14px rgba(0,0,0,.85),0 0 0 1px rgba(239,159,39,.3)}
.eventail figure.centre img{box-shadow:0 30px 60px -14px rgba(0,0,0,.9),0 0 50px -8px rgba(154,92,255,.7),0 0 0 1px rgba(239,159,39,.55)}
.eventail figure:hover{transform:translate(-50%,-50%) translateX(calc(var(--i)*clamp(52px,6vw,88px))) translateY(-36px) scale(1.1);z-index:20}


/* ─── galerie du hub ─── */

/* ─── fin / appel ─── */
.appel{position:relative;overflow:hidden;isolation:isolate;text-align:center;padding-block:clamp(120px,16vw,200px)}
.appel .fond{position:absolute;inset:0;z-index:-2;overflow:hidden}
.appel .fond img{width:100%;height:100%;object-fit:cover}
.appel::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(55% 60% at 50% 50%,rgba(12,8,20,.4),var(--nuit) 88%)}
.appel .large{display:grid;justify-items:center;gap:24px}
.appel h2{font-size:clamp(3rem,8vw,6.8rem);line-height:.95}

/* ─── en-tête de page intérieure ─── */
.chapeau{position:relative;min-height:clamp(440px,62vh,620px);display:flex;align-items:flex-end;overflow:hidden;isolation:isolate}
.chapeau .fond{position:absolute;inset:0;z-index:-2;overflow:hidden}
.chapeau .fond img{width:100%;height:100%;object-fit:cover}
.chapeau::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,var(--nuit) 4%,rgba(12,8,20,.55) 45%,rgba(12,8,20,.35)),linear-gradient(90deg,rgba(12,8,20,.75),transparent 60%)}
.chapeau .large{width:100%;padding-block:140px 56px;display:grid;gap:18px;justify-items:start}
.chapeau h1{font-size:clamp(3.4rem,9vw,8rem);line-height:.9}
.chapeau p{max-width:58ch;color:#e6ddf1;font-size:1.18rem}
.sommaire{display:flex;flex-wrap:wrap;gap:8px}
.sommaire a{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid var(--trait);background:rgba(12,8,20,.6);text-decoration:none;font-weight:600;font-size:.95rem;transition:border-color .3s,background .3s}
.sommaire a:hover{border-color:var(--or-clair);background:rgba(154,92,255,.18)}
.sommaire .fa{width:7px;height:7px}

/* ─── chapitres du jeu ─── */
.chap{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(28px,5vw,72px);align-items:center;padding-block:clamp(64px,8vw,110px);scroll-margin-top:80px}
.chap:nth-of-type(even){grid-template-columns:1fr 1.15fr}
.chap:nth-of-type(even) .art{order:2}
.chap .art{position:relative;aspect-ratio:4/3;overflow:hidden;border:1px solid var(--trait)}
.chap .art img{width:100%;height:100%;object-fit:cover}
.chap .art::after{content:"";position:absolute;inset:10px;border:1px solid rgba(255,214,150,.35);pointer-events:none}
.chap .txt{display:grid;gap:18px;justify-items:start}
.chap h2{font-size:clamp(2.5rem,5vw,4.2rem)}
.chap .txt>p{color:var(--doux);font-size:1.12rem}
.puces{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.puces li{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:baseline}
.puces li .fa{width:8px;height:8px;transform:rotate(45deg) translateY(-2px)}
.puces b{color:var(--texte)}
.puces span{color:var(--doux)}
.gros{display:flex;align-items:baseline;gap:12px;padding-top:6px}
.gros b{font:800 clamp(2.2rem,4vw,3rem)/1 var(--f-px);color:var(--or-vif)}
.gros span{color:var(--doux)}

/* monnaies */
.monnaies{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.monnaie{display:grid;grid-template-columns:auto 1fr;gap:6px 24px;align-items:center;padding:30px;border:1px solid var(--trait);background:var(--nuit-2)}
.monnaie .sym{grid-row:span 2;width:84px;height:84px;display:grid;place-items:center;font:700 2.4rem/1 "Apple Symbols","Segoe UI Symbol",system-ui,sans-serif;transform:rotate(45deg)}
.monnaie .sym span{transform:rotate(-45deg)}
.monnaie.a .sym{background:linear-gradient(135deg,#ffe8b8,var(--or-clair) 50%,#7a4608);color:#2b1800}
.monnaie.s .sym{background:linear-gradient(135deg,#f0e4ff,var(--amethyste) 50%,var(--amethyste-fonce));color:#fff}
.monnaie h3{font-size:2rem}
.monnaie p{color:var(--doux)}

/* ─── événements ─── */
.semaine{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ev{position:relative;display:grid;grid-template-rows:auto 1fr;background:var(--nuit-2);border:1px solid rgba(255,255,255,.07);overflow:hidden;transition:border-color .35s,transform .45s var(--ease)}
.ev:hover{border-color:var(--or-clair);transform:translateY(-4px)}
.ev .ph{aspect-ratio:4/3;overflow:hidden}
.ev .ph img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.ev:hover .ph img{transform:scale(1.08)}
.ev .tx{padding:18px 20px 22px;display:grid;gap:10px;align-content:start}
.ev h3{font-size:1.9rem}
.ev p{color:var(--doux);font-size:1rem}
.ev.grand{grid-column:span 2;grid-row:span 2}
.ev.grand .ph{aspect-ratio:16/10}
.ev.grand h3{font-size:clamp(2.2rem,3.5vw,3rem)}
.lois{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.loi{padding:30px;border:1px solid var(--trait);background:linear-gradient(180deg,var(--nuit-3),var(--nuit-2));display:grid;gap:12px;align-content:start}
.loi h3{font-size:2.1rem}
.loi p{color:var(--doux)}

/* ─── passe de saison ─── */
.saison-faits{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:56px}
.fait{padding:26px;border-top:2px solid var(--or);background:var(--nuit-2);display:grid;gap:10px}
.fait b{font:800 2.2rem/1 var(--f-px);color:var(--or-vif)}
.fait p{color:var(--doux)}

/* ─── cartes ─── */
.raretes{display:grid;gap:12px;max-width:760px}
.rar{display:grid;grid-template-columns:150px 1fr 56px;gap:18px;align-items:center}
.rar .n{display:flex;align-items:center;gap:10px;font-weight:700}
.rar .barre-r{height:12px;background:rgba(255,255,255,.06);position:relative;overflow:hidden}
.rar .barre-r i{position:absolute;inset:0 auto 0 0;width:calc(var(--v)/40*100%);background:var(--c);transform-origin:left}
.page.entre .rar .barre-r i{animation:remplit 1.4s var(--ease) both;animation-delay:calc(var(--k)*120ms + 500ms)}
@keyframes remplit{from{transform:scaleX(0)}}
.rar .v{font:800 1.2rem/1 var(--f-px);text-align:right}
.booster{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:56px}
.regle-c{padding:28px;border:1px solid var(--trait);background:var(--nuit-2);display:grid;gap:10px;align-content:start}
.regle-c b{font:800 2.4rem/1 var(--f-px);color:var(--or-vif)}
.regle-c h3{font-size:1.9rem}
.regle-c p{color:var(--doux)}
.album{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:22px;perspective:1200px}
.carte{margin:0;display:grid;gap:10px}
.carte .c{position:relative;aspect-ratio:372/510;border-radius:10px;overflow:hidden;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s var(--ease),box-shadow .5s;box-shadow:0 18px 36px -16px rgba(0,0,0,.8),0 0 0 1px rgba(239,159,39,.25)}
.carte .c img{width:100%;height:100%;object-fit:cover}
.carte .c::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.4),transparent 45%),linear-gradient(115deg,transparent 30%,rgba(220,203,255,.25) 45%,rgba(247,196,108,.2) 55%,transparent 70%);mix-blend-mode:overlay;opacity:0;transition:opacity .3s}
.carte:hover .c{box-shadow:0 30px 60px -18px rgba(154,92,255,.55),0 0 0 1px var(--or-clair)}
.carte:hover .c::after{opacity:1}
.carte figcaption{display:flex;justify-content:space-between;gap:8px;font-size:.95rem}
.carte figcaption span{font:700 .8rem/1.3 var(--f-px);color:var(--doux)}
.carte.secrete figcaption{color:var(--lueur)}

/* ─── parchemin (matière Chancellerie) ─── */
.registre{position:relative;background:var(--parchemin);color:var(--encre);border:2px solid var(--sepia);outline:1px solid var(--or-clair);outline-offset:-8px;padding:clamp(28px,5vw,64px) clamp(20px,5vw,64px) clamp(70px,8vw,96px);font-family:var(--f-lire);
  background-image:radial-gradient(120% 80% at 50% 0%,rgba(255,255,255,.5),transparent 60%),radial-gradient(90% 60% at 100% 100%,rgba(133,79,11,.1),transparent 70%)}
.registre h2{font-size:clamp(2.4rem,5vw,4rem);color:var(--encre)}
.registre .ctx{font:700 .95rem/1 var(--f-px);color:var(--sepia)}
.registre .filet{height:1px;background:var(--or);margin-block:18px 8px}
.registre p{color:var(--encre-pale)}
.onglets{display:flex;flex-wrap:wrap;gap:0;border-bottom:1px solid var(--filet);margin-bottom:6px}
.onglets button{position:relative;background:none;border:0;padding:14px 18px;cursor:pointer;font:700 1.02rem/1 var(--f-ui);color:var(--sepia)}
.onglets button[aria-selected="true"]{color:var(--encre)}
.onglets button[aria-selected="true"]::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--or)}
.onglets button:focus-visible{outline-color:var(--or)}
.lignes{list-style:none;margin:0;padding:0;columns:2;column-gap:56px}
.lignes li{break-inside:avoid;display:flex;justify-content:space-between;align-items:baseline;gap:16px;min-height:28px;padding-block:13px;border-bottom:1px solid var(--filet)}
.lignes .l{display:grid;gap:2px}
.lignes .l b{font-weight:500;color:var(--encre)}
.lignes .l small{font-size:.92rem;color:var(--sepia);font-style:italic}
.lignes .p{font:800 1.1rem/1 var(--f-px);white-space:nowrap;color:var(--encre);font-variant-numeric:tabular-nums}
.registre .nb{margin-top:22px;font-style:italic}
.lignes .p.bientot{font:italic 500 1rem/1 var(--f-lire);color:var(--sepia)}
.sceau{position:absolute;left:50%;bottom:-38px;width:92px;height:92px;margin-left:-46px}
.sceau svg{width:100%;height:100%;overflow:visible}
.page.entre .sceau{animation:tampon .9s cubic-bezier(.3,1.6,.5,1) both;animation-delay:.7s}
@keyframes tampon{from{opacity:0;transform:scale(1.8) rotate(-18deg)}}
.regles-cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);margin-top:10px}
.regles-cols h3{font-size:2rem;color:var(--encre);margin-bottom:10px}
.regles-cols ul{margin:0;padding-left:20px;display:grid;gap:8px;color:var(--encre-pale)}

/* ─── rejoindre ─── */
.etapes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.etape{position:relative;padding:34px 28px 30px;border:1px solid var(--trait);background:linear-gradient(180deg,var(--nuit-3),var(--nuit-2));display:grid;gap:12px;align-content:start}
.etape .rang{width:54px;height:54px;display:grid;place-items:center;transform:rotate(45deg);background:linear-gradient(135deg,#f0e4ff,var(--amethyste) 48%,var(--amethyste-fonce));margin:6px 0 10px 6px}
.etape .rang span{transform:rotate(-45deg);font:800 1.4rem/1 var(--f-px);color:#fff}
.etape h3{font-size:2rem}
.etape p{color:var(--doux)}
.etape code{font:800 .98rem/1 var(--f-px);color:var(--texte)}
.faq{display:grid;gap:10px;max-width:860px}
.faq details{border:1px solid rgba(255,255,255,.08);background:var(--nuit-2);transition:border-color .3s}
.faq details[open]{border-color:var(--trait)}
.faq summary{list-style:none;cursor:pointer;padding:20px 22px;display:flex;justify-content:space-between;gap:16px;align-items:center;font-weight:700;font-size:1.1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";width:9px;height:9px;flex:none;border-right:2px solid var(--or-vif);border-bottom:2px solid var(--or-vif);transform:rotate(45deg);transition:transform .35s var(--ease)}
.faq details[open] summary::after{transform:rotate(-135deg)}
.faq details p{padding:0 22px 22px;color:var(--doux);max-width:70ch}

/* ─── pied ─── */
.pied{border-top:1px solid var(--trait);background:#08050d;padding-block:56px 34px}
.pied .large{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:32px}
.pied img{height:58px;width:auto}
.pied .logo-pied{filter:drop-shadow(0 0 1px rgba(255,255,255,.45)) drop-shadow(0 0 10px rgba(154,92,255,.6))}
.pied h4{font:700 1.3rem/1 var(--f-titre);color:var(--or-vif);margin-bottom:12px}
.pied ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pied a{text-decoration:none;color:var(--doux)}
.pied a:hover{color:var(--texte)}
.pied .fin{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;border-top:1px solid rgba(255,255,255,.06);padding-top:20px;color:#807494;font-size:.9rem}


/* ─── partenaire MineStrator ─── */
.propulse{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font:700 .82rem/1 var(--f-ui);letter-spacing:.07em;color:var(--doux);padding:9px 13px;border:1px solid rgba(255,255,255,.12);background:rgba(12,8,20,.38);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:border-color .3s,color .3s}
.propulse img{height:17px;width:auto}
.propulse:hover{border-color:#009b72;color:#fff}
.partenaire{position:relative;overflow:hidden;isolation:isolate;padding-block:clamp(90px,11vw,140px);background:radial-gradient(55% 80% at 88% 45%,rgba(0,155,114,.2),transparent 70%),linear-gradient(180deg,var(--nuit),#0a1413 50%,var(--nuit))}
.partenaire .large{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(30px,5vw,72px);align-items:center}
.partenaire .col{display:grid;gap:22px;justify-items:start}
.ms-logo{height:clamp(38px,4.6vw,58px);width:auto}
.partenaire h2{font-size:clamp(2.4rem,5vw,4.2rem)}
.partenaire p{color:var(--doux);font-size:1.12rem;max-width:56ch}
.vert{color:#6ee7c2}
.fa.ms{background:linear-gradient(135deg,#c9fff0,#009b72 50%,#00563f)}
.specs{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.spec{text-decoration:none;padding:22px;border:1px solid rgba(0,155,114,.35);background:rgba(0,155,114,.06);display:grid;gap:6px;align-content:start;transition:border-color .3s,background .3s}
.spec:hover{border-color:#2fd3a0;background:rgba(0,155,114,.12)}
.spec b{font:700 1.55rem/1.1 var(--f-titre);color:#fff}
.spec span{color:var(--doux);font-size:.95rem}
.ak-btn.ms{background:linear-gradient(180deg,#16c592,#00805e);border-color:#8cf2d0;outline-color:rgba(210,255,240,.5)}
.ak-btn.ms:hover{box-shadow:0 14px 34px -12px rgba(0,155,114,.85)}
.carte-ms{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;padding:30px 34px;border:1px solid rgba(0,155,114,.4);background:radial-gradient(80% 140% at 100% 50%,rgba(0,155,114,.16),transparent 70%),var(--nuit-2);text-decoration:none;transition:border-color .3s}
.carte-ms:hover{border-color:#2fd3a0}
.carte-ms img{height:40px;width:auto}
.carte-ms h3{font-size:1.8rem}
.carte-ms p{color:var(--doux)}
.pied .propulse{margin-top:6px;justify-self:start}
@media (max-width:820px){.partenaire .large{grid-template-columns:1fr}.carte-ms{grid-template-columns:1fr;justify-items:start}}
@media (max-width:560px){.specs{grid-template-columns:1fr}}


/* ═════ améliorations retenues, série 1 ═════ */
.am-h{display:none}
/* A · chiffres clés */
.am-a{display:block}
.chiffres-cles{padding-block:clamp(40px,6vw,70px) 0}
.chiffres-cles .large{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--trait)}
.cc{padding:28px 20px;text-align:center;display:grid;gap:6px}
.cc+.cc{border-left:1px solid rgba(255,255,255,.07)}
.cc b{font:700 clamp(2.6rem,5vw,4rem)/1 var(--f-titre);background:linear-gradient(180deg,#ffe3a6,var(--or-vif) 45%,var(--or-clair) 75%,#a86412);-webkit-background-clip:text;background-clip:text;color:transparent}
.cc span{color:var(--doux);font-weight:600}
/* B · icônes des voies */
.voie .ico{display:block;position:absolute;top:28px;left:50%;width:38px;height:38px;margin-left:-19px;color:var(--or-vif);filter:drop-shadow(0 0 10px rgba(239,159,39,.45));transition:opacity .4s,transform .6s var(--ease)}
.voie[aria-expanded="true"] .ico{opacity:0;transform:translateY(-10px)}
.voie:hover .ico{transform:scale(1.12)}
/* C · agenda de la semaine */
.am-c{display:block}
.agenda{margin-bottom:28px;overflow-x:auto}
.agenda-in{display:grid;grid-template-columns:repeat(7,minmax(130px,1fr));border:1px solid var(--trait);background:var(--nuit-2)}
.jour{padding:16px 14px 18px;display:grid;gap:10px;align-content:start}
.jour+.jour{border-left:1px solid rgba(255,255,255,.07)}
.jour h4{font:700 1.3rem/1 var(--f-titre);color:var(--or-vif)}
.ev-p{display:block;padding:8px 10px;border-left:3px solid var(--amethyste);background:rgba(154,92,255,.12);font-weight:700;font-size:.95rem;text-decoration:none}
.ev-p small{display:block;font-weight:500;color:var(--doux);font-size:.82rem}
.ev-p.o{border-left-color:var(--or-clair);background:rgba(239,159,39,.1)}
.jour.auj{background:linear-gradient(180deg,rgba(239,159,39,.16),rgba(239,159,39,.04));box-shadow:inset 0 3px 0 var(--or-clair)}
.jour.auj h4::after{content:"Aujourd’hui";display:block;margin-top:6px;font:800 .72rem/1 var(--f-ui);letter-spacing:.06em;color:var(--or-vif)}
.agenda-note{margin-top:10px;color:var(--doux);font-size:.95rem}
@keyframes fondu{from{opacity:0}}
@keyframes zoom{from{transform:scale(.96);opacity:0}}
/* F · séparateurs ornés */
.sep-orn{display:flex;align-items:center;justify-content:center;gap:14px;max-width:560px;margin:0 auto;padding-inline:var(--gout)}
.sep-orn i{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--or))}
.sep-orn i:last-child{background:linear-gradient(270deg,transparent,var(--or))}
.sep-orn .fa{width:8px;height:8px}
.sep-orn .fa.o{width:12px;height:12px}
/* G · matière du fond */
body{background:radial-gradient(900px 700px at 12% 18%,rgba(154,92,255,.11),transparent 62%) fixed,radial-gradient(800px 700px at 88% 72%,rgba(239,159,39,.05),transparent 60%) fixed,var(--nuit)}
body::before{content:"";position:fixed;inset:0;z-index:70;pointer-events:none;opacity:.07;mix-blend-mode:overlay;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
/* H · bouton flottant sur téléphone */
.barre-bas{position:fixed;left:0;right:0;bottom:0;z-index:58;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(12,8,20,.9);backdrop-filter:blur(14px);border-top:1px solid var(--trait);gap:10px;transform:translateY(110%);transition:transform .5s var(--ease)}
.barre-bas.vue{transform:none}
.barre-bas .ak-btn{flex:1;justify-content:center}
.barre-bas .ip-b{display:grid;place-items:center;padding:0 14px;border:1px solid var(--trait);font-weight:800;font-size:.95rem;background:none;color:var(--texte);cursor:pointer}
@media (max-width:820px){.am-h{display:flex}}
/* I · communauté Discord */
.am-i{display:block}
.communaute{padding-block:clamp(90px,11vw,140px);background:radial-gradient(55% 80% at 20% 50%,rgba(88,101,242,.16),transparent 70%)}
.communaute .large{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,70px);align-items:center}
.communaute .col{display:grid;gap:20px;justify-items:start}
.communaute h2{font-size:clamp(2.4rem,5vw,4.2rem)}
.communaute p{color:var(--doux);font-size:1.12rem;max-width:52ch}
.ak-btn.dc{background:linear-gradient(180deg,#6d7bff,#4752c4);border-color:#c3c9ff;outline-color:rgba(230,233,255,.5)}
.dc{background:#313338;border-radius:8px;padding-bottom:14px;font-family:"gg sans","Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:#dbdee1;font-size:15px;line-height:1.375;box-shadow:0 30px 60px -24px rgba(0,0,0,.8);overflow:hidden;font-variant-numeric:normal}
.dc-tete{display:flex;align-items:center;gap:6px;padding:12px 16px;border-bottom:1px solid #26272b;font-weight:600;color:#f2f3f5;font-size:16px;box-shadow:0 1px 0 rgba(0,0,0,.2)}
.dc-diese{color:#80848e;font-size:22px;font-weight:400;line-height:1}
.dc-msg{display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;padding:14px 16px 2px}
.dc-av{width:40px;height:40px;border-radius:50%}
.dc-qui{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.dc-qui b{color:#f2f3f5;font-weight:500;font-size:16px}
.dc-app{background:#5865f2;color:#fff;font-size:10px;font-weight:600;padding:0 4.5px;border-radius:3px;line-height:15px;height:15px}
.dc-qui time{color:#949ba4;font-size:12px;margin-left:2px}
.dc-embed{margin-top:4px;max-width:520px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;background:#2b2d31;border-left:4px solid var(--c);border-radius:4px;padding:8px 16px 16px 12px}
.dc-titre{margin-top:8px;font-weight:600;color:#f2f3f5;font-size:16px}
.dc-desc{margin-top:8px;font-size:14px}
.dc-champs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px;font-size:14px}
.dc-champs>div{grid-column:span 1}
.dc-champs>.dc-long{grid-column:1/-1}
.dc-champs b{display:block;font-weight:600;color:#f2f3f5;margin-bottom:2px}
.dc-date{background:rgba(78,80,88,.48);border-radius:3px;padding:0 2px}
.dc-champs>div:has(.dc-date){grid-column:span 2}
.dc-pied{margin-top:8px;font-size:12px;color:#dbdee1}
.dc-vign{width:80px;height:80px;border-radius:4px;margin-top:8px;object-fit:contain}
@media (max-width:820px){
  .chiffres-cles .large{grid-template-columns:1fr 1fr}.cc:nth-child(3){border-left:0}.cc:nth-child(n+3){border-top:1px solid rgba(255,255,255,.07)}
  .voie .ico{top:50%;left:22px;margin:-16px 0 0;width:32px;height:32px}
  .voie .nom{left:70px}
  .communaute .large{grid-template-columns:1fr}
}


/* ═════ améliorations retenues, série 2 ═════ */

/* L · méga-menu */
.mega{display:block}
.nav li{position:relative}
.nav li.a-mega::before{content:"";position:absolute;left:-30px;right:-30px;top:100%;height:44px}
.mega{position:fixed;left:0;right:0;top:calc(88px + env(safe-area-inset-top,0px));padding:22px 0 26px;background:rgba(12,8,20,.97);backdrop-filter:blur(16px);border-block:1px solid var(--trait);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .3s,transform .4s var(--ease),visibility 0s .3s}
.barre.pleine .mega{top:calc(74px + env(safe-area-inset-top,0px))}
.nav li.a-mega:hover .mega,.nav li.a-mega:focus-within .mega,.mega.ouvert{opacity:1;visibility:visible;transform:none;transition-delay:.09s}
/* un clic dans le menu le ferme, même si la souris reste dessus pendant la transition */
.nav li.a-mega.ferme .mega{opacity:0;visibility:hidden;transform:translateY(-8px);transition:none}
/* la rubrique de la page ouverte reste allumée, même quand on est dans une de ses sous-pages */
.nav li.ici>a{color:var(--or-vif)}
.nav li.ici>a::after{transform:rotate(45deg) scale(1)}
.mega .large{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.mega a{display:grid;gap:8px;text-decoration:none;padding:0}
.mega a::after{display:none}
.mega .ph{aspect-ratio:4/3;overflow:hidden;border:1px solid rgba(255,255,255,.08)}
.mega img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.mega a:hover img{transform:scale(1.07)}
.mega.trois .large{grid-template-columns:repeat(3,1fr);max-width:980px}
.mega b{font:700 1.25rem/1 var(--f-titre);color:var(--texte)}
.mega small{color:var(--doux);font-size:.88rem;font-weight:500;line-height:1.3}
/* P · barre de lecture et retour en haut */
.lecture{display:block;position:fixed;left:0;right:0;top:0;height:2px;z-index:61;background:linear-gradient(90deg,var(--amethyste),var(--or-clair));transform-origin:0 50%;transform:scaleX(var(--p,0))}
.haut-page{display:grid;position:fixed;right:24px;bottom:24px;z-index:57;width:52px;height:52px;place-items:center;border:0;background:none;cursor:pointer;opacity:0;transform:translateY(10px);transition:.4s var(--ease);pointer-events:none}
.haut-page.vue{opacity:1;transform:none;pointer-events:auto}
.haut-page i{position:absolute;inset:8px;transform:rotate(45deg);background:linear-gradient(135deg,#f0e4ff,var(--amethyste) 48%,var(--amethyste-fonce));border:1px solid var(--or-clair);transition:transform .4s var(--ease)}
.haut-page:hover i{transform:rotate(225deg)}
.haut-page span{position:relative;color:#fff;font-weight:800;font-size:1.2rem}
@media (max-width:820px){.haut-page{bottom:80px;right:14px;width:44px;height:44px}}


/* ═════ audit : cohérence et téléphone ═════ */
.si-tactile{display:none}
@media (hover:none){.si-souris{display:none}.si-tactile{display:inline}}
.voile-menu{align-content:start;overflow-y:auto;gap:0;padding-top:104px}
.voile-menu>a{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:clamp(2rem,8.5vw,2.8rem)}
.voile-menu>a::after{content:"›";color:var(--or-vif);font:400 .7em/1 var(--f-ui)}
.menu-bas{display:grid;gap:14px;justify-items:start;margin-top:26px;opacity:0;animation:apparait .6s var(--ease) .45s forwards}
.menu-bas .ak-btn{width:100%;justify-content:center}
.menu-bas .adresse{width:100%}
.menu-bas .adresse code{flex:1}
.registre-suite{margin-top:28px}
.registre .entete-reg{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap}
.registre p+p{margin-top:12px}
.registre a{color:var(--sepia);font-weight:700}
.registre b{color:var(--encre)}
@media (max-width:820px){
  .voies .voie .nom{left:70px}
  .ouv::before{background:radial-gradient(ellipse 95% 55% at 50% 52%,rgba(12,8,20,.74),rgba(12,8,20,.18) 78%),linear-gradient(0deg,var(--nuit) 0%,rgba(12,8,20,.3) 40%,rgba(12,8,20,.78) 100%)}
  .voie .img{background-image:var(--img-m,var(--img))}
  .agenda{overflow:visible}
  .agenda-in{grid-template-columns:1fr}
  .jour{grid-template-columns:104px 1fr;align-items:start;gap:8px 12px}
  .jour h4{grid-row:1/span 2;padding-top:8px}
  .jour .ev-p{grid-column:2}
  .jour+.jour{border-left:0;border-top:1px solid rgba(255,255,255,.07)}
}
@media (max-width:560px){
  .rar{grid-template-columns:124px 1fr 34px;gap:12px}
  .rar .n{white-space:nowrap;font-size:.95rem}
  .dc .dc-msg:nth-child(2){display:none}
  .dc-msg{grid-template-columns:32px minmax(0,1fr);gap:10px;padding:12px 12px 2px}
  .dc-av{width:32px;height:32px}
  .dc-embed{gap:10px;padding:8px 12px 12px 10px}
  .dc-vign{width:52px;height:52px}
  .dc-champs>div:has(.dc-date){grid-column:1/-1}
  .tete h2,.chap h2{font-size:clamp(2.2rem,10vw,2.8rem)}
}
@media (prefers-reduced-motion:reduce){.menu-bas{opacity:1}}


/* ─── badge MineStrator : blanc, puis ses couleurs au survol ─── */
.propulse.nu{border:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:6px 2px;gap:12px;font-size:.86rem}
.propulse .ms-l{position:relative;display:inline-block}
.propulse .ms-l img{display:block;width:auto;height:17px;transition:opacity .45s var(--ease)}
.propulse.nu .ms-l img{height:26px}
.propulse .ms-l .c{position:absolute;left:0;top:0;opacity:0}
.propulse:hover .ms-l .c,.propulse:focus-visible .ms-l .c{opacity:1}
.propulse:hover .ms-l .b,.propulse:focus-visible .ms-l .b{opacity:0}
.propulse.nu:hover{color:#fff}
/* ─── séparateurs : de l'air au-dessus et au-dessous ─── */
.sep-orn{padding-block:clamp(56px,8vw,96px) clamp(36px,5vw,60px)}
.sep-orn + section{padding-top:0!important}
@media (max-width:820px){.voies .voie[aria-expanded="true"]{flex:none;height:520px}}

/* ─── logo de la barre : caché tant que le grand logo de l'ouverture est à l'écran ─── */
.marque{transition:opacity .5s var(--ease),transform .6s var(--ease)}
.barre.logo-cache .marque{opacity:0;transform:translateY(-10px);pointer-events:none}
/* ─── voies : le texte a déjà sa largeur finale, il ne se recompose pas pendant l'ouverture ─── */
.voie .fiche{right:auto;width:calc((min(100vw,var(--large)) - 2 * var(--gout) - 30px) * .4565);max-width:none;transition:opacity .45s ease,transform .7s var(--ease)}
.voie[aria-expanded="true"] .fiche{transition-delay:.32s}
@media (max-width:820px){.voie .fiche{width:100%;right:0}}
/* ─── Discord mis en avant ─── */
.i-dc{width:20px;height:20px;flex:none}
.ak-btn.dc .i-dc{width:20px;height:20px}
.dc-nav{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 14px;border:2px solid rgba(88,101,242,.55);background:rgba(88,101,242,.14);color:#e0e3ff;text-decoration:none;font-weight:700;font-size:.95rem;transition:background .3s,border-color .3s}
.dc-nav:hover{background:#5865f2;border-color:#c3c9ff;color:#fff}
.d-dc b{display:flex;align-items:center;gap:8px}
.d-dc b .i-dc{color:#8d98ff}
a.d-dc:hover{background:rgba(88,101,242,.2)}
.menu-bas .ak-btn.dc{width:100%;justify-content:center}
.barre-bas .dc-b{display:grid;place-items:center;padding:0 12px;border:1px solid rgba(88,101,242,.6);background:rgba(88,101,242,.22);color:#fff}
.barre-bas .dc-b .i-dc{width:22px;height:22px}
.adresse.invit{margin-top:4px}
.carte-dc{display:grid;grid-template-columns:auto 1fr auto;gap:26px;align-items:center;margin-top:28px;padding:28px 32px;border:1px solid rgba(88,101,242,.5);background:radial-gradient(80% 140% at 0% 50%,rgba(88,101,242,.2),transparent 70%),var(--nuit-2);text-decoration:none;transition:border-color .3s}
.carte-dc:hover{border-color:#c3c9ff}
.carte-dc .grand{width:52px;height:52px;color:#8d98ff}
.carte-dc h3{font-size:1.8rem}
.carte-dc p{color:var(--doux)}
.ak-btn.petit{padding:11px 16px 12px;font-size:.95rem;justify-self:start}
@media (max-width:1060px){.dc-nav{margin-left:auto;padding:0 12px}.dc-nav span{display:none}.burger{margin-left:-14px}}
@media (max-width:820px){.carte-dc{grid-template-columns:1fr;justify-items:start}}
/* transition de page */
#transition{position:fixed;inset:0;z-index:90;pointer-events:none;width:100%;height:100%;contain:strict}

/* ─── étroit ─── */
@media (max-width:1060px){
  .nav,.barre .ak-btn{display:none}
  .burger{display:grid}
  .barre>.large{height:74px}
  .marque img,.barre.pleine .marque img{height:52px}
  .une{grid-template-columns:1fr 1fr}
  .une .nouv:first-child{grid-column:1/-1}
  .semaine{grid-template-columns:1fr 1fr}
  .pied .large{grid-template-columns:1fr 1fr}
}
@media (max-width:820px){
  .voies{flex-direction:column;height:auto}
  .voie{flex:none;height:92px;transition:height .8s var(--ease),border-color .4s}
  .voie[aria-expanded="true"]{height:500px}
  .voie .nom{writing-mode:horizontal-tb;transform:none;left:22px;bottom:auto;top:50%;margin-top:-.5em;font-size:1.6rem}
  .dock-in{grid-template-columns:1fr 1fr}
  .d:nth-child(3){border-left:0}
  .d:nth-child(n+3){border-top:1px solid rgba(255,255,255,.08)}
  .ouv-centre{padding-top:120px}
  .une,.cartes-accueil .large,.chap,.chap:nth-of-type(even),.monnaies,.lois,.saison-faits,.booster,.etapes,.regles-cols{grid-template-columns:1fr}
  .chap:nth-of-type(even) .art{order:0}
  .ev.grand{grid-column:1/-1;grid-row:auto}
  .lignes{columns:1}
  .bandeau::before,.bandeau.d::before{background:linear-gradient(0deg,var(--nuit) 30%,rgba(12,8,20,.7) 60%,rgba(12,8,20,.2))}
  .bandeau{align-items:flex-end}
  .bandeau .large{padding-block:200px 60px}
  .eventail figure:nth-child(1),.eventail figure:nth-child(5){display:none}
  .rar{grid-template-columns:120px 1fr 44px}
}
@media (max-width:560px){
  .semaine{grid-template-columns:1fr}
  .pied .large{grid-template-columns:1fr}
  .adresse{flex-wrap:wrap}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .voile-menu>a{opacity:1;transform:none}
}

/* utilitaire commun : un texte lu par les lecteurs d’écran seulement */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* ─── l'abonnement, partout sur le site ─── */
.promo-abo{padding-block:clamp(60px,8vw,110px);background:radial-gradient(50% 70% at 25% 50%,rgba(247,196,108,.12),transparent 70%),radial-gradient(60% 80% at 80% 50%,rgba(154,92,255,.14),transparent 70%)}
.promo-abo.court{padding-block:clamp(40px,5vw,70px)}
.promo-in{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(20px,4vw,60px);align-items:center;padding:clamp(20px,3vw,40px);border:2px solid transparent;
  background:linear-gradient(160deg,rgba(44,26,70,.9),rgba(23,14,37,.95)) padding-box,linear-gradient(135deg,#f7c46c,#ef9f27 30%,#7a4608 60%,#f7c46c) border-box}
.promo-img{position:relative;display:grid;place-items:center;align-self:stretch;background:radial-gradient(50% 45% at 50% 55%,rgba(154,92,255,.35),transparent 75%)}
.promo-img img{width:auto;max-height:clamp(260px,34vw,420px);filter:drop-shadow(0 24px 30px rgba(0,0,0,.6))}
.promo-txt{display:grid;gap:14px;justify-items:start}
.promo-txt h2{font-size:clamp(2.2rem,4.4vw,3.8rem)}
.promo-txt>p{color:#e6ddf1;font-size:1.12rem}
.promo-liste{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.promo-liste li{position:relative;padding-left:22px;color:var(--doux)}
.promo-liste li::before{content:"";position:absolute;left:2px;top:.55em;width:9px;height:9px;transform:rotate(45deg);background:linear-gradient(135deg,#ffe8b8,var(--or-clair) 48%,#7a4608)}
.promo-liste b{color:var(--texte)}
.promo-bas{display:flex;align-items:center;gap:18px 28px;flex-wrap:wrap;margin-top:6px}
.promo-prix{display:flex;align-items:baseline;gap:8px}
.promo-prix b{font:700 2.6rem/1 var(--f-titre);background:linear-gradient(180deg,#ffe3a6,var(--or-vif) 45%,var(--or-clair) 75%,#a86412);-webkit-background-clip:text;background-clip:text;color:transparent}
.promo-prix span{color:var(--doux);font-weight:600}
.promo-abo.court .promo-liste li:nth-child(n+3){display:none}
.promo-abo.court .promo-img img{max-height:clamp(220px,26vw,320px)}
.nav-abo{color:var(--or-vif)!important;display:inline-flex!important;align-items:center;gap:7px}
.nav a.nav-abo .fa{width:7px;height:7px}
.voile-menu>a.nav-abo{color:var(--or-vif)}
@media (max-width:1180px){.nav a{padding-inline:10px}}
@media (max-width:820px){.promo-in{grid-template-columns:1fr}.promo-img img{max-height:260px}}
/* ─── la langue : FR · EN, l'autre page au même endroit ─── */
.langue{display:flex;align-items:center;font:800 .8rem/1 var(--f-ui);letter-spacing:.1em;color:rgba(181,168,201,.5)}
.langue>*{display:grid;place-items:center;min-width:30px;height:44px;padding:0 3px}
.langue span[aria-hidden]{min-width:0;padding:0 1px}
.langue .on{color:var(--or-vif)}
.langue a{color:var(--doux);text-decoration:none;transition:color .25s}
.langue a:hover{color:#fff}
.langue a:active{color:var(--or-vif)}
@media (max-width:1060px){.barre .langue{display:none}}
.menu-bas .langue{margin:2px 0 0 -3px;font-size:.9rem}
.menu-bas .langue>*{min-width:44px}
/* menu ouvert : les barres d'achat collées en bas passaient dessus et cachaient FR · EN, tout en bas */
body:has(#voileMenu:not([hidden])) :is(.barre-bas,.ab-barre,.pd-barre,.bq-barre){visibility:hidden}


/* ═════ page boutique : un inventaire, façon menus de jeu ═════ */
.bq{--cadre:#0d0816;--case:#1c1330;padding:100px 0 clamp(50px,6vw,90px);background:radial-gradient(70% 50% at 30% 30%,rgba(91,39,185,.18),transparent 70%),var(--nuit)}
.bq [data-rarete=common]{--r:#c8c0d6}.bq [data-rarete=uncommon]{--r:#63e79b}.bq [data-rarete=rare]{--r:#6cb6ff}.bq [data-rarete=epic]{--r:#c08cff}.bq [data-rarete=legendary]{--r:#ffae4a}

/* l'en-tête : le titre, les onglets Objets / Panier, puis les onglets des rayons */
.bq-tete{display:flex;align-items:flex-end;justify-content:space-between;gap:16px 32px;flex-wrap:wrap;border-bottom:1px solid rgba(220,203,255,.12)}
.bq-tete h1{font-size:clamp(2.4rem,4vw,3.4rem);padding-bottom:10px}
.bq-titre{display:grid;gap:4px;padding-bottom:12px}
.bq-titre p{color:var(--doux);font-size:.98rem}
.bq-onglets{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.bq-onglets::-webkit-scrollbar{display:none}
.bq-onglets [role=tab]{position:relative;flex:none;display:inline-flex;align-items:center;gap:8px;padding:14px 16px 16px;background:none;border:0;cursor:pointer;font:700 1.08rem/1 var(--f-ui);color:#a598ba;transition:color .2s}
.bq-onglets [role=tab]:hover{color:var(--texte)}
.bq-onglets [role=tab][aria-selected="true"]{color:var(--or-vif)}
.bq-onglets [role=tab][aria-selected="true"]::after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:3px;background:var(--or-clair)}
.bq-n{min-width:22px;height:22px;padding:0 6px;display:inline-grid;place-items:center;background:var(--or-clair);color:#2b1800;font:800 .8rem/1 var(--f-ui);border-radius:11px}
.bq-puces{flex-basis:100%;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:12px 2px;margin-bottom:-1px}
.bq-puces::-webkit-scrollbar{display:none}
.bq-puces a{flex:none;padding:10px 15px 11px;font:700 .98rem/1 var(--f-ui);color:#cfc4e2;text-decoration:none;background:rgba(220,203,255,.06);border:1px solid rgba(220,203,255,.14);transition:color .2s,background .2s,border-color .2s,transform .15s}
.bq-puces a:hover{color:var(--texte);border-color:rgba(220,203,255,.35)}
.bq-puces a:active{transform:scale(.96)}
.bq-puces a[aria-selected="true"]{color:#2b1800;background:linear-gradient(180deg,#ffe3a6,var(--or-clair));border-color:var(--or-vif)}
.bq-puces a:first-child{color:var(--or-vif);border-color:var(--trait)}
.bq-puces a:first-child[aria-selected="true"]{color:#2b1800}

/* le héros à gauche, large ; la liste du rayon choisi à droite */
.bq-corps{display:grid;grid-template-columns:minmax(340px,1fr) minmax(0,1.22fr);gap:clamp(18px,2.4vw,36px);align-items:start;padding-top:22px}
.bq-heros{position:sticky;top:90px}
.bq-scene{position:relative;height:min(76vh,700px);min-height:460px;background:radial-gradient(52% 50% at 50% 54%,rgba(124,72,214,.34),rgba(60,30,110,.12) 60%,transparent 80%);border:1px solid rgba(220,203,255,.1)}
.bq-scene canvas{position:absolute;inset:0;width:100%!important;height:100%!important;cursor:grab;touch-action:pan-y}
.bq-skin{position:absolute;left:10px;right:10px;top:10px;display:flex;gap:6px;z-index:2}
.bq-skin input{flex:1;min-width:0;padding:9px 11px;background:rgba(12,8,20,.75);border:1px solid rgba(220,203,255,.2);color:var(--texte);font:700 .95rem/1 var(--f-ui);outline:none}
.bq-skin input:focus{border-color:var(--or-clair)}
.bq-skin>button,.gr-base button{padding:8px 10px;background:rgba(12,8,20,.75);border:1px solid rgba(220,203,255,.2);color:var(--doux);font:700 .88rem/1 var(--f-ui);cursor:pointer}
.bq-skin>button{color:var(--or-vif);border-color:var(--trait)}
.gr-base{display:flex;gap:4px}
.gr-base button[aria-pressed="true"]{color:var(--or-vif);border-color:var(--or-clair)}
.bq-etat{position:absolute;left:10px;right:10px;bottom:52px;z-index:3;padding:9px 11px;background:rgba(12,8,20,.9);border-left:3px solid var(--or-clair);color:var(--texte);font-size:.9rem;line-height:1.35}
.bq-etat:empty{display:none}
.bq-skin-b{display:none}
.bq-actions{position:absolute;right:10px;bottom:10px;z-index:2;display:flex;gap:6px}
.bq-retire,.bq-tout{padding:7px 10px;background:rgba(12,8,20,.7);border:1px solid rgba(220,203,255,.2);color:var(--doux);font-weight:700;font-size:.85rem;cursor:pointer}
.bq-tout{border-color:var(--or-clair);color:var(--or-vif)}
.bq-tout:hover{background:rgba(154,92,255,.3)}
.bq-tout[hidden]{display:none}
.bq-retire:active,.bq-tout:active,.bq-skin>button:active,.gr-base button:active{transform:scale(.96)}
.bq-legende,.bq-geste{display:none}

.bq-grand{width:100%;justify-content:center;padding:17px 22px 18px;font-size:1.12rem}
.bq-ruban{padding:6px 10px;font:800 .8rem/1 var(--f-ui);background:rgba(220,203,255,.14);color:var(--lueur)}
.bq-ruban.or{background:linear-gradient(180deg,#ffe3a6,var(--or-clair));color:#2b1800}
.bq-autres{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}
.bq-autre{display:grid;gap:8px;align-content:start;padding:18px;text-decoration:none;background:linear-gradient(160deg,#241634,#150d22);border:1px solid rgba(220,203,255,.18);transition:transform .25s var(--ease),border-color .25s}
.bq-autre.or{border-color:var(--trait);background:linear-gradient(160deg,#2c1a46,#170e25)}
.bq-autre:hover{transform:translateY(-3px);border-color:var(--or-clair)}
.bq-autre:active{transform:scale(.98)}
.bq-autre b{font:700 1.35rem/1.15 var(--f-titre)}
.bq-autre .sur{font-size:.8rem}

/* un rayon à la fois : il apparaît en douceur quand on change d'onglet */
.bq-rayon{animation:bq-entre .32s var(--ease) both}
@keyframes bq-entre{from{opacity:0;transform:translateY(8px)}}
.bq-rayon header{display:flex;justify-content:space-between;align-items:baseline;gap:4px 12px;flex-wrap:wrap;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid rgba(220,203,255,.1)}
.bq-rayon h3{font-size:1.7rem}
.bq-rayon header p{flex-basis:100%;order:3;color:#a598ba;font-size:.95rem}
.bq-compte{margin-left:auto;color:#8d80a3;font-weight:700;font-size:.82rem}
.bq-sous{margin:22px 0 10px;padding-left:12px;border-left:3px solid var(--or-clair)}
.bq-rayon header+.bq-sous{margin-top:4px}
.bq-sous h4{font:700 1.15rem/1.1 var(--f-titre);color:var(--or-vif)}
.bq-sous p{margin-top:4px;color:#a598ba;font-size:.92rem}

/* les cases : un cadre sombre, l'intérieur à la couleur de la rareté */
.bq-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:12px}
.bq-case{--r1:#3a3150;--r2:#231b33;--r:#b9b1c7;position:relative;display:grid;gap:6px;align-content:start}
.r-common{--r1:#3b3450;--r2:#1f1830;--r:#c8c0d6}.r-uncommon{--r1:#1f5a3c;--r2:#132a22;--r:#63e79b}.r-rare{--r1:#1f4f86;--r2:#131f38;--r:#6cb6ff}
.r-epic{--r1:#5a2c93;--r2:#221236;--r:#c08cff}.r-legendary{--r1:#9a4c12;--r2:#2c160b;--r:#ffae4a}
.bq-case-v{position:relative;display:block;width:100%;aspect-ratio:1;padding:0;cursor:pointer;border:3px solid var(--cadre);outline:1px solid rgba(220,203,255,.14);outline-offset:0;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;
  background:radial-gradient(90% 90% at 30% 20%,var(--r1),var(--r2));box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),inset 0 -18px 30px -12px rgba(0,0,0,.6);transition:transform .25s var(--ease),outline-color .2s}
.bq-case-v::before{content:"";position:absolute;left:6px;top:6px;width:8px;height:8px;transform:rotate(45deg);background:var(--r);opacity:.9}
.bq-case-v:hover{transform:translateY(-3px);outline-color:var(--r)}
.bq-case-v:active{transform:scale(.97)}
.bq-case.choisie .bq-case-v{outline:3px solid #fff;outline-offset:1px}
.bq-case-img{position:absolute;inset:7%;display:grid;place-items:center}
.bq-case-img img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(0,0,0,.55))}
.bq-attente{width:28%;aspect-ratio:1;transform:rotate(45deg);background:rgba(255,255,255,.1);animation:attente 1.1s ease-in-out infinite alternate}
@keyframes attente{to{background:rgba(255,255,255,.26)}}
.bq-case-p{position:absolute;right:5px;bottom:5px;padding:3px 6px;background:rgba(8,5,13,.82);font:800 .82rem/1 var(--f-ui);color:#fff}
.bq-case-a{position:absolute;right:-6px;top:-6px;z-index:2;width:34px;height:34px;display:grid;place-items:center;padding:0;border:2px solid var(--cadre);border-radius:50%;background:#3a2a56;cursor:pointer;transition:background .2s,transform .2s}
.bq-case-a::before{content:"+";font:800 1.2rem/1 var(--f-ui);color:#fff}
.bq-case-a:hover{transform:scale(1.1)}
.bq-case-a:active{transform:scale(.92)}
.bq-case.dans-sac .bq-case-a{background:var(--or-clair)}
.bq-case.dans-sac .bq-case-a::before{content:"";width:6px;height:12px;border:solid #2b1800;border-width:0 3px 3px 0;transform:translateY(-2px) rotate(45deg)}
.bq-case.portee .bq-case-v::after{content:"Porté";position:absolute;left:5px;bottom:5px;padding:3px 6px;background:rgba(247,196,108,.92);color:#2b1800;font:800 .72rem/1 var(--f-ui)}
.bq-case-n{font-weight:700;font-size:.9rem;line-height:1.2;color:#e6ddf1}

/* le lot */
.bq-lot{display:grid;grid-template-columns:1fr auto;gap:14px 20px;align-items:center;padding:20px;border:2px solid var(--or-clair);background:linear-gradient(160deg,rgba(154,76,18,.25),rgba(20,13,31,.9))}
.bq-lot-t{display:grid;gap:8px;justify-items:start}
.bq-lot h3{font-size:1.9rem}
.bq-lot-t p{color:var(--doux);font-size:.95rem;max-width:40ch}
.bq-lot .bq-grille{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}
.bq-lot-prix{display:grid;justify-items:end;gap:6px;grid-row:1;grid-column:2}
.bq-lot-prix s{color:#8d80a3}
.bq-lot-prix b{font:700 2.2rem/1 var(--f-titre);color:var(--or-vif)}

/* le panier */
.bq-titre-sac{font-size:2.2rem;margin-bottom:14px}
.bq-lignes{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.bq-lignes li{display:grid;grid-template-columns:56px 1fr auto auto;gap:12px;align-items:center;padding:8px 10px;background:var(--case);border:1px solid rgba(220,203,255,.1)}
.bq-l-img{width:56px;height:56px;display:grid;place-items:center;background:radial-gradient(closest-side,rgba(154,92,255,.35),transparent);border:2px solid var(--cadre)}
.bq-l-img img{width:100%;height:100%;object-fit:contain}
.bq-l-t{display:grid;gap:2px;min-width:0}
.bq-l-t small{color:#8d80a3;font-size:.84rem}
.bq-l-p{font-weight:800;color:var(--or-vif);white-space:nowrap}
.bq-x{width:34px;height:34px;border:1px solid rgba(220,203,255,.2);background:none;color:var(--doux);font-size:1.2rem;cursor:pointer}
.bq-vide{color:var(--doux)}
.bq-lien{background:none;border:0;padding:0;color:var(--or-vif);font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}
.bq-astuce{margin-top:12px;padding:12px;border:1px dashed var(--or-clair);color:var(--or-vif)}
.bq-payer{display:grid;gap:10px;margin-top:16px;padding:18px;background:linear-gradient(160deg,#2c1a46,#170e25);border:1px solid var(--trait)}
.bq-tot{display:flex;justify-content:space-between;align-items:baseline}
.bq-tot span{font-weight:700;color:var(--doux)}
.bq-tot b{font:700 2.2rem/1 var(--f-titre);color:var(--or-vif)}
.bq-payer small{color:#8d80a3;text-align:center;font-size:.85rem}

/* ce qu'on dit d'un objet : la bulle (ordinateur) et la feuille (téléphone) partagent leurs lignes */
.bq-i-haut{display:flex;align-items:center;justify-content:space-between;gap:10px}
.bq-i-rar{padding:4px 8px;font:800 .76rem/1 var(--f-ui);letter-spacing:.02em;color:#1a0f05;background:var(--r,#c8c0d6)}
.bq-i-type{color:#a598ba;font-weight:700;font-size:.85rem;text-align:right}
.bq-i-nom{display:block;font:700 1.5rem/1.05 var(--f-titre);color:var(--texte)}
.bq-i-dit{color:#d6cce6;font-size:.95rem;line-height:1.42}
.bq-i-prix{display:flex;align-items:baseline;gap:4px 10px;flex-wrap:wrap;padding-top:9px;border-top:1px solid rgba(220,203,255,.1)}
.bq-i-prix b{font:700 1.65rem/1 var(--f-titre);color:var(--or-vif)}
.bq-i-prix small{color:#8d80a3;font-size:.84rem}
.bq-info{position:fixed;left:0;top:0;z-index:130;width:292px;max-width:calc(100vw - 24px);display:grid;gap:9px;padding:15px 16px 13px;pointer-events:none;
  background:linear-gradient(170deg,#22173a,#140d22 72%);border:1px solid rgba(220,203,255,.16);border-top:3px solid var(--r,#c8c0d6);box-shadow:0 22px 44px rgba(0,0,0,.6),0 0 0 1px rgba(0,0,0,.45);opacity:0;transition:opacity .14s}
.bq-info::before{content:"";position:absolute;top:26px;width:11px;height:11px;transform:rotate(45deg);background:var(--r,#c8c0d6);box-shadow:0 0 0 3px #1b1230}
.bq-info[data-cote=d]::before{left:-7px}.bq-info[data-cote=g]::before{right:-7px}.bq-info[data-cote=b]::before{top:-7px;left:calc(50% - 5px)}.bq-info[data-cote=h]::before{top:auto;bottom:-7px;left:calc(50% - 5px)}
.bq-info.vue{opacity:1}
.bq-i-note{display:flex;align-items:center;gap:6px;color:#8d80a3;font-size:.8rem}
.bq-i-note kbd{padding:3px 6px 4px;font:800 .72rem/1 var(--f-ui);color:var(--texte);background:rgba(220,203,255,.07);border:1px solid rgba(220,203,255,.24);border-bottom-width:2px}
.bq-i-note i{width:5px;height:5px;margin:0 3px;transform:rotate(45deg);background:#5a4d70}
@media (hover:none),(pointer:coarse){.bq-info{display:none!important}}
.bq-voile{position:fixed;inset:0;z-index:94;background:rgba(6,3,10,.55);opacity:0;transition:opacity .3s}
html.bq-feuille-ouverte .bq-voile{opacity:1}
.bq-feuille{position:fixed;left:0;right:0;bottom:0;z-index:95;max-height:82svh;overflow-y:auto;overscroll-behavior:contain;display:grid;grid-template-columns:104px 1fr;gap:12px 14px;align-items:center;
  padding:26px var(--gout) calc(18px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,#21163a,#130c20 70%);border-top:3px solid var(--r,#c8c0d6);box-shadow:0 -30px 60px rgba(0,0,0,.6);transform:translateY(105%);transition:transform .35s var(--ease)}
html.bq-feuille-ouverte .bq-feuille{transform:none}
.bq-poignee{position:absolute;left:50%;top:9px;width:44px;height:5px;margin-left:-22px;background:rgba(220,203,255,.3);border-radius:3px}
.bq-f-x{position:absolute;right:4px;top:4px;width:48px;height:48px;border:0;background:none;color:var(--or-vif);font-size:1.8rem;line-height:1;cursor:pointer}
.bq-f-x:active{transform:scale(.9)}
.bq-f-img{aspect-ratio:1;display:grid;place-items:center;background:radial-gradient(closest-side,color-mix(in srgb,var(--r,#c8c0d6) 26%,transparent),transparent)}
.bq-f-img img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(0,0,0,.6))}
.bq-f-t{display:grid;gap:8px;align-content:center;padding-right:34px}
.bq-f-t .bq-i-haut{justify-content:flex-start}
.bq-feuille .bq-i-nom{font-size:1.6rem}
.bq-feuille .bq-i-dit,.bq-feuille .bq-i-prix,#bqFAct{grid-column:1/-1}
#bqFAct.dedans{background:linear-gradient(180deg,#3c2a5a,#2a1c42)}
#bqFAct:disabled{background:rgba(220,203,255,.08);border-color:rgba(220,203,255,.2);outline:0;color:var(--doux);cursor:default;transform:none;box-shadow:none}

/* la barre du panier : ordinateur, une pastille en bas au centre, dès qu'il y a quelque chose dedans */
.bq-barre{position:fixed;left:50%;bottom:24px;z-index:90;display:flex;gap:8px;align-items:center;padding:8px;background:rgba(20,13,32,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--or-clair);box-shadow:0 14px 40px rgba(0,0,0,.55);transform:translate(-50%,calc(100% + 40px));transition:transform .35s var(--ease)}
html.bq-sac-plein .bq[data-onglet=objets] .bq-barre{transform:translate(-50%,0)}
.bq-barre-sac{display:flex;align-items:center;gap:8px;padding:12px 14px;background:none;border:1px solid var(--trait);color:var(--texte);font:700 1rem/1 var(--f-ui);cursor:pointer}
.bq-barre-sac:hover{border-color:var(--or-clair)}
.bq-barre-sac b{color:var(--or-vif)}
html.bq-sac-plein .bq-o-sac{color:var(--or-vif)}
html.bq-sac-plein .bq-bulle{bottom:100px}
@keyframes bq-hop{40%{transform:scale(1.4)}}
.bq-n.hop{animation:bq-hop .4s var(--ease)}
.bq-bulle{position:fixed;left:50%;bottom:24px;z-index:120;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:12px 16px;background:#2a1c42;border:1px solid var(--or-clair);color:var(--texte);font-weight:700;transition:.3s var(--ease);max-width:calc(100% - 32px)}
.bq-bulle.vue{opacity:1;transform:translate(-50%,0)}
@media (max-width:820px){.bq-bulle{bottom:90px}}

@media (max-width:1100px){.bq-corps{grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr)}.bq-lot .bq-grille{grid-template-columns:repeat(2,1fr)}}
@media (max-width:820px),(max-height:560px){
  .bq{padding-top:84px}
  .bq-tete{position:sticky;top:74px;z-index:20;background:rgba(12,8,20,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);margin-inline:0;padding-inline:var(--gout);border-bottom-color:rgba(220,203,255,.08)}
  .bq-titre,.bq-onglets{display:none}
  .bq-puces{padding:10px 0;scroll-padding-inline:var(--gout)}
  .bq-puces a{padding:9px 13px 10px;font-size:.95rem}
  .bq-corps{grid-template-columns:minmax(0,1fr);padding-top:0;gap:12px}
  .bq-contenu :is(button,.bq-case,a,h2,h3){scroll-margin-top:calc(170px + max(40svh,240px));scroll-margin-bottom:90px}
  /* le héros reste en haut ; le rayon choisi dessous, en une rangée qu'on fait glisser */
  .bq-heros{position:sticky;top:130px;z-index:10;margin-inline:calc(-1*var(--gout));background:var(--nuit)}
  .bq-scene{height:clamp(230px,41svh,420px);min-height:0;border-width:0 0 1px}
  .bq-skin-b{display:block;position:absolute;left:8px;top:8px;z-index:3;padding:7px 10px;background:rgba(12,8,20,.7);border:1px solid rgba(220,203,255,.2);color:var(--doux);font:700 .8rem/1 var(--f-ui);cursor:pointer}
  .bq-skin-b:active{transform:scale(.95)}
  .bq-skin{left:8px;right:8px;top:8px;display:none;flex-wrap:wrap}
  .bq-scene.skin-ouvert .bq-skin{display:flex}
  .bq-scene.skin-ouvert .bq-skin-b,.bq-scene.skin-ouvert .bq-actions{display:none}
  .bq-etat{bottom:62px;left:8px;right:8px}
  .bq-skin input{padding:7px 9px;font-size:.9rem}
  .bq-actions{bottom:auto;top:8px;right:8px;flex-direction:column-reverse;align-items:flex-end}
  .bq-retire,.bq-tout{font-size:.8rem}
  .bq-etat:not(:empty)~.bq-actions{display:none}
  #bqRayons .bq-grille{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;
    margin-inline:calc(-1*var(--gout));padding:8px calc(50% - 64px) 4px;-webkit-overflow-scrolling:touch}
  #bqRayons .bq-grille::-webkit-scrollbar{display:none}
  #bqRayons .bq-case{flex:none;width:128px;scroll-snap-align:center;transition:transform .3s var(--ease),opacity .3s}
  #bqRayons .bq-grille:has(.choisie) .bq-case:not(.choisie){opacity:.62;transform:scale(.92)}
  .bq-case-n{text-align:center}
  .bq-rayon header{margin-bottom:2px;border:0;padding-bottom:0}
  .bq-rayon h3{font-size:1.4rem}
  .bq-rayon header p{font-size:.88rem}
  .bq-sous{margin:14px 0 2px}
  .bq-sous h4{font-size:1.05rem}
  .bq-sous p{font-size:.85rem}
  .bq-lot{grid-template-columns:1fr;padding:14px var(--gout);margin-inline:calc(-1*var(--gout));border-width:2px 0}
  .bq-lot h3{font-size:1.5rem}
  .bq-lot .bq-grille{margin-inline:calc(-1*var(--gout))}
  .bq-lot-prix{grid-row:auto;grid-column:1;justify-items:start;grid-auto-flow:column;align-items:baseline;gap:10px}
  .bq-autres{grid-template-columns:1fr}
  .bq-legende{position:absolute;left:8px;right:8px;bottom:8px;z-index:3;display:flex;align-items:center;gap:8px;padding:8px 8px 8px 12px;background:rgba(12,8,20,.86);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(220,203,255,.16);border-left:3px solid var(--r,#c8c0d6)}
  .bq-leg-t{flex:1;min-width:0;display:grid;line-height:1.15}
  .bq-leg-t b{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .bq-leg-t small{color:var(--or-vif);font-weight:700;font-size:.82rem}
  .bq-leg-i{flex:none;width:40px;height:40px;border:1px solid rgba(220,203,255,.25);background:none;color:var(--lueur);font:italic 700 1.1rem/1 var(--f-lire);cursor:pointer}
  .bq-leg-a{flex:none;height:40px;padding:0 12px;border:2px solid var(--or-clair);background:linear-gradient(180deg,#9a5cff,#5b27b9);color:#fff;font:800 .9rem/1 var(--f-ui);cursor:pointer;transition:transform .15s}
  .bq-leg-a:active,.bq-leg-i:active{transform:scale(.94)}
  .bq-leg-a.dedans{background:linear-gradient(180deg,#3c2a5a,#2a1c42);border-color:var(--trait);color:var(--or-vif)}
  .bq-geste{display:block;margin:0;padding:6px var(--gout) 8px;text-align:center;color:#8d80a3;font-size:.8rem;background:var(--nuit)}
  /* la barre du panier, en bas, dès qu'il y a quelque chose dedans */
  .bq-barre{position:fixed;left:0;right:0;bottom:0;z-index:90;display:flex;gap:10px;align-items:center;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(12,8,20,.95);border:0;border-top:1px solid var(--trait);box-shadow:none;transform:translateY(110%);transition:transform .35s var(--ease)}
  html.bq-sac-plein .bq[data-onglet] .bq-barre{transform:none}
  .bq-barre-sac{flex:1;padding:12px}
  .bq-barre-sac:active{transform:scale(.98)}
  .bq-barre .ak-btn{padding:13px 18px}
  body:has(.page[data-route=boutique]:not([hidden])) .barre-bas{display:none!important}
  body:has(.page[data-route=boutique]:not([hidden])) .haut-page{display:none!important}
}
@media (prefers-reduced-motion:reduce){.bq-rayon{animation:none}.bq-feuille,.bq-voile{transition:none}}

/* don */
.bq-don{display:flex;align-items:center;justify-content:space-between;gap:20px 40px;flex-wrap:wrap;margin-top:64px;padding:clamp(24px,3vw,40px);border:1px solid var(--trait);
  background:radial-gradient(80% 140% at 100% 50%,rgba(154,92,255,.2),transparent 70%),var(--nuit-2)}
.bq-don h3{font-size:clamp(1.9rem,3vw,2.5rem)}
.bq-don p{color:var(--doux);max-width:52ch;margin-top:6px}
@media (max-width:820px){.bq-don .ak-btn{width:100%;justify-content:center}}

/* écran bas (téléphone couché) : le héros ne reste pas collé, il n'y aurait plus de place pour les objets */
@media (max-height:560px){
  .bq-heros{position:relative;top:auto}
  .bq-scene{height:78svh}
  .bq-contenu :is(button,.bq-case,a,h2,h3){scroll-margin-top:140px}
}


/* ═ page Cartes : la carte vedette telle qu'en jeu (assets/carte3d.js), les raretés ═ */
.vitrine .large{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,70px);align-items:center}
.vitrine-txt{display:grid;gap:18px;justify-items:start}
.vitrine-txt h2{font-size:clamp(2.4rem,5vw,4.2rem)}
.vitrine-txt p{color:var(--doux);font-size:1.12rem;max-width:48ch}
.vitrine-txt .indice{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--lueur);font-size:1rem}
.scene{display:grid;place-items:center;padding-block:28px}
.c3d{position:relative;width:min(400px,78vw);aspect-ratio:744/1020;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.c3d-in{position:absolute;inset:0;border-radius:3.9%/2.84%;will-change:transform;
  box-shadow:0 40px 70px -30px rgba(0,0,0,.9),0 0 70px -14px rgba(154,92,255,.5)}
.c3d img,.c3d canvas{position:absolute;inset:0;width:100%;height:100%;display:block;-webkit-user-drag:none}
.c3d canvas{opacity:0}
.c3d.gl canvas{opacity:1}
.c3d.gl img{visibility:hidden}
@media (max-width:820px){.vitrine .large{grid-template-columns:1fr}}
.rar .barre-r i{width:calc(var(--v)/var(--max,40)*100%)}
.rar-note{color:var(--doux);font-size:1.05rem;max-width:62ch;margin-top:22px}


/* ─── Saison I : la piste des 50 paliers, chaque récompense à sa place ─── */
.sp-cadre{position:relative;margin-top:clamp(4px,1.5vw,16px);--pas:136px;--img:88px;--h-g:184px;--h-r:54px;--h-o:236px;--carte:160px;--bord:max(52px,calc((100% - var(--large))/2 + var(--gout) - 8px))}
.sp-defile{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:calc(var(--bord) + 6px);scrollbar-width:none;overscroll-behavior-x:contain;cursor:grab;user-select:none;-webkit-user-select:none;outline-offset:-3px;
  -webkit-mask:linear-gradient(90deg,transparent calc(var(--bord) - 12px),#000 calc(var(--bord) + 6px),#000 calc(100% - 70px),transparent);mask:linear-gradient(90deg,transparent calc(var(--bord) - 12px),#000 calc(var(--bord) + 6px),#000 calc(100% - 70px),transparent)}
.sp-defile::-webkit-scrollbar{display:none}
.sp-defile.sp-tire{cursor:grabbing;scroll-snap-type:none}
.sp-defile img{-webkit-user-drag:none}
.sp-liste{list-style:none;margin:0;display:flex;width:max-content;padding:0 calc(var(--bord) + 60px) 0 calc(var(--bord) + 6px)}
.sp-p{position:relative;flex:none;width:var(--pas);scroll-snap-align:start}
.sp-p>div{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--h-g) var(--h-r) var(--h-o)}
.sp-p:first-child .sp-n::before,.sp-p:first-child .sp-bas::before{left:50%}
.sp-p:last-child .sp-n::before,.sp-p:last-child .sp-bas::before{right:50%}
/* les paliers 10, 20, 30, 40, 50 : une colonne de lumière */
.sp-p.m::before{content:"";position:absolute;inset:0 5px;background:linear-gradient(180deg,rgba(239,159,39,.13),rgba(239,159,39,.04) 55%,rgba(239,159,39,.08));border-top:2px solid rgba(239,159,39,.6);pointer-events:none}

/* en haut : ce que tout le monde gagne */
.sp-g{position:relative;display:grid;grid-template-rows:var(--img) auto auto;justify-items:center;align-content:center;gap:1px;text-align:center;padding-top:4px}
.sp-img{position:relative;width:var(--img);height:var(--img);display:grid;place-items:center}
.sp-img::before{content:"";position:absolute;inset:19%;transform:rotate(45deg);background:radial-gradient(closest-side,rgba(154,92,255,.32),rgba(154,92,255,.07) 72%,transparent);border:1px solid rgba(220,203,255,.13);transition:transform .45s var(--ease),border-color .3s}
.sp-img img{position:relative;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 7px rgba(0,0,0,.6));transition:transform .45s var(--ease)}
.sp-g b{margin-top:6px;font:800 1.12rem/1.1 var(--f-ui);color:var(--texte);white-space:nowrap;font-variant-numeric:tabular-nums}
.sp-g small{font:500 .8rem/1.15 var(--f-ui);color:var(--doux);max-width:calc(var(--pas) - 14px)}
.sp-g.t-a b{color:var(--or-vif)}
.sp-g.t-s b{color:var(--lueur)}
.sp-g.t-t .sp-img{width:calc(var(--pas) - 8px)}
.sp-g.t-t .sp-img::before{inset:24% 30%}
.sp-g.t-t b,.sp-g.t-c b{font:800 .74rem/1 var(--f-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--lueur)}
.sp-g.t-c b{margin-top:8px}
.sp-g.t-c small{margin-top:3px}
.sp-p.m .sp-img::before{background:radial-gradient(closest-side,rgba(239,159,39,.34),rgba(239,159,39,.08) 72%,transparent);border-color:rgba(239,159,39,.4)}
.sp-p:hover .sp-img img{transform:translateY(-5px) scale(1.06)}
.sp-p:hover .sp-img::before{transform:rotate(45deg) scale(1.1);border-color:rgba(220,203,255,.3)}

/* au milieu : le numéro du palier */
.sp-n{position:relative;display:grid;place-items:center}
.sp-n::before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:rgba(220,203,255,.18)}
.sp-n i{position:relative;width:28px;height:28px;display:grid;place-items:center;transform:rotate(45deg);background:var(--nuit-2);border:1px solid rgba(220,203,255,.32)}
.sp-n i span{transform:rotate(-45deg);font:800 .76rem/1 var(--f-ui);color:var(--doux)}
.sp-p.m .sp-n i{width:36px;height:36px;border-color:var(--or-clair);background:linear-gradient(135deg,#3d2610,#1a0f08);box-shadow:0 0 18px rgba(239,159,39,.35)}
.sp-p.m .sp-n i span{font-size:.88rem;color:var(--or-vif)}
.sp-p.a-or .sp-n i{border-color:rgba(239,159,39,.55)}

/* en bas : ce que le passe doré ajoute, sur un fil d'or */
.sp-bas{position:relative;display:grid;align-items:start;padding-top:18px}
.sp-bas::before{content:"";position:absolute;left:0;right:0;top:calc(18px + var(--carte) * .4);height:3px;margin-top:-1px;background:repeating-linear-gradient(90deg,rgba(239,159,39,.3) 0 10px,transparent 10px 18px)}
.sp-o{position:relative;z-index:1;margin:0 calc((var(--pas) - var(--carte)) / 2);justify-self:start;width:var(--carte);display:grid;padding:3px;background:linear-gradient(135deg,#f7c46c,#ef9f27 30%,#7a4608 60%,#f7c46c);box-shadow:0 20px 40px -18px rgba(0,0,0,.9);transition:transform .45s var(--ease)}
.sp-o-v{position:relative;aspect-ratio:1/.8;display:grid;place-items:center;overflow:hidden;background:radial-gradient(80% 80% at 50% 38%,var(--r1),var(--r2) 72%,#0d0816);border:2px solid #0d0816}
.sp-o-v img{width:88%;height:88%;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(0,0,0,.6))}
.sp-o figcaption{display:grid;gap:5px;padding:8px 9px 9px;background:#140d1f}
.sp-o figcaption b{font:700 1rem/1.05 var(--f-titre);color:var(--texte)}
.sp-o small{display:flex;justify-content:space-between;gap:6px;font:700 .7rem/1 var(--f-ui);color:#a598ba}
.sp-o small em{font-style:normal;color:var(--r);white-space:nowrap}
.sp-p:hover .sp-o{transform:translateY(-4px)}

/* les noms des deux pistes, fixes à gauche */
.sp-voies{position:absolute;left:0;top:0;width:var(--bord);height:calc(var(--h-g) + var(--h-r) + var(--h-o));display:grid;grid-template-rows:var(--h-g) var(--h-r) var(--h-o);justify-items:end;pointer-events:none;z-index:4}
.sp-voies span{writing-mode:vertical-rl;transform:rotate(180deg);align-self:center;margin-right:10px;font:800 .78rem/1 var(--f-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--lueur);padding:10px 6px;border-right:2px solid rgba(154,92,255,.55)}
.sp-voies span.o{grid-row:3;color:var(--or-vif);border-right-color:var(--or-clair)}
.sp-invite{position:absolute;right:12px;top:calc(var(--h-g) + var(--h-r) / 2);transform:translateY(-50%);z-index:5;display:inline-flex;align-items:center;gap:10px;padding:9px 14px;background:rgba(12,8,20,.88);border:1px solid var(--trait);font:700 .85rem/1 var(--f-ui);color:var(--or-vif);pointer-events:none;transition:opacity .5s,transform .5s var(--ease)}
.sp-invite i{width:22px;height:2px;background:var(--or-vif);position:relative;animation:sp-va 1.4s ease-in-out infinite}
.sp-invite i::after{content:"";position:absolute;right:-1px;top:-4px;width:8px;height:8px;border:solid var(--or-vif);border-width:2px 2px 0 0;transform:rotate(45deg)}
@keyframes sp-va{50%{transform:translateX(6px)}}
.sp-invite.sp-vu{opacity:0;transform:translate(14px,-50%)}

/* sous la piste : où on en est */
.sp-nav{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px 22px;margin-top:20px}
.sp-barre{position:relative;height:24px;display:grid;grid-template-columns:repeat(50,1fr);align-items:end;gap:2px;cursor:pointer;touch-action:none}
.sp-barre>b{height:4px;background:rgba(220,203,255,.22)}
.sp-barre>b.o{height:12px;background:rgba(239,159,39,.55)}
.sp-barre>b.m{height:18px;background:var(--or-vif)}
.sp-barre i{position:absolute;top:0;bottom:-4px;left:0;width:18%;border:2px solid var(--or-vif);background:rgba(247,196,108,.1);pointer-events:none;transition:left .15s,width .15s}
.sp-ou{margin:0;font:700 .92rem/1 var(--f-ui);color:var(--doux);white-space:nowrap;font-variant-numeric:tabular-nums}
.sp-fleches{display:flex;gap:8px}
.sp-fleches button{width:48px;height:48px;display:grid;place-items:center;background:var(--nuit-2);border:2px solid var(--trait);cursor:pointer;color:var(--or-vif);font-size:1.5rem;line-height:1;transition:border-color .25s,background .25s,transform .15s}
.sp-fleches button:hover{border-color:var(--or-clair)}
.sp-fleches button:active{transform:scale(.92);background:rgba(154,92,255,.25)}
.sp-fleches button:disabled{opacity:.35;cursor:default}
.sp-sec .saison-faits{margin-top:clamp(40px,5vw,64px)}
@media (max-width:820px){
  .sp-cadre{--pas:98px;--img:66px;--h-g:150px;--h-r:48px;--h-o:204px;--carte:134px;--bord:44px}
  .sp-voies span{margin-right:6px;padding:8px 4px;font-size:.7rem}
  .sp-g b{font-size:1rem}
  .sp-g small{font-size:.74rem}
  .sp-g.t-t b,.sp-g.t-c b{font-size:.66rem}
  .sp-o figcaption{padding:7px 7px 8px}
  .sp-o figcaption b{font-size:.92rem}
  .sp-o small{font-size:.64rem}
  .sp-nav{grid-template-columns:minmax(0,1fr) auto}
  .sp-fleches{display:none}
  .sp-invite{top:auto;bottom:10px;transform:none}
  .sp-invite.sp-vu{transform:translateX(14px)}
  .sp-p:active .sp-img img{transform:scale(.94)}
}
@media (prefers-reduced-motion:reduce){
  .sp-img img,.sp-img::before,.sp-o,.sp-barre i{transition:none}
  .sp-invite i{animation:none}
}


/* ═════ page abonnement ═════ */
[data-route=abonnement]{--ab-case:#1a1229;--ab-creux:#0a0612;--ab-bord:rgba(220,203,255,.16);--ab-or:linear-gradient(135deg,#f7c46c,#ef9f27 30%,#7a4608 60%,#f7c46c);--ab-haut:calc(74px + env(safe-area-inset-top,0px))}
[data-route=abonnement] [id^="abonnement-"]{scroll-margin-top:calc(var(--ab-haut) + 10px)}
body:has(.page[data-route=abonnement]:not([hidden])) .barre-bas{display:none!important}
@media (max-width:820px){body:has(.page[data-route=abonnement]:not([hidden])) .haut-page{display:none!important}}

/* ─── haut de page ─── */
.ab-heros{position:relative;isolation:isolate;overflow:hidden;min-height:min(100svh,960px);display:grid;grid-template-rows:1fr auto;padding-top:clamp(96px,11vh,120px)}
.ab-heros-fond{position:absolute;inset:0;z-index:-2}
.ab-heros-fond img{width:100%;height:100%;object-fit:cover;object-position:62% 50%;opacity:.5;filter:saturate(.8)}
.ab-heros::before{content:"";position:absolute;inset:0;z-index:-1;background:
  radial-gradient(45% 55% at 72% 46%,rgba(154,92,255,.26),transparent 70%),
  linear-gradient(90deg,var(--nuit) 18%,rgba(12,8,20,.78) 48%,rgba(12,8,20,.35)),
  linear-gradient(0deg,var(--nuit) 2%,transparent 30%,transparent 78%,rgba(12,8,20,.7))}
.ab-heros-in{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(20px,4vw,60px);align-items:center;width:100%}
.ab-heros-txt{display:grid;gap:clamp(16px,2.2vh,24px);justify-items:start}
.ab-heros h1{font-size:clamp(2.5rem,5vw,4.8rem);line-height:.98;text-shadow:0 4px 30px rgba(0,0,0,.6)}
.ab-heros h1 .or-t{display:block;white-space:nowrap;padding-bottom:.08em}
.ab-heros-dit{font-size:clamp(1.08rem,1.35vw,1.25rem);color:#e6ddf1;max-width:44ch}
.ab-offre{display:flex;align-items:center;gap:14px 26px;flex-wrap:wrap}
.ab-prix{display:flex;align-items:baseline;gap:10px}
.ab-prix b{font:700 clamp(3rem,4.6vw,4.2rem)/.9 var(--f-titre);background:linear-gradient(180deg,#ffe3a6,var(--or-vif) 45%,var(--or-clair) 75%,#a86412);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 18px rgba(239,159,39,.25))}
.ab-prix span{color:var(--doux);font-weight:700}
.ab-rassure{list-style:none;margin:0;padding:0 0 0 24px;border-left:1px solid var(--trait);display:grid;gap:6px}
.ab-rassure li{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--texte);font-size:1rem}
.ab-rassure .fa{width:7px;height:7px}
.ab-actions{display:flex;flex-wrap:wrap;gap:12px}
.ab-go{padding:18px 28px 19px;font-size:1.12rem}
.ak-btn:active{transform:translateY(1px) scale(.98);transition-duration:.08s}

/* la scène : un joueur rendu depuis les vrais modèles, et quelques objets autour */
.ab-scene{position:relative;height:clamp(420px,58vh,600px);display:grid;place-items:center;margin-bottom:20px}
.ab-halo{position:absolute;inset:8% 10% 4%;background:radial-gradient(50% 50% at 50% 55%,rgba(154,92,255,.42),rgba(91,39,185,.12) 60%,transparent 75%)}
.ab-halo::after{content:"";position:absolute;left:50%;bottom:2%;width:62%;height:9%;margin-left:-31%;background:radial-gradient(closest-side,rgba(0,0,0,.65),transparent)}
.ab-perso{position:relative;height:90%;width:auto;filter:drop-shadow(0 26px 30px rgba(0,0,0,.55)) drop-shadow(0 0 40px rgba(154,92,255,.25))}
.ab-flotte{position:absolute;left:var(--x);top:var(--y);display:grid;justify-items:center;gap:6px;animation:ab-flotte 6s var(--t) ease-in-out infinite}
.ab-fl-case{position:relative;display:block;width:clamp(74px,7.4vw,104px);aspect-ratio:1;overflow:hidden;background:radial-gradient(closest-side,rgba(220,203,255,.2),transparent),var(--ab-case);box-shadow:inset 3px 3px 0 var(--ab-creux),inset -3px -3px 0 var(--ab-bord),0 18px 30px -12px rgba(0,0,0,.8);outline:1px solid rgba(239,159,39,.45);outline-offset:3px}
.ab-fl-case img{position:absolute;inset:9%;width:82%;height:82%;object-fit:contain}
.ab-fl-case img.ab-pet{inset:3px;width:calc(100% - 6px);height:calc(100% - 6px)}
.ab-flotte em{font:700 .8rem/1 var(--f-ui);font-style:normal;color:var(--or-vif);padding:5px 8px;background:rgba(12,8,20,.8);border:1px solid var(--trait);white-space:nowrap}
@keyframes ab-flotte{50%{transform:translateY(-12px)}}
/* familiers : la photo prise en jeu, recadrée sur l’animal (planche 3 × 16 de 480 × 320) */
img.ab-pet{object-fit:cover}

/* les quatre chiffres, en bas du haut de page */
.ab-chiffres{width:100%;padding-block:clamp(22px,3vh,36px) clamp(20px,3vw,34px)}
.ab-chiffres ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.12);border-top-color:rgba(239,159,39,.55);background:rgba(16,10,27,.62);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.ab-chiffres li{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;padding:18px 22px}
.ab-chiffres li+li{border-left:1px solid rgba(255,255,255,.08)}
.ab-chiffres b{grid-row:span 2;font:700 clamp(2.3rem,3.4vw,3rem)/1 var(--f-titre);background:linear-gradient(180deg,#ffe3a6,var(--or-vif) 45%,var(--or-clair) 75%,#a86412);-webkit-background-clip:text;background-clip:text;color:transparent}
.ab-chiffres span{font-weight:700;line-height:1.2;align-self:end}
.ab-chiffres small{color:var(--doux);font-size:.88rem;align-self:start}

/* ─── comparatif ─── */
.ab-cmp{padding-top:clamp(56px,6vw,90px)}
.ab-cmp-tete{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end}
.ab-cmp-tete .tete{margin-bottom:28px}
.ab-duo{position:relative;width:clamp(180px,20vw,260px);aspect-ratio:1;margin-bottom:-6px}
.ab-duo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:50% 100%;transition:opacity .6s var(--ease),transform .7s var(--ease);filter:drop-shadow(0 20px 26px rgba(0,0,0,.6))}
.ab-duo-a{opacity:0;transform:translateY(16px) scale(.94)}
.ab-abo .ab-duo-a{opacity:1;transform:none}
.ab-abo .ab-duo-g{opacity:0;transform:translateY(16px) scale(.94)}

.ab-inter-barre{position:sticky;top:var(--ab-haut);z-index:20;display:flex;align-items:center;gap:12px 16px;flex-wrap:wrap;padding:12px 0;margin-bottom:18px;pointer-events:none}
.ab-inter-barre>*{pointer-events:auto}
.ab-inter{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:4px;border:2px solid var(--trait);background:rgba(20,13,31,.92);touch-action:pan-y;user-select:none;-webkit-user-select:none}
.ab-inter button{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:136px;padding:13px 20px;border:0;background:none;cursor:pointer;font:700 1.08rem/1 var(--f-ui);color:var(--doux);transition:color .3s}
.ab-inter button[aria-pressed="true"]{color:#fff}
.ab-inter button:not([aria-pressed="true"]):hover{color:var(--texte)}
.ab-inter button:active{transform:scale(.97)}
.ab-inter button .fa{width:8px;height:8px}
.ab-inter-pouce{position:absolute;z-index:0;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);background:linear-gradient(180deg,#4a3a63,#2c2140);border:1px solid rgba(220,203,255,.25);transition:transform .45s cubic-bezier(.3,1.35,.5,1),background .45s,border-color .45s}
.ab-abo .ab-inter-pouce{transform:translateX(100%);background:linear-gradient(180deg,#9a5cff,#5b27b9);border-color:var(--or-clair);box-shadow:0 0 0 1px rgba(255,214,150,.4) inset,0 8px 26px -8px rgba(154,92,255,.9)}
.ab-inter-etat{color:var(--doux);font-size:1rem;padding:10px 14px;background:rgba(12,8,20,.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.ab-inter{box-shadow:0 12px 30px -10px rgba(0,0,0,.8)}
.ab-inter-etat b{color:var(--texte)}
.ab-abo .ab-inter-etat b{color:var(--or-vif)}

/* les cartes du comparatif */
.ab-grille-av{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ab-av{position:relative;display:grid;grid-template-rows:auto 1fr;border:1px solid rgba(220,203,255,.12);background:linear-gradient(180deg,var(--nuit-3),var(--nuit-2) 70%);transition:border-color .5s,box-shadow .5s,background .5s}
.ab-av::before{content:"";position:absolute;inset:-1px;border:1px solid transparent;background:var(--ab-or) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) padding-box exclude,linear-gradient(#000 0 0);opacity:0;transition:opacity .5s;pointer-events:none}
.ab-abo .ab-av::before{opacity:1}
.ab-abo .ab-av{box-shadow:0 30px 60px -40px rgba(154,92,255,.8)}
.ab-av-ender{grid-column:span 2}
.ab-av-gr{grid-column:1/-1;grid-template-columns:1.6fr 1fr;grid-template-rows:auto}
.ab-fois{position:absolute;right:12px;top:12px;z-index:2;padding:6px 9px 7px;font:800 1rem/1 var(--f-ui);color:#2b1800;background:linear-gradient(180deg,#ffe3a6,var(--or-clair));transform:scale(.4) rotate(-12deg);opacity:0;transition:transform .5s cubic-bezier(.3,1.6,.5,1) .25s,opacity .3s .25s}
.ab-abo .ab-fois{transform:none;opacity:1}
.ab-vis{position:relative;display:grid;place-items:center;min-height:250px;padding:48px 20px 12px;overflow:hidden}
.ab-vis::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 60% at 50% 55%,rgba(154,92,255,.14),transparent 70%);transition:opacity .6s;opacity:.5}
.ab-abo .ab-vis::before{opacity:1}
.ab-av-txt{display:grid;gap:6px;align-content:start;padding:6px 22px 24px}
.ab-av-txt h3{font-size:1.65rem}
.ab-val{display:flex;align-items:baseline;gap:10px;margin-top:2px}
.ab-val b{font:700 3.4rem/1 var(--f-titre);color:#cfc4e2;min-width:1.2ch;transition:color .5s}
.ab-abo .ab-val b{background:linear-gradient(180deg,#ffe3a6,var(--or-vif) 45%,var(--or-clair) 75%,#a86412);-webkit-background-clip:text;background-clip:text;color:transparent}
.ab-val span{font-weight:700;color:var(--doux)}
.ab-duel{display:flex;gap:6px;flex-wrap:wrap;font:700 .85rem/1 var(--f-ui)}
.ab-duel span{padding:5px 8px;border:1px solid rgba(220,203,255,.14);color:#8d80a3;transition:all .4s}
.ab-cmp:not(.ab-abo) .ab-duel .g,.ab-abo .ab-duel .a{color:var(--texte);border-color:rgba(220,203,255,.4);background:rgba(220,203,255,.08)}
.ab-abo .ab-duel .a{color:var(--or-vif);border-color:rgba(239,159,39,.55);background:rgba(239,159,39,.1)}
.ab-av-txt>p:last-child{color:var(--doux);margin-top:4px}

/* ce qui est en plus : fantôme en gratuit, allumé en abonné */
.ab-x{transition:opacity .45s,transform .55s cubic-bezier(.3,1.4,.5,1),filter .45s,box-shadow .45s,border-color .45s;transition-delay:calc(var(--k,0)*22ms)}
.ab-cmp:not(.ab-abo) .ab-x{opacity:.22;filter:grayscale(1)}

/* case façon inventaire */
.ab-case,.ab-slot{position:relative;background:var(--ab-case);box-shadow:inset 3px 3px 0 var(--ab-creux),inset -3px -3px 0 var(--ab-bord)}

/* ender chest : 9 colonnes, 3 puis 6 rangées */
.ab-ender{display:grid;grid-template-columns:repeat(9,1fr);gap:4px;width:min(100%,430px);padding:10px;background:#120b1d;border:2px solid #2a1f3d;box-shadow:0 0 0 1px rgba(47,203,156,.18),0 20px 40px -20px rgba(0,0,0,.8)}
.ab-ender .ab-case{aspect-ratio:1;display:grid;place-items:center}
.ab-ender .ab-case svg{width:66%;height:66%;filter:drop-shadow(0 2px 0 rgba(0,0,0,.5))}
.ab-ender .ab-x{box-shadow:inset 3px 3px 0 var(--ab-creux),inset -3px -3px 0 var(--ab-bord)}
.ab-cmp:not(.ab-abo) .ab-ender .ab-x{opacity:.35;background:transparent;box-shadow:inset 0 0 0 1px rgba(220,203,255,.14);transform:scale(.86)}
.ab-cmp:not(.ab-abo) .ab-ender .ab-x svg{opacity:0}
.ab-abo .ab-ender .ab-x{animation:ab-allume .9s calc(var(--k)*22ms) both}
@keyframes ab-allume{0%{box-shadow:inset 0 0 0 2px var(--or-vif),0 0 18px rgba(247,196,108,.8)}100%{box-shadow:inset 3px 3px 0 var(--ab-creux),inset -3px -3px 0 var(--ab-bord)}}

/* album : une pile de cartes qui double */
.ab-pile{--pw:118px;position:relative;width:var(--pw);height:calc(var(--pw)*1.371 + 84px);margin-top:10px}
.ab-pile i{position:absolute;left:0;bottom:0;width:var(--pw);aspect-ratio:372/510;background:url(assets/dos.webp) center/cover;border-radius:7px;box-shadow:0 1px 0 rgba(0,0,0,.6),0 0 0 1px rgba(239,159,39,.25);transform:translate(calc(var(--k)*.6px),calc(var(--k)*-4.2px)) rotate(calc(var(--r)*1deg))}
.ab-pile i.ab-x{transition-delay:calc(var(--j)*40ms)}
.ab-cmp:not(.ab-abo) .ab-pile i.ab-x{opacity:0;filter:none;transform:translate(calc(var(--k)*.6px),calc(var(--k)*-4.2px - 60px)) rotate(calc(var(--r)*1deg))}
.ab-pile i:last-child::after{content:"200";position:absolute;inset:auto 0 12px;text-align:center;font:700 1.6rem/1 var(--f-titre);color:var(--or-vif);text-shadow:0 2px 8px #000}
.ab-pile i.ab-haut-g::after{content:"100";position:absolute;inset:auto 0 12px;text-align:center;font:700 1.6rem/1 var(--f-titre);color:#e6ddf1;text-shadow:0 2px 8px #000}

/* decks : six paquets */
.ab-decks{display:grid;grid-template-columns:repeat(3,64px);gap:22px 20px}
.ab-decks i{position:relative;width:64px;aspect-ratio:372/510;background:url(assets/dos.webp) center/cover;border-radius:5px;box-shadow:3px -3px 0 -1px #2b2140,6px -6px 0 -2px #3a2d52,0 10px 18px -8px rgba(0,0,0,.8)}
.ab-cmp:not(.ab-abo) .ab-decks .ab-x{opacity:.3;background:none;box-shadow:inset 0 0 0 1px rgba(220,203,255,.3);transform:scale(.9)}

/* expertise : des vraies cartes sous la loupe */
.ab-expert{display:grid;grid-template-columns:repeat(3,minmax(0,78px));gap:14px;align-items:end;width:100%;justify-content:center;padding-right:8px}
.ab-expert i{position:relative;width:100%;aspect-ratio:480/658;background:var(--img) center/cover;border-radius:6px;box-shadow:0 14px 22px -10px rgba(0,0,0,.9),0 0 0 1px rgba(239,159,39,.35)}
.ab-expert i:nth-child(2){transform:translateY(-12px)}
.ab-expert i::after{content:"";position:absolute;right:-9px;bottom:-9px;width:30px;height:30px;background:no-repeat center/100% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' shape-rendering='crispEdges'%3E%3Cpath fill='%237a4608' d='M2 1h4v1H2zM1 2h1v4H1zM6 2h1v4H6zM2 6h4v1H2zM7 7h1v1H7zM8 8h1v1H8zM9 9h1v1H9zM10 10h1v1h-1z'/%3E%3Cpath fill='%23f7c46c' d='M2 2h4v4H2zM6 6h1v1H6zM7 7h1v1H7zM8 8h2v1H8zM9 9h2v2H9z'/%3E%3Cpath fill='%23dcf3ff' d='M3 3h2v2H3z'/%3E%3C/svg%3E")}
.ab-cmp:not(.ab-abo) .ab-expert .ab-x{opacity:.25;background:none;box-shadow:inset 0 0 0 1px rgba(220,203,255,.4)}
.ab-cmp:not(.ab-abo) .ab-expert .ab-x::after{display:none}
.ab-abo .ab-expert i:nth-child(2){transform:translateY(-12px)}

/* panoplies, tenues : des cases avec un dessin en pixels */
.ab-cases{display:grid;gap:8px}
.ab-c5{grid-template-columns:repeat(5,minmax(0,52px));width:100%;justify-content:center}
.ab-c6{grid-template-columns:repeat(3,58px)}
.ab-c50{grid-template-columns:repeat(10,minmax(0,24px));gap:4px;width:100%;justify-content:center}
.ab-c50 .ab-case svg{width:70%;height:70%}
.ab-cases .ab-case{aspect-ratio:1;display:grid;place-items:center}
.ab-cases svg{width:62%;height:62%;filter:drop-shadow(0 3px 0 rgba(0,0,0,.45))}
.ab-cases .ab-plein{background:radial-gradient(closest-side,rgba(154,92,255,.3),transparent),var(--ab-case)}
.ab-cmp:not(.ab-abo) .ab-cases .ab-x{transform:scale(.88)}

/* Dex : dix facettes par jour */
.ab-dex{display:grid;grid-template-columns:repeat(5,34px);gap:18px 16px;padding:8px}
.ab-dex i{width:34px;height:34px;transform:rotate(45deg);background:linear-gradient(135deg,#f0e4ff,var(--amethyste) 48%,var(--amethyste-fonce));box-shadow:0 0 16px -2px rgba(154,92,255,.6)}
.ab-dex i.ab-x{background:linear-gradient(135deg,#ffe8b8,var(--or-clair) 48%,#7a4608);box-shadow:0 0 16px -2px rgba(239,159,39,.6)}
.ab-cmp:not(.ab-abo) .ab-dex .ab-x{opacity:.3;background:none;box-shadow:inset 0 0 0 1px rgba(220,203,255,.5);transform:rotate(45deg) scale(.7)}
.ab-abo .ab-dex .ab-x{transform:rotate(45deg)}

/* titre : la plaque au-dessus du pseudo, comme en jeu (or, 0,8 fois la taille du nom) */
.ab-plaque{display:grid;justify-items:center;gap:5px}
.ab-plaque span{padding:6px 10px 7px;background:rgba(0,0,0,.5);font:700 1.3rem/1 var(--f-ui);color:#fff;letter-spacing:.02em}
.ab-plaque .ab-pl-t{font-size:1.04rem;color:#ffaa00;text-shadow:0 0 14px rgba(255,170,0,.45)}
.ab-cmp:not(.ab-abo) .ab-plaque .ab-pl-t{transform:translateY(8px) scale(.9)}
.ab-plaque svg{width:100px;height:100px;margin-top:12px;filter:drop-shadow(0 12px 16px rgba(0,0,0,.65))}

/* garde-robe : les 22 vignettes */
.ab-mini{display:grid;grid-template-columns:repeat(11,1fr);gap:6px;width:100%}
.ab-mini .ab-case{aspect-ratio:1;overflow:hidden}
.ab-mini img{position:absolute;inset:10%;width:80%;height:80%;object-fit:contain}
.ab-mini img.ab-pet{inset:0;width:100%;height:100%}
.ab-cmp:not(.ab-abo) .ab-mini .ab-x{opacity:.28;transform:scale(.9)}
.ab-cmp:not(.ab-abo) .ab-mini .ab-x::after{content:"";position:absolute;inset:0;background:no-repeat center/34% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Cpath fill='%23dccbff' d='M2 0h4v1H2zM1 1h1v3H1zM6 1h1v3H6zM0 4h8v4H0z'/%3E%3Cpath fill='%230a0612' d='M3 5h2v2H3z'/%3E%3C/svg%3E")}
.ab-av-gr .ab-vis{min-height:0;padding:30px 26px}
.ab-av-gr .ab-av-txt{padding:30px 26px 30px 0;align-content:center}

/* ─── garde-robe, objet par objet ─── */
.ab-gr{padding-top:clamp(40px,6vw,80px);background:radial-gradient(60% 50% at 80% 40%,rgba(154,92,255,.1),transparent 70%)}
.ab-rayons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ab-rayon{display:grid;gap:6px;align-content:start;padding:20px 20px 22px;border:1px solid rgba(220,203,255,.12);background:linear-gradient(180deg,var(--nuit-3),var(--nuit-2))}
.ab-rayon h3{display:flex;align-items:center;gap:10px;font-size:1.6rem}
.ab-rayon h3 small{font:800 .8rem/1 var(--f-ui);padding:4px 7px;color:#2b1800;background:linear-gradient(180deg,#ffe3a6,var(--or-clair))}
.ab-rayon>p{color:var(--doux);font-size:.95rem;min-height:2.8em}
.ab-rayon ul{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ab-rayon li{display:grid;gap:8px;align-content:start;font-weight:700;font-size:.95rem;line-height:1.2}
.ab-rayon li em{display:block;font-style:normal;font-weight:600;color:#8d80a3;font-size:.84rem;margin-top:2px}
.ab-slot{display:block;aspect-ratio:1;overflow:hidden;background:radial-gradient(closest-side,rgba(220,203,255,.24),transparent 95%),var(--ab-case);transition:transform .35s var(--ease)}
.ab-slot::before{content:"";position:absolute;left:8px;top:8px;width:7px;height:7px;transform:rotate(45deg);background:var(--or-clair);z-index:1}
.ab-slot img{position:absolute;inset:8%;width:84%;height:84%;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(0,0,0,.5));transition:transform .5s var(--ease)}
.ab-slot img.ab-pet{inset:3px;width:calc(100% - 6px);height:calc(100% - 6px);filter:none}
.ab-slot.ab-titre img,.ab-fl-case.ab-titre img{inset:0;width:100%;height:100%;transform:scale(1.35)}
.ab-rayon li:hover .ab-slot img:not(.ab-pet){transform:scale(1.08) rotate(-2deg)}
.ab-rayon li:hover .ab-slot.ab-titre img{transform:scale(1.45)}
.ab-rayon>.ab-aussi{min-height:0;margin-top:4px;color:var(--doux);font-size:.95rem}
.ab-aussi b{color:var(--texte)}
.ab-rayon-go{grid-column:span 2;align-content:center;justify-items:start;gap:12px;border:2px solid transparent;background:linear-gradient(160deg,#2c1a46,#170e25) padding-box,var(--ab-or) border-box}
.ab-rayon-go p{color:#e6ddf1}
.ab-rg-n{display:flex;align-items:baseline;gap:10px;font-weight:700;color:var(--doux)!important}
.ab-rg-n b{font:700 3.2rem/1 var(--f-titre);background:linear-gradient(180deg,#ffe3a6,var(--or-vif) 45%,var(--or-clair) 75%,#a86412);-webkit-background-clip:text;background-clip:text;color:transparent}
/* écouter un disque */
.ab-ecoute{position:absolute;right:6px;bottom:6px;z-index:2;width:40px;height:40px;display:grid;place-items:center;padding:0;border:2px solid var(--or-clair);background:linear-gradient(180deg,#9a5cff,#5b27b9);cursor:pointer;transition:transform .2s}
.ab-ecoute::before{content:"";width:0;height:0;margin-left:3px;border-style:solid;border-width:7px 0 7px 11px;border-color:transparent transparent transparent #fff}
.ab-ecoute[aria-pressed="true"]::before{width:11px;height:13px;margin:0;border:0;border-left:4px solid #fff;border-right:4px solid #fff}
.ab-ecoute:hover{transform:scale(1.08)}
.ab-ecoute:active{transform:scale(.94)}
.ab-ecoute[aria-pressed="true"]~*,.ab-slot:has(.ab-ecoute[aria-pressed="true"]) img{animation:ab-tourne 3.2s linear infinite}
@keyframes ab-tourne{to{rotate:360deg}}

/* ─── tableau ─── */
.ab-tab-bloc{padding-top:0}
.ab-tab-cadre{max-width:900px;margin-inline:auto}
.ab-tab{width:100%;border-collapse:separate;border-spacing:0;font-size:1.05rem}
.ab-tab th,.ab-tab td{padding:15px 18px;border-bottom:1px solid rgba(220,203,255,.1);text-align:center}
.ab-tab tbody th,.ab-tab tfoot th{text-align:left;font-weight:600;color:#e6ddf1}
.ab-tab thead th{font:700 1.5rem/1 var(--f-titre);padding-block:18px;color:var(--doux);border-bottom-color:rgba(220,203,255,.2)}
.ab-tab thead th.ab-col-a{color:var(--or-vif)}
.ab-tab thead th .fa{width:8px;height:8px;margin-right:10px;vertical-align:middle}
.ab-tab td{color:#a598ba;font-weight:700;width:24%}
.ab-tab td.ab-col-a{color:var(--or-vif);font-weight:800;background:rgba(154,92,255,.1)}
.ab-tab thead .ab-col-a{background:linear-gradient(180deg,rgba(154,92,255,.28),rgba(154,92,255,.1));border-top:2px solid var(--or-clair)}
.ab-tab tfoot .ab-col-a{border-bottom:2px solid var(--or-clair)}
.ab-tab .ab-col-a{border-left:1px solid rgba(239,159,39,.4);border-right:1px solid rgba(239,159,39,.4)}
.ab-tab tbody tr{transition:background .25s}
.ab-tab tbody tr:hover{background:rgba(220,203,255,.04)}
.ab-tab .ab-pareil td{font-weight:600;color:var(--doux)}
.ab-tab .ab-pareil td.ab-col-a{color:#e6ddf1}
.ab-tab tfoot th,.ab-tab tfoot td{border-bottom:0;padding-block:20px}
.ab-tab tfoot td b{font:700 1.7rem/1 var(--f-titre)}

/* ─── sans risque ─── */
.ab-sur{padding-top:0}
.ab-sur-grille{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);grid-template-rows:auto auto;gap:14px}
.ab-sur-c{position:relative;padding:28px 26px 30px 26px;border:1px solid var(--trait);background:linear-gradient(180deg,var(--nuit-3),var(--nuit-2));display:grid;gap:12px;align-content:start}
.ab-sur-c h3{font-size:1.9rem}
.ab-sur-c>p{color:var(--doux)}
.ab-sur-c::before{content:"";width:34px;height:34px;transform:rotate(45deg);margin:4px 0 8px 6px;background:linear-gradient(135deg,#ffe8b8,var(--or-clair) 48%,#7a4608)}
.ab-sur-large{grid-column:2;grid-row:1/span 2}
.ab-arret{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:0}
.ab-arret li{display:grid;grid-template-columns:minmax(120px,.36fr) 1fr;gap:14px;padding:11px 0;border-top:1px solid rgba(220,203,255,.08)}
.ab-arret b{color:var(--or-vif)}
.ab-arret span{color:#d6cce6}
.ab-passe{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1fr auto;gap:18px 30px;align-items:center;margin-top:14px;padding:clamp(22px,3vw,34px);text-decoration:none;border:1px solid rgba(220,203,255,.28);transition:border-color .3s}
.ab-passe:hover{border-color:var(--lueur)}
.ab-passe-fond{position:absolute;inset:0;z-index:-1}
.ab-passe-fond img{width:100%;height:100%;object-fit:cover;opacity:.4;transition:transform 1.2s var(--ease)}
.ab-passe:hover .ab-passe-fond img{transform:scale(1.05)}
.ab-passe::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(20,13,31,.97) 35%,rgba(20,13,31,.6))}
.ab-passe-txt{display:grid;gap:8px;justify-items:start}
.ab-passe-txt b{font:700 clamp(1.7rem,2.6vw,2.3rem)/1.05 var(--f-titre)}
.ab-passe-txt>span:last-child{color:var(--doux)}

/* ─── fin ─── */
.ab-fin{padding-top:clamp(40px,6vw,80px);background:radial-gradient(50% 60% at 25% 50%,rgba(154,92,255,.16),transparent 70%)}
.ab-fin-in{display:grid;grid-template-columns:1fr minmax(0,560px);gap:clamp(30px,6vw,90px);align-items:center}
.ab-fin-txt{position:relative;display:grid;gap:20px;justify-items:start}
.ab-fin-txt h2{font-size:clamp(2.6rem,5.4vw,4.8rem);line-height:.98}
.ab-fin-txt>p{color:var(--doux);font-size:1.15rem}
.ab-fin-coffre{width:clamp(180px,20vw,280px);height:auto;margin-top:10px;filter:drop-shadow(0 30px 30px rgba(0,0,0,.55)) drop-shadow(0 0 40px rgba(154,92,255,.35))}
.ab-recu{padding-bottom:clamp(76px,8vw,96px)}
.ab-pile-v{list-style:none;margin:0;padding:0}
.ab-pile-v li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;border-bottom:1px solid var(--filet)}
.ab-pile-v span{color:var(--encre)}
.ab-pile-v b{font:700 1.5rem/1 var(--f-titre);color:var(--sepia);white-space:nowrap}
.ab-recu-tot{display:flex;justify-content:space-between;align-items:baseline;margin-top:18px;padding-top:14px;border-top:3px double var(--or)}
.ab-recu-tot span{font:700 1.1rem/1 var(--f-ui);color:var(--encre-pale)}
.ab-recu-tot b{font:700 2.6rem/1 var(--f-titre);color:var(--encre)}
@supports (animation-timeline: view()){
  .ab-pile-v li{animation:ab-empile linear both;animation-timeline:view();animation-range:entry 10% entry 70%}
  @keyframes ab-empile{from{opacity:0;transform:translateX(-18px)}}
}

/* ─── barre d’achat (téléphone) ─── */
.ab-barre{display:none}

/* ─── carrousels (téléphone) ─── */
.ab-points{display:none}
.ab-car{position:relative}
.ab-si-car{display:none}

@media (max-width:1180px){
  .ab-grille-av{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ab-av-gr{grid-template-columns:1fr;grid-template-rows:auto 1fr}
  .ab-av-gr .ab-av-txt{padding:6px 22px 24px}
  .ab-rayons{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:1060px){
  .ab-heros-in{grid-template-columns:1fr}
  .ab-scene{display:none}
  .ab-heros{min-height:0}
  .ab-chiffres ul{grid-template-columns:1fr 1fr}
  .ab-chiffres li:nth-child(3){border-left:0}
  .ab-chiffres li:nth-child(n+3){border-top:1px solid rgba(255,255,255,.08)}
  .ab-fin-in{grid-template-columns:1fr}
  .ab-fin-coffre{position:absolute;right:0;top:0;width:150px;margin:0}
}
@media (max-width:820px),(max-height:560px) and (orientation:landscape){
  .ab-sur-grille{grid-template-columns:1fr 1fr}
  .ab-sur-large{grid-column:1/-1;grid-row:auto}
  .ab-heros{padding-top:98px}
  .ab-heros::before{background:radial-gradient(70% 40% at 80% 20%,rgba(154,92,255,.22),transparent 70%),linear-gradient(0deg,var(--nuit) 4%,rgba(12,8,20,.86) 40%,rgba(12,8,20,.55))}
  .ab-heros-fond img{object-position:70% 50%;opacity:.55}
  .ab-cmp-tete{grid-template-columns:1fr}
  .ab-duo{display:none}
  .ab-tab th,.ab-tab td{padding:13px 10px}
  .ab-passe{grid-template-columns:1fr}
  /* barre d’achat collée en bas */
  .ab-barre{position:fixed;left:0;right:0;bottom:0;z-index:58;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px)) 16px;background:rgba(12,8,20,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--trait);transform:translateY(110%);transition:transform .45s var(--ease)}
  .ab-barre.vue{transform:none}
  .ab-barre p{display:grid;gap:3px}
  .ab-barre p b{font:700 1.7rem/1 var(--f-titre);color:var(--or-vif)}
  .ab-barre p span{font-size:.82rem;color:var(--doux);font-weight:600;line-height:1.1}
  .ab-barre .ak-btn{padding:14px 20px 15px;flex:none}
  [data-route=abonnement] .ab-fin{padding-bottom:120px}
}
@media (max-width:700px){
  .ab-heros h1{font-size:clamp(2.3rem,10.5vw,3rem)}
  .ab-heros-dit{font-size:1.05rem}
  .ab-offre{gap:10px 18px}
  .ab-prix b{font-size:3rem}
  .ab-rassure{padding-left:16px}
  .ab-rassure li{font-size:.92rem}
  .ab-actions{display:grid;width:100%}
  .ab-actions .ak-btn{justify-content:center}
  .ab-go{padding:17px 18px 18px;font-size:1.06rem}
  .ab-chiffres{padding-top:26px}
  .ab-chiffres li{padding:14px 14px;column-gap:10px}
  .ab-chiffres b{font-size:2.1rem}
  .ab-chiffres span{font-size:.9rem}
  .ab-chiffres small{font-size:.8rem;line-height:1.2}
  .ab-si-car{display:inline}
  .ab-cmp{padding-top:64px}
  .ab-inter-barre{padding:10px 0 14px}
  .ab-inter{width:100%}
  .ab-inter button{min-width:0}
  .ab-inter-etat{display:none}
  /* les carrousels : on les balaie au doigt */
  .ab-car{display:flex!important;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;margin-inline:calc(-1*var(--gout));padding:4px var(--gout) 8px;scroll-padding-inline:var(--gout);scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .ab-car::-webkit-scrollbar{display:none}
  .ab-car>*{flex:0 0 86%;scroll-snap-align:center;scroll-snap-stop:always;min-width:0}
  .ab-car>.ab-av-gr{grid-template-columns:1fr;grid-template-rows:auto 1fr}
  .ab-mini{grid-template-columns:repeat(6,1fr);gap:5px}
  .ab-rayon>p{min-height:0}
  .ab-rayon-go{display:none!important}
  .ab-points{display:flex;justify-content:center;align-items:center;gap:4px;margin-top:14px}
  .ab-points button{width:28px;height:28px;display:grid;place-items:center;padding:0;border:0;background:none;cursor:pointer}
  .ab-points button::before{content:"";width:8px;height:8px;transform:rotate(45deg);border:1px solid rgba(220,203,255,.5);transition:background .3s,transform .3s,border-color .3s}
  .ab-points button[aria-current="true"]::before{background:var(--or-vif);border-color:var(--or-vif);transform:rotate(45deg) scale(1.35)}
  .ab-points span{min-width:44px;margin-left:8px;font:700 .85rem/1 var(--f-ui);color:var(--doux)}
  .ab-sur-grille{grid-template-columns:1fr}
  .ab-cmp .tete{margin-bottom:18px}
  .ab-av-txt{order:-1;padding:20px 18px 4px;gap:4px 14px;grid-template-columns:auto 1fr;align-items:center}
  .ab-av-txt>h3,.ab-av-txt>p:last-child{grid-column:1/-1}
  .ab-av-txt h3{padding-right:52px;font-size:1.5rem}
  .ab-duel{flex-direction:column;align-items:flex-start;gap:4px;font-size:.8rem}
  .ab-av-txt>p:last-child{font-size:.98rem}
  .ab-val b{font-size:3rem}
  .ab-vis{min-height:0;height:224px;padding:10px 14px 18px}
  .ab-av-gr .ab-vis{min-height:0;height:224px;padding:10px 14px 18px}
  .ab-ender{padding:8px;gap:3px;width:min(100%,300px)}
  .ab-pile{--pw:94px;margin-top:0}
  .ab-fois{top:18px;right:16px}
  .ab-arret li{grid-template-columns:1fr;gap:3px}
  .ab-tab{font-size:.95rem}
  .ab-tab thead th{font-size:1.2rem}
  .ab-tab th,.ab-tab td{padding:12px 8px}
  .ab-tab tbody th,.ab-tab tfoot th{padding-left:0}
  .ab-tab thead .fa{display:none}
  .ab-tab tfoot td b{font-size:1.35rem}
  .ab-tab tfoot td{font-size:.85rem}
  .ab-fin-coffre{width:110px;top:-10px}
  .ab-fin-txt h2{padding-right:96px}
  .ab-fin-txt .ak-btn{width:100%;justify-content:center}
  .ab-pile-v span{font-size:.98rem}
}
@media (max-width:380px){
  .ab-rassure{border-left:0;padding-left:0}
}
/* téléphone couché : le haut de page tient sur l’écran */
@media (max-height:560px) and (orientation:landscape){
  .ab-heros{padding-top:88px}
  .ab-heros-txt{gap:12px}
  .ab-heros h1{font-size:2.2rem;text-wrap:wrap}
  .ab-heros-dit,.ab-actions .ak-btn.vide{display:none}
  .ab-prix b{font-size:2.6rem}
  .ab-chiffres{display:none}
  .ab-inter-barre{position:relative;top:auto}
}
@media (max-width:1060px) and (min-width:701px) and (min-height:561px){
  .ab-heros-in{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}
  .ab-scene{display:grid;height:440px}
  .ab-flotte{display:none}
}
@media (hover:hover){.ab-av:hover{border-color:rgba(220,203,255,.28)}}
@media (prefers-reduced-motion:reduce){
  .ab-flotte{animation:none}
  .ab-pile-v li{animation:none}
}


/* ═════ page passe doré (pd-) ═════ */
.page[data-route=passe]{--pd-or:linear-gradient(135deg,#ffe8b8,var(--or-clair) 48%,#7a4608);--pd-bord:linear-gradient(135deg,#f7c46c,#ef9f27 30%,#7a4608 60%,#f7c46c);overflow-x:clip}
.page[data-route=passe] section{scroll-margin-top:70px}

/* ─ ouverture ─ */
.pd-heros{position:relative;isolation:isolate;overflow:hidden;min-height:min(100svh,960px);display:flex;align-items:center;padding:clamp(104px,13vh,140px) 0 clamp(36px,6vh,72px)}
.pd-heros-fond{position:absolute;inset:0;z-index:-2;overflow:hidden}
.pd-heros-fond img{width:100%;height:100%;object-fit:cover;object-position:60% 50%;filter:saturate(.85) brightness(.62)}
.pd-heros::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(34% 48% at 75% 56%,rgba(239,159,39,.26),transparent 72%),linear-gradient(90deg,rgba(12,8,20,.97) 6%,rgba(12,8,20,.8) 40%,rgba(12,8,20,.4) 68%,rgba(12,8,20,.62)),linear-gradient(0deg,var(--nuit) 1%,transparent 26%)}
.pd-heros-in{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(16px,4vw,56px);align-items:center;width:100%}
.pd-heros-txt{display:grid;gap:clamp(14px,2.2vh,22px);justify-items:start}
.pd-heros h1{font-size:clamp(3.3rem,8vw,7.2rem);line-height:.9;padding-bottom:.05em;filter:drop-shadow(0 6px 24px rgba(0,0,0,.6))}
.pd-promesse{font-size:clamp(1.08rem,1.45vw,1.28rem);color:#ebe3f5;max-width:42ch;text-shadow:0 2px 14px rgba(0,0,0,.8)}
.pd-achat{display:grid;gap:16px;justify-items:start;margin-top:4px}
.pd-prix{display:flex;align-items:center;gap:14px}
.pd-prix b{font:700 clamp(2.8rem,4.6vw,3.8rem)/1 var(--f-titre);background:linear-gradient(180deg,#ffe3a6,var(--or-vif) 45%,var(--or-clair) 75%,#a86412);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 22px rgba(239,159,39,.35))}
.pd-prix span{color:var(--doux);font-weight:600;font-size:.95rem;line-height:1.3;padding-left:14px;border-left:1px solid var(--trait)}
.pd-boutons{display:flex;flex-wrap:wrap;gap:12px}
.pd-boutons .ak-btn:first-child{padding:17px 28px 18px;font-size:1.12rem}
.pd-atouts{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px;color:#d9cfe8;font-weight:600;font-size:.95rem}
.pd-atouts li{display:inline-flex;align-items:center;gap:10px}
.pd-atouts .fa{width:7px;height:7px}
/* le chevalier sur son socle */
.pd-heros-art{margin:0;display:grid;justify-items:center;gap:6px}
.pd-socle{position:relative;width:min(100%,430px);aspect-ratio:600/900;margin-block:-8% -4%}
.pd-socle::before{content:"";position:absolute;left:8%;right:8%;bottom:4%;height:14%;background:radial-gradient(closest-side,rgba(255,214,150,.55),rgba(239,159,39,.25) 45%,transparent 75%)}
.pd-socle::after{content:"";position:absolute;left:21%;width:58%;bottom:11%;aspect-ratio:1;transform:translateY(50%) scaleY(.28) rotate(45deg);border:2px solid rgba(247,196,108,.8);background:radial-gradient(closest-side,rgba(239,159,39,.28),transparent);box-shadow:0 0 30px rgba(239,159,39,.5),inset 0 0 22px rgba(239,159,39,.4)}
.pd-socle img{position:relative;z-index:1;width:100%;height:auto;filter:drop-shadow(0 28px 26px rgba(0,0,0,.65)) drop-shadow(0 0 30px rgba(239,159,39,.22));animation:pd-flotte 6s ease-in-out infinite;-webkit-user-drag:none;user-select:none}
@keyframes pd-flotte{50%{translate:0 -12px}}
.pd-rayon{position:absolute;inset:4% 12% 10%;background:linear-gradient(180deg,rgba(255,227,166,0),rgba(255,227,166,.12) 30%,transparent 80%);clip-path:polygon(38% 0,62% 0,100% 100%,0 100%);filter:blur(10px)}
.pd-braises{position:absolute;inset:0;z-index:2;pointer-events:none}
.pd-braises i{position:absolute;bottom:14%;left:calc(18% + var(--k,0)*8.5%);width:4px;height:4px;background:var(--or-vif);box-shadow:0 0 8px var(--or-clair);opacity:0;animation:pd-braise 5.5s linear infinite;animation-delay:calc(var(--k,0)*-.73s)}
.pd-braises i:nth-child(1){--k:0}.pd-braises i:nth-child(2){--k:1;background:#fff0c9}.pd-braises i:nth-child(3){--k:2}.pd-braises i:nth-child(4){--k:3;background:var(--lueur)}.pd-braises i:nth-child(5){--k:4}.pd-braises i:nth-child(6){--k:5;background:#fff0c9}.pd-braises i:nth-child(7){--k:6}.pd-braises i:nth-child(8){--k:7;background:var(--lueur)}
@keyframes pd-braise{0%{opacity:0;transform:translate(0,0)}12%{opacity:.9}80%{opacity:.5}100%{opacity:0;transform:translate(calc(var(--k)*3px - 10px),-330px)}}
.pd-heros-art figcaption{max-width:32ch;text-align:center;color:var(--doux);font-size:.9rem;font-weight:600}

/* ─ la piste ─ */
.pd-piste-sec{position:relative;padding-block:clamp(70px,9vw,120px) clamp(50px,6vw,80px);background:linear-gradient(180deg,transparent,rgba(154,92,255,.07) 26%,rgba(239,159,39,.06) 72%,transparent)}
.pd-piste-tete{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px 40px;margin-bottom:clamp(24px,3.5vw,40px)}
.pd-piste-tete .tete{margin-bottom:0}
.pd-commande{display:grid;gap:12px;justify-items:end}
.pd-inter{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:4px;border:2px solid var(--trait);background:rgba(12,8,20,.7);cursor:pointer;font:700 1rem/1 var(--f-ui);isolation:isolate;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.pd-inter>span{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:15px 20px;white-space:nowrap;transition:color .35s}
.pd-inter .fa{width:8px;height:8px;transition:transform .5s var(--ease)}
.pd-inter::before{content:"";position:absolute;z-index:0;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);background:rgba(220,203,255,.14);border:1px solid rgba(220,203,255,.3);transition:transform .5s var(--ease),background .4s,border-color .4s,box-shadow .4s}
.pd-inter[aria-checked=false] .pd-inter-a{color:var(--texte)}
.pd-inter[aria-checked=false] .pd-inter-b{color:var(--or-vif);animation:pd-appel 2.4s ease-in-out infinite}
.pd-inter[aria-checked=true]::before{transform:translateX(100%);background:var(--pd-or);border-color:#ffe3a6;box-shadow:0 0 30px rgba(239,159,39,.55)}
.pd-inter[aria-checked=true] .pd-inter-a{color:var(--doux)}
.pd-inter[aria-checked=true] .pd-inter-b{color:#2b1800}
.pd-inter[aria-checked=true] .fa{transform:rotate(225deg);background:#2b1800}
.pd-inter:active{transform:scale(.98)}
.pd-inter.pd-touche .pd-inter-b{animation:none}
@keyframes pd-appel{50%{text-shadow:0 0 14px rgba(247,196,108,.9)}}
.pd-bilan{display:flex;align-items:baseline;gap:10px;color:var(--doux);font-weight:600}
.pd-bilan b{font:700 2.4rem/1 var(--f-titre);color:var(--texte);min-width:1.4em;text-align:right;transition:color .4s}
.pd-on-txt .pd-bilan b{color:var(--or-vif)}

.pd-voie-cadre{position:relative;--pas:96px;--tuile:76px;--carte-l:172px;--h-g:112px;--h-r:46px;--h-o:250px;--bord:max(52px,calc((100% - var(--large))/2 + var(--gout) - 8px))}
.pd-defile{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:calc(var(--bord) + 6px);padding:0 0 6px;scrollbar-width:none;overscroll-behavior-x:contain;cursor:grab;user-select:none;-webkit-user-select:none;outline-offset:-3px;
  -webkit-mask:linear-gradient(90deg,transparent calc(var(--bord) - 34px),#000 calc(var(--bord) + 2px),#000 calc(100% - 70px),transparent);mask:linear-gradient(90deg,transparent calc(var(--bord) - 34px),#000 calc(var(--bord) + 2px),#000 calc(100% - 70px),transparent)}
.pd-defile::-webkit-scrollbar{display:none}
.pd-defile.pd-tire{cursor:grabbing;scroll-snap-type:none}
.pd-defile img{-webkit-user-drag:none}
.pd-grille{position:relative;display:grid;grid-template-columns:repeat(50,var(--pas));grid-template-rows:var(--h-g) var(--h-r) var(--h-o);padding-inline:calc(var(--bord) + 6px) calc(var(--bord) + 60px);width:max-content}
/* les étiquettes des deux pistes, fixes à gauche */
.pd-voies{position:absolute;left:0;top:0;width:var(--bord);height:calc(var(--h-g) + var(--h-r) + var(--h-o));display:grid;grid-template-rows:var(--h-g) var(--h-r) var(--h-o);justify-items:end;pointer-events:none;z-index:4}
.pd-v-l{writing-mode:vertical-rl;transform:rotate(180deg);align-self:center;margin-right:10px;font:800 .78rem/1 var(--f-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--lueur);padding:10px 6px;border-right:2px solid rgba(154,92,255,.55)}
.pd-v-l.o{color:var(--or-vif);border-right-color:var(--or-clair)}
/* case gratuite */
.pd-g{grid-row:1;align-self:center;justify-self:center;position:relative;width:var(--tuile);height:calc(var(--tuile) + 10px);display:grid;grid-template-rows:1fr auto;justify-items:center;align-items:center;padding:8px 4px 7px;border:1px solid rgba(220,203,255,.16);background:linear-gradient(180deg,rgba(40,26,64,.95),rgba(22,14,36,.95));box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.pd-g img{width:54px;height:54px;margin:-4px 0 -3px;object-fit:contain;filter:drop-shadow(0 5px 4px rgba(0,0,0,.55));transition:transform .35s var(--ease)}
.pd-g:hover img{transform:translateY(-3px) scale(1.06)}
.pd-g b{font:800 .8rem/1.1 var(--f-ui);color:#e6ddf1;white-space:nowrap}
.pd-g.m{border-color:rgba(154,92,255,.55)}
.pd-g.titre{grid-template-rows:auto 1fr;padding:7px 5px;background:linear-gradient(180deg,#2c1a46,#1a1029);border-color:rgba(154,92,255,.55)}
.pd-g.titre small{font:800 .62rem/1 var(--f-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--lueur)}
.pd-g.titre b{font:700 .9rem/1.05 var(--f-titre);white-space:normal;text-align:center;color:var(--or-vif)}
/* le rail des paliers */
.pd-n{grid-row:2;position:relative;display:grid;place-items:center;scroll-snap-align:start}
.pd-n::before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:rgba(220,203,255,.16)}
.pd-n i{position:relative;width:26px;height:26px;display:grid;place-items:center;transform:rotate(45deg);background:var(--nuit-2);border:1px solid rgba(220,203,255,.3)}
.pd-n i span{transform:rotate(-45deg);font:800 .72rem/1 var(--f-ui);color:var(--doux)}
.pd-n.m i{width:32px;height:32px;border-color:var(--or-clair);background:#2a1a10}
.pd-n.m i span{color:var(--or-vif);font-size:.8rem}
/* la piste dorée : un fil d'or, et seize grandes cartes */
.pd-grille::before{content:"";grid-row:3;grid-column:1/-1;margin-block:14px;background:radial-gradient(60% 100% at 50% 50%,rgba(239,159,39,.16),transparent 80%),linear-gradient(180deg,transparent,rgba(239,159,39,.07) 30%,rgba(239,159,39,.07) 70%,transparent);opacity:0;transition:opacity 1.2s}
.pd-on::before{opacity:1}
.pd-fil{grid-row:3;grid-column:1/-1;align-self:center;height:4px;position:relative;background:repeating-linear-gradient(90deg,rgba(239,159,39,.28) 0 10px,transparent 10px 18px)}
.pd-fil i{position:absolute;inset:0;background:linear-gradient(90deg,#7a4608,var(--or-vif) 20%,#ffe3a6 50%,var(--or-vif) 80%,#7a4608);box-shadow:0 0 16px rgba(239,159,39,.7);transform:scaleX(0);transform-origin:0 50%;transition:transform 1.3s var(--ease)}
.pd-on .pd-fil i{transform:none}
.pd-or{grid-row:3;align-self:center;justify-self:center;z-index:1;position:relative;width:var(--carte-l);margin:0;display:grid;grid-template-rows:auto 1fr;padding:3px;background:var(--pd-bord);box-shadow:0 20px 40px -18px rgba(0,0,0,.9);transition:transform .5s var(--ease),box-shadow .6s;transition-delay:var(--dl,0ms)}
.pd-or-v{position:relative;aspect-ratio:1/.86;overflow:hidden;display:grid;place-items:center;background:radial-gradient(80% 80% at 50% 38%,var(--r1),var(--r2) 72%,#0d0816);border:2px solid #0d0816}
.pd-or-v img{width:84%;height:84%;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(0,0,0,.6))}
.pd-or figcaption{display:grid;gap:3px;padding:9px 10px 10px;background:#140d1f}
.pd-or figcaption b{font:700 1.08rem/1.05 var(--f-titre);color:var(--texte)}
.pd-or figcaption small{display:flex;justify-content:space-between;gap:6px;font:700 .74rem/1 var(--f-ui);color:#a598ba}
.pd-or figcaption small em{font-style:normal;color:var(--r)}
.pd-cad{position:absolute;left:50%;top:40%;z-index:3;width:46px;height:46px;margin:-23px 0 0 -23px;display:grid;place-items:center;filter:drop-shadow(0 4px 6px rgba(0,0,0,.7))}
.pd-cad svg{width:100%;height:100%;overflow:visible}
.pd-anse{transition:transform .25s;transition-delay:var(--dl,0ms)}
/* verrouillé */
.pd-or-v>*:not(.pd-cad){transition:filter .6s,opacity .6s;transition-delay:var(--dl,0ms)}
.pd-grille:not(.pd-on) .pd-or{background:linear-gradient(135deg,#4a3a2a,#2b2118);box-shadow:none}
.pd-grille:not(.pd-on) .pd-or-v>*:not(.pd-cad){filter:grayscale(1) brightness(.42) contrast(.9)}
.pd-grille:not(.pd-on) .pd-or figcaption b{color:#8d80a3}
.pd-grille:not(.pd-on) .pd-or figcaption small em{color:#8d80a3}
.pd-grille:not(.pd-on) .pd-cad{animation:pd-pose .45s var(--ease) both}
@keyframes pd-pose{from{opacity:0;transform:translateY(-16px) scale(1.2)}}
/* déverrouillé : le cadenas saute, la carte s'allume */
.pd-on .pd-anse{transform:translateY(-2.5px)}
.pd-on .pd-cad{animation:pd-saute .8s cubic-bezier(.3,.6,.4,1) both;animation-delay:calc(var(--dl,0ms) + 140ms)}
@keyframes pd-saute{0%{transform:none;opacity:1}30%{transform:translateY(-22px) rotate(-10deg) scale(1.08);opacity:1}100%{transform:translate(12px,-64px) rotate(26deg) scale(.7);opacity:0}}
.pd-on .pd-or{animation:pd-eclat 1s var(--ease) both;animation-delay:calc(var(--dl,0ms) + 200ms)}
@keyframes pd-eclat{0%{transform:none}35%{transform:translateY(-8px) scale(1.04);box-shadow:0 0 0 2px rgba(255,227,166,.9),0 0 50px 8px rgba(239,159,39,.65)}100%{transform:none;box-shadow:0 20px 40px -18px rgba(0,0,0,.9),0 0 26px -6px rgba(239,159,39,.45)}}
.pd-or::after{content:"";position:absolute;inset:3px;z-index:2;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,244,214,.55) 50%,transparent 65%) -160% 0/250% 100% no-repeat;opacity:0}
.pd-on .pd-or::after{animation:pd-reflet 1.1s ease-out both;animation-delay:calc(var(--dl,0ms) + 260ms)}
@keyframes pd-reflet{0%{opacity:1;background-position:-160% 0}100%{opacity:1;background-position:260% 0}}
.pd-or:hover{transform:translateY(-4px)}

/* position dans la piste */
.pd-nav{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px 22px;margin-top:18px}
.pd-carte{position:relative;height:24px;display:grid;grid-template-columns:repeat(50,1fr);align-items:end;gap:2px;cursor:pointer;touch-action:none}
.pd-carte>b{height:4px;background:rgba(220,203,255,.2)}
.pd-carte>b.o{height:12px;background:rgba(239,159,39,.4)}
.pd-on-txt .pd-carte>b.o{background:var(--or-vif);box-shadow:0 0 8px rgba(239,159,39,.6)}
.pd-fen{position:absolute;top:0;bottom:-4px;left:0;width:20%;border:2px solid var(--or-vif);background:rgba(247,196,108,.1);pointer-events:none}
.pd-ou{font:700 .92rem/1 var(--f-ui);color:var(--doux);white-space:nowrap;font-variant-numeric:tabular-nums}
.pd-fleches{display:flex;gap:8px}
.pd-fleches button{width:48px;height:48px;display:grid;place-items:center;background:var(--nuit-2);border:2px solid var(--trait);cursor:pointer;color:var(--or-vif);font-size:1.5rem;line-height:1;transition:border-color .25s,background .25s,transform .15s}
.pd-fleches button:hover{border-color:var(--or-clair)}
.pd-fleches button:active{transform:scale(.92);background:rgba(154,92,255,.25)}
.pd-fleches button:disabled{opacity:.35;cursor:default}
/* l'invitation à glisser */
.pd-glisse{position:absolute;right:12px;top:calc(var(--h-g) + var(--h-r) / 2);transform:translateY(-50%);z-index:5;display:inline-flex;align-items:center;gap:10px;padding:9px 14px;background:rgba(12,8,20,.88);border:1px solid var(--trait);font:700 .85rem/1 var(--f-ui);color:var(--or-vif);pointer-events:none;transition:opacity .5s,transform .5s var(--ease)}
.pd-glisse i{width:22px;height:2px;background:var(--or-vif);position:relative;animation:pd-va 1.4s ease-in-out infinite}
.pd-glisse i::after{content:"";position:absolute;right:-1px;top:-4px;width:8px;height:8px;border:solid var(--or-vif);border-width:2px 2px 0 0;transform:rotate(45deg)}
@keyframes pd-va{50%{transform:translateX(7px)}}
.pd-glisse.pd-vu{opacity:0;transform:translate(14px,-50%)}

/* ─ comparatif ─ */
.pd-tab-cadre{max-width:980px;margin-inline:auto}
.pd-tab{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}
.pd-tab th,.pd-tab td{padding:15px 18px;text-align:left;vertical-align:middle;border-bottom:1px solid rgba(220,203,255,.09)}
.pd-tab thead td,.pd-tab thead th{border-bottom:0}
.pd-tab col,.pd-tab thead td{width:36%}
.pd-tab thead th{padding:22px 18px 18px;vertical-align:bottom}
.pd-tab thead th>span:not(.bq-ruban){display:block;font:700 1.1rem/1.15 var(--f-ui);color:var(--doux)}
.pd-tab thead th b{display:block;margin-top:6px;font:700 2.2rem/1 var(--f-titre);color:var(--texte)}
.pd-tab thead th.pd-o>span:not(.bq-ruban){color:var(--or-vif)}
.pd-tab thead th.pd-o b{background:linear-gradient(180deg,#ffe3a6,var(--or-vif) 45%,var(--or-clair) 75%,#a86412);-webkit-background-clip:text;background-clip:text;color:transparent}
.pd-tab .bq-ruban{display:inline-block;margin-bottom:10px}
.pd-tab tbody th,.pd-tab tfoot th{font-weight:700;color:var(--texte)}
.pd-tab tbody th small{display:block;margin-top:3px;font-weight:500;font-size:.84rem;line-height:1.3;color:#8d80a3}
.pd-tab td{font:700 1.05rem/1.2 var(--f-ui);color:#d9cfe8}
.pd-tab .pd-o{background:rgba(247,196,108,.07);border-left:2px solid var(--or-clair);border-right:2px solid var(--or-clair);color:var(--texte)}
.pd-tab thead .pd-o{border-top:2px solid var(--or-clair);background:linear-gradient(180deg,rgba(247,196,108,.18),rgba(247,196,108,.07))}
.pd-tab tfoot .pd-o{border-bottom:2px solid var(--or-clair)}
.pd-tab tfoot th,.pd-tab tfoot td{border-bottom:0;padding-block:20px 22px}
.pd-tab tfoot b{font:700 2.4rem/1 var(--f-titre)}
.pd-rien{color:#6f6384;font-weight:600}
.pd-plus{color:var(--or-vif);margin-right:10px}
.pd-mini{display:inline-flex;flex-wrap:wrap;gap:4px;vertical-align:middle}
.pd-mini i{position:relative;display:block;width:34px;height:34px;overflow:hidden;border:1px solid rgba(247,196,108,.4);background:radial-gradient(closest-side,rgba(154,92,255,.35),rgba(20,13,31,.9))}
.pd-mini img{width:100%;height:100%;object-fit:contain}
.pd-calcul{margin-top:26px;color:var(--doux);font-size:1.1rem;text-align:center}
.pd-calcul b{color:var(--or-vif)}
.pd-calcul .fa{width:8px;height:8px;margin-right:12px;vertical-align:.1em}

/* ─ armure ─ */
.pd-armure{background:radial-gradient(50% 60% at 28% 50%,rgba(239,159,39,.1),transparent 70%)}
.pd-armure-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,5vw,80px);align-items:center}
.pd-scene{--h:0;position:relative;width:min(100%,460px);margin-inline:auto;aspect-ratio:600/820;overflow:hidden}
.pd-scene::before{content:"";position:absolute;left:10%;right:10%;bottom:1%;height:12%;background:radial-gradient(closest-side,rgba(239,159,39,.45),transparent 75%)}
.pd-scene img{position:absolute;left:0;top:-4%;width:100%;height:auto;-webkit-user-drag:none;user-select:none}
.pd-ombre{filter:grayscale(1) brightness(.34) sepia(1) hue-rotate(215deg) saturate(2.4) drop-shadow(0 0 1px rgba(220,203,255,.6)) drop-shadow(0 0 18px rgba(154,92,255,.45));opacity:.9}
.pd-plein{clip-path:inset(0 0 calc(100% - var(--h) * 1%) 0);transition:clip-path 1s var(--ease);filter:drop-shadow(0 0 22px rgba(239,159,39,.25))}
.pd-forge{position:absolute;left:8%;right:8%;top:calc(var(--h) * 1.097% - 4%);height:3px;background:linear-gradient(90deg,transparent,#fff4d6 30%,var(--or-vif) 50%,#fff4d6 70%,transparent);box-shadow:0 0 18px 4px rgba(239,159,39,.7);opacity:calc(min(var(--h),1) * (1 - max(0, var(--h) - 99)));transition:top 1s var(--ease),opacity .4s}
.pd-armure-txt .tete{margin-bottom:28px}
.pd-armure-txt .tete h2{font-size:clamp(2.4rem,4.4vw,4rem)}
.page[data-route=passe] .tete p{text-wrap:pretty}
.pd-pieces{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.pd-pieces button{width:100%;display:grid;gap:10px;justify-items:center;padding:12px 8px 14px;background:var(--nuit-2);border:1px solid rgba(220,203,255,.14);cursor:pointer;text-align:center;transition:border-color .3s,background .3s,transform .2s;touch-action:manipulation}
.pd-pieces button:hover{border-color:var(--or-clair)}
.pd-pieces button:active{transform:scale(.96)}
.pd-p-v{width:100%;aspect-ratio:1;display:grid;place-items:center;background:radial-gradient(closest-side,rgba(154,76,18,.5),transparent 80%)}
.pd-p-v img{width:88%;height:88%;object-fit:contain;filter:grayscale(1) brightness(.6);transition:filter .5s}
.pd-p-t{display:grid;gap:3px}
.pd-p-t b{font:700 1.2rem/1 var(--f-titre)}
.pd-p-t small{font:700 .8rem/1 var(--f-ui);color:#a598ba}
.pd-pieces button[aria-pressed=true]{border-color:var(--or-clair);background:linear-gradient(180deg,rgba(154,76,18,.3),var(--nuit-2))}
.pd-pieces button[aria-pressed=true] img{filter:drop-shadow(0 6px 8px rgba(0,0,0,.6))}
.pd-pieces button[aria-pressed=true] small{color:var(--or-vif)}
.pd-note{margin-top:22px;color:var(--doux);max-width:52ch}

/* ─ galerie des 16 ─ */
.pd-gal-sec{padding-top:clamp(40px,6vw,90px)}
.pd-gal-tete{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:clamp(24px,3vw,36px)}
.pd-gal-tete .tete{margin-bottom:0}
.pd-galerie{position:relative;display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-block:14px 24px;padding-inline:max(var(--gout),calc((100% - var(--large))/2 + var(--gout)));scroll-padding-inline:max(var(--gout),calc((100% - var(--large))/2 + var(--gout)));scrollbar-width:none;cursor:grab;user-select:none;-webkit-user-select:none;outline-offset:-3px}
.pd-galerie::-webkit-scrollbar{display:none}
.pd-galerie.pd-tire{cursor:grabbing;scroll-snap-type:none}
.pd-obj{flex:0 0 clamp(248px,24vw,300px);scroll-snap-align:start;display:grid;grid-template-rows:auto 1fr;padding:3px;background:var(--pd-bord);box-shadow:0 26px 50px -24px rgba(0,0,0,.9);transition:transform .45s var(--ease),box-shadow .45s}
.pd-obj.rare{background:linear-gradient(135deg,#9ccfff,#3f7fc9 40%,#1f3e6a 70%,#9ccfff)}
.pd-obj:hover{transform:translateY(-6px);box-shadow:0 34px 60px -24px rgba(0,0,0,.95),0 0 40px -10px var(--r)}
.pd-obj-v{position:relative;aspect-ratio:1;overflow:hidden;display:grid;place-items:center;background:radial-gradient(75% 75% at 50% 40%,var(--r1),var(--r2) 70%,#0d0816);border:2px solid #0d0816}
.pd-obj-v::after{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.08);pointer-events:none}
.pd-obj-v img{width:80%;height:80%;object-fit:contain;filter:drop-shadow(0 12px 14px rgba(0,0,0,.6));transition:transform .6s var(--ease)}
.pd-obj:hover .pd-obj-v img{transform:scale(1.06) translateY(-3px)}
.pd-obj-pal{position:absolute;left:10px;top:10px;z-index:1;display:grid;place-items:center;width:44px;height:44px}
.pd-obj-pal::before{content:"";position:absolute;inset:6px;transform:rotate(45deg);background:var(--pd-or);border:1px solid #ffe3a6}
.pd-obj-pal b{position:relative;font:800 .95rem/1 var(--f-ui);color:#2b1800}
.pd-obj-tag{position:absolute;right:8px;bottom:8px;z-index:1;padding:4px 7px;background:rgba(8,5,13,.8);font:700 .72rem/1 var(--f-ui);color:#d9cfe8}
.pd-obj-t{display:grid;gap:6px;align-content:start;padding:14px 16px 18px;background:#140d1f}
.pd-obj-t h3{font-size:1.55rem;line-height:1.02}
.pd-obj-t p{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;color:#a598ba;font-weight:600;font-size:.9rem}
.pd-rar{padding:4px 7px;font:800 .72rem/1 var(--f-ui);letter-spacing:.04em;color:#1a0f05;background:var(--r)}
.pd-ecoute{justify-self:start;margin-top:6px;display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--trait);background:rgba(154,92,255,.16);color:var(--or-vif);font:700 .9rem/1 var(--f-ui);cursor:pointer;transition:background .25s,transform .15s}
.pd-ecoute:hover{background:rgba(154,92,255,.32)}
.pd-ecoute:active{transform:scale(.95)}
.pd-ecoute i{width:0;height:0;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent currentColor}
.pd-ecoute[aria-pressed=true] i{width:10px;height:12px;border:0;border-left:3px solid;border-right:3px solid}
.pd-gal-pied{display:flex;justify-content:space-between;align-items:center;gap:16px}
.pd-points{display:flex;flex-wrap:wrap;gap:4px}
.pd-points button{width:24px;height:32px;padding:0;display:grid;place-items:center;background:none;border:0;cursor:pointer}
.pd-points button::before{content:"";width:9px;height:9px;transform:rotate(45deg);border:1px solid rgba(247,196,108,.55);transition:background .3s,transform .3s var(--ease)}
.pd-points button[aria-current=true]::before{background:var(--or-vif);transform:rotate(45deg) scale(1.35);box-shadow:0 0 10px rgba(239,159,39,.7)}
.pd-compte{font:700 1rem/1 var(--f-ui);color:var(--doux);white-space:nowrap}
.pd-compte b{font:700 1.6rem/1 var(--f-titre);color:var(--or-vif)}

/* ─ XP ─ */
.pd-xp-grille{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pd-xp-c{display:grid;grid-template-rows:auto auto 1fr auto;gap:14px;align-content:start;padding:clamp(22px,2.4vw,30px);border:1px solid var(--trait);background:linear-gradient(180deg,var(--nuit-3),var(--nuit-2))}
.pd-xp-c header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:16px;border-bottom:1px solid rgba(220,203,255,.1)}
.pd-ico{display:block;width:40px;height:40px;flex:none;color:var(--or-vif);filter:drop-shadow(0 0 10px rgba(239,159,39,.4))}
.pd-ico svg{width:100%;height:100%}
.pd-xp-n{display:flex;align-items:center;gap:10px;text-align:right}
.pd-xp-n b{font:700 3rem/1 var(--f-titre);background:linear-gradient(180deg,#ffe3a6,var(--or-vif) 45%,var(--or-clair) 75%,#a86412);-webkit-background-clip:text;background-clip:text;color:transparent}
.pd-xp-n span{font:700 .82rem/1.2 var(--f-ui);color:var(--doux);text-align:left}
.pd-xp-c h3{font-size:1.9rem}
.pd-xp-c ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.pd-xp-c li{display:grid;grid-template-columns:minmax(64px,auto) 1fr;gap:12px;align-items:baseline}
.pd-xp-c li b{font:800 1rem/1.2 var(--f-ui);color:var(--or-vif);white-space:nowrap}
.pd-xp-c li span{color:#d9cfe8;line-height:1.35}
.pd-xp-note{color:#8d80a3;font-size:.92rem}
.pd-jauge{margin-top:28px;padding:24px clamp(18px,3vw,34px) 20px;border:1px solid rgba(220,203,255,.1);background:rgba(20,13,31,.6)}
.pd-j-barre{position:relative;height:10px;background:rgba(220,203,255,.08);border:1px solid rgba(220,203,255,.14)}
.pd-j-barre i{position:absolute;inset:0;background:linear-gradient(90deg,var(--amethyste-fonce),var(--amethyste) 40%,var(--or-clair) 80%,var(--or-vif));transform-origin:0 50%}
@supports (animation-timeline: view()){.pd-j-barre i{animation:pd-remplit linear both;animation-timeline:view();animation-range:entry 20% cover 45%}@keyframes pd-remplit{from{transform:scaleX(0)}}}
.pd-jauge ol{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr)}
.pd-jauge li{display:grid;gap:3px;justify-items:end;text-align:right;position:relative;padding-top:6px}
.pd-jauge li::before{content:"";position:absolute;right:-1px;top:-18px;width:2px;height:14px;background:rgba(247,196,108,.7)}
.pd-jauge li b{font:700 1rem/1 var(--f-ui);color:var(--texte)}
.pd-jauge li span{font:600 .88rem/1 var(--f-ui);color:var(--doux)}

/* ─ objections ─ */
.pd-sur-grille{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pd-sur-c{display:grid;gap:12px;align-content:start;padding:28px;border-top:2px solid var(--or);background:var(--nuit-2)}
.pd-sur-c h3{font-size:1.85rem}
.pd-sur-c p{color:var(--doux)}
.pd-abo{display:flex;align-items:center;justify-content:space-between;gap:16px 30px;flex-wrap:wrap;margin-top:16px;padding:22px 26px;text-decoration:none;border:1px solid var(--trait);background:radial-gradient(70% 160% at 0% 50%,rgba(247,196,108,.12),transparent 70%),var(--nuit-2);transition:border-color .3s}
.pd-abo:hover{border-color:var(--or-clair)}
.pd-abo:active{transform:scale(.99)}
.pd-abo-t{display:grid;gap:4px}
.pd-abo-t span{color:var(--doux)}

/* ─ fin ─ */
.pd-fin .large{gap:20px}
.pd-fin p{max-width:48ch;color:#e6ddf1;font-size:1.15rem}
.pd-fin-vign{display:flex;justify-content:center;gap:clamp(14px,2vw,22px);margin-bottom:14px}
.pd-fin-vign i{display:block;width:clamp(46px,5.4vw,66px);aspect-ratio:1;transform:rotate(45deg);overflow:hidden;border:2px solid var(--or-clair);background:radial-gradient(closest-side,#9a4c12,#2c160b);box-shadow:0 10px 24px rgba(0,0,0,.6)}
.pd-fin-vign i:nth-child(odd){transform:rotate(45deg) translateY(10px)}
.pd-fin-vign img{width:100%;height:100%;object-fit:contain;transform:rotate(-45deg) scale(.92)}

/* ─ barre d'achat (téléphone) ─ */
.pd-barre{display:none}
body:has(.page[data-route=passe]:not([hidden])) .barre-bas{display:none!important}

@media (max-width:1060px){
  .pd-xp-grille{grid-template-columns:1fr 1fr}
  .pd-xp-c:last-child{grid-column:1/-1}
}
@media (max-width:820px){
  .pd-heros{min-height:0;padding-top:104px}
  .pd-heros h1{font-size:clamp(3.1rem,9.4vw,4.6rem)}
  .pd-piste-tete{grid-template-columns:1fr}
  .pd-commande{justify-items:stretch}
  .pd-inter>span{padding:15px 10px}
  .pd-voie-cadre{--pas:80px;--tuile:64px;--carte-l:146px;--h-g:98px;--h-r:42px;--h-o:228px;--bord:44px}
  .pd-v-l{margin-right:6px;padding:8px 4px;font-size:.7rem}
  .pd-g img{width:46px;height:46px}
  .pd-or figcaption{padding:8px 8px 9px}
  .pd-or figcaption b{font-size:1rem}
  .pd-nav{grid-template-columns:minmax(0,1fr) auto}
  .pd-nav .pd-fleches{display:none}
  .pd-tab th,.pd-tab td{padding:12px 8px}
  .pd-tab thead td{width:30%}
  .pd-tab thead th{padding:16px 8px 12px}
  .pd-tab thead th>span:not(.bq-ruban){font-size:.9rem}
  .pd-tab thead th b{font-size:1.6rem}
  .pd-tab .bq-ruban{font-size:.68rem;padding:5px 6px}
  .pd-tab tbody th{font-size:.92rem;line-height:1.2}
  .pd-tab tbody th small{font-size:.76rem}
  .pd-tab td{font-size:.92rem}
  .pd-mini i{width:26px;height:26px}
  .pd-plus{display:block;margin:0 0 5px}
  .pd-tab tfoot b{font-size:2rem}
  .pd-armure-in{grid-template-columns:1fr;gap:0}
  .pd-armure-txt{display:contents}
  .pd-armure-txt .tete{order:0}
  .pd-scene{order:1;width:min(64%,300px);margin-bottom:18px}
  .pd-pieces{order:2}
  .pd-note{order:3}
  .pd-pieces{gap:6px}
  .pd-pieces button{padding:8px 4px 10px;gap:6px}
  .pd-p-t b{font-size:1rem}
  .pd-p-t small{font-size:.72rem}
  .pd-gal-tete .pd-fleches{display:none}
  .pd-obj{flex-basis:min(72vw,280px);align-self:start}
  .pd-obj:not(.pd-actif){opacity:.6;transform:scale(.95)}
  .pd-obj{transition:opacity .35s,transform .45s var(--ease)}
  .pd-glisse{top:auto;bottom:10px;transform:none}
  .pd-glisse.pd-vu{transform:translateX(14px)}
  .pd-xp-grille,.pd-sur-grille{grid-template-columns:1fr}
  .pd-jauge ol li:nth-child(even){visibility:hidden}
  .pd-barre{position:fixed;left:0;right:0;bottom:0;z-index:58;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px)) 16px;background:rgba(12,8,20,.93);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--or-clair);box-shadow:0 -18px 40px rgba(0,0,0,.5);transform:translateY(110%);visibility:hidden;transition:transform .45s var(--ease),visibility 0s .45s}
  .pd-barre.pd-vue{transform:none;visibility:visible;transition:transform .45s var(--ease)}
  .pd-barre p{display:grid;gap:3px}
  .pd-barre p b{font:700 1.3rem/1 var(--f-titre);color:var(--or-vif)}
  .pd-barre p span{font:600 .85rem/1 var(--f-ui);color:var(--doux)}
  .pd-barre .ak-btn{padding:14px 22px 15px}
  .page[data-route=passe] .ak-btn:active{transform:scale(.97)}
}
@media (max-width:700px){
  .pd-heros{padding-top:96px;align-items:flex-start}
  .pd-heros::before{background:radial-gradient(60% 34% at 50% 82%,rgba(239,159,39,.24),transparent 72%),linear-gradient(180deg,rgba(12,8,20,.9),rgba(12,8,20,.72) 55%,rgba(12,8,20,.5) 80%,var(--nuit))}
  .pd-heros-in{grid-template-columns:1fr}
  .pd-heros h1{font-size:clamp(3.1rem,15vw,4.6rem)}
  .pd-achat,.pd-boutons{width:100%}
  .pd-boutons .ak-btn{flex:1 1 auto;justify-content:center}
  .pd-boutons .ak-btn:first-child{flex-basis:100%}
  .pd-socle{width:min(76%,340px);margin-top:0}
}
@media (max-width:560px){
  .pd-atouts{display:grid;gap:8px}
  .pd-prix b{font-size:2.8rem}
  .pd-bilan b{font-size:2rem}
  .pd-tab thead td{width:34%}
  .pd-tab thead th:not(.pd-o){width:22%}
  .pd-tab .bq-ruban{display:none}
  .pd-tab tbody th small{display:none}
  .pd-tab tfoot th{font-size:.92rem}
  .pd-points{gap:0}
  .pd-points button{width:17px}
  .pd-points button::before{width:7px;height:7px}
  .pd-abo{padding:20px}
}
/* téléphone couché : tout tient au-dessus de la ligne de flottaison */
@media (max-height:520px) and (orientation:landscape){
  .pd-heros{min-height:0;padding-top:86px;align-items:flex-start}
  .pd-heros-in{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}
  .pd-heros h1{font-size:3rem}
  .pd-promesse{font-size:1rem}
  .pd-atouts{display:none}
  .pd-achat{gap:10px}
  .pd-prix b{font-size:2.4rem}
  .pd-boutons .ak-btn:first-child{flex-basis:auto}
  .pd-socle{width:min(100%,220px)}
  .pd-heros-art figcaption{display:none}
}
@media (prefers-reduced-motion:reduce){
  .pd-plein{transition:none}
  .pd-grille .pd-cad{animation:none}
  .pd-on .pd-cad{opacity:0}
}

:lang(en) .jour.auj h4::after{content:"Today"}
:lang(en) .bq-case.portee .bq-case-v::after{content:"Worn"}
html[data-theme="arkensia"]{text-rendering:auto;-webkit-font-smoothing:auto;scroll-behavior:auto;scroll-padding-top:auto;tab-size:8}
.ark-fragment,.block-shell[data-block="custom"]{display:contents}
@media (prefers-color-scheme:dark){html[data-theme="arkensia"],html[data-theme="arkensia"] body{color:var(--texte)!important;background-color:var(--nuit)!important}}
html.ark-tr body::after{content:"";position:fixed;inset:0;z-index:2147483000;background:#2a1450}