/* Évolution du site V19 : la feuille historique reste intacte. */
@font-face{font-family:DMSans;src:url('fonts/body.ttf') format('truetype');font-weight:200 800;font-display:swap}@font-face{font-family:Sora;src:url('fonts/heading.ttf') format('truetype');font-weight:100 800;font-display:swap}
[hidden]{display:none!important}.links a[aria-current=page]{color:#86efac}.links{gap:22px}.links a{white-space:nowrap}.home-wordmark{font-size:1.15em;color:#fff}.home-wordmark>span{color:#86efac}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:23px;margin-top:27px}.primary,.link-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #86efac75;border-radius:10px;background:#86efac;color:#143121;font:600 15px DMSans,Arial,sans-serif;padding:14px 19px;cursor:pointer;transition:background .2s,border-color .2s}.primary:hover{background:#b0f5c8;border-color:#86efac}.text-link{font-size:15px;color:#e3f9e9;text-decoration:underline;text-underline-offset:5px}.text-link:hover,.footer-links a:hover{color:#86efac}.glass{border:1px solid #dcf5e22b;background:linear-gradient(135deg,#e2fff00b,#d0f8df04);border-radius:18px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:30px}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.story-grid h3{font:600 23px Sora,sans-serif;margin:18px 0 14px}.story-grid p,.join-panel p,.home-shop p,.account-box p,.legal-copy p{font-size:16px;line-height:1.8;color:#d2e6d9}.feature-number{font-size:12px;letter-spacing:2px;color:#86efac}.join-panel{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;padding:38px}.join-panel h2{font-size:31px;max-width:430px;margin-top:20px}.server-address{display:flex;flex-direction:column;gap:17px;align-items:start;min-width:0}.server-address code{font:500 clamp(16px,2vw,25px) DMSans,sans-serif;overflow-wrap:anywhere;color:#c4fbd5}.server-address small{font-size:12px;color:#c3dacc}.home-shop{display:flex;justify-content:space-between;align-items:center;gap:40px}.home-shop h2{margin-top:20px;font-size:34px}.home-shop p{max-width:550px}.footer-links{display:flex;gap:18px;flex-wrap:wrap;font-size:13px}.page-intro{padding:66px 0 30px}.page-intro h1{font-size:clamp(35px,5vw,57px);margin:18px 0}.account-layout{display:grid;grid-template-columns:1fr 1fr;gap:25px}.account-box h2{font-size:25px}.account-box{max-width:650px}label{font-size:15px}input:not([type=checkbox]):not([type=radio]){display:block;width:100%;max-width:100%;border:1px solid #d5f5e13b;border-radius:9px;background:#08170f45;color:#f4fff8;padding:13px 14px;font:16px DMSans,sans-serif;margin:9px 0 18px}input:focus{outline:2px solid #86efac;outline-offset:2px}input::placeholder{color:#b8cabc}input[type=checkbox],input[type=radio]{accent-color:#86efac;flex-shrink:0;width:18px;height:18px}button:disabled{cursor:wait;opacity:.6}.form-message,.billing-summary{font-size:14px;line-height:1.65;color:#d3e8db}.form-message.error{color:#ffc3c3}.purchase-options{border:0;padding:0;margin:25px 0 20px}.purchase-options legend{font-size:15px;margin-bottom:12px}.purchase-option{display:flex;align-items:start;gap:12px;margin:10px 0;padding:15px;background:#ffffff05;border:1px solid #dcf5df24;border-radius:10px;cursor:pointer}.purchase-option:has(input:checked){background:#86efac0d;border-color:#86efac66}.purchase-option strong,.purchase-option small{display:block}.purchase-option strong{font-size:14px}.purchase-option small{font-size:12px;margin-top:5px;color:#c4d8cb}.consent{display:flex;align-items:start;gap:12px;font-size:12px;line-height:1.65;margin:18px 0}.consent a{text-decoration:underline}.billing-summary{min-height:45px}#rank-dialog .checkout-player p{font-size:12px;line-height:1.7}#rank-dialog .checkout-player input{font-size:16px}#rank-dialog .checkout-pay:not(:disabled){cursor:pointer;opacity:1;background:#86efac;color:#143121;border-color:#86efac}#rank-dialog .checkout-pay:not(:disabled):hover{background:#b0f5c8}#rank-dialog .checkout-footnote{font-size:12px;max-width:none}.grade-action .price small{font-size:.62em;font-weight:400;letter-spacing:0;color:#d0e5d7;margin-left:4px}.checkout-product-price{white-space:nowrap}.account-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 22px}.account-toolbar p{overflow-wrap:anywhere}.orders-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:25px 0}.order-card h3{font-size:27px;margin:0 0 18px}.order-card dl,.demo-facts{display:grid;gap:15px}.order-card dt,.demo-facts small{font-size:13px;color:#bdd4c6}.order-card dd{margin:4px 0 0;font-size:16px}.order-card .pill{margin-top:16px}.status-chip{border:1px solid #86efac44;background:#86efac0c;color:#c7fbd6;border-radius:30px;font-size:13px;padding:6px 12px}.order-actions{display:flex;flex-wrap:wrap;gap:12px}.account-actions p{font-size:15px;color:#cfe2d5}.account-actions .pill{margin:5px 10px 5px 0}.demo-account{max-width:900px;margin-bottom:70px}.demo-facts{grid-template-columns:repeat(3,1fr);padding:25px 0;margin:15px 0;border-top:1px solid #d3eedb2a;border-bottom:1px solid #d3eedb2a}.demo-facts strong{display:block;font-size:22px;margin-top:8px}.demo-account>.pill{margin-left:15px}.legal-copy{max-width:900px;margin-bottom:70px}.legal-copy h2{font-size:24px;margin:30px 0 15px}.legal-copy h2:first-child{margin-top:0}.legal-copy p{max-width:800px}.notice{font-size:14px}.toast{font-size:14px}.home-intro{margin-top:25px}
/* Aucun mouvement piloté par le défilement. */
@media(max-width:1000px){nav{gap:15px}.links{gap:14px}.links a{font-size:13px}.story-grid{grid-template-columns:1fr}.story-grid .glass{padding:26px}.join-panel{gap:28px;padding:28px}.account-layout{gap:20px}.home-shop{gap:24px}}
@media(max-width:700px){header nav{height:auto;min-height:92px;flex-wrap:wrap;padding-top:17px;padding-bottom:15px;gap:16px}.brand{font-size:25px}.brand small{font-size:8px}.links{order:3;width:100%;justify-content:space-between;gap:10px;padding:9px 12px}.links a{font-size:13px}header .pill{margin-left:auto;padding:9px 12px;font-size:12px}.hero-actions{align-items:start;flex-direction:column;gap:18px}.hero .lead{font-size:16px}.hero h1{font-size:36px}.join-panel{grid-template-columns:1fr;padding:26px}.join-panel h2{font-size:27px}.home-shop{align-items:start;flex-direction:column}.home-shop h2{font-size:29px}.footer-inner{align-items:start;flex-direction:column}.footer-end{text-align:left}.footer-links{font-size:12px;gap:15px}.account-layout,.orders-list{grid-template-columns:1fr}.glass{padding:24px}.page-intro{padding-top:38px}.account-toolbar{align-items:start;flex-wrap:wrap}.demo-facts{grid-template-columns:1fr;gap:20px}.demo-account>.pill{margin:15px 0 0}.server-address code{font-size:19px}.page-intro .lead{font-size:16px}.legal-copy h2{font-size:22px}#rank-dialog .checkout-product-price strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Couleur d’interaction commune, indépendante du grade. */
@media(hover:hover) and (pointer:fine){#grades .grades>.card:hover,#grades .grades>.card.vip:hover,#grades .grades>.card.premium:hover{border-color:#86efac!important;background:linear-gradient(135deg,#86efac23,#86efac0b)!important}#grades .grades>.card .grade-action button:hover{background:#86efac!important;color:#143121!important;border-color:#86efac!important}.primary:hover{background:#86efac;border-color:#86efac}.text-link:hover,.footer-links a:hover{color:#86efac}}

/* Accueil : une composition ouverte, distincte des offres. */
.nav-actions{display:flex;align-items:center;gap:10px}.nav-actions .pill{white-space:nowrap}.nav-account{display:inline-flex;align-items:center;gap:8px}.nav-account svg{width:17px;height:17px}header .nav-actions .pill{margin-left:0}
.home-pistachio{width:100%;max-width:420px;margin:auto;filter:drop-shadow(0 24px 34px #06231630)}.home-pistachio svg{display:block;width:100%;height:auto}.home-hero .hero-art::after{display:none}.home-hero .hero-art{transform:none}
.story-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding:20px 0 10px}.story-grid .glass{background:none;border:0;border-radius:0;padding:0 8px;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}.story-grid .glass:nth-child(2){padding-top:50px}.story-grid .glass:nth-child(3){padding-top:100px}.story-grid .feature-number{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;border:1px solid #86efac66;background:#86efac10;font-size:15px;letter-spacing:0}.story-grid .glass:nth-child(2) .feature-number{border-style:dashed}.story-grid .glass:nth-child(3) .feature-number{border-radius:44% 56% 62% 38%}.story-grid h3{margin-top:25px}.story-grid p{margin-bottom:0}.join-panel{border-radius:100px 34px 100px 34px;padding:48px 56px;background:linear-gradient(115deg,#86efac17,#86efac03);border-color:#86efac44}.home-shop{padding:20px 0 20px 30px;border-left:2px solid #86efac55}
@keyframes page-arrive{from{opacity:0;transform:translateY(15px);filter:blur(3px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes page-leave{to{opacity:0;transform:translateY(-9px)}}
main.page-arrive{animation:page-arrive .38s cubic-bezier(.2,.7,.3,1) both}main.page-leave{animation:page-leave .16s ease-in both}
@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation:none}main{view-transition-name:page-content}::view-transition-old(page-content){animation:page-leave .16s ease-in both}::view-transition-new(page-content){animation:page-arrive .38s ease-out both}
@media(max-width:1000px){.story-grid{gap:25px}.join-panel{padding:38px}.nav-actions{gap:7px}.nav-actions .pill{padding:10px 12px}}
@media(max-width:700px){header nav{gap:12px}.nav-actions{margin-left:auto}.nav-actions .pill{font-size:12px;padding:9px 10px}.nav-account svg{display:none}.brand{font-size:23px}.brand small{font-size:7px;letter-spacing:1.5px}.links{justify-content:center;gap:32px}.home-pistachio{max-width:260px}.story-grid{grid-template-columns:1fr;gap:32px}.story-grid .glass,.story-grid .glass:nth-child(2),.story-grid .glass:nth-child(3){padding:0 0 0 78px;position:relative}.story-grid .feature-number{position:absolute;left:0;top:0;width:50px;height:50px}.story-grid h3{margin-top:4px;font-size:22px}.story-grid p{font-size:16px}.join-panel{border-radius:55px 20px 55px 20px;padding:32px 25px}.home-shop{padding-left:22px}}
@media(max-width:380px){.nav-actions{gap:5px}.nav-actions .pill{font-size:11px;padding:9px 7px}.brand{font-size:21px}.brand small{letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){main.page-arrive,main.page-leave,::view-transition-old(page-content),::view-transition-new(page-content){animation:none!important}}

/* Un langage visuel commun entre accueil et boutique. */
.home-hero{grid-template-columns:1fr;position:relative;min-height:390px;padding:65px 0 55px;overflow:hidden}.home-hero>div:first-child{grid-column:1;grid-row:1;max-width:860px;position:relative;z-index:1}.home-hero h1{font-size:clamp(36px,4vw,52px);line-height:1.2}.home-hero .lead{max-width:660px}.home-hero::after{content:"PistaSMP";position:absolute;right:-12px;bottom:25px;font:700 clamp(80px,12vw,164px) Sora,sans-serif;letter-spacing:-9px;color:#d4ffe907;pointer-events:none;z-index:0}.home-intro .section-head h2{font-size:34px}.story-grid{gap:28px;padding:12px 0}.story-grid .glass,.story-grid .glass:nth-child(2),.story-grid .glass:nth-child(3){padding:24px 8px 28px;border-bottom:1px solid #d6f7e329;background:linear-gradient(180deg,#e9fff304,transparent);border-radius:60px 60px 0 0}.story-grid .feature-number,.story-grid .glass:nth-child(2) .feature-number,.story-grid .glass:nth-child(3) .feature-number{border-radius:50%;border-style:solid;background:#e3fff309;border-color:#d6f7e33d}.story-grid h3{font-size:23px;font-weight:600}.join-panel{background:linear-gradient(140deg,#e4fff00f,#12342535 65%,#0c221b2e);border-color:#c9eedc45;border-radius:64px 24px 64px 24px}.home-shop{border-left:0;border-top:1px solid #d6f7e329;padding:32px 0 12px}
/* Le survol ne modifie que la position des panneaux. */
#grades .grades>.card{--panel-rest:linear-gradient(140deg,rgba(134,239,172,.13),rgba(18,52,37,.21) 65%,rgba(12,34,27,.18));--border-rest:rgba(171,235,191,.35);--shadow-rest:inset 0 1px 0 #ffffff16,0 15px 30px #0000001a}
#grades .grades>.card.vip{--panel-rest:linear-gradient(140deg,rgba(255,225,123,.14),rgba(77,68,38,.19) 65%,rgba(38,33,26,.16));--border-rest:rgba(252,221,156,.36)}
#grades .grades>.card.premium{--panel-rest:linear-gradient(140deg,rgba(145,215,255,.12),rgba(28,63,90,.18) 64%,rgba(15,32,49,.15));--border-rest:rgba(170,226,255,.34);--shadow-rest:inset 0 1px 0 #ffffff1f,0 14px 30px #0000002e}
#grades .grades>.card,#grades .grades>.card:hover,#grades .grades>.card.vip:hover,#grades .grades>.card.premium:hover,#grades .grades>.card:focus-within{background:var(--panel-rest)!important;border-color:var(--border-rest)!important;box-shadow:var(--shadow-rest)!important}
#grades .grades>.card .rank-icon,#grades .grades>.card:hover .rank-icon{background:color-mix(in srgb,var(--accent) 9%,transparent)!important;border-color:color-mix(in srgb,var(--accent) 27%,transparent)!important;color:var(--accent)!important;transform:none!important}
@media(hover:hover) and (pointer:fine){#grades .grades>.card:hover,#grades .grades>.card.vip:hover,#grades .grades>.card.premium:hover{transform:translateY(-10px)}}
@media(max-width:700px){.home-hero{min-height:0;padding:38px 0}.home-hero>div:first-child{max-width:100%}.home-hero h1{font-size:36px}.home-hero::after{font-size:78px;letter-spacing:-5px;bottom:8px}.home-intro .section-head h2{font-size:30px}.story-grid .glass,.story-grid .glass:nth-child(2),.story-grid .glass:nth-child(3){padding:12px 0 25px 72px;border-radius:0}.story-grid .feature-number{top:12px}.join-panel{border-radius:44px 20px 44px 20px}}
@media(prefers-reduced-motion:reduce){#grades .grades>.card:hover,#grades .grades>.card.vip:hover,#grades .grades>.card.premium:hover{transform:none}}

/* Accueil : mascotte animée et panneaux de verre assortis à la boutique. */
.home-hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:55px;overflow:visible;min-height:0}.home-hero>div:first-child{grid-column:2;grid-row:1;max-width:none}.home-hero::after{content:none}.home-hero .hero-art{grid-column:1;grid-row:1;display:block;max-width:380px;justify-self:center;transform:none}.home-hero .hero-art::before,.home-hero .hero-art::after{display:none}.pistachio-mascot{width:100%;height:auto;display:block;filter:drop-shadow(0 22px 18px #061b1640);animation:pistachio-float 5s ease-in-out infinite;transform-origin:50% 62%}
@keyframes pistachio-float{0%,100%{transform:translateY(5px) rotate(-5deg)}50%{transform:translateY(-13px) rotate(5deg)}}
.story-grid{gap:22px;align-items:stretch}.story-grid .glass,.story-grid .glass:nth-child(2),.story-grid .glass:nth-child(3){padding:30px;border:1px solid #d6f7e33d;border-radius:20px;background:linear-gradient(140deg,#e4fff00f,#12342535 65%,#0c221b2e);backdrop-filter:blur(7px) saturate(105%);-webkit-backdrop-filter:blur(7px) saturate(105%);box-shadow:inset 0 1px 0 #ffffff16,0 15px 30px #0000001a}.story-grid h3{margin:0 0 16px}.story-grid p{margin:0}
/* Transitions explicites, identiques en ligne et dans l’aperçu autonome. */
@view-transition{navigation:none}main{view-transition-name:none}main.page-arrive,main.page-leave{animation:none!important}
@media(max-width:700px){.home-hero{grid-template-columns:1fr;gap:8px}.home-hero>div:first-child{grid-column:1;grid-row:1}.home-hero .hero-art{grid-column:1;grid-row:2;max-width:235px}.story-grid .glass,.story-grid .glass:nth-child(2),.story-grid .glass:nth-child(3){padding:26px}.home-hero h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){.pistachio-mascot{animation:none}}

/* Mascotte plus douce dans le décor. */
.pistachio-mascot{filter:brightness(.78) saturate(.78) drop-shadow(0 18px 22px #061b1630);opacity:.88}

/* Le rendu vient de l’illustration, sans filtre de couleur. */
.pistachio-mascot{filter:drop-shadow(0 16px 18px #061b1638);opacity:1}

/* Logo original, sans rotation et flottement presque immobile. */
.pistachio-mascot{filter:drop-shadow(0 10px 14px #061b1624);opacity:1;animation:pistachio-gentle 9s ease-in-out infinite;transform:none}
@keyframes pistachio-gentle{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.pistachio-mascot{animation:none}}

/* Périodicité lisible à côté de chaque prix. */
#grades .grade-action .price small{font-size:16px;font-weight:600;color:#f0f8f3;opacity:1;margin-left:6px;white-space:nowrap;letter-spacing:0}

/* Même périodicité compacte sur les offres et dans le récapitulatif. */
#grades .grade-action .price{display:flex;align-items:baseline;gap:0;white-space:nowrap}
#grades .grade-action .price small{margin-left:0;font-size:16px;font-weight:600;color:#f0f8f3}
#rank-dialog .checkout-product-price{flex-direction:row;align-items:baseline;gap:0}
#rank-dialog .checkout-product-price span{font-size:16px;font-weight:600;color:#f0f8f3;opacity:1}
@media(max-width:420px){#rank-dialog .checkout-product{flex-wrap:wrap;gap:14px}#rank-dialog .checkout-product-price{margin-left:auto}}

/* Validation des formulaires, intégrée aux panneaux. */
.required-star{color:#86efac;font-weight:700}.required-note{color:#d2e6d9;font-size:13px;line-height:1.5;margin:18px 0 0}.field-error,#rank-dialog .checkout-player p.field-error{font-size:13px;color:#ffd1c5;line-height:1.5;margin:8px 0 16px;padding:9px 12px;border-left:2px solid #f3a0a0;border-radius:0 6px 6px 0;background:#ec8f8f0b}input[aria-invalid=true]:not([type=checkbox]){border-color:#e9a5a0!important}input[aria-invalid=true]:focus{outline-color:#e9a5a0}.consent .required-star{white-space:nowrap}

/* Une petite bulle rectangulaire remplace les bandes d’erreur. */
.field-error,#rank-dialog .checkout-player p.field-error{display:table;width:fit-content;max-width:100%;box-sizing:border-box;margin:7px 0 12px;padding:7px 11px;border:1px solid #d7f3e344;border-radius:6px;background:#18362bef;color:#edf8f1;font:500 12px/1.45 DMSans,Arial,sans-serif;box-shadow:0 4px 12px #0002;overflow-wrap:anywhere}
.field-error[hidden],#rank-dialog .checkout-player p.field-error[hidden]{display:none!important}
input[aria-invalid=true]:not([type=checkbox]){border-color:#86efac80!important}input[aria-invalid=true]:focus{outline-color:#86efac}

/* Erreurs visibles dans la couleur rose de la palette. */
.field-error,#rank-dialog .checkout-player p.field-error{background:#582c43;border-color:#ef86c9;color:#fff1f9;box-shadow:0 4px 12px #170a1338}
input[aria-invalid=true]:not([type=checkbox]){border-color:#ef86c9!important}input[aria-invalid=true]:focus{outline-color:#ef86c9}

/* Chevron centré, indépendant de la ligne de base de la police. */
#rank-dialog .checkout-benefits-meta{display:inline-flex;align-items:center;gap:7px;line-height:1.4}
#rank-dialog .checkout-chevron{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;line-height:1;flex:none;transform-origin:center}
#rank-dialog .checkout-chevron svg{display:block;width:16px;height:16px}