/* Maëlya — feuille de style unique du site (regroupe styles, premium et v8 à v17, dans l'ordre d'origine).
   Sources conservées hors du site, dans le dossier sources-css-js. */

/* ===== styles.css ===== */
/* MAËLYA — Site officiel / Refonte V4 · sans framework ni connexion externe */
:root{
  --ink:#202241;--ink-soft:#545876;--midnight:#161b40;--purple:#6650b6;--violet:#8068d0;
  --lavender:#eee9ff;--gold:#e8b96f;--cream:#fffaee;--white:#fff;
  --shadow:0 24px 62px rgba(39,34,91,.12);--radius:24px;--container:1190px;
  --font-ui:"Avenir Next","Segoe UI",Inter,system-ui,-apple-system,sans-serif;
  --font-display:Georgia,"Times New Roman",serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{margin:0;font-family:var(--font-ui);background:linear-gradient(180deg,#fffdfd 0%,#f5f2ff 38%,#ffffff 100%);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative}
img{max-width:100%;display:block}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b084ed;outline-offset:4px}
::selection{background:#daceff;color:#30245f}
.site-ambience{position:fixed;inset:0;pointer-events:none;z-index:1;overflow:hidden}
.spark{position:absolute;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle,#fff7c5 0%,#ffe4a3 38%,transparent 72%);box-shadow:0 0 18px #ffe3a7;opacity:.55;animation:sparkle 7s ease-in-out infinite}
.spark.s1{left:8%;top:18%;animation-delay:0s}.spark.s2{left:84%;top:12%;animation-delay:1s}.spark.s3{left:72%;top:38%;animation-delay:2.4s}.spark.s4{left:15%;top:62%;animation-delay:3.3s}.spark.s5{left:90%;top:74%;animation-delay:1.6s}.spark.s6{left:48%;top:24%;animation-delay:4.5s}
.container{width:min(var(--container),calc(100% - 64px));margin-inline:auto}
.skip-link{position:fixed;left:10px;top:-80px;padding:12px 18px;background:#fff;z-index:1000}.skip-link:focus{top:8px}
.announcement{background:#211e4d;color:#eee6fb;font-size:.72rem;font-weight:700;letter-spacing:.07em;text-align:center;padding:10px 18px;min-height:35px}
.announcement a{color:#ffe3a6;text-decoration:underline;text-underline-offset:3px}.announcement-star{color:#f0d08a;margin-right:7px}.announcement-sep{color:#b1a8ce;margin-inline:6px}
.site-header{position:sticky;top:0;z-index:80;background:#fffcf8ee;border-bottom:1px solid #e9e2f6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.header-container{height:79px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;min-width:180px}
.brand-icon{display:grid;place-items:center;flex:none;width:45px;height:45px;border-radius:16px;background:linear-gradient(145deg,#a38bde,#6352b5);font-size:24px;color:#fff4ce;box-shadow:0 7px 17px #9173cd45;border:2px solid #e9e1ff}
.brand-type{display:flex;flex-direction:column;font:700 1.93rem/.98 var(--font-display);letter-spacing:-.06em;color:#3b2c6c}
.brand-type small{font:800 .48rem/1.3 var(--font-ui);color:#7c709b;letter-spacing:.18em;margin-top:7px}
.main-nav{display:flex;align-items:center;gap:clamp(12px,1.65vw,25px)}
.main-nav>a{font-size:.8rem;font-weight:750;color:#4c4968;white-space:nowrap;transition:color .2s}
.main-nav>a:not(.nav-cta):hover{color:var(--purple)}
.main-nav .nav-cta{background:#6552aa;border-radius:100px;color:#fff;padding:13px 19px;box-shadow:0 6px 18px #6652ae2b}
.main-nav .nav-cta:hover{background:#51428e;color:#fff}
.nav-toggle{display:none;width:44px;height:44px;align-items:center;justify-content:center;gap:5px;flex-direction:column;background:#f2edff;border:1px solid #d5c8eb;border-radius:13px;flex:none}
.nav-toggle span{height:2px;width:19px;background:#4e437d;border-radius:3px;transition:transform .25s,opacity .25s}
.nav-toggle.is-open span:first-child{transform:translateY(7px) rotate(45deg)}.nav-toggle.is-open span:nth-child(2){opacity:0}.nav-toggle.is-open span:last-child{transform:translateY(-7px) rotate(-45deg)}

/* Premier écran */
.hero{position:relative;isolation:isolate;background:linear-gradient(130deg,#171f4c 0%,#273568 36%,#33467d 68%,#435790 100%);padding:95px 0 128px;overflow:hidden;color:#fff}.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,25,62,.88) 0%,rgba(27,37,77,.76) 36%,rgba(42,57,108,.48) 100%),url("assets/magic-valley.webp") center/cover no-repeat;opacity:1;z-index:0}.hero::after{content:"";position:absolute;inset:auto 0 0;height:160px;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.95) 100%);z-index:0}.hero-scenery{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 80% 14%,rgba(255,238,179,.25),transparent 22%),radial-gradient(circle at 26% 20%,rgba(167,229,255,.18),transparent 16%)}
.hero-waterfall{position:absolute;top:70px;bottom:105px;width:min(15vw,215px);border-radius:34px;overflow:hidden;opacity:.9;z-index:1;box-shadow:0 28px 54px rgba(7,12,43,.28)}.hero-waterfall::before,.hero-waterfall::after{content:"";position:absolute;inset:0}.hero-waterfall::before{background-position:center;background-size:cover;filter:saturate(1.08)}.hero-waterfall::after{background:linear-gradient(180deg,rgba(255,255,255,.28) 0%,rgba(208,246,255,.38) 35%,rgba(255,255,255,.1) 60%,rgba(255,255,255,.36) 100%);mix-blend-mode:screen;animation:waterfallFlow 5s linear infinite}.waterfall-left{left:-58px;transform:rotate(-4deg)}.waterfall-right{right:-58px;transform:rotate(4deg)}.waterfall-left::before{background-image:url("assets/waterfall-left.webp")}.waterfall-right::before{background-image:url("assets/waterfall-right.webp")}
.neo-flight{position:absolute;right:7%;top:78px;z-index:3;animation:neoFly 12s ease-in-out infinite}.neo-flight-bubble{display:flex;align-items:center;gap:12px;padding:10px 14px 10px 10px;border-radius:999px;background:rgba(16,20,58,.58);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.28);box-shadow:0 18px 38px rgba(8,13,39,.38)}.neo-flight-bubble img{width:72px;height:72px;object-fit:cover;border-radius:50%;border:2px solid rgba(255,255,255,.68);box-shadow:0 0 0 8px rgba(128,202,255,.12)}.neo-flight-label{display:block;color:#fff8e5;font-size:.76rem;font-weight:800;letter-spacing:.03em;max-width:150px;line-height:1.35}.hero-glow{position:absolute;border-radius:50%;pointer-events:none;filter:blur(6px);opacity:.7;z-index:1}.hero-glow-one{height:340px;width:340px;left:-160px;bottom:50px;background:#9d82ff55}.hero-glow-two{height:380px;width:380px;right:-140px;top:-140px;background:#6fe3ff45}
.hero-layout{display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.12fr);gap:5%;align-items:center;position:relative;z-index:2}
.hero-copy{padding:20px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.12);padding:9px 13px;border-radius:99px;font-size:.64rem;font-weight:850;letter-spacing:.125em;color:#fff4d0;backdrop-filter:blur(10px)}.eyebrow-dot{font-size:1rem;color:#d6a767}
h1,h2,h3,p{overflow-wrap:break-word}.hero h1{font:700 clamp(3.35rem,5.45vw,5.45rem)/1.05 var(--font-display);letter-spacing:-.055em;margin:24px 0 23px;color:#fffef8;text-shadow:0 10px 40px rgba(9,12,39,.28)}.hero h1 em,.section-intro h2 em,.coming-box h2 em,.parents-copy h2 em{font-weight:400;font-style:italic;color:#f4d5a0}.hero-lead{max-width:560px;font-size:1.065rem;color:#f0eef8;line-height:1.8;margin:0}.hero-lead strong{color:#fff7da}
.hero-actions{display:flex;align-items:center;gap:12px;margin:30px 0 31px;flex-wrap:wrap}
.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 20px;border-radius:100px;font-size:.84rem;font-weight:800;white-space:nowrap;transition:transform .2s,box-shadow .2s,background .2s}
.button:hover{transform:translateY(-3px)}.button-primary{background:#6751ac;color:#fff;box-shadow:0 11px 24px #6c53ac40}.button-primary:hover{background:#55418f;box-shadow:0 15px 28px #6c53ac4c}.button-outline{border:1px solid rgba(255,255,255,.38);color:#fff;background:rgba(255,255,255,.09);backdrop-filter:blur(10px)}.button-outline:hover{background:rgba(255,255,255,.16);box-shadow:0 8px 22px rgba(10,16,42,.28)}.button-symbol{border-radius:50%;background:#fff2;font-size:.64rem;width:23px;height:23px;display:grid;place-items:center}
.hero-highlights{display:flex;gap:14px;align-items:center;color:#dee0f5;font-size:.75rem;font-weight:620;flex-wrap:wrap}.hero-highlights b{color:#ffe2a4;font-weight:900;font-size:.84rem}.hero-highlights i{height:15px;width:1px;background:#d7d9f26b}
.hero-showcase{position:relative;padding:21px 15px 27px 4px;min-width:0}.hero-image-box{position:relative;aspect-ratio:1.37 / 1;border:8px solid rgba(255,255,255,.84);border-radius:34px;overflow:hidden;box-shadow:0 38px 78px rgba(11,12,38,.36),0 0 0 1px rgba(255,255,255,.45);transform:rotate(.8deg)}
.hero-image-box>img{width:100%;height:100%;object-fit:cover;object-position:center center}.hero-image-shade{position:absolute;inset:60% 0 0;background:linear-gradient(0deg,#0f153fb9,transparent);pointer-events:none}.hero-play{position:absolute;z-index:2;bottom:19px;left:19px;right:19px;border:1px solid #ffffff85;border-radius:18px;background:#17183bcb;color:#fff;display:flex;align-items:center;gap:14px;text-align:left;padding:14px 17px;backdrop-filter:blur(10px);transition:background .2s,transform .2s}.hero-play:hover{background:#27235eee;transform:translateY(-2px)}.hero-play strong{display:block;font-size:.83rem}.hero-play small{display:block;color:#e6e0f3;font-size:.67rem;margin-top:4px}.play-circle{display:grid;place-items:center;border-radius:50%;height:45px;width:45px;background:#edcc8b;color:#372452;font-size:.8rem;box-shadow:0 0 22px #ffdba8a3;flex:none}.play-arrow{margin-left:auto;font-size:1.15rem}
.sticker{position:absolute;z-index:3;padding:12px 18px;background:rgba(255,255,255,.9);box-shadow:0 11px 25px rgba(11,12,38,.18);border:1px solid rgba(255,255,255,.86);border-radius:14px;font-size:.71rem;font-weight:800;color:#614899;white-space:nowrap}.sticker-top{top:0;right:-9px;transform:rotate(7deg)}.sticker-top span{color:#dcac66}.sticker-bottom{bottom:-1px;left:-23px;transform:rotate(-6deg)}.sticker-icon{font-size:1.1rem;color:#e9a6b4;margin-right:4px}.orbit{position:absolute;border:1px solid #8c76c830;border-radius:50%;pointer-events:none}.orbit-a{width:145px;height:145px;right:-20px;top:-30px}.orbit-b{width:80px;height:80px;left:-35px;bottom:2px}
.hero-bottom-wave{color:#fff;position:absolute;bottom:-2px;left:0;right:0;height:85px}.hero-bottom-wave svg{width:100%;height:100%}

/* Typographie des sections */
.section-pad{padding:112px 0}.section-intro{max-width:740px}.section-intro-center{text-align:center;margin-inline:auto;margin-bottom:47px}
.section-kicker{display:inline-block;color:#8a66b4;font-size:.72rem;letter-spacing:.16em;font-weight:900;margin-bottom:13px}
.section-intro h2,.parents-copy h2,.coming-box h2{font:700 clamp(2.55rem,4.1vw,4.3rem)/1.13 var(--font-display);letter-spacing:-.05em;margin:0 0 18px;color:#2d274c}
.section-intro p,.parents-copy>p{font-size:1rem;line-height:1.8;color:#666680;margin:0;max-width:650px}.section-intro-center p{margin-inline:auto}


/* Section immersive : décor féerique avec cascades */
.immersion-section{position:relative;background:linear-gradient(180deg,#fff 0%,#f7f4ff 100%);padding-top:20px}.immersive-card{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:36px;align-items:center;border-radius:34px;padding:30px;background:linear-gradient(135deg,#1f2555 0%,#2f3f7b 48%,#405892 100%);box-shadow:0 28px 64px rgba(26,26,68,.18);overflow:hidden}.immersive-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 12%,rgba(255,241,201,.26),transparent 20%),radial-gradient(circle at 8% 78%,rgba(104,221,255,.17),transparent 18%);pointer-events:none}.immersive-copy{position:relative;z-index:1;padding:8px 2px 8px 8px}.immersive-copy .section-kicker{color:#f2d8a7}.immersive-copy h2{font:700 clamp(2.3rem,3.6vw,4rem)/1.08 var(--font-display);margin:0 0 18px;color:#fffdf6;letter-spacing:-.05em}.immersive-copy h2 em{font-weight:400;font-style:italic;color:#ffd89b}.immersive-copy p{font-size:1rem;line-height:1.82;color:#e6e8f8;margin:0 0 22px}.immersive-chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 26px}.immersive-chips span{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:.8rem;font-weight:800;backdrop-filter:blur(10px)}.immersive-media{position:relative;min-height:440px;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.32);box-shadow:0 20px 46px rgba(9,13,43,.28)}.immersive-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.immersive-shine{position:absolute;inset:auto -18% -30% auto;width:55%;height:85%;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0));filter:blur(12px);transform:rotate(18deg);animation:shineDrift 7s ease-in-out infinite}.immersive-note{position:absolute;z-index:2;padding:11px 14px;border-radius:14px;background:rgba(19,26,63,.62);color:#fff7dc;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);font-size:.75rem;font-weight:800;box-shadow:0 12px 30px rgba(10,16,42,.24)}.note-top{top:18px;left:18px}.note-bottom{right:18px;bottom:18px}
/* Bande-annonce : mise en scène sombre sans sacrifier la lisibilité */
.trailer-section{position:relative;overflow:hidden;background:radial-gradient(ellipse 68% 80% at 50% 120%,#384fa1 0%,transparent 68%),radial-gradient(ellipse 40% 50% at 110% -10%,#483f8e 0%,transparent 70%),#121736;color:white;padding-top:92px;padding-bottom:91px}
.trailer-section::before,.trailer-section::after{content:"✧";position:absolute;color:#fff1ba21;font-size:210px;line-height:1;pointer-events:none}.trailer-section::before{top:35px;left:-55px}.trailer-section::after{right:-18px;bottom:-90px;font-size:250px}
.section-intro.light h2{color:white}.section-intro.light h2 em{color:#f5cb9c}.section-intro.light p{color:#d7d6ef}.section-intro.light .section-kicker{color:#ead3a8}
.trailer-poster{position:relative;display:block;overflow:hidden;padding:0;border:7px solid #ffffff4a;background:#0f1330;border-radius:28px;width:min(100%,1000px);aspect-ratio:16 / 9;margin-inline:auto;box-shadow:0 40px 80px #08091f91;transition:transform .25s,box-shadow .25s}
.trailer-poster:hover{transform:translateY(-4px);box-shadow:0 40px 90px #08091fe0}.trailer-poster>img{height:100%;width:100%;object-fit:cover;object-position:center}.trailer-screen-shade{position:absolute;inset:0;background:linear-gradient(0deg,#090c26cd 0%,transparent 44%)}
.trailer-center-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:85px;height:85px;background:#fffce9ec;color:#6050a2;border:5px solid #ffffff65;border-radius:50%;font-size:1.3rem;box-shadow:0 0 0 15px #ffffff28,0 15px 34px #080f31bb;transition:transform .25s}.trailer-poster:hover .trailer-center-play{transform:translate(-50%,-50%) scale(1.08)}
.trailer-caption{position:absolute;left:32px;bottom:26px;display:flex;flex-direction:column;gap:7px;text-align:left;color:#fff}.trailer-caption>span{letter-spacing:.16em;font-size:.68rem;color:#ead6ae;font-weight:900}.trailer-caption strong{font:700 clamp(1.5rem,2.8vw,2.4rem)/1 var(--font-display)}.trailer-duration{position:absolute;right:20px;bottom:24px;padding:6px 12px;background:#131630b5;color:#fff;border-radius:99px;font-size:.75rem;font-weight:700}.trailer-bottom-note{text-align:center;font-size:.75rem;color:#bfc2db;margin:26px 0 0;letter-spacing:.04em}

/* Paysages interactifs */
.world-section{background:#fffefa}.world-header,.play-section-top{display:flex;justify-content:space-between;gap:36px;align-items:end;margin-bottom:36px}
.day-night-controls{display:flex;gap:4px;padding:6px;background:#f0ebfa;border-radius:100px;border:1px solid #e2d8f1;flex:none;margin-bottom:9px}
.day-night-button{background:none;border:0;padding:11px 17px;border-radius:100px;color:#62577e;font-size:.82rem;font-weight:750;transition:all .25s}.day-night-button.selected{background:#fff;color:#523c86;box-shadow:0 3px 12px #6551ac23}
.landscape-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:300px 224px;gap:15px}.landscape-card{border:0;border-radius:21px;padding:0;overflow:hidden;position:relative;background:#d8dcdf;box-shadow:0 9px 20px #1d224b14;text-align:left;min-width:0;transition:transform .3s,box-shadow .3s}
.landscape-card:hover{transform:translateY(-5px);box-shadow:0 16px 32px #29275223}.landscape-card:focus-visible{outline-offset:6px}.landscape-card img{width:100%;height:100%;object-fit:cover;transition:transform .65s ease,filter .35s}.landscape-card:hover img{transform:scale(1.055)}.landscape-feature{grid-column:span 2}.landscape-card::after{content:"";pointer-events:none;position:absolute;inset:35% 0 0;background:linear-gradient(0deg,#161525a8,transparent)}
.photo-caption{display:flex;align-items:center;gap:10px;position:absolute;z-index:2;bottom:18px;left:19px;right:19px;font-size:.7rem;color:#e8d6a4;font-weight:800}.photo-caption strong{color:white;font-size:1.02rem;font-weight:800}.photo-caption>span{margin-left:auto;font-size:1.2rem;color:#fff}.world-footnote{font-size:.74rem;color:#7a7a8c;text-align:center;margin:24px 0 0}.world-footnote span{color:#b495dc;padding:0 3px}

/* Apprentissage */
.subjects-section{background:linear-gradient(180deg,#f7f5ff,#fffafd)}
.learning-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.learning-card{border:1px solid #e9e5f6;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 15px 35px #30296110;transition:transform .22s,box-shadow .22s}.learning-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px #3029611a}
.learning-shot{position:relative;height:175px;overflow:hidden;background:#e7e3ee}.learning-shot>img{width:100%;height:100%;object-fit:cover;object-position:center}.learning-badge{position:absolute;top:12px;left:12px;background:#fffef0ef;color:#554477;padding:6px 10px;border-radius:99px;font-size:.55rem;font-weight:900;letter-spacing:.11em;box-shadow:0 3px 8px #1e17372b}.learning-detail{padding:22px 21px 25px}.learning-emoji{height:42px;width:42px;border-radius:14px;background:#fff0ca;display:grid;place-items:center;font-family:var(--font-display);font-size:1.15rem;color:#91641f;margin-bottom:14px}.learning-card h3{font:700 1.55rem/1.1 var(--font-display);letter-spacing:-.035em;margin:0 0 10px}.learning-card p{color:#66667d;line-height:1.6;font-size:.84rem;margin:0}.learning-french .learning-emoji{background:#fce0ed;color:#9d477e}.learning-english .learning-emoji{background:#e5ddff;color:#654cab;font:.95rem var(--font-ui);font-weight:900}.learning-world .learning-emoji{background:#e0f7e9;color:#3a8363}

/* Extraits de gameplay */
.play-section{background:#fff}.play-section-top{margin-bottom:32px}.inline-link{display:inline-flex;align-items:center;gap:12px;flex:none;color:#6d52ac;font-size:.85rem;font-weight:800;text-decoration:underline;text-underline-offset:5px;margin-bottom:8px}
.clip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.clip-card{border:1px solid #eeebf5;background:white;padding:0;text-align:left;border-radius:23px;overflow:hidden;box-shadow:0 16px 32px #1e245116;transition:transform .25s,box-shadow .25s}.clip-card:hover{transform:translateY(-6px);box-shadow:0 26px 46px #20205029}
.clip-media{display:block;position:relative;height:230px;overflow:hidden;background:#c9c7d6}.clip-media>img{height:100%;width:100%;object-fit:cover;transition:transform .5s}.clip-card:hover .clip-media>img{transform:scale(1.05)}.clip-media::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#25224a6b,transparent 50%)}.clip-play{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);background:#ffffffed;width:60px;height:60px;border-radius:50%;box-shadow:0 4px 28px #1c1e5e7a;color:#6f57ba;font-size:1rem;display:grid;place-items:center;transition:transform .2s}.clip-card:hover .clip-play{transform:translate(-50%,-50%) scale(1.11)}
.clip-information{display:flex;flex-direction:column;padding:25px 23px 26px}.clip-information small{color:#9b79a9;font-size:.67rem;letter-spacing:.13em;font-weight:900}.clip-information strong{font:700 1.6rem/1.3 var(--font-display);margin:9px 0 14px;color:#292447;letter-spacing:-.03em}.clip-information>span{font-size:.8rem;font-weight:850;color:#6a58a8;display:flex;justify-content:space-between}

/* Portraits */
.characters-section{background:linear-gradient(160deg,#24204d,#2d285f 57%,#1b2d59);position:relative;overflow:hidden;color:#fff}.characters-section::before,.characters-section::after{content:"✦";position:absolute;font-size:260px;color:#ffffff0b;pointer-events:none}.characters-section::before{left:-50px;top:25px}.characters-section::after{right:-65px;bottom:-155px}.characters-section .section-intro h2{color:#fff}.characters-section .section-intro h2 em{color:#edd5a6}.characters-section .section-intro p{color:#cfcbe7}.characters-section .section-kicker{color:#e8c692}
.characters-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.person-card{position:relative;text-align:center;background:#ffffff12;border:1px solid #ffffff40;padding:11px 11px 28px;border-radius:23px;backdrop-filter:blur(4px);transition:transform .3s,background .3s}.person-card:hover{transform:translateY(-6px);background:#ffffff20}.person-photo{height:320px;overflow:hidden;border-radius:15px;background:#a9a1da}.person-photo img{width:100%;height:100%;object-fit:cover;object-position:center center}.person-card.person-lya .person-photo img{object-position:center 24%}.person-card.person-mael .person-photo img{object-position:center 22%}.person-card.person-lumi .person-photo img{object-position:center 30%}.person-card.person-neo .person-photo img{object-position:56% 24%}.person-card h3{font:700 2.15rem/1.1 var(--font-display);margin:20px 0 5px;color:#fff6db}.person-card p{font-size:.82rem;color:#e2dcf2;margin:0}.person-star{position:absolute;right:20px;top:22px;color:#fff1c5;text-shadow:0 0 10px #fff}

/* Familles */
.parents-section{background:#f8fbff}.parents-layout{display:grid;grid-template-columns:1.03fr .97fr;gap:7%;align-items:center}.parents-image{position:relative;border-radius:25px;background:#fff;padding:9px;box-shadow:0 24px 56px #34416a23;transform:rotate(-1deg)}.parents-image img{aspect-ratio:1.59 / 1;object-fit:cover;object-position:center;border-radius:18px;width:100%}.parents-image-tag{position:absolute;bottom:25px;left:25px;background:#fffdf7f2;padding:10px 13px;color:#6852a6;border-radius:99px;font-size:.66rem;letter-spacing:.1em;font-weight:900;box-shadow:0 5px 15px #2431434a}
.parents-copy h2{font-size:clamp(2.6rem,3.65vw,3.8rem)}.parent-points{list-style:none;padding:0;display:grid;gap:15px;margin:27px 0 30px}.parent-points li{display:flex;align-items:center;gap:12px;font-size:.91rem;font-weight:750;color:#525673}.parent-points span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#e2d6ff;color:#5a4395;font-weight:900;flex:none}

/* Disponibilité */
.coming-section{background:#fff;padding:90px 0 112px}.coming-box{position:relative;isolation:isolate;text-align:center;overflow:hidden;border-radius:35px;background:radial-gradient(ellipse at 0% 40%,#9e83d0 0%,transparent 42%),radial-gradient(ellipse at 100% 0%,#768fc5 0%,transparent 43%),linear-gradient(130deg,#604fa4,#48427c 48%,#2f4e7e);padding:73px 35px 70px;box-shadow:0 30px 65px #403a832d;color:#fff}.coming-box .section-kicker{color:#f6dbb0}.coming-box h2{color:#fff;font-size:clamp(2.8rem,4.5vw,4.6rem)}.coming-box h2 em{color:#ffe0a9}.coming-box>p:not(.availability-note){max-width:650px;margin:0 auto 29px;line-height:1.8;font-size:1.03rem;color:#f1eefa}.coming-box strong{color:#fff7d4}.coming-deco{position:absolute;font-size:230px;line-height:1;color:#ffffff14;z-index:-1}.coming-deco-left{left:-75px;bottom:-30px}.coming-deco-right{right:-45px;top:-45px}
.platforms{display:flex;gap:13px;justify-content:center;flex-wrap:wrap;margin:0 0 18px}.platform{min-width:215px;background:#fff3;border:1px solid #fff7;border-radius:17px;display:flex;align-items:center;gap:13px;text-align:left;padding:14px 17px}.platform-icon{display:grid;place-items:center;width:40px;height:40px;color:#ffdda4;flex:none}.platform-icon svg{display:block;width:24px;height:24px;fill:currentColor}.platform strong{display:block;font-size:.94rem}.platform small{display:block;margin-top:4px;font-size:.73rem;color:#e6e1f5}.availability-note{color:#e5def4;margin:4px auto 26px;font-size:.78rem}.button-white{background:#fff4d3;color:#48396e}.button-white:hover{background:#fff;box-shadow:0 10px 26px #1c235040}

/* Questions & pied de page */
.faq-section{background:#f7f5fc}.faq-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:9%}.faq-items details{border-bottom:1px solid #ddd5eb;padding:20px 0}.faq-items details:first-child{border-top:1px solid #ddd5eb}.faq-items summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;font-weight:780;font-size:.99rem;color:#37314e}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary span{font-size:1.75rem;color:#8a70bd;transition:transform .18s}.faq-items details[open] summary span{transform:rotate(45deg)}.faq-items details p{color:#66647a;line-height:1.7;font-size:.89rem;margin:12px 24px 0 0}
.footer{background:#1c1c3c;color:#fff;padding:52px 0 0}.footer-main{display:flex;justify-content:space-between;gap:38px}.footer-brand{font:700 2rem var(--font-display);color:#ffe1a7}.footer-main p{font-size:.88rem;color:#e1ddeb;margin:13px 0}.footer-main small{font-size:.73rem;color:#aaa9c6}.footer-main nav{display:flex;justify-content:flex-end;align-content:flex-start;flex-wrap:wrap;gap:17px 23px;max-width:460px;padding-top:15px}.footer-main nav a{font-size:.8rem;font-weight:750;color:#d8d1e9}.footer-main nav a:hover{color:#ffe0a8}.footer-bottom{margin-top:55px;border-top:1px solid #ffffff22;display:flex;justify-content:space-between;gap:20px;padding-block:22px;font-size:.7rem;color:#b7b2cc}

/* Fenêtre d'affichage vidéo + images */
.media-modal{width:min(95vw,1120px);max-width:none;max-height:94vh;padding:0;border:1px solid #ffffff55;border-radius:21px;background:#141633;color:#fff;overflow:hidden;box-shadow:0 30px 100px #06091cbb}
.media-modal::backdrop{background:rgba(12,13,34,.88);backdrop-filter:blur(5px)}
.modal-top{min-height:58px;padding:10px 15px 10px 23px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#1d2147}.modal-top strong{font-size:.92rem;font-weight:750;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal-close{display:grid;place-items:center;border:1px solid #ffffff43;border-radius:12px;background:#ffffff1e;color:#fff;font-size:1rem;width:39px;height:39px;flex:none}.modal-close:hover{background:#ffffff35}.modal-content{display:grid;place-items:center;max-height:calc(94vh - 58px);overflow:auto}.modal-content video{width:100%;max-height:calc(94vh - 58px);display:block;aspect-ratio:16 / 9;background:black}.lightbox-image{display:block;max-height:calc(94vh - 58px);width:auto;max-width:100%;object-fit:contain}

@keyframes sparkle{0%,100%{transform:translateY(0) scale(.9);opacity:.35}50%{transform:translateY(-10px) scale(1.15);opacity:.9}}
@keyframes waterfallFlow{0%{transform:translateY(-18px)}100%{transform:translateY(18px)}}
@keyframes neoFly{0%,100%{transform:translate3d(0,0,0)}25%{transform:translate3d(40px,18px,0)}50%{transform:translate3d(-10px,38px,0)}75%{transform:translate3d(-36px,14px,0)}}
@keyframes shineDrift{0%,100%{transform:translate3d(0,0,0) rotate(18deg);opacity:.4}50%{transform:translate3d(-30px,-10px,0) rotate(20deg);opacity:.78}}
@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
/* Apparitions : elles ne masquent pas le contenu sans JS */
.fadein{opacity:1;transform:none}.js-motion .fadein{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.68,.25,1)}.js-motion .fadein.is-visible{opacity:1;transform:none}

@media(max-width:1100px){.main-nav{gap:12px}.main-nav>a{font-size:.73rem}.main-nav .nav-cta{padding:11px 13px}.hero h1{font-size:clamp(3.2rem,5.5vw,4.4rem)}.hero-layout{gap:3%}.hero-waterfall{width:160px;top:82px;bottom:120px}.neo-flight{right:2%}.immersive-card{grid-template-columns:1fr;gap:24px}.immersive-media{min-height:360px}.learning-detail{padding:20px 16px}.learning-card h3{font-size:1.3rem}.clip-media{height:190px}.person-photo{height:280px}}
@media(max-width:900px){.container{width:calc(100% - 46px)}.header-container{height:70px}.nav-toggle{display:flex}.main-nav{display:none;position:absolute;left:23px;right:23px;top:calc(100% + 6px);flex-direction:column;align-items:stretch;gap:0;background:#fffdfd;border:1px solid #e2d9ef;border-radius:18px;box-shadow:0 18px 35px #30275235;padding:13px 15px}.main-nav.is-open{display:flex}.main-nav>a{font-size:.93rem;padding:12px 14px}.main-nav .nav-cta{text-align:center;padding:14px}.hero{padding:64px 0 108px}.hero-waterfall{display:none}.neo-flight{position:relative;right:auto;top:auto;display:flex;justify-content:center;margin:0 auto 22px}.hero-layout{grid-template-columns:1fr;gap:35px}.hero-copy{text-align:center;max-width:720px;margin:auto}.hero-lead{margin-inline:auto}.hero-actions,.hero-highlights{justify-content:center}.hero h1{font-size:clamp(3.6rem,7vw,5.6rem)}.hero-showcase{width:min(100%,750px);margin:auto}.hero-image-box{aspect-ratio:1.75/1}.sticker-top{right:-7px}.section-pad{padding:85px 0}.section-intro h2,.parents-copy h2{font-size:clamp(2.7rem,5.3vw,3.8rem)}.learning-grid,.characters-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-shot{height:210px}.learning-detail{padding:23px}.learning-card h3{font-size:1.65rem}.person-photo{height:320px}.parents-layout{grid-template-columns:1fr;gap:42px}.parents-image{width:min(100%,690px);margin:auto}.parents-copy{max-width:730px;margin:auto}.faq-layout{grid-template-columns:1fr;gap:22px}.faq-layout>.section-intro{max-width:750px}.world-header{align-items:center}}
@media(max-width:660px){html{scroll-padding-top:72px}.container{width:calc(100% - 32px)}.announcement{font-size:.61rem;line-height:1.5;padding:9px 12px}.announcement-sep{display:none}.header-container{height:68px}.brand-icon{height:38px;width:38px;font-size:22px;border-radius:13px}.brand-type{font-size:1.61rem}.brand-type small{font-size:.39rem;margin-top:5px}.hero{padding:44px 0 84px}.eyebrow{font-size:.57rem;padding:8px 10px;letter-spacing:.085em}.neo-flight-bubble{padding:7px 10px 7px 7px;gap:8px}.neo-flight-bubble img{width:52px;height:52px}.neo-flight-label{font-size:.66rem;max-width:112px}.hero h1{font-size:clamp(2.85rem,10vw,4.15rem);margin:24px 0 17px}.hero-lead{font-size:.93rem;line-height:1.7}.hero-actions{margin:24px 0 22px;gap:10px;flex-direction:column}.button{width:min(100%,370px);white-space:normal}.hero-highlights{gap:9px;font-size:.66rem}.hero-highlights i{height:11px}.hero-showcase{padding:14px 0 20px}.hero-image-box{border-width:5px;border-radius:19px;aspect-ratio:1.35/1}.hero-play{bottom:10px;left:9px;right:9px;padding:9px 11px;gap:9px;border-radius:13px}.hero-play .play-circle{height:35px;width:35px}.hero-play strong{font-size:.66rem}.hero-play small{font-size:.53rem}.hero-play .play-arrow{font-size:1rem}.sticker{font-size:.59rem;padding:8px 10px}.sticker-bottom{left:-5px;bottom:-7px}.sticker-top{top:-2px;right:-6px}.hero-bottom-wave{height:50px}.section-pad{padding:73px 0}.section-kicker{font-size:.64rem}.section-intro h2,.parents-copy h2,.coming-box h2,.immersive-copy h2{font-size:clamp(2.45rem,10.5vw,3.5rem)}.section-intro p,.parents-copy>p,.immersive-copy p{font-size:.91rem;line-height:1.7}.section-intro-center{margin-bottom:29px}.immersive-card{padding:18px;border-radius:22px}.immersive-media{min-height:265px;border-radius:18px}.immersive-note{font-size:.58rem;padding:8px 10px}.trailer-section{padding-top:78px;padding-bottom:72px}.trailer-poster{border-width:4px;border-radius:15px}.trailer-center-play{width:55px;height:55px;font-size:.85rem;box-shadow:0 0 0 8px #ffffff27}.trailer-caption{bottom:12px;left:15px}.trailer-caption>span{font-size:.5rem}.trailer-caption strong{font-size:1.2rem}.trailer-duration{font-size:.62rem;bottom:12px;right:10px}.trailer-bottom-note{font-size:.66rem;line-height:1.6}.world-header,.play-section-top{display:block;margin-bottom:24px}.day-night-controls{width:max-content;margin:24px 0 0}.day-night-button{padding:10px 15px}.landscape-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:175px;gap:9px}.landscape-feature{grid-column:span 2;grid-row:span 1}.landscape-card{border-radius:14px}.photo-caption{bottom:10px;left:9px;right:9px;gap:5px;font-size:.6rem}.photo-caption strong{font-size:.78rem}.world-footnote{font-size:.65rem;line-height:1.6}.learning-grid{grid-template-columns:1fr;gap:14px}.learning-shot{height:200px}.learning-card{display:grid;grid-template-columns:45% 55%;border-radius:17px}.learning-shot{height:100%;min-height:160px}.learning-badge{font-size:.47rem;top:7px;left:7px;padding:5px 7px}.learning-detail{padding:16px 14px}.learning-emoji{margin-bottom:10px;width:33px;height:33px;border-radius:10px;font-size:.95rem}.learning-card h3{font-size:1.25rem;margin-bottom:8px}.learning-card p{font-size:.76rem;line-height:1.48}.inline-link{margin-top:18px}.clip-grid{grid-template-columns:1fr;gap:15px}.clip-media{height:220px}.clip-information{padding:17px 19px 21px}.clip-information strong{font-size:1.5rem}.characters-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.person-card{padding:6px 6px 19px;border-radius:15px}.person-photo{height:190px;border-radius:11px}.person-card h3{font-size:1.65rem;margin-top:14px}.person-card p{font-size:.68rem}.person-star{right:12px;top:12px}.parents-image{padding:5px;border-radius:17px}.parents-image img{border-radius:13px}.parents-image-tag{left:15px;bottom:14px;font-size:.5rem;padding:7px 9px}.parent-points{gap:13px}.parent-points li{font-size:.85rem}.coming-section{padding:60px 0 80px}.coming-box{padding:49px 18px 48px;border-radius:20px}.coming-box>p:not(.availability-note){font-size:.91rem}.platform{width:min(100%,290px);padding:13px 15px}.availability-note{font-size:.69rem;line-height:1.5}.coming-box .button{margin:auto}.faq-items summary{font-size:.87rem}.footer-main{display:block}.footer-main nav{justify-content:flex-start;padding:24px 0 0}.footer-bottom{margin-top:34px;line-height:1.5}.modal-top{min-height:52px;padding-left:13px}.modal-top strong{font-size:.78rem}}
@media(max-width:400px){.announcement{font-size:.57rem}.hero h1{font-size:2.65rem}.hero-highlights span{font-size:.62rem}.photo-caption strong{font-size:.7rem}.learning-card{grid-template-columns:43% 57%}.learning-shot{min-height:170px}.person-photo{height:190px}.clip-media{height:185px}.trailer-caption strong{font-size:.94rem}.trailer-caption>span{font-size:.44rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js-motion .fadein{opacity:1;transform:none}}

/* ===== premium.css ===== */
/* MAËLYA V6 — expérience immersive. Complément à la feuille V4, sans bibliothèques externes. */
:root{--gold-bright:#ffe5a7;--night-blue:#101a38;--ink:#202341}
body{background:#faf8ff}
.announcement{position:relative;z-index:85;background:#151b3f;color:#e9e4f7}
.site-header{background:rgba(253,250,255,.95);box-shadow:0 4px 23px rgba(24,20,61,.05)}
.brand-icon{background:linear-gradient(140deg,#f0cf8a,#8b6ed3 62%,#50449d);box-shadow:0 5px 25px rgba(128,111,203,.3)}
.main-nav .nav-cta{background:linear-gradient(110deg,#5e46a6,#8370cb);box-shadow:0 8px 25px rgba(100,73,166,.24)}

/* --- SCÈNE D'OUVERTURE, SANS BANDES DE CASCADES SUR LES CÔTÉS --- */
.hero.hero-cinema{background:#152249;isolation:isolate;min-height:min(850px,calc(100svh - 80px));padding:92px 0 98px;display:flex;align-items:center;position:relative;overflow:hidden;color:white}
.hero.hero-cinema::before,.hero.hero-cinema::after{content:none}
.cinematic-bg,.cinema-poster,.cinema-water,.cinema-dusk,.cinema-glow,.cinema-leaves{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.cinematic-bg{z-index:-1;overflow:hidden}
.cinema-poster,.cinema-water{object-fit:cover;object-position:center 49%;filter:saturate(.97)}
.cinema-water{opacity:0;transition:opacity 1.1s ease}
.hero-cinema.video-ready .cinema-water{opacity:1}
.cinema-dusk{background:linear-gradient(90deg,rgba(9,19,45,.9) 0%,rgba(11,22,53,.81) 23%,rgba(13,30,69,.58) 55%,rgba(12,23,53,.22) 100%),linear-gradient(0deg,rgba(8,13,40,.9) 0%,transparent 27%,rgba(16,28,66,.12) 71%,rgba(10,19,45,.35) 100%)}
.cinema-glow{background:radial-gradient(ellipse 28% 45% at 83% 23%,rgba(253,224,147,.2),transparent 95%),radial-gradient(ellipse 37% 32% at 17% 73%,rgba(104,177,255,.18),transparent 95%)}
.cinema-leaves{background:linear-gradient(180deg,rgba(4,12,28,.3),transparent 21%);opacity:.8}
.stardust-layer{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}
.stardust-layer span{position:absolute;width:4px;height:4px;border-radius:100%;background:#ffdf8d;box-shadow:0 0 13px 4px rgba(251,219,159,.45);animation:stardust 5.5s ease-in-out infinite}
.stardust-layer span:nth-child(1){top:14%;left:19%}.stardust-layer span:nth-child(2){top:28%;left:66%;animation-delay:1.2s}.stardust-layer span:nth-child(3){top:72%;left:12%;animation-delay:3s}.stardust-layer span:nth-child(4){top:11%;left:89%;animation-delay:2.2s}.stardust-layer span:nth-child(5){top:53%;left:82%;animation-delay:4s}.stardust-layer span:nth-child(6){top:86%;left:49%;animation-delay:.7s}.stardust-layer span:nth-child(7){top:37%;left:39%;animation-delay:2.7s}.stardust-layer span:nth-child(8){top:66%;left:73%;animation-delay:3.8s}
.cinema-layout{position:relative;z-index:3;display:grid;grid-template-columns:1fr .95fr;gap:min(5vw,78px);align-items:center;width:min(1320px,calc(100% - 90px))}
.cinema-copy{max-width:650px;padding:28px 0 42px}
.cinema-eyebrow{display:inline-flex;gap:8px;align-items:center;letter-spacing:.17em;font-size:.72rem;font-weight:850;color:#ffe8b4;text-shadow:0 1px 20px rgba(0,0,0,.4)}
.cinema-rune{font-size:1.3rem;color:#ffe4a1}
.hero-cinema h1{font:700 clamp(3.7rem,5.25vw,6.4rem)/1.035 var(--font-display);letter-spacing:-.06em;margin:20px 0 27px;color:#fff9ed;text-shadow:0 8px 40px rgba(8,12,39,.4);max-width:750px}
.hero-cinema h1 em{display:block;color:#f9d69d;font-weight:400;line-height:1.12}
.cinema-copy>p{max-width:595px;font-size:clamp(1rem,1.18vw,1.15rem);line-height:1.88;color:#f1ebf2;margin:0;text-shadow:0 2px 12px rgba(9,15,34,.45)}
.cinema-copy>p strong{color:#fff3bd;font-weight:800}
.cinema-actions{display:flex;gap:13px;align-items:center;flex-wrap:wrap;margin:30px 0 35px}
.cinema-main-cta,.cinema-secondary-cta{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:57px;border-radius:999px;padding:11px 23px;font-weight:850;font-size:.88rem;transition:transform .2s,box-shadow .2s,background .2s}
.cinema-main-cta{border:1px solid #ffebbd;background:linear-gradient(115deg,#ffedb8,#e6bb73);color:#33264d;box-shadow:0 12px 36px rgba(248,188,100,.3)}
.cinema-main-cta:hover,.cinema-secondary-cta:hover{transform:translateY(-3px)}
.cinema-cta-play{background:#5a4694;color:white;width:31px;height:31px;border-radius:50%;font-size:.67rem;display:grid;place-items:center}
.cinema-secondary-cta{color:#fff;border:1px solid rgba(255,255,255,.46);background:rgba(9,18,49,.26);backdrop-filter:blur(8px)}
.cinema-secondary-cta:hover{background:rgba(255,255,255,.13)}
.cinema-facts{display:flex;flex-wrap:wrap;gap:0;max-width:570px;border-top:1px solid rgba(255,255,255,.21);padding-top:21px}
.cinema-facts>span{padding:0 18px;border-right:1px solid rgba(255,255,255,.28)}.cinema-facts>span:first-child{padding-left:0}.cinema-facts>span:last-child{border-right:0}
.cinema-facts b{display:block;font-family:var(--font-display);font-size:1.44rem;font-weight:750;color:#ffde9c}.cinema-facts small{display:block;color:#e7dff1;font-size:.68rem;font-weight:700;margin-top:4px}
.cinema-feature{position:relative;max-width:590px;transform:translateY(23px)}
.game-window{position:relative;border:1px solid rgba(255,255,255,.42);padding:7px;background:rgba(255,255,255,.18);border-radius:26px;box-shadow:0 40px 95px rgba(7,10,35,.5);backdrop-filter:blur(18px);transform:rotate(1.1deg);transition:transform .35s}
.game-window:hover{transform:rotate(0deg) translateY(-7px)}
.game-window-top{display:flex;align-items:center;gap:15px;height:39px;padding:0 14px;color:#ffedd0;font-size:.62rem;letter-spacing:.13em}
.game-window-top>span{display:inline-flex;gap:5px}.game-window-top i{width:9px;height:9px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:#ecbdb1}.game-window-top i:nth-child(2){background:#f1d3a4}.game-window-top i:nth-child(3){background:#b1e0c3}
.game-window-top strong{font-weight:900}.game-window-top small{color:#f1f0ff;margin-left:auto;letter-spacing:0;font-size:.62rem}
.game-window>img{border-radius:16px;width:100%;aspect-ratio:1.63;object-fit:cover;object-position:center;box-shadow:0 9px 20px rgba(8,12,39,.35)}
.game-window-glass{position:absolute;bottom:17px;left:17px;right:17px;display:flex;align-items:center;gap:14px;border:1px solid rgba(255,255,255,.3);border-radius:17px;padding:13px 16px;background:rgba(17,25,59,.79);backdrop-filter:blur(12px)}
.game-window-symbol{display:grid;place-items:center;width:37px;height:37px;flex:none;border-radius:50%;background:linear-gradient(140deg,#fff0c0,#d3abf3);color:#5b4294;font-size:1.3rem}
.game-window-glass strong{display:block;color:#fff4da;font-size:.93rem}.game-window-glass small{display:block;color:#e6dfef;font-size:.75rem;margin-top:3px}
.game-feature-pill{position:absolute;bottom:-36px;right:-20px;max-width:88%;background:#fffaf1;color:#4b397e;box-shadow:0 16px 33px rgba(11,17,50,.3);padding:13px 18px;border-radius:99px;font-size:.78rem;font-weight:850;transform:rotate(-3deg);border:1px solid #fff}
.pill-gem{font-size:1.1rem;color:#bd85da;margin-right:7px}
.flying-neo{position:absolute;z-index:5;top:8%;left:0;width:clamp(170px,17vw,310px);pointer-events:none;filter:drop-shadow(0 14px 15px rgba(7,13,41,.48));animation:neo-crossing 21s ease-in-out infinite;will-change:transform}
.neo-float{width:100%;animation:neo-hover 2.25s ease-in-out infinite;transform-origin:50% 50%}.neo-float img{display:block;width:100%;height:auto;animation:neo-sway 3.5s ease-in-out infinite}
.neo-streak{position:absolute;width:45%;height:4px;border-radius:50%;background:linear-gradient(90deg,transparent,#e7d4a7,transparent);left:-26%;top:53%;transform:rotate(-12deg);filter:blur(2px);opacity:.55}
.cinema-bottom{position:absolute;z-index:6;bottom:25px;width:100%;display:flex;align-items:center;justify-content:center;gap:18px}
.call-neo{position:absolute;left:max(calc((100vw - 1320px)/2),4%);background:rgba(16,25,59,.43);color:#ffecbe;border:1px solid rgba(255,255,255,.34);border-radius:999px;padding:9px 15px;backdrop-filter:blur(10px);font-size:.76rem;font-weight:800}
.call-neo:hover{background:rgba(255,255,255,.2)}
.scroll-tale{color:#fff4d9;font-size:.72rem;letter-spacing:.06em;font-weight:750;display:flex;gap:13px;align-items:center}.scroll-tale span{font-size:1.1rem;animation:scrollHint 2s ease-in-out infinite}
.cinema-edge{height:65px;position:absolute;inset:auto 0 -1px;z-index:3;background:#faf8ff;clip-path:polygon(0 77%,14% 94%,38% 67%,65% 91%,84% 63%,100% 86%,100% 100%,0 100%)}

/* --- UN VRAI TOUR DU ROYAUME --- */
.realm-section{background:linear-gradient(180deg,#faf8ff 0%,#fff 85%);padding:110px 0 120px}
.realm-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:clamp(34px,6vw,95px);width:min(1260px,calc(100% - 72px))}
.realm-gallery{position:relative;min-height:530px;display:grid;grid-template-columns:1.12fr .88fr;grid-template-rows:1.1fr .9fr;gap:15px;padding:12px}
.realm-gallery::before{content:"";position:absolute;inset:45px -15px -13px 46px;border:1px dashed #c5afe7;border-radius:34px;transform:rotate(-4deg);pointer-events:none}
.realm-photo{position:relative;overflow:hidden;border:7px solid white;border-radius:26px;box-shadow:0 16px 45px rgba(63,57,122,.2);min-width:0;min-height:0}
.realm-photo img{height:100%;width:100%;object-fit:cover;transition:transform .6s}.realm-photo:hover img{transform:scale(1.07)}
.realm-photo::after{content:"";position:absolute;inset:56% 0 0;background:linear-gradient(transparent,rgba(18,18,49,.65))}
.realm-photo span{position:absolute;bottom:20px;left:18px;z-index:1;color:#fff5da;font-size:.68rem;font-weight:900;letter-spacing:.13em}
.realm-photo-main{grid-row:span 2;transform:rotate(-3deg)}.realm-photo-side{transform:rotate(3deg)}.realm-photo-small{transform:rotate(-1deg)}
.realm-decoration{position:absolute;z-index:2;right:-8px;top:25%;font-size:4rem;color:#e7ba7e;text-shadow:0 8px 35px #b794d3;animation:neo-hover 4s ease-in-out infinite}
.realm-copy .section-kicker{color:#8d5db7}.realm-copy h2{font:700 clamp(2.8rem,4vw,4.5rem)/1.08 var(--font-display);letter-spacing:-.055em;margin:0 0 25px;color:#29264f}
.realm-copy h2 em{color:#9173c3;font-weight:400}
.realm-copy>p{font-size:1.08rem;line-height:1.84;color:#61607d;margin:0 0 26px}
.realm-benefits{display:grid;gap:16px;margin:0 0 33px}.realm-benefits>div{display:grid;grid-template-columns:48px 1fr;column-gap:14px;align-items:center}
.realm-benefits>div>span{grid-row:span 2;width:45px;height:45px;border-radius:15px;background:#eee5ff;color:#7954b6;display:grid;place-items:center;font-size:1.25rem}
.realm-benefits strong{display:block;color:#332956;font-size:.98rem}.realm-benefits small{display:block;color:#737087;font-size:.81rem;margin-top:3px}
.realm-link{display:inline-flex;align-items:center;gap:10px;border-radius:999px;background:#614fa6;color:white;padding:16px 22px;font-weight:850;font-size:.85rem;box-shadow:0 13px 30px #715ab84a;transition:transform .25s}.realm-link:hover{transform:translateY(-3px)}

/* --- CHAPITRE PANORAMIQUE ENTRE LES SECTIONS --- */
.portal-ribbon{position:relative;isolation:isolate;padding:105px 0 120px;overflow:hidden;background:#111d46;color:#fff;text-align:center}
.portal-ribbon-image{position:absolute;z-index:-2;inset:0;background:url('assets/world-night.webp') center 43% / cover no-repeat;transform:scale(1.015)}
.portal-ribbon::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(19,22,57,.87),rgba(31,37,75,.6),rgba(20,23,56,.84))}
.portal-ribbon-inner{max-width:820px}.portal-ribbon-inner>span{color:#ffe1ab;font-size:.7rem;letter-spacing:.18em;font-weight:900}
.portal-ribbon h2{font:700 clamp(2.8rem,4.6vw,5.4rem)/1.07 var(--font-display);letter-spacing:-.045em;margin:20px 0}.portal-ribbon h2 em{color:#ffd7a2;font-weight:400}.portal-ribbon p{font-size:1.05rem;color:#f2eafa;line-height:1.7}.portal-ribbon a{display:inline-flex;border:1px solid #fff6;background:rgba(255,255,255,.15);backdrop-filter:blur(7px);color:#fff;border-radius:40px;padding:15px 20px;font-size:.85rem;font-weight:850;margin-top:20px;gap:11px}
.portal-ribbon a:hover{background:rgba(255,255,255,.28)}

/* Small polish across existing sections */
.trailer-section{background:radial-gradient(ellipse 65% 85% at 50% 110%,#344d97 0%,transparent 70%),#101936}.trailer-poster{border-color:#ffffff70;box-shadow:0 30px 90px #080d2cb3}.trailer-center-play{background:#fff1ce;color:#46346c}
.landscape-card,.learning-card,.clip-card,.person-card{transition:transform .34s ease,box-shadow .34s ease,background .34s ease}.landscape-card:hover,.clip-card:hover,.learning-card:hover{transform:translateY(-5px)}
.characters-section{background:radial-gradient(ellipse at 50% 120%,#303d81,#262456 80%)}
.person-photo{background:#695d98}.person-photo img{object-fit:cover}
.person-card.person-neo img{object-position:53% 22%}.person-card.person-mael img{object-position:center 23%}
.coming-box{box-shadow:0 20px 65px rgba(45,34,107,.22)}

@keyframes stardust{0%,100%{opacity:.22;transform:translateY(0) scale(.8)}50%{opacity:.9;transform:translateY(-16px) scale(1.3)}}
@keyframes neo-crossing{
  0%{transform:translate3d(112vw,-18px,0) rotate(-9deg) scale(.83);opacity:0}
  8%{opacity:1}18%{transform:translate3d(78vw,40px,0) rotate(0deg) scale(1)}
  31%{transform:translate3d(65vw,-10px,0) rotate(6deg) scale(.98)}
  45%{transform:translate3d(51vw,25px,0) rotate(-7deg) scale(.93)}
  67%{transform:translate3d(29vw,-5px,0) rotate(5deg) scale(.78)}
  91%{opacity:1;transform:translate3d(-8vw,22px,0) rotate(-8deg) scale(.7)}
  100%{opacity:0;transform:translate3d(-24vw,-12px,0) rotate(-9deg) scale(.68)}
}
@keyframes neo-hover{0%,100%{transform:translateY(0)}50%{transform:translateY(-11px)}}
@keyframes neo-sway{0%,100%{transform:rotate(-1deg)}50%{transform:rotate(2deg)}}
@keyframes scrollHint{0%,100%{transform:translateY(-2px)}50%{transform:translateY(6px)}}

@media(max-width:1170px){
 .cinema-layout{gap:25px;width:calc(100% - 60px)}.hero-cinema h1{font-size:clamp(3.4rem,5.5vw,5.6rem)}
 .cinema-copy>p{font-size:.99rem}.cinema-main-cta,.cinema-secondary-cta{font-size:.77rem;padding-inline:15px}
 .game-window-top small{display:none}.realm-layout{width:calc(100% - 64px)}
}
@media(max-width:900px){
 .hero.hero-cinema{padding:88px 0 100px;min-height:unset;display:block}
 .cinema-layout{grid-template-columns:1fr;gap:43px;width:calc(100% - 50px)}
 .cinema-copy{text-align:center;margin:auto;padding:13px 0;max-width:750px}
 .hero-cinema h1{font-size:clamp(3.3rem,7.5vw,5.5rem);max-width:none}.cinema-copy>p{margin:auto}
 .cinema-actions,.cinema-facts{justify-content:center}.cinema-feature{max-width:640px;margin:auto;transform:none}
 .cinema-facts>span:first-child{padding-left:18px}.cinema-bottom{bottom:28px}.call-neo{left:5%}.cinema-dusk{background:linear-gradient(180deg,rgba(14,22,56,.73),rgba(11,20,48,.63) 56%,rgba(9,16,43,.88))}
 .flying-neo{width:205px;top:2%}.realm-layout{grid-template-columns:1fr;gap:52px}.realm-gallery{width:min(100%,690px);margin:auto}.realm-copy{max-width:720px;margin:auto}.portal-ribbon{padding:89px 0}
}
@media(max-width:660px){
 .hero.hero-cinema{padding:61px 0 99px}.cinema-layout{width:calc(100% - 32px)}
 .cinema-eyebrow{font-size:.58rem;letter-spacing:.09em}
 .hero-cinema h1{font-size:clamp(2.7rem,11vw,4.15rem);margin:18px 0 23px}.cinema-copy>p{font-size:.94rem;line-height:1.73}
 .cinema-actions{flex-direction:column;gap:10px;margin:26px 0}.cinema-main-cta,.cinema-secondary-cta{width:min(100%,350px);font-size:.82rem}
 .cinema-facts{flex-wrap:nowrap;gap:0;justify-content:center}.cinema-facts>span,.cinema-facts>span:first-child{padding:0 11px}.cinema-facts b{font-size:1.13rem}.cinema-facts small{font-size:.56rem}
 .cinema-feature{max-width:100%}.game-window{border-radius:18px;padding:4px}.game-window-top{height:30px;font-size:.5rem;padding-inline:9px}.game-window>img{border-radius:12px}
 .game-window-glass{bottom:9px;left:9px;right:9px;padding:8px 10px;gap:8px;border-radius:12px}.game-window-symbol{width:28px;height:28px;font-size:.96rem}.game-window-glass strong{font-size:.68rem}.game-window-glass small{font-size:.59rem}.game-feature-pill{font-size:.62rem;padding:9px 12px;right:0;bottom:-22px}
 .flying-neo{width:145px;top:0}.call-neo{display:none}.cinema-bottom{bottom:22px}
 .realm-section{padding:65px 0 74px}.realm-layout{width:calc(100% - 32px);gap:33px}.realm-gallery{min-height:330px;gap:7px;padding:6px}.realm-gallery::before{inset:35px 0 -6px 25px}.realm-photo{border-width:4px;border-radius:16px}.realm-photo span{left:8px;bottom:10px;font-size:.54rem}.realm-copy h2{font-size:clamp(2.55rem,9.3vw,3.45rem)}.realm-copy>p{font-size:.92rem}.realm-decoration{font-size:2.6rem}.realm-benefits small{font-size:.75rem}
 .portal-ribbon{padding:78px 0 86px}.portal-ribbon h2{font-size:clamp(2.45rem,9vw,3.5rem)}.portal-ribbon p{font-size:.9rem}
}
@media(prefers-reduced-motion:reduce){
 .stardust-layer,.flying-neo,.cinema-water{display:none!important}
 .realm-decoration,.neo-float,.neo-float img,.scroll-tale span{animation:none!important}
}

/* Petit passage surprise de Néo lors de la découverte des décors */
.world-section{position:relative;overflow:hidden}
.neo-flyby{position:absolute;z-index:4;top:14px;left:-250px;width:190px;pointer-events:none;opacity:0;filter:drop-shadow(0 10px 11px rgba(29,23,66,.22))}
.neo-flyby img{width:100%;height:auto;display:block;animation:neo-hover 2s ease-in-out infinite}
.neo-flyby.is-active{animation:realm-neo-zip 6.8s ease-in-out 1 forwards}
@keyframes realm-neo-zip{0%{opacity:0;transform:translate3d(-80px,48px,0) rotate(-7deg) scale(.73)}12%{opacity:1}50%{transform:translate3d(57vw,-22px,0) rotate(7deg) scale(1)}89%{opacity:1}100%{opacity:0;transform:translate3d(145vw,-72px,0) rotate(-8deg) scale(.73)}}
@media(max-width:900px){.neo-flyby{display:none}}
@media(prefers-reduced-motion:reduce){.neo-flyby{display:none}}


/* V7 : vraie vidéo d'introduction dans l'écran vertical de la tablette. */
.cinema-intro-feature{width:min(100%,325px);margin-inline:auto;max-width:none}
.game-window-intro{border:1px solid rgba(255,247,218,.61);background:linear-gradient(160deg,rgba(246,245,255,.26),rgba(35,38,84,.5));box-shadow:0 38px 95px rgba(6,12,41,.55),0 0 45px rgba(187,157,255,.15);padding:7px}
.game-window-intro .game-window-top{height:37px;padding:0 12px;gap:10px}
.game-window-intro .game-window-top strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.58rem}
.game-intro-screen{position:relative;aspect-ratio:9 / 16;overflow:hidden;border-radius:17px;background:#122657 url('assets/intro-poster.webp') center/cover no-repeat;isolation:isolate}
.game-intro-video{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.game-intro-muted{position:absolute;top:13px;right:12px;z-index:1;padding:7px 10px;border-radius:30px;background:rgba(17,25,60,.6);border:1px solid rgba(255,255,255,.23);backdrop-filter:blur(10px);color:#fff7d7;font-size:.52rem;font-weight:900;letter-spacing:.095em;pointer-events:none;text-shadow:0 1px 5px rgba(0,0,0,.4)}
.game-intro-audio{position:relative;display:flex;align-items:center;gap:12px;width:100%;padding:12px 12px 9px;border:0;border-radius:0 0 19px 19px;background:transparent;color:#fff;text-align:left;transition:background .2s ease}
.game-intro-audio:hover{background:rgba(255,255,255,.1)}
.game-intro-audio-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#ffe7aa,#deb6ff);color:#4f387a;font-size:.65rem;flex:none;box-shadow:0 0 12px rgba(255,220,175,.35)}
.game-intro-audio strong{display:block;font-size:.83rem;color:#fff8df}.game-intro-audio small{display:block;font-size:.65rem;color:#e6ddf6;margin-top:3px}
.game-intro-audio-arrow{margin-left:auto;color:#fce6b8;font-size:1rem}
@media(max-width:900px){.cinema-intro-feature{width:min(100%,325px)}}
@media(max-width:660px){.cinema-intro-feature{width:min(100%,310px)}.game-window-intro .game-window-top{height:29px}.game-intro-screen{border-radius:13px}.game-intro-muted{font-size:.47rem;top:9px;right:9px}.game-intro-audio{padding:10px 9px 8px}.game-intro-audio strong{font-size:.75rem}.game-intro-audio small{font-size:.6rem}}
@media(prefers-reduced-motion:reduce){.game-intro-video{visibility:hidden}}

/* Le lecteur plein écran conserve le format vertical de l'introduction. */
.media-modal.modal-portrait{width:min(94vw,520px)}
.media-modal.modal-portrait .modal-content video{width:auto;max-width:100%;height:min(78vh,840px);max-height:calc(94vh - 58px);aspect-ratio:9 / 16;object-fit:contain}


/* V7.1 — En-tête premium flottant pour supprimer la bande blanche */
.announcement{
  background:linear-gradient(90deg,#14173b 0%,#1f2354 52%,#181c45 100%);
  color:#f3ebff;
  border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.06);
}
.announcement a{color:#ffe5ab;text-decoration:none;border-bottom:1px solid rgba(255,229,171,.45)}
.announcement a:hover{color:#fff0ca;border-bottom-color:#fff0ca}
.site-header{
  background:transparent;
  box-shadow:none;
  border-bottom:0;
  padding:10px 0 12px;
}
.header-container{
  min-height:72px;
  height:auto;
  padding:12px 20px;
  border-radius:24px;
  background:linear-gradient(180deg,rgba(21,28,69,.78) 0%,rgba(34,43,88,.72) 100%);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 16px 42px rgba(7,11,35,.24), inset 0 1px 0 rgba(255,255,255,.12);
  backdrop-filter:blur(18px) saturate(1.08);
  -webkit-backdrop-filter:blur(18px) saturate(1.08);
}
.brand{min-width:auto}
.brand-icon{
  background:linear-gradient(145deg,#ffe1a0 0%,#8b6ed3 58%,#5146a2 100%);
  border:1px solid rgba(255,255,255,.42);
  box-shadow:0 10px 28px rgba(140,110,211,.34);
}
.brand-type{color:#fffaf0;text-shadow:0 2px 16px rgba(0,0,0,.18)}
.brand-type small{color:#e5d9ff}
.main-nav>a{color:#f1eefb;opacity:.92}
.main-nav>a:not(.nav-cta):hover{color:#ffe0a4}
.main-nav .nav-cta{
  background:linear-gradient(110deg,#f5d58d,#b790ef 55%,#7b68d4 100%);
  color:#35275a;
  border:1px solid rgba(255,255,255,.36);
  box-shadow:0 12px 30px rgba(84,65,151,.34);
}
.main-nav .nav-cta:hover{background:linear-gradient(110deg,#ffe6ae,#c0a0f2 55%,#8874de 100%);color:#2f2251}
.nav-toggle{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16)}
.nav-toggle span{background:#fff5dd}
@media(max-width:900px){
  .site-header{padding:8px 0 10px}
  .header-container{min-height:64px;padding:10px 14px;border-radius:18px}
  .main-nav{left:0;right:0;top:calc(100% + 10px);background:linear-gradient(180deg,rgba(24,30,72,.97),rgba(31,39,84,.96));border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 48px rgba(8,12,38,.38);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  .main-nav>a{color:#fff4e2}
  .main-nav .nav-cta{color:#302354}
}
@media(max-width:660px){
  .announcement{font-size:.58rem;padding:8px 10px}
  .header-container{padding:9px 12px;border-radius:16px}
}

/* ===== v8.css ===== */
/* Maëlya V8 — Finitions « édition studio ».
   Uniquement du CSS local ; conserve l'univers, le gameplay, la vidéo et Néo. */
:root{
  --studio-night:#141a40;--studio-indigo:#292b65;--studio-lavender:#f3efff;
  --studio-gold:#ffe4a8;--studio-ink:#292642;
}
html{scroll-padding-top:118px}
body{background:#fcfaff}
.reading-progress{position:fixed;z-index:1000;inset:0 0 auto;height:3px;pointer-events:none;background:transparent}
.reading-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#dcbfff,#fff1ba 65%,#bfeaff);box-shadow:0 0 13px rgba(255,214,134,.55);transform-origin:left center;transition:width .09s linear}
/* Le header se fond dans le décor plutôt que de créer une nouvelle bande blanche. */
.site-header{background:linear-gradient(180deg,#111a3d 0%,#1b254d 100%) !important;transition:box-shadow .3s ease}
.site-header.is-scrolled{box-shadow:0 15px 34px rgba(10,15,40,.21)}
.site-header .header-container{background:linear-gradient(120deg,rgba(64,61,111,.73),rgba(35,46,91,.83));border-color:rgba(255,255,255,.20);box-shadow:0 12px 36px rgba(5,11,38,.28),inset 0 1px 0 rgba(255,255,255,.13)}
.brand-type{letter-spacing:-.045em}
.main-nav>a:not(.nav-cta){position:relative;padding:10px 1px;opacity:1;transition:color .22s ease}
.main-nav>a:not(.nav-cta)::after{content:"";position:absolute;height:2px;border-radius:10px;bottom:4px;left:0;right:100%;background:var(--studio-gold);transition:right .3s ease}
.main-nav>a:not(.nav-cta):hover::after,.main-nav>a[aria-current="location"]::after{right:0}
.main-nav>a[aria-current="location"]{color:#ffe5ad}
.main-nav .nav-cta{font-weight:850;letter-spacing:.005em;transition:transform .25s ease,box-shadow .25s ease}
.main-nav .nav-cta:hover{transform:translateY(-2px);box-shadow:0 15px 32px rgba(115,91,189,.34)}
/* Affiche le jeu avant les effets : contraste toujours maintenu. */
.hero.hero-cinema{background:#121c43}
.cinema-dusk{background:linear-gradient(90deg,rgba(10,17,45,.9) 0%,rgba(10,20,48,.79) 26%,rgba(15,29,65,.42) 58%,rgba(16,26,51,.18) 100%),linear-gradient(0deg,rgba(11,18,46,.92) 0%,transparent 31%,rgba(8,15,39,.16) 80%)}
.cinema-copy{position:relative;z-index:3}
.cinema-eyebrow{letter-spacing:.125em}
.cinema-copy h1{text-wrap:balance}
.cinema-copy>p{max-width:600px}
.cinema-actions .cinema-main-cta{box-shadow:0 13px 29px rgba(240,192,115,.3),inset 0 1px 0 #fff7dc}
.cinema-main-cta:focus-visible,.cinema-secondary-cta:focus-visible{outline-offset:5px}
.cinema-facts{border-top-color:rgba(255,255,255,.3)}
.real-game-note{display:flex;align-items:center;gap:8px;margin:22px 0 0!important;font-size:.75rem!important;line-height:1.3!important;color:#f8e5c4!important;opacity:.93;letter-spacing:.015em}
.real-game-note span{color:#ffe0a7;font-size:1rem}
.game-window-intro{box-shadow:0 30px 85px rgba(5,9,30,.48),0 0 0 1px rgba(255,255,255,.14),0 0 40px rgba(139,176,255,.09)}
.game-intro-audio{transition:background .2s ease}
.game-intro-audio:hover{background:rgba(255,255,255,.13)}
/* Responsive: le vol du dragon ne doit jamais masquer le titre ni les actions. */
@media(max-width:900px){
  .site-header .main-nav{background:linear-gradient(160deg,rgba(26,31,75,.99),rgba(36,45,88,.98));}
  .site-header .main-nav>a:not(.nav-cta){padding:13px 12px;border-radius:10px}
  .site-header .main-nav>a:not(.nav-cta):hover,.site-header .main-nav>a[aria-current="location"]{background:rgba(255,255,255,.08)}
  .main-nav>a:not(.nav-cta)::after{display:none}
}
@media(max-width:660px){
  html{scroll-padding-top:93px}
  .site-header{padding-top:7px;padding-bottom:9px}
  .site-header .header-container{box-shadow:0 10px 26px rgba(5,11,38,.28)}
  .hero.hero-cinema{padding-top:61px}
  .flying-neo{top:auto;bottom:145px;width:105px;opacity:.9;filter:drop-shadow(0 9px 11px rgba(7,13,41,.3))}
  .cinema-copy .real-game-note{justify-content:center;margin-top:15px!important;font-size:.72rem!important}
  .cinema-feature{margin-top:7px}
  .cinema-feature .game-feature-pill{max-width:92%;text-align:center}
}
/* Une grille cohérente et un rythme plus éditorial, sans gros blocs vides. */
.section-pad{padding-top:clamp(78px,7vw,108px);padding-bottom:clamp(78px,7vw,108px)}
.section-intro h2,.realm-copy h2,.parents-copy h2,.coming-box h2{font-kerning:normal;text-wrap:balance}
.section-intro p,.realm-copy>p,.parents-copy>p{line-height:1.76}
.section-kicker{letter-spacing:.14em}
.realm-section{background:linear-gradient(180deg,#faf8ff 0%,#fff 74%)}
.realm-photo{box-shadow:0 18px 42px rgba(37,27,92,.16),0 3px 0 rgba(112,95,178,.09)}
.realm-photo::after{background:linear-gradient(180deg,transparent 0%,rgba(18,19,53,.72) 100%);inset:55% 0 0}
.realm-benefits>div{transition:transform .25s ease}
.realm-benefits>div:hover{transform:translateX(5px)}
/* Vidéo principale : plus cinématographique, commande bien identifiable. */
.trailer-section{background:radial-gradient(ellipse 50% 65% at 50% 110%,rgba(84,87,169,.42),transparent 80%),linear-gradient(145deg,#121a3b 0%,#21295b 100%)}
.trailer-poster{border:6px solid rgba(255,248,226,.61);box-shadow:0 28px 67px rgba(4,6,27,.5),0 0 0 1px rgba(255,255,255,.14)}
.trailer-poster:focus-visible,.landscape-card:focus-visible,.clip-card:focus-visible{outline:3px solid #ffdda6;outline-offset:5px}
/* Cartes, galeries et visuels : même finition sur toutes les pages. */
.landscape-card,.learning-card,.clip-card,.person-card{box-shadow:0 13px 34px rgba(43,40,95,.08)}
.landscape-card:hover,.clip-card:hover,.learning-card:hover{box-shadow:0 18px 38px rgba(42,42,104,.17)}
.landscape-card img,.clip-media img{transition:transform .6s cubic-bezier(.2,.7,.22,1)}
.landscape-card:hover img,.clip-card:hover img{transform:scale(1.045)}
.characters-section{background:radial-gradient(ellipse 75% 85% at 50% 110%,#354784 0%,#292758 78%)}
.person-card{background:rgba(255,255,255,.095);border-color:rgba(255,255,255,.21);box-shadow:0 13px 30px rgba(13,15,50,.11)}
.person-card:hover{background:rgba(255,255,255,.145);box-shadow:0 18px 35px rgba(13,15,50,.24)}
.person-photo img{transition:transform .55s cubic-bezier(.2,.7,.25,1)}
.person-card:hover .person-photo img{transform:scale(1.035)}
.person-card h3{letter-spacing:-.02em}
/* Familles : structure et preuves plutôt que promesses vagues. */
.parents-section{background:linear-gradient(155deg,#f8fbff,#fbf8ff 60%,#fff)}
.parent-points li{align-items:flex-start}
.parent-points li span{flex:none}
/* Appareils : vrais emblèmes, lisibles sans faux liens de boutique. */
.coming-section{background:linear-gradient(180deg,#fff,#f8f6ff 100%)}
.coming-box{background:radial-gradient(ellipse 45% 90% at 0% 10%,rgba(190,137,224,.4),transparent 90%),linear-gradient(115deg,#51438e 0%,#353b78 53%,#263c6a 100%);box-shadow:0 29px 74px rgba(48,43,105,.19);border:1px solid rgba(255,255,255,.16)}
.coming-box h2{text-wrap:balance}
.platforms-intro{margin:0 auto 18px!important;color:#eee6ff!important;font-size:.83rem!important}
.platforms{gap:14px;margin-bottom:20px}
.platform{min-width:235px;padding:17px 20px;border:1px solid rgba(255,255,255,.32);border-radius:19px;background:rgba(255,255,255,.12);transition:background .25s ease,border-color .25s ease,transform .25s ease;box-shadow:0 7px 20px rgba(21,18,65,.1)}
.platform:hover{background:rgba(255,255,255,.19);border-color:rgba(255,255,255,.56);transform:translateY(-3px)}
.platform-icon{width:47px;height:47px;border-radius:13px;background:rgba(255,255,255,.14);color:#fff8e8}
.platform-icon svg{width:29px;height:29px}
.platform strong{font-size:1rem;color:#fff}
.platform small{font-size:.75rem;color:#eee8ff}
.availability-note{max-width:520px;line-height:1.65;margin-bottom:23px}
/* FAQ plus soignée : visible au clavier et mobile. */
.faq-section{background:#f8f7ff}
.faq-items details{padding:21px 0;transition:background .2s ease}
.faq-items details[open] summary{color:#5d489c}
.faq-items summary:hover{color:#6650a7}
.faq-items details p{max-width:730px}
/* Petit outil de navigation sur les pages longues. */
.floating-top{position:fixed;z-index:75;right:22px;bottom:24px;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;color:#fffaf0;background:linear-gradient(135deg,#4d3b8f,#7564bc);border:1px solid rgba(255,255,255,.55);box-shadow:0 12px 28px rgba(20,17,62,.28);opacity:0;pointer-events:none;transform:translateY(14px);transition:opacity .25s ease,transform .25s ease,box-shadow .25s ease;font-weight:800;font-size:1.4rem}
.floating-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}
.floating-top:hover{transform:translateY(-4px);box-shadow:0 15px 32px rgba(21,18,62,.4)}
.footer{background:linear-gradient(145deg,#161a3a,#23234d)}
.footer-main nav a:hover,.footer-bottom a:hover{color:#ffe2aa}
@media(max-width:660px){
 .section-pad{padding-top:68px;padding-bottom:72px}
 .platforms{display:grid;grid-template-columns:1fr;max-width:335px;margin-inline:auto}
 .platform{min-width:0;padding:14px 18px}
 .coming-box{padding:45px 20px 48px}
 .floating-top{right:14px;bottom:17px;width:42px;height:42px}
 .real-game-note{font-size:.7rem}
}
@media(prefers-reduced-motion:reduce){
 .reading-progress span,.floating-top,.person-photo img,.landscape-card img,.clip-media img{transition:none}
 .flying-neo{display:none}
 .platform:hover,.realm-benefits>div:hover{transform:none}
}

/* Contrôle de mouvement en pied de page, explicite et réversible. */
.footer-tools{display:flex;align-items:center;justify-content:flex-end;gap:22px;flex-wrap:wrap}
.effects-toggle{border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.07);padding:9px 13px;color:#f5e7ff;font-size:.73rem;font-weight:750;transition:background .2s ease}
.effects-toggle:hover{background:rgba(255,255,255,.16)}
.effects-toggle:focus-visible{outline:3px solid #f2d6ac;outline-offset:3px}
.effects-toggle span{color:#ffdc9e;margin-right:5px}
.motion-paused .flying-neo,.motion-paused .stardust-layer,.motion-paused .neo-flyby,.motion-paused .cinema-water{display:none!important}
.motion-paused .realm-decoration,.motion-paused .scroll-tale span{animation:none!important}
.motion-paused .fadein{transition:none!important;opacity:1!important;transform:none!important}
@media(max-width:660px){.footer-tools{justify-content:space-between;gap:13px}.effects-toggle{font-size:.7rem;padding:8px 11px}}

/* ===== v9.css ===== */
/* Maëlya V9 — nouveaux mondes et espace parents. Aucun CDN ni traqueur. */
:root { --v9-cream: #fff7e7; --v9-ink: #1c2448; --v9-purple: #6a51b3; --v9-sky: #b9ddff; }
#survols,#parents { scroll-margin-top: 105px; }

/* Une vraie galerie de vidéos prises dans le jeu, sans lecture forcée. */
.flyovers-section { position:relative; isolation:isolate; color:#fff8ec; background:radial-gradient(ellipse 68% 70% at 90% -10%, #384b86 0, transparent 70%),radial-gradient(ellipse 55% 55% at 5% 120%, #34427d 0, transparent 68%),linear-gradient(140deg,#111935,#1c2752 68%,#182244); overflow:hidden; }
.flyovers-section::before {content:"";position:absolute;inset:0;z-index:-1;opacity:.18;pointer-events:none;background:radial-gradient(circle at 10% 20%,#ffe0a1 0 2px,transparent 3px),radial-gradient(circle at 79% 36%,#fff3d1 0 2px,transparent 3px),radial-gradient(circle at 45% 80%,#adceff 0 2px,transparent 3px);}
.flyovers-content{position:relative;z-index:1;}
.flyovers-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:35px;}
.flyovers-heading{max-width:760px}.flyovers-heading .section-kicker{color:#f0d4a4}
.flyovers-heading h2{font:700 clamp(2.8rem,4.7vw,4.8rem)/1.08 var(--font-display);letter-spacing:-.05em;color:#fff8eb;margin:2px 0 17px}
.flyovers-heading h2 em{font-weight:400;color:#f9dca4}
.flyovers-heading p{max-width:630px;color:#e7e5f8;font-size:1.04rem;line-height:1.8;margin:0}
.flyovers-note{flex:none;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.24);padding:12px 15px;border-radius:100px;background:rgba(255,255,255,.09);font-size:.72rem;letter-spacing:.035em;color:#f7e9ce;font-weight:800;backdrop-filter:blur(10px)}
.flyovers-note-dot{display:inline-block;width:9px;height:9px;background:#f3d19a;border-radius:50%;box-shadow:0 0 0 5px rgba(243,209,154,.1)}
.flyovers-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:235px;gap:16px}
.flyover-card{grid-column:span 3;display:block;position:relative;min-width:0;min-height:0;border:1px solid rgba(255,255,255,.2);padding:0;border-radius:24px;background:#23305b;overflow:hidden;box-shadow:0 18px 42px rgba(7,11,29,.25);text-align:left;color:#fff;isolation:isolate;transition:transform .32s ease,border-color .32s ease,box-shadow .32s ease}
.flyover-card:hover{transform:translateY(-5px);border-color:rgba(255,235,191,.68);box-shadow:0 24px 55px rgba(8,10,32,.44)}
.flyover-card:focus-visible{outline:3px solid #ffda9d;outline-offset:4px}
.flyover-feature{grid-column:span 6;grid-row:span 2}
.flyover-media,.flyover-media img,.flyover-media video,.flyover-shade{position:absolute;inset:0;width:100%;height:100%}
.flyover-media{display:block;overflow:hidden;z-index:0}
.flyover-media img,.flyover-media video{object-fit:cover;object-position:center;transition:transform .6s cubic-bezier(.2,.7,.2,1),opacity .3s ease}
.flyover-media video{opacity:0;pointer-events:none;background:#182347}
.flyover-card.is-previewing .flyover-media video{opacity:1}
.flyover-card:hover .flyover-media img{transform:scale(1.06)}
.flyover-shade{background:linear-gradient(180deg,rgba(12,20,42,.08) 13%,rgba(11,16,38,.1) 38%,rgba(8,14,35,.82) 100%);z-index:2;pointer-events:none}
.flyover-play{position:absolute;z-index:3;top:17px;right:17px;display:grid;place-items:center;width:37px;height:37px;border-radius:50%;color:#392d65;background:rgba(255,243,212,.95);font-size:.72rem;box-shadow:0 5px 18px rgba(18,17,44,.26);pointer-events:none;transition:transform .2s ease}
.flyover-card:hover .flyover-play{transform:scale(1.12)}
.flyover-feature .flyover-play{width:56px;height:56px;top:24px;right:24px;font-size:1rem}
.flyover-caption{position:absolute;z-index:4;bottom:0;left:0;right:0;padding:22px 20px 20px;display:flex;flex-direction:column;gap:5px;pointer-events:none;text-shadow:0 1px 15px rgba(0,0,0,.5)}
.flyover-caption small{font-size:.57rem;letter-spacing:.145em;color:#ffe3ae;font-weight:900}
.flyover-caption strong{font:700 1.38rem/1.13 var(--font-display);letter-spacing:-.025em}
.flyover-caption>span{font-size:.73rem;line-height:1.35;color:#f4f2ff;display:flex;gap:6px;align-items:center;justify-content:space-between}
.flyover-caption b{font-size:1rem;color:#ffe3ae}
.flyover-feature .flyover-caption{padding:34px}.flyover-feature .flyover-caption small{font-size:.66rem}.flyover-feature .flyover-caption strong{font-size:clamp(2rem,3.8vw,3.5rem)}.flyover-feature .flyover-caption>span{font-size:.9rem}
.flyovers-footnote{text-align:center;font-size:.74rem;color:#c8c9e0;margin:24px 0 0;line-height:1.5}

/* Présentation pédagogique : captures réelles, onglets réactifs, sans métriques inventées. */
.families-v9{background:linear-gradient(165deg,#faf7ff 0%,#f6f3fe 46%,#fff9ef 100%);overflow:hidden}
.families-intro{max-width:780px;margin-bottom:50px}.families-intro h2 em{color:#8464bb}.families-intro p{max-width:680px;margin-inline:auto}
.families-layout{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(330px,.84fr);gap:clamp(28px,5vw,74px);align-items:center}
.families-demo{min-width:0}
.families-tabs{display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-start;margin-bottom:14px}
.families-tab{border:1px solid #d6cde8;background:#fff;color:#645880;padding:12px 16px;border-radius:99px;min-height:44px;display:inline-flex;align-items:center;gap:8px;font-size:.81rem;font-weight:850;box-shadow:0 6px 18px rgba(51,39,104,.05);transition:background .2s,transform .2s,box-shadow .2s}
.families-tab:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(48,43,106,.12)}
.families-tab.is-active{color:#fff;background:linear-gradient(120deg,#6950ba,#8d6fcf);border-color:#8367c8;box-shadow:0 9px 24px rgba(92,76,178,.25)}
.families-tab span{font-size:1rem}
.families-screen{overflow:hidden;background:#fdf7eb;border:6px solid #fff;border-radius:25px;box-shadow:0 22px 58px rgba(52,46,111,.18),0 0 0 1px #e1d8f1;min-width:0}
.families-screen-toolbar{display:flex;align-items:center;gap:9px;min-height:43px;padding:8px 14px;background:linear-gradient(90deg,#2d2d65,#474184);color:#fff5df;overflow:hidden}
.families-screen-toolbar strong{font-size:.68rem;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.families-screen-toolbar .window-dots{display:inline-flex;gap:4px;flex:none}.families-screen-toolbar .window-dots i{height:7px;width:7px;background:#ecbcac;border-radius:50%}.families-screen-toolbar .window-dots i:nth-child(2){background:#f1d9ab}.families-screen-toolbar .window-dots i:nth-child(3){background:#abe1c9}
.live-example{margin-left:auto;color:#ead4ff;border:1px solid rgba(255,255,255,.27);border-radius:25px;padding:5px 8px;font-size:.52rem;font-weight:900;letter-spacing:.07em;white-space:nowrap}
.families-screen img{display:block;width:100%;height:auto;max-height:560px;object-fit:contain;object-position:top center;background:#fff8ed;}
.families-screen-hint{display:flex;align-items:center;gap:9px;font-size:.79rem;color:#6f6686;margin:14px 7px 0;line-height:1.5}
.families-screen-hint>span:first-child{font-size:1.1rem;color:#8066bd}
.families-mini-label{font-size:.68rem;font-weight:950;letter-spacing:.15em;color:#8365bb}
.families-copy h3{font:700 clamp(2.35rem,3.1vw,3.5rem)/1.14 var(--font-display);letter-spacing:-.045em;color:#31264d;margin:13px 0 19px}
.families-copy h3 em{color:#8360b5;font-weight:400}
.families-copy>p{color:#63617c;font-size:.99rem;line-height:1.75;margin:0 0 25px}
.families-features{display:grid;gap:13px;margin:25px 0 29px}
.families-feature{display:flex;align-items:flex-start;gap:14px;padding:12px 13px;background:#ffffffb5;border:1px solid #eae4f5;border-radius:17px}
.families-feature-icon{width:39px;height:39px;border-radius:13px;background:#ece7fc;color:#785eb6;flex:none;display:grid;place-items:center;font-size:1.15rem}
.families-feature strong{display:block;color:#363055;font-size:.89rem;margin:1px 0 4px}.families-feature small{font-size:.75rem;line-height:1.5;color:#77738a;display:block}
.families-link{min-height:48px;display:inline-flex;align-items:center;gap:16px;border-radius:100px;background:linear-gradient(110deg,#6d50b2,#8b6cca);color:#fff;padding:12px 20px;font-size:.83rem;font-weight:850;box-shadow:0 12px 30px #7156ac3b}
.families-link:hover{transform:translateY(-2px)}
.families-disclaimer{display:block;font-size:.69rem;line-height:1.65;color:#7b768a;margin-top:20px}

@media(max-width:1080px){.flyovers-grid{grid-auto-rows:210px;gap:13px}.flyovers-head{align-items:start;flex-direction:column}.flyovers-note{margin-top:0}.flyover-feature .flyover-caption{padding:25px}.families-layout{gap:27px;grid-template-columns:1fr 1fr}}
@media(max-width:900px){.flyovers-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:240px}.flyover-card{grid-column:span 1}.flyover-feature{grid-column:span 2;grid-row:span 1;height:310px}.flyovers-heading h2{font-size:clamp(2.6rem,7vw,4rem)}.families-layout{grid-template-columns:1fr;gap:35px}.families-demo{max-width:800px;margin-inline:auto}.families-copy{max-width:700px;margin-inline:auto}.families-intro{margin-bottom:36px}}
@media(max-width:660px){.flyovers-section{padding:74px 0}.flyovers-heading p{font-size:.91rem}.flyovers-note{font-size:.65rem;padding:9px 12px}.flyovers-grid{grid-template-columns:1fr;grid-auto-rows:218px;gap:12px}.flyover-card,.flyover-feature{grid-column:span 1;grid-row:span 1;height:218px;border-radius:19px}.flyover-feature{height:258px}.flyover-feature .flyover-caption{padding:19px}.flyover-feature .flyover-caption strong{font-size:2rem}.flyover-caption{padding:16px}.flyover-caption strong{font-size:1.4rem}.flyovers-footnote{font-size:.66rem}.families-v9{padding:75px 0}.families-tabs{gap:6px}.families-tab{padding:10px 11px;font-size:.7rem;gap:5px}.families-tab span{font-size:.85rem}.families-screen{border-width:4px;border-radius:17px}.families-screen-toolbar{padding:7px 10px;min-height:35px}.families-screen-toolbar strong{font-size:.55rem}.live-example{font-size:.46rem}.families-copy h3{font-size:clamp(2.2rem,8.5vw,3rem)}.families-features{gap:10px}.families-feature{padding:10px}.families-feature strong{font-size:.82rem}.families-feature small{font-size:.72rem}}
@media(prefers-reduced-motion:reduce){.flyover-card,.flyover-media img,.families-tab{transition:none!important}.flyover-media video{display:none!important}}
.motion-paused .flyover-media video{display:none!important}

/* ===== v10.css ===== */
/* MAËLYA V10 — édition compacte, 100% locale, responsive, sans framework. */
[hidden]{display:none!important}
:root{--v10-deep:#1b1e49;--v10-ink:#292746;--v10-lilac:#7758b9;--v10-gold:#f7db9b;--v10-line:#e4dcf3}
html{scroll-padding-top:110px}
#decouvrir,#bande-annonce,#tester{scroll-margin-top:120px}
/* L'ouverture que l'on aime reste intacte, mais gagne en rythme. */
.hero.hero-cinema{min-height:670px;padding-top:65px;padding-bottom:74px}
.cinema-copy{padding:14px 0 27px}.hero-cinema h1{font-size:clamp(3.5rem,5vw,5.8rem)}
.cinema-actions{margin:24px 0 25px}.cinema-feature{transform:translateY(0)}
.cinema-bottom{bottom:13px}.cinema-edge{height:34px}
/* Film : présent, immédiatement identifiable, sans bloc géant. */
.v10-film-section{position:relative;background:linear-gradient(180deg,#faf8ff,#f7f5ff);padding:40px 0 64px}
.v10-film-layout{display:grid;grid-template-columns:minmax(270px,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(28px,5vw,70px);max-width:1090px}
.v10-film-preview{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;border:5px solid #fff;border-radius:24px;min-width:0;background:#192554;box-shadow:0 21px 48px rgba(39,37,100,.22);transition:transform .25s ease,box-shadow .25s ease;padding:0}
.v10-film-preview img{height:100%;width:100%;object-fit:cover;transition:transform .5s ease}
.v10-film-preview::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(8,12,35,.45));pointer-events:none}
.v10-film-preview:hover{transform:translateY(-4px);box-shadow:0 27px 58px rgba(37,31,99,.28)}
.v10-film-preview:hover img{transform:scale(1.055)}
.v10-film-play{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:#fff4d6;color:#513b88;box-shadow:0 0 0 10px rgba(255,255,255,.16),0 10px 35px rgba(5,10,36,.28);font-size:1.05rem}
.v10-film-duration{position:absolute;z-index:1;right:14px;bottom:14px;background:#111b43c4;color:#fff8e9;padding:8px 12px;border-radius:30px;font-size:.7rem;font-weight:850}
.v10-kicker{color:#8a6abb;font-size:.68rem;letter-spacing:.16em;font-weight:950;display:block;margin-bottom:13px}
.v10-film-copy h2{font:700 clamp(2.1rem,3vw,3.6rem)/1.07 var(--font-display);letter-spacing:-.05em;color:var(--v10-ink);margin:0 0 16px;text-wrap:balance}
.v10-film-copy h2 em,.v10-explorer-head h2 em,.v10-panel-head h3 em{font-weight:400;color:#8767c1}
.v10-film-copy p{font-size:.95rem;line-height:1.72;color:#65627e;max-width:520px;margin:0 0 17px}
.v10-text-button{border:0;border-bottom:1px solid #7b61b9;color:#5a469d;background:none;padding:7px 0;font-weight:850;font-size:.86rem;display:inline-flex;gap:14px;align-items:center}
.v10-text-button:hover{color:#403075}
/* Un seul endroit pour parcourir le contenu : vrai onglet accessible */
.v10-explorer{position:relative;padding:78px 0 76px;background:linear-gradient(180deg,#f7f5ff,#ffffff 38%,#faf7ff 100%);isolation:isolate}
.v10-explorer::before{content:"";position:absolute;z-index:-1;left:-110px;top:60px;width:320px;height:320px;background:radial-gradient(circle,#eae3ff 0%,transparent 72%);pointer-events:none}
.v10-explorer-head{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-bottom:34px}
.v10-explorer-head h2{font:700 clamp(2.55rem,4vw,4.25rem)/1.09 var(--font-display);letter-spacing:-.058em;color:#2b254d;margin:0 0 16px;max-width:850px;text-wrap:balance}
.v10-explorer-head p{color:#706b87;line-height:1.7;font-size:.99rem;margin:0;max-width:680px}
.v10-explorer-seal{border:1px solid #ded4ef;background:rgba(255,255,255,.77);color:#9d81ca;width:100px;height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;font:2.4rem/1 var(--font-display);transform:rotate(12deg);box-shadow:0 12px 30px #7566ac19;flex:none}
.v10-explorer-seal small{font:900 .55rem var(--font-ui);letter-spacing:.15em;margin-top:8px}
.v10-tabs-scroll{overflow-x:auto;scrollbar-width:none;margin-bottom:-1px;position:relative;z-index:2;padding-right:8px}
.v10-tabs-scroll::-webkit-scrollbar{display:none}
.v10-tabs{display:flex;gap:8px;min-width:max-content;padding:8px 0 0}
.v10-tab{display:flex;align-items:center;justify-content:center;gap:10px;min-width:180px;white-space:nowrap;background:#ece7f7;color:#675986;border:1px solid #dfd7ed;padding:16px 23px 17px;border-radius:19px 19px 0 0;font-weight:850;font-size:.84rem;transition:background .2s ease,color .2s ease,transform .2s ease}
.v10-tab span{font-size:1.1rem;color:#9377bd}
.v10-tab:hover{background:#f4f0ff;color:#4e3f83}
.v10-tab.is-active{position:relative;background:linear-gradient(135deg,#352a69,#6852ab);color:#fff8e9;border-color:#564590;box-shadow:0 -4px 18px rgba(62,43,126,.1);transform:translateY(-2px)}
.v10-tab.is-active span{color:#ffe6ae}
.v10-panel-shell{background:#fff;border:1px solid #e7e0ef;box-shadow:0 25px 80px rgba(47,39,99,.10);border-radius:0 25px 25px 25px;overflow:hidden}
.v10-panel{min-width:0;padding:clamp(21px,3.6vw,45px);min-height:405px;animation:v10-panel-in .34s ease both}
@keyframes v10-panel-in{from{opacity:.75;transform:translateY(7px)}to{opacity:1;transform:none}}
.v10-panel-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:25px}
.v10-panel-eyebrow{display:block;font-size:.65rem;letter-spacing:.15em;font-weight:950;color:#9b78ba;margin-bottom:9px}
.v10-panel-head h3{font:700 clamp(2.2rem,3.25vw,3.3rem)/1.1 var(--font-display);letter-spacing:-.045em;color:#282346;margin:0 0 10px;text-wrap:balance}
.v10-panel-head p{margin:0;color:#706c88;font-size:.9rem;line-height:1.62;max-width:560px}
.v10-subtabs{display:flex;align-items:center;gap:6px;flex-wrap:wrap;border:1px solid #e8e2f1;background:#f7f4fc;border-radius:99px;padding:5px;flex:none}
.v10-subtab{border:0;min-height:38px;padding:8px 15px;background:transparent;border-radius:30px;font-weight:800;font-size:.76rem;color:#77708f;white-space:nowrap;transition:background .2s,color .2s}
.v10-subtab:hover{color:#48377f}.v10-subtab.is-active{background:#fff;color:#5b4296;box-shadow:0 4px 15px rgba(73,55,125,.14)}
.v10-subpanel{min-width:0}
/* Les galeries deviennent des rails visuels, sans allonger la page. */
.v10-panel .flyovers-grid,.v10-panel .landscape-grid{display:grid!important;grid-template-columns:none!important;grid-template-rows:none!important;grid-auto-flow:column!important;grid-auto-columns:clamp(240px,29%,345px)!important;grid-auto-rows:235px!important;gap:13px!important;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:2px;padding:6px 3px 15px;scrollbar-width:thin;scrollbar-color:#d4c8e8 transparent}
.v10-panel .flyovers-grid .flyover-card,.v10-panel .landscape-grid .landscape-card{grid-column:auto!important;grid-row:auto!important;height:235px!important;min-height:0!important;scroll-snap-align:start;border-radius:20px;transform:none}
.v10-panel .flyover-card.flyover-feature .flyover-caption strong{font-size:1.48rem!important}
.v10-panel .flyover-card .flyover-caption{padding:20px!important}
.v10-panel .flyover-card .flyover-caption strong{font-size:1.43rem!important}
.v10-panel .flyover-card.flyover-feature .flyover-play{height:40px;width:40px;top:17px;right:17px;font-size:.72rem}
.v10-panel .flyover-card .flyover-caption>span{font-size:.73rem!important}
.v10-slider-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#7f788d;font-size:.75rem;margin-top:6px}
.v10-slider-controls{display:flex;gap:9px;flex:none}
.v10-slider-controls button{display:grid;place-items:center;border-radius:50%;width:40px;height:40px;border:1px solid #d9cfec;background:#f8f4ff;color:#655099;font-size:1.2rem;transition:background .2s,transform .2s}
.v10-slider-controls button:hover{background:#e9ddff;transform:translateY(-2px)}
.v10-day-night{display:flex;justify-content:flex-end;margin-bottom:10px}
.v10-panel .day-night-controls{margin:0}
.v10-panel .landscape-grid .landscape-feature{grid-column:auto!important;grid-row:auto!important}
.v10-panel .landscape-grid .photo-caption{font-size:.64rem}
/* Les matières tiennent en une rangée ; des vidéos ouvrables dans l'autre vue. */
.v10-panel-learning .learning-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.v10-panel-learning .learning-card{border-radius:20px;box-shadow:0 8px 28px rgba(55,42,105,.08)}
.v10-panel-learning .learning-shot{height:160px;min-height:160px}
.v10-panel-learning .learning-detail{padding:17px 14px 22px}
.v10-panel-learning .learning-card h3{font-size:1.43rem}
.v10-panel-learning .learning-card p{font-size:.77rem;line-height:1.52}
.v10-panel-learning .learning-emoji{width:38px;height:38px;margin-bottom:9px}
.v10-panel-learning .clip-grid{gap:14px}
.v10-panel-learning .clip-card{border-radius:18px}
.v10-panel-learning .clip-media{height:170px}
.v10-panel-learning .clip-information{padding:16px 17px 19px}
.v10-panel-learning .clip-information strong{font-size:1.3rem}
/* Les héros prennent toute la place, sans recadrage cassé. */
.v10-panel-characters{background:radial-gradient(ellipse at 50% -50%,#465398 0,#2c2b66 65%,#292750 100%)}
.v10-panel-characters .v10-panel-eyebrow{color:#f9d79c}
.v10-panel-characters .v10-panel-head h3{color:#fff9e7}
.v10-panel-characters .v10-panel-head h3 em{color:#ffdcad}
.v10-panel-characters .v10-panel-head p{color:#e2ddf5}
.v10-panel-characters .characters-grid{gap:12px}
.v10-panel-characters .person-card{padding:9px 9px 20px;border-radius:20px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3)}
.v10-panel-characters .person-photo{height:260px;border-radius:14px}
.v10-panel-characters .person-card h3{font-size:1.8rem;margin-top:15px}
.v10-panel-characters .person-card p{font-size:.76rem}
/* Parents : vrai écran, onglets internes et portrait simplifié. */
.v10-panel-families{background:linear-gradient(140deg,#fff,#f9f6ff 70%,#fff7eb)}
.v10-parents-content .families-layout{grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:28px;align-items:center}
.v10-parents-content .families-screen img{max-height:365px}
.v10-parents-content .families-screen{border-radius:18px;border-width:5px}
.v10-parents-content .families-screen-toolbar{min-height:35px}
.v10-parents-content .families-tabs{margin-bottom:10px}
.v10-parents-content .families-tab{padding:9px 12px;font-size:.75rem}
.v10-parents-content .families-copy h3{font-size:clamp(1.65rem,2.5vw,2.45rem);margin:10px 0 12px}
.v10-parents-content .families-copy>p{font-size:.85rem;line-height:1.6;margin-bottom:8px}
.v10-parents-content .families-features{margin:15px 0;gap:7px}
.v10-parents-content .families-feature{padding:9px 11px;border-radius:13px}
.v10-parents-content .families-feature-icon{width:34px;height:34px}
.v10-parents-content .families-feature small{font-size:.69rem}
.v10-parents-content .families-disclaimer{margin-top:12px}
.v10-panel .fadein{transition-delay:0s}
.v10-explorer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:21px;color:#777087;font-size:.82rem;font-weight:700}
.v10-explorer-bottom a{color:#5a4295;font-weight:850;display:flex;align-items:center;gap:12px}
.v10-explorer-bottom a:hover{text-decoration:underline}
/* Dernier appel à découvrir, volontairement compact. */
.v10-coming-section{background:linear-gradient(#faf7ff,#fff);padding:42px 0 45px}
.v10-coming-section .coming-box{border-radius:28px;padding:clamp(30px,4.5vw,56px) 24px}
.v10-coming-section .coming-box h2{font-size:clamp(2.3rem,3.7vw,3.7rem);line-height:1.07;margin-bottom:16px}
.v10-coming-section .coming-box>p{font-size:.9rem;line-height:1.6}
.v10-coming-section .platforms{margin-bottom:13px}.v10-coming-section .availability-note{margin-bottom:19px}
.v10-coming-section .coming-deco{opacity:.5}
.v10-faq{padding:0 0 55px;background:#fff}
.v10-faq-reveal{border:1px solid #e8e2f3;border-radius:19px;background:#faf8ff;overflow:hidden}
.v10-faq-reveal>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;font-weight:850;color:#4d3f7e;padding:20px 26px;font-size:.95rem}
.v10-faq-reveal>summary::-webkit-details-marker{display:none}
.v10-faq-reveal>summary span{font-size:.74rem;color:#8b77b1;display:flex;align-items:center;gap:12px}
.v10-faq-reveal[open]>summary{border-bottom:1px solid #e8e2f3}
.v10-faq-reveal[open]>summary b{transform:rotate(45deg)}
.v10-faq-reveal>summary b{transition:transform .2s;font-size:1.3rem}
.v10-faq-content{padding:0 27px 22px}
.v10-faq-content .faq-items{max-width:950px;margin:auto}
.v10-faq-content details{padding:14px 0}
/* Les contrôles clavier sont visibles partout. */
.v10-tab:focus-visible,.v10-subtab:focus-visible,.v10-slider-controls button:focus-visible,.v10-faq-reveal summary:focus-visible{outline:3px solid #c093f1;outline-offset:3px}
@media(max-width:1060px){
 .v10-panel-head{align-items:flex-start;flex-direction:column}
 .v10-panel .flyovers-grid,.v10-panel .landscape-grid{grid-auto-columns:clamp(240px,38%,345px)!important}
 .v10-panel-learning .learning-shot{height:130px;min-height:130px}
 .v10-panel-learning .learning-card h3{font-size:1.25rem}
 .v10-panel-characters .person-photo{height:220px}
}
@media(max-width:900px){
 .hero.hero-cinema{min-height:unset;padding-top:70px;padding-bottom:105px}
 .v10-film-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px}
 .v10-explorer{padding:65px 0}
 .v10-explorer-seal{display:none}
 .v10-panel-shell{border-radius:0 18px 18px 18px}
 .v10-panel .flyovers-grid,.v10-panel .landscape-grid{grid-auto-columns:clamp(260px,48%,350px)!important}
 .v10-panel-learning .learning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .v10-panel-learning .learning-shot{height:160px;min-height:160px}
 .v10-panel-learning .clip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .v10-panel-characters .person-photo{height:270px}
 .v10-parents-content .families-layout{grid-template-columns:1fr;gap:24px}
 .v10-parents-content .families-copy{max-width:100%}
 .v10-parents-content .families-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .v10-parents-content .families-feature{flex-direction:column;gap:7px}
}
@media(max-width:660px){
 .v10-film-section{padding:32px 0 47px}.v10-film-layout{display:flex;flex-direction:column;gap:19px;align-items:stretch}
 .v10-film-preview{border-width:4px;border-radius:18px}.v10-film-play{height:54px;width:54px}
 .v10-film-copy h2{font-size:clamp(2.1rem,9vw,2.9rem)}.v10-film-copy p{font-size:.88rem}
 .v10-explorer{padding:49px 0 51px}.v10-explorer-head{margin-bottom:21px}
 .v10-explorer-head h2{font-size:clamp(2.4rem,9.4vw,3.3rem)}.v10-explorer-head p{font-size:.88rem;line-height:1.55}
 .v10-tabs{gap:5px}.v10-tab{min-width:0;padding:13px 17px 14px;font-size:.75rem;gap:6px;border-radius:15px 15px 0 0}
 .v10-tab span{font-size:.91rem}.v10-panel{padding:23px 14px;min-height:340px}
 .v10-panel-head{gap:13px;margin-bottom:19px}.v10-panel-head h3{font-size:clamp(2rem,8.5vw,2.85rem)}.v10-panel-head p{font-size:.82rem}
 .v10-subtabs{max-width:100%;flex-wrap:nowrap;gap:3px}.v10-subtab{padding:7px 12px;font-size:.7rem}
 .v10-panel .flyovers-grid,.v10-panel .landscape-grid{grid-auto-columns:83%!important;grid-auto-rows:220px!important}
 .v10-panel .flyovers-grid .flyover-card,.v10-panel .landscape-grid .landscape-card{height:220px!important}
 .v10-panel .flyover-card .flyover-caption strong{font-size:1.55rem!important}
 .v10-slider-footer{font-size:.68rem}.v10-slider-controls button{height:37px;width:37px}
 .v10-day-night{justify-content:flex-start}
 .v10-panel-learning .learning-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .v10-panel-learning .learning-card{display:block;border-radius:15px}
 .v10-panel-learning .learning-shot{height:125px;min-height:125px}
 .v10-panel-learning .learning-detail{padding:12px 11px 16px}
 .v10-panel-learning .learning-card h3{font-size:1.07rem;margin:0 0 8px}
 .v10-panel-learning .learning-card p{font-size:.68rem;line-height:1.45}
 .v10-panel-learning .learning-emoji{display:none}
 .v10-panel-learning .clip-grid{grid-template-columns:1fr}
 .v10-panel-learning .clip-media{height:195px}
 .v10-panel-characters .characters-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .v10-panel-characters .person-card{padding:6px 6px 15px;border-radius:15px}
 .v10-panel-characters .person-photo{height:210px}
 .v10-panel-characters .person-card h3{font-size:1.6rem;margin:10px 0 4px}
 .v10-panel-characters .person-card p{font-size:.66rem}
 .v10-parents-content .families-tabs{flex-wrap:nowrap;gap:5px}
 .v10-parents-content .families-tab{font-size:.64rem;padding:8px 9px}
 .v10-parents-content .families-features{grid-template-columns:1fr}
 .v10-parents-content .families-feature{flex-direction:row}
 .v10-explorer-bottom{font-size:.73rem;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
 .v10-coming-section{padding:18px 0 34px}.v10-coming-section .coming-box{padding:39px 18px}
 .v10-coming-section .coming-box h2{font-size:clamp(2.3rem,9vw,3.2rem)}
 .v10-faq{padding-bottom:35px}.v10-faq-reveal>summary{padding:16px;font-size:.84rem}.v10-faq-reveal>summary span{font-size:.63rem}
}
@media(prefers-reduced-motion:reduce){.v10-panel{animation:none}.v10-film-preview,.v10-film-preview img,.v10-tab,.v10-subtab{transition:none}}

/* Petit indice de navigation sur les écrans tactiles. */
.v10-mobile-hint{display:none}
@media(max-width:660px){.v10-mobile-hint{display:flex;align-items:center;justify-content:space-between;max-width:380px;gap:12px;margin:0 0 6px;color:#8a78aa;font-size:.69rem;font-weight:760}.v10-mobile-hint span{font-size:1.1rem;color:#795fbd}}

/* ===== v11.css ===== */
/* MAËLYA V11 — Direction artistique de finition : l'archipel s'invite partout. */
:root{--v11-ink:#2d2850;--v11-gold:#ffdeb0;--v11-sapphire:#1c2559;--v11-border:rgba(221,208,255,.42)}
body{background:#171c3f}
/* On conserve l'accueil cinématique déjà validé. */
.hero.hero-cinema{box-shadow:0 18px 65px rgba(13,17,56,.12)}
/* Chapitre film: une atmosphère de nuit violette à la place du grand vide blanc. */
.v10-film-section{
  isolation:isolate;overflow:hidden;
  padding:62px 0 72px;
  background:radial-gradient(ellipse 65% 110% at 98% -22%,rgba(161,143,250,.42),transparent 70%),
             radial-gradient(ellipse 65% 95% at 10% 130%,rgba(84,159,216,.33),transparent 68%),
             linear-gradient(132deg,#1c214d 0%,#29316d 46%,#383a80 100%);
}
.v10-film-section::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('assets/archipel-atmosphere.webp') right 41% / 60% auto no-repeat;opacity:.19;mask-image:linear-gradient(90deg,transparent 27%,black 97%)}
.v10-film-section::after{content:'✧';position:absolute;right:9%;top:17%;font:6rem/1 Georgia,serif;color:rgba(255,230,176,.17);pointer-events:none}
.v10-film-copy h2{color:#fff9ee;max-width:620px;text-shadow:0 6px 22px rgba(8,12,37,.19)}
.v10-film-copy h2 em{color:#ffdda5}
.v10-film-copy p{color:#e8e8f8;font-size:1rem}
.v10-film-copy .v10-kicker{color:#ffe4aa}
.v10-film-copy .v10-text-button{color:#ffebb8;border-color:rgba(255,235,184,.55)}
.v10-film-copy .v10-text-button:hover{color:#fff}
.v10-film-preview{border-color:rgba(255,248,230,.83);box-shadow:0 28px 64px rgba(7,9,34,.37)}
/* L'espace interactif donne sur une seule vaste scène, pas sur du blanc. */
.v10-explorer{
 padding:76px 0 70px;
 isolation:isolate;overflow:hidden;
 background:radial-gradient(ellipse 52% 40% at 98% 18%,rgba(154,148,238,.33),transparent 70%),
            radial-gradient(ellipse 54% 48% at -10% 85%,rgba(105,129,210,.27),transparent 75%),
            linear-gradient(180deg,#32366f 0%,#242b61 48%,#1b2457 100%);
}
.v10-explorer::before{content:"";position:absolute;inset:0;left:0;top:0;width:100%;height:100%;z-index:-2;pointer-events:none;background:url('assets/archipel-atmosphere.webp') center 45%/cover no-repeat;opacity:.11;filter:blur(2px) saturate(.85)}
.v10-explorer::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(21,25,68,.37),transparent 40%,rgba(24,32,80,.32))}
.v10-explorer-head{max-width:1180px;margin-bottom:30px}
.v10-explorer-head h2{color:#fffaf2;text-shadow:0 9px 25px rgba(9,13,43,.17);max-width:730px}
.v10-explorer-head h2 em{color:#f5d8ab}
.v10-explorer-head .v10-kicker{color:#f5dca9}
.v10-explorer-head p{color:#e1e0f3;max-width:640px}
.v11-realm-orbit{height:168px;width:245px;position:relative;flex:none;border:1px solid rgba(255,255,255,.3);border-radius:24px;overflow:hidden;transform:rotate(4deg);box-shadow:0 23px 46px rgba(7,12,37,.3)}
.v11-realm-orbit img{height:100%;width:100%;object-fit:cover;object-position:center}
.v11-realm-orbit::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(13,17,48,.8))}
.v11-realm-orbit span{position:absolute;bottom:15px;left:13px;right:10px;z-index:1;letter-spacing:.13em;color:#fff2c7;font-size:.6rem;font-weight:900}
.v10-tab{border-color:rgba(255,255,255,.22);color:#f0eaff;background:rgba(235,224,255,.14);backdrop-filter:blur(7px)}
.v10-tab span{color:#e9d4ff}.v10-tab:hover{background:rgba(242,231,255,.28);color:white}
.v10-tab.is-active{background:linear-gradient(126deg,#fff4dc,#dec8ff);border-color:#f3e4ff;color:#382c64;box-shadow:0 -8px 22px rgba(15,14,47,.22)}
.v10-tab.is-active span{color:#7552b0}
.v10-panel-shell{background:linear-gradient(150deg,rgba(254,252,255,.98),rgba(238,233,255,.98));border:1px solid rgba(248,242,255,.72);box-shadow:0 36px 80px rgba(9,13,47,.32),0 0 0 8px rgba(255,255,255,.025)}
.v10-panel:not(.v10-panel-characters):not(.v10-panel-families){background:linear-gradient(150deg,#fdfbff 0%,#f0ebff 70%,#f6eeff 100%)}
.v10-panel-families{background:linear-gradient(145deg,#fff9ec 0%,#f6f1ff 58%,#f3ebfa 100%)}
.v10-panel-learning .learning-card{border:1px solid rgba(128,107,182,.12);box-shadow:0 14px 27px rgba(38,33,100,.11)}
.v10-slider-footer{color:#69637b}
.v10-explorer-bottom{color:#e8e2fa}
.v10-explorer-bottom a{color:#ffe0aa}
.v10-explorer-bottom a:hover{color:#fff3d7}
/* Bientôt disponible : cadre intégré à la vallée nocturne, sans bande blanche. */
.v10-coming-section{
 background:radial-gradient(ellipse 60% 80% at 95% 12%,rgba(129,110,217,.16),transparent 80%),
 linear-gradient(180deg,#1b2457,#161e48);
 padding:54px 0 28px;
}
.v10-coming-section .coming-box{position:relative;overflow:hidden;border:1px solid rgba(255,240,213,.25);box-shadow:0 31px 80px rgba(4,7,31,.31);background:linear-gradient(125deg,rgba(110,84,170,.94),rgba(36,56,118,.96))}
.v10-coming-section .coming-box::before{content:"";position:absolute;inset:0;background:url('assets/archipel-atmosphere.webp') right 30%/cover no-repeat;opacity:.09;pointer-events:none}
.v10-coming-section .coming-box> :not(.coming-deco){position:relative;z-index:1}
.v10-coming-section .coming-box h2{color:#fffdf4}
.v10-coming-section .coming-box h2 em{color:#ffe0a9}
.v10-coming-section .platform{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.3)}
/* Questions fréquentes compactes ; le violet se prolonge jusqu'au footer. */
.v10-faq{background:linear-gradient(180deg,#161e48,#171a3b);padding:0 0 66px}
.v10-faq-reveal{background:rgba(244,238,255,.10);border-color:rgba(233,227,255,.24);box-shadow:0 10px 24px rgba(7,10,35,.13)}
.v10-faq-reveal>summary{color:#fff6e7}
.v10-faq-reveal>summary span{color:#e3d4ff}
.v10-faq-reveal[open]>summary{border-color:rgba(234,227,252,.24)}
.v10-faq-content{background:rgba(253,251,255,.95);padding-top:4px}
/* Bas de page : signature discrète à gauche + liens juridiques accessibles. */
.footer{background:linear-gradient(158deg,#111831,#1d224c 80%);border-top:1px solid rgba(245,232,255,.11)}
.footer-main{padding-bottom:18px}
.footer-bottom{flex-wrap:wrap;gap:16px;padding-block:22px 14px}
.v11-footer-identity{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.v11-author-credit{font-size:.7rem!important;letter-spacing:.025em;color:#d6c9e5!important;font-weight:500;opacity:.86}
.v11-legal-nav{flex:1;display:flex;align-items:center;justify-content:center;gap:12px 19px;flex-wrap:wrap}
.v11-legal-nav a{color:#c9c4e1;font-size:.72rem;text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(203,197,224,.23)}
.v11-legal-nav a:hover{color:#fff1c8;text-decoration-color:currentColor}
/* responsive polishing */
@media(max-width:900px){
 .v10-film-section{padding:56px 0 60px}.v10-explorer{padding:58px 0 57px}
 .v11-realm-orbit{width:180px;height:125px}.v10-explorer-head{align-items:center}
 .v10-coming-section{padding:37px 0 21px}
 .v11-legal-nav{order:3;justify-content:flex-start;flex-basis:100%}
}
@media(max-width:660px){
 .v10-film-section{padding:43px 0 50px}
 .v10-film-section::before{background-position:center;background-size:cover;opacity:.08;mask-image:none}
 .v10-explorer{padding:45px 0 50px}
 .v11-realm-orbit{display:none}
 .v10-explorer-head h2{font-size:clamp(2.35rem,9vw,3.4rem)}
 .v10-tab{color:#f6eaff;font-size:.77rem}
 .v10-panel-shell{border-radius:0 21px 21px 21px}
 .v10-coming-section{padding-top:36px;padding-bottom:18px}
 .v10-faq{padding-bottom:44px}
 .v11-legal-nav{gap:12px 17px}
 .footer-bottom{align-items:flex-start}
 .v11-footer-identity{flex-basis:100%}
}
@media(prefers-reduced-motion:reduce){.v11-realm-orbit,.v10-panel{transition:none;animation:none}}

/* ===== v12.css ===== */
/* MAËLYA V12 — Le studio indépendant, une offre claire, un avenir construit ensemble. */
:root{--v12-gold:#ffe4af;--v12-plum:#2a2258;--v12-violet:#9f86e6;}
.v12-hero-offer{display:inline-flex;gap:8px;align-items:center;justify-content:center;margin-top:19px;padding:10px 15px;border:1px solid rgba(255,226,172,.40);border-radius:999px;background:rgba(255,240,208,.1);backdrop-filter:blur(9px);color:#fff2d6;font-size:.78rem;font-weight:650;transition:transform .2s,background .2s;max-width:100%;}
.v12-hero-offer strong{color:#ffe0a8;font-weight:900}.v12-hero-offer:hover{transform:translateY(-2px);background:rgba(255,234,187,.18)}
#histoire{scroll-margin-top:125px}
.v12-story{position:relative;isolation:isolate;overflow:hidden;padding:72px 0 72px;background:radial-gradient(ellipse 60% 75% at -10% 4%,rgba(144,137,224,.19),transparent 80%),linear-gradient(180deg,#1b2457,#1b204d);color:#fffdf7;}
.v12-story::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.13;background:url('assets/archipel-atmosphere.webp') right 47%/cover no-repeat;filter:saturate(.8)}
.v12-story::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(18,21,59,.26),rgba(18,21,59,.62))}
.v12-story-inner{max-width:1210px}.v12-story-titleline{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:21px}
.v12-section-eyebrow{font-size:.69rem;letter-spacing:.15em;font-weight:900;color:#f9daa2}.v12-microtag{font-size:.59rem;letter-spacing:.13em;font-weight:900;color:#f2e7ff;padding:9px 12px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.08)}
.v12-story-grid{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:clamp(30px,4vw,62px);align-items:stretch}
.v12-story-copy{padding:13px 0 12px}.v12-story-copy h2{font:700 clamp(2.6rem,3.55vw,4.4rem)/1.06 var(--font-display);letter-spacing:-.047em;color:#fffaf0;margin:0 0 24px;max-width:610px}.v12-story-copy h2 em{color:#ffe0a5;font-style:italic;font-weight:400}
.v12-story-copy h2 em{display:block;margin-top:.12em}
.v12-story-copy p{color:#eae5fa;font-size:clamp(.88rem,1.02vw,1.02rem);line-height:1.82;margin:0 0 17px;max-width:590px}.v12-story-copy p strong{color:#fff8e2}
.v12-signature{display:flex;align-items:center;gap:14px;margin-top:26px;padding-top:19px;border-top:1px solid rgba(255,255,255,.18)}.v12-signature-star{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(138deg,rgba(255,219,156,.33),rgba(145,112,220,.34));border:1px solid rgba(255,255,255,.23);font-size:1.7rem;color:#ffdda2}.v12-signature strong{display:block;font-size:.93rem;color:#fff9ea}.v12-signature small{display:block;font-size:.77rem;color:#cfc9ea;margin-top:4px}
.v12-story-stage{min-height:440px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.26);border-radius:28px;background:#263660;box-shadow:0 25px 60px rgba(6,9,39,.29)}
.v12-story-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;filter:saturate(.97)}.v12-story-stage::after{content:"";position:absolute;inset:25% 0 0;background:linear-gradient(180deg,transparent 0%,rgba(12,16,48,.56) 25%,rgba(12,16,45,.94) 79%);pointer-events:none}
.v12-stage-pill{position:absolute;z-index:1;top:21px;right:21px;padding:10px 15px;border:1px solid rgba(255,255,255,.38);border-radius:999px;background:rgba(15,21,55,.57);color:#fff5dc;font-size:.73rem;font-weight:850;backdrop-filter:blur(10px)}
.v12-feedback{position:absolute;z-index:2;left:clamp(18px,3vw,35px);right:clamp(18px,3vw,35px);bottom:clamp(20px,3vw,35px)}.v12-feedback-kicker{font-size:.62rem;letter-spacing:.16em;color:#ffe0a4;font-weight:900}.v12-feedback h3{font:700 clamp(2rem,2.5vw,3rem)/1.08 var(--font-display);margin:11px 0 11px;color:#fff9ec;letter-spacing:-.035em}.v12-feedback h3 em{color:#ffe0a8;font-weight:400}.v12-feedback p{font-size:.83rem;line-height:1.68;color:#ede9fb;max-width:550px;margin:0}.v12-feedback-steps{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:16px}.v12-feedback-steps span{border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:7px 11px;background:rgba(255,255,255,.13);font-weight:750;color:#fff2dc;font-size:.68rem}.v12-feedback-steps i{font-style:normal;color:#f9dba9}
/* Premium price card integrated in the existing availability block. */
.v10-coming-section{padding-top:32px}
.v10-coming-section .coming-box{padding-top:52px;padding-bottom:50px}
.v10-coming-section .coming-box>p:first-of-type{max-width:750px;margin-inline:auto}
.v12-pricing{position:relative;display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);width:min(100%,770px);margin:26px auto 0;overflow:hidden;text-align:left;border:1px solid rgba(255,244,211,.35);border-radius:24px;background:linear-gradient(130deg,rgba(22,29,69,.6),rgba(39,44,95,.43));box-shadow:0 22px 50px rgba(13,17,45,.22);backdrop-filter:blur(9px)}
.v12-pricing-primary{padding:25px 23px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:radial-gradient(ellipse at 0% 0%,rgba(255,219,146,.17),transparent 75%);border-right:1px solid rgba(255,255,255,.18)}
.v12-pricing-eyebrow{color:#ffe8b9;font-size:.61rem;font-weight:900;letter-spacing:.14em}.v12-price-number{color:#fff8e6;font:700 clamp(3.2rem,4vw,4.8rem)/1.06 var(--font-display);letter-spacing:-.055em;margin-top:9px}.v12-price-number span{color:#ffe0a6;font-size:.7em}
.v12-pricing-primary>strong{font-size:.82rem;color:#fff6df;line-height:1.45;max-width:220px;margin:8px 0 16px}.v12-price-bubble{padding:8px 12px;border-radius:999px;background:#ffe8b2;color:#423464;font-size:.67rem;font-weight:900}
.v12-pricing-inclusions{display:flex;flex-direction:column;justify-content:center;gap:18px;padding:21px 27px}.v12-pricing-inclusions>div{display:flex;align-items:flex-start;gap:11px}.v12-pricing-inclusions>div>span{display:grid;place-items:center;width:26px;height:26px;flex:none;background:rgba(199,254,215,.18);border:1px solid rgba(199,254,215,.31);border-radius:50%;color:#d4ffe6;font-size:.73rem;font-weight:900}.v12-pricing-inclusions p{margin:0!important;font-size:.77rem!important;text-align:left;color:#f7f0ff!important;line-height:1.35}.v12-pricing-inclusions strong{display:block;color:#fff9e8;font-size:.82rem}.v12-pricing-inclusions small{display:block;color:#ded8f4;font-size:.72rem;line-height:1.5;margin-top:3px}
.v12-price-precision{max-width:720px;margin:12px auto 22px!important;color:#dcd8ef!important;font-size:.69rem!important;line-height:1.65}
.v10-coming-section .platforms-intro{margin-top:8px}
/* Pricing note remains readable on mobile, avoid visual overload. */
@media(max-width:960px){.v12-story-grid{grid-template-columns:1fr;gap:30px}.v12-story-copy{max-width:750px}.v12-story-stage{min-height:420px}.v12-story-copy h2{max-width:720px}.v12-story-copy p{max-width:760px}}
@media(max-width:660px){#histoire{scroll-margin-top:105px}.v12-hero-offer{font-size:.7rem;margin-top:14px}.v12-story{padding:50px 0}.v12-story-titleline{align-items:flex-start;gap:10px}.v12-section-eyebrow{font-size:.57rem;line-height:1.6}.v12-microtag{font-size:.52rem;padding:7px 8px;white-space:nowrap}.v12-story-copy{padding-top:0}.v12-story-copy h2{font-size:clamp(2.3rem,10vw,3.4rem);margin-bottom:19px}.v12-story-copy p{font-size:.89rem;line-height:1.76}.v12-story-stage{min-height:410px;border-radius:20px}.v12-stage-pill{top:13px;right:12px;font-size:.58rem;padding:8px 10px}.v12-feedback{left:17px;right:17px;bottom:20px}.v12-feedback h3{font-size:clamp(1.95rem,8vw,2.4rem)}.v12-feedback p{font-size:.79rem}.v12-feedback-steps{gap:6px;margin-top:12px}.v12-feedback-steps span{font-size:.57rem;padding:6px 8px}.v12-feedback-steps i{font-size:.65rem}.v12-pricing{grid-template-columns:1fr;border-radius:19px;margin-top:21px}.v12-pricing-primary{align-items:center;text-align:center;padding:21px 18px 19px;border-right:0;border-bottom:1px solid rgba(255,255,255,.18)}.v12-pricing-primary>strong{margin-top:5px}.v12-price-number{font-size:3.8rem}.v12-pricing-inclusions{padding:22px 21px;gap:13px}.v12-price-precision{padding-inline:8px;margin-top:12px!important;font-size:.66rem!important}.v10-coming-section .coming-box{padding-top:38px}}
@media(prefers-reduced-motion:reduce){.v12-hero-offer{transition:none}}

/* V12.1 : une histoire personnelle mise en valeur, sans allonger artificiellement la page. */
.v12-story-copy .v12-origin-intro{color:#ffdfa9;font:italic 400 clamp(1.08rem,1.3vw,1.32rem)/1.5 var(--font-display);margin:0 0 15px;max-width:570px}
.v12-story-copy .v12-origin-intro strong{font-weight:700;color:#ffedcb}
.v12-story-copy p:not(.v12-origin-intro){line-height:1.72;margin-bottom:13px}
.v12-story-copy .v12-signature{margin-top:18px}
@media(max-width:660px){.v12-story-copy .v12-origin-intro{font-size:1.12rem;line-height:1.55}.v12-story-copy p:not(.v12-origin-intro){font-size:.88rem;line-height:1.68}}

/* ===== v13.css ===== */
/* MAËLYA V13 — lancement premium, sobre et immersif. Styles propres, sans dépendances. */
:root{--v13-gold:#ffe5ab;--v13-indigo:#1c2457;--v13-ink:#1d204c}
html{scroll-behavior:smooth}
#lancement{scroll-margin-top:115px}
.v13-announcement{background:linear-gradient(96deg,#15183d,#262452 45%,#171e4b);color:#fff2d6;font-weight:650;letter-spacing:.025em}
.v13-announcement strong{color:#ffe7b0;font-weight:900}.v13-announcement a{color:#ffe7b0;text-decoration:none;border-bottom:1px solid rgba(255,231,176,.34)}
.v13-announcement a:hover{border-bottom-color:#fff1c6}
.v13-hero-date{display:inline-flex;align-items:center;gap:10px;margin:0 0 20px;padding:9px 13px;border-radius:999px;border:1px solid rgba(255,221,167,.5);background:rgba(20,25,66,.5);backdrop-filter:blur(10px);color:#ffe8bc;font-size:.72rem;font-weight:700;box-shadow:0 5px 20px rgba(3,7,34,.16);transition:background .2s,transform .2s}
.v13-hero-date strong{color:#fff8e8}.v13-hero-date:hover{background:rgba(65,51,105,.66);transform:translateY(-2px)}.v13-hero-date-star{color:#f6ce7e}
.v13-launch{position:relative;z-index:2;isolation:isolate;background:linear-gradient(180deg,#19244d 0%,#232d64 55%,#1c2456 100%);color:#fff;padding:42px 0 55px;overflow:hidden}
.v13-launch::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.12;background:url('assets/archipel-atmosphere.webp') center 37%/cover no-repeat;filter:blur(1px)}
.v13-launch::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 30% 50% at 4% 0%,rgba(163,137,247,.24),transparent 95%),radial-gradient(ellipse 42% 70% at 98% 100%,rgba(90,172,241,.16),transparent 90%)}
.v13-launch-container{position:relative;z-index:1}
.v13-launch-card{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(25px,3vw,55px);align-items:center;border:1px solid rgba(255,240,206,.29);border-radius:31px;background:linear-gradient(125deg,rgba(54,51,119,.9),rgba(31,39,94,.97) 55%,rgba(32,60,105,.91));box-shadow:0 30px 75px rgba(4,9,35,.28);padding:clamp(27px,3.6vw,50px);overflow:hidden}
.v13-launch-art{position:absolute;z-index:-1;inset:0;overflow:hidden;pointer-events:none}.v13-launch-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 37%;opacity:.17;filter:saturate(1.1)}
.v13-launch-art::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(34,28,81,.57),rgba(18,37,82,.80))}
.v13-light-spark{position:absolute;z-index:1;color:rgba(255,235,178,.45);font-size:3rem;text-shadow:0 0 20px rgba(255,240,183,.29);animation:v13-soft-twinkle 6s ease-in-out infinite}
.v13-spark-a{top:8%;left:46%}.v13-spark-b{bottom:13%;right:7%;font-size:1.6rem;animation-delay:2.5s}
.v13-launch-heading{position:relative;z-index:1}
.v13-kicker{display:inline-flex;align-items:center;gap:10px;font-size:.65rem;font-weight:900;letter-spacing:.18em;color:#ffe2a4}
.v13-pulse{display:block;width:9px;height:9px;border-radius:50%;background:#ffdfa0;box-shadow:0 0 0 5px rgba(255,224,160,.12),0 0 17px rgba(255,207,126,.6)}
.v13-launch h2{font:700 clamp(2.5rem,3.6vw,4.1rem)/1.065 var(--font-display);letter-spacing:-.048em;color:#fffaf1;margin:19px 0 17px;max-width:620px}.v13-launch h2 em{display:block;font-weight:400;color:#ffdb9f}
.v13-launch-heading>p{color:#e9e6fc;font-size:.95rem;line-height:1.78;max-width:540px;margin:0}
.v13-launch-actions{display:flex;align-items:center;gap:17px;flex-wrap:wrap;margin-top:24px}
.v13-cta{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:47px;font-size:.78rem;font-weight:850;text-align:center;transition:transform .25s,background .25s,border-color .25s}
.v13-cta:hover{transform:translateY(-3px)}.v13-cta-gold{border-radius:999px;padding:10px 19px;background:linear-gradient(125deg,#fff1ca,#e9c27e);color:#3b3164;box-shadow:0 12px 26px rgba(255,205,127,.19)}
.v13-cta-text{color:#f1e4fc;border-bottom:1px solid rgba(255,255,255,.35);min-height:42px}.v13-cta-text:hover{color:#ffe1a7}
.v13-clock-frame{position:relative;border:1px solid rgba(255,255,255,.26);border-radius:23px;background:linear-gradient(135deg,rgba(11,23,62,.52),rgba(50,57,117,.61));padding:24px clamp(18px,2.3vw,30px) 20px;box-shadow:0 18px 48px rgba(7,11,38,.26),inset 0 1px rgba(255,255,255,.09);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.v13-clock-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:19px}.v13-clock-eyebrow{display:block;font-size:.6rem;letter-spacing:.14em;font-weight:900;color:#efd5a9;margin-bottom:7px}.v13-clock-top strong{display:block;color:#fff8e9;font:700 clamp(1.32rem,1.6vw,1.85rem)/1.2 var(--font-display);white-space:nowrap}.v13-clock-top strong span{font-size:.73em;color:#efdbb7}
.v13-date-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none;width:66px;height:73px;background:linear-gradient(140deg,#ffeac3,#deb5f0);border:1px solid rgba(255,255,255,.7);color:#4c377a;border-radius:16px;box-shadow:0 6px 18px rgba(8,14,47,.2);transform:rotate(5deg)}.v13-date-tile small{font-size:.61rem;font-weight:900;letter-spacing:.12em}.v13-date-tile b{font:700 2rem/1 var(--font-display)}
.v13-countdown{display:grid;grid-template-columns:minmax(0,1fr) 8px minmax(0,1fr) 8px minmax(0,1fr) 8px minmax(0,1fr);gap:5px;align-items:start;text-align:center}
.v13-time{min-width:0;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:17px 5px 13px;background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.05));box-shadow:0 8px 15px rgba(2,7,27,.12)}
.v13-time strong{display:block;color:#fff7e6;font:700 clamp(1.65rem,2.7vw,3rem)/1 var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.06em}.v13-time span{display:block;color:#ddd6f8;font-size:.63rem;font-weight:800;margin-top:11px}
.v13-colon{display:block;color:#e5ccaf;padding-top:25px;font-size:1.25rem;font-weight:900;opacity:.75}
.v13-clock-status{font-size:.7rem;line-height:1.5;color:#d5d2ed;text-align:center;min-height:23px;margin:14px 0 8px}
.v13-clock-foot{display:flex;align-items:center;justify-content:center;gap:9px;padding-top:13px;border-top:1px solid rgba(255,255,255,.17);font-size:.71rem;color:#e6dcf0}.v13-clock-foot strong{font:700 1.5rem/1 var(--font-display);color:#ffe2aa}.v13-price-dot{color:#ffe3a2}
.v13-countdown.is-complete{grid-template-columns:1fr;text-align:left}.v13-countdown.is-complete .v13-time,.v13-countdown.is-complete .v13-colon{display:none}.v13-clock-frame.is-complete .v13-clock-status{font-size:.84rem;text-align:left;padding:13px;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:rgba(255,255,255,.08);color:#fff5dc}
.v13-value-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:21px 12px 3px}
.v13-value{display:flex;align-items:flex-start;gap:13px;min-width:0}.v13-value-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:13px;background:rgba(252,228,184,.12);border:1px solid rgba(255,228,184,.26);color:#ffe4b1;font-size:1.2rem}
.v13-value strong{display:block;color:#fff6e7;font-size:.84rem;margin:2px 0 5px}.v13-value small{display:block;color:#cbd0eb;font-size:.7rem;line-height:1.6}
.v13-story-link{display:inline-flex;align-items:center;gap:7px;margin-top:18px;color:#ffdfb0;font-size:.73rem;font-weight:850;border-bottom:1px solid rgba(255,223,176,.6);padding-bottom:5px}.v13-story-link:hover{color:#fff6dd}
/* Continuity with the existing cinematic chapter */
.v13-launch+.v10-film-section{padding-top:57px}
@keyframes v13-soft-twinkle{0%,100%{opacity:.3;transform:scale(.85)}50%{opacity:.7;transform:scale(1.1)}}
@media(max-width:1150px){.v13-launch-card{gap:24px;padding:31px}.v13-launch h2{font-size:clamp(2.4rem,3.6vw,3.4rem)}.v13-clock-frame{padding:20px 16px 16px}.v13-date-tile{width:52px;height:60px}.v13-date-tile b{font-size:1.6rem}.v13-clock-top strong{font-size:1.23rem}.v13-time{padding:13px 3px 11px}.v13-colon{padding-top:19px}.v13-time strong{font-size:2rem}}
@media(max-width:880px){.v13-launch{padding:28px 0 42px}.v13-launch-card{grid-template-columns:1fr;gap:27px;max-width:700px;margin-inline:auto}.v13-launch-heading{text-align:center}.v13-launch h2{max-width:630px;font-size:clamp(2.7rem,6vw,3.75rem)}.v13-launch-heading>p{max-width:620px;margin-inline:auto}.v13-launch-actions{justify-content:center}.v13-clock-frame{max-width:575px;width:100%;margin:auto}.v13-value-row{max-width:720px;margin:auto;gap:12px}.v13-value{gap:9px}.v13-value-icon{width:33px;height:33px}.v13-value strong{font-size:.75rem}.v13-value small{font-size:.65rem}}
@media(max-width:660px){.v13-announcement{font-size:.62rem;padding:9px}.v13-announcement .announcement-sep{display:none}.v13-announcement a{margin-left:8px}.v13-hero-date{font-size:.68rem;padding:8px 11px}.v13-launch{padding:24px 0 35px}.v13-launch-card{border-radius:21px;padding:25px 17px;gap:23px}.v13-kicker{font-size:.55rem;letter-spacing:.115em}.v13-launch h2{font-size:clamp(2.25rem,9vw,3.25rem);margin:14px 0}.v13-launch-heading>p{font-size:.88rem;line-height:1.68}.v13-launch-actions{gap:10px;margin-top:19px}.v13-cta{font-size:.73rem}.v13-cta-gold{width:100%;padding:10px 14px}.v13-clock-frame{border-radius:18px;padding:16px 11px 14px}.v13-clock-top{margin-bottom:13px}.v13-clock-eyebrow{font-size:.53rem}.v13-clock-top strong{font-size:1.32rem}.v13-date-tile{width:51px;height:56px;border-radius:12px}.v13-date-tile b{font-size:1.6rem}.v13-countdown{gap:3px;grid-template-columns:minmax(0,1fr) 5px minmax(0,1fr) 5px minmax(0,1fr) 5px minmax(0,1fr)}.v13-time{padding:12px 2px 10px;border-radius:11px}.v13-time strong{font-size:clamp(1.45rem,7.5vw,2.1rem)}.v13-time span{font-size:.52rem;margin-top:8px}.v13-colon{font-size:1rem;padding-top:16px}.v13-clock-foot{gap:7px;font-size:.64rem}.v13-clock-foot strong{font-size:1.3rem}.v13-value-row{grid-template-columns:1fr;padding:19px 8px 0;gap:13px}.v13-value{gap:11px}.v13-value-icon{width:36px;height:36px}.v13-value strong{font-size:.77rem;margin-bottom:3px}.v13-value small{font-size:.7rem}.v13-launch+.v10-film-section{padding-top:42px}}
@media(prefers-reduced-motion:reduce){.v13-light-spark{animation:none}.v13-cta,.v13-hero-date{transition:none}}

/* Reserve enough space for the floating navigation on narrow screens. */
@media(max-width:660px){#lancement{scroll-margin-top:140px}}

/* ===== v14.css ===== */
/* V14 – rappel discret de l’identité Maëlya Games, sans toucher à la direction artistique V13. */
.v12-story-copy .v14-creator-brand{display:flex;align-items:center;gap:10px;margin:15px 0 0;padding:11px 14px;max-width:max-content;border:1px solid rgba(255,217,149,.26);border-radius:100px;background:rgba(30,24,75,.42);color:#eadcf5;font-size:.76rem;line-height:1.45;letter-spacing:.01em}
.v14-creator-brand span{color:#f6cb84;font-size:1.04rem}
.v14-creator-brand strong{color:#ffe7b7;font-weight:700}
.v14-brand-credit{display:block;color:#c6b8dc;font-size:.69rem;letter-spacing:.025em;opacity:.86;margin-top:4px}
@media(max-width:660px){.v12-story-copy .v14-creator-brand{font-size:.69rem;max-width:100%;padding:10px 12px;border-radius:16px}}


/* V14.1 – identité diamant, asset issu du logo Maëlya approuvé */
.site-header .brand{gap:7px}
.site-header .brand-icon.v14-crystal-brand{width:55px;height:55px;display:grid;place-items:center;flex:none;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible}
.site-header .v14-crystal-brand img{display:block;width:55px;height:55px;object-fit:contain;filter:drop-shadow(0 0 6px rgba(255,214,153,.20))}
.v14-footer-brand{display:inline-flex;gap:6px;align-items:center}
.v14-footer-brand img{width:42px;height:42px;object-fit:contain}
/* Les badges restent strictement des images officielles, non modifiées et non cliquables avant la sortie. */
.v10-coming-section .platforms.v14-official-store-badges{display:flex;justify-content:center;align-items:stretch;gap:14px;margin:7px auto 20px;flex-wrap:wrap}
.v10-coming-section .platform.v14-official-store{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:16px 20px 13px;min-width:225px;min-height:117px;border-radius:18px;flex:0 1 238px;background:rgba(20,18,54,.24);border:1px solid rgba(255,255,255,.25);box-shadow:0 14px 32px rgba(0,0,0,.07)}
.v14-official-store img{height:54px;width:auto;max-width:100%;object-fit:contain;border:0;border-radius:0;box-shadow:none;filter:none;transform:none}
.v14-official-store-status{font-size:.72rem;letter-spacing:.012em;color:#f1eaff;text-align:center;font-weight:600}
.v14-official-store-status b{padding:0 .14rem;color:#f1c982}
.v10-coming-section .v14-official-store:hover{transform:none}
@media(max-width:900px){.site-header .brand-icon.v14-crystal-brand,.site-header .v14-crystal-brand img{width:49px;height:49px}}
@media(max-width:660px){.site-header .brand-icon.v14-crystal-brand,.site-header .v14-crystal-brand img{width:43px;height:43px}.site-header .brand{gap:5px}.v10-coming-section .platforms.v14-official-store-badges{display:flex;flex-direction:column;max-width:280px;margin-inline:auto}.v10-coming-section .platform.v14-official-store{min-height:113px;width:100%;flex:none;padding:14px 12px}.v14-official-store img{height:51px}}

/* ===== v15.css ===== */
/* MAËLYA V15 – homepage interactive. La V14.1 reste sauvegardée à part.
   Scène et vrais personnages séparés pour conserver les textes et boutons accessibles. */
:root{--v15-violet:#9e72fa;--v15-gold:#ffe4a0;--v15-navy:#12143a}
html{scroll-behavior:smooth}
body{background:#faf7ff}
.announcement.v13-announcement{background:#100c2f;color:#f8dca3}
.site-header{z-index:100;background:linear-gradient(180deg,#17103f,#241c55);padding:7px 0 9px}
.site-header .header-container{background:rgba(32,22,77,.78);border:1px solid rgba(239,210,255,.18);box-shadow:0 5px 24px rgba(8,4,30,.35);border-radius:18px}
.main-nav>a:not(.nav-cta):hover{color:#ffe3a3}
.hero.hero-cinema.v15-hero{display:block;position:relative;isolation:isolate;overflow:hidden;min-height:0;padding:0;background:linear-gradient(180deg,#15265b 0%,#24205c 70%,#150d35 100%);color:#fff}
.v15-hero .cinematic-bg{z-index:0;inset:0 0 auto;height:760px;overflow:hidden}
.v15-landscape .cinema-poster,.v15-landscape .cinema-water{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 54%;filter:saturate(1.25) contrast(1.025)}
.v15-landscape .cinema-water{opacity:0;transition:opacity .9s ease}
.v15-hero.video-ready .cinema-water{opacity:1}
.v15-scenic-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,17,49,.05),rgba(12,17,56,.32) 33%,rgba(10,13,49,.57) 49%,rgba(14,16,53,.22) 83%),linear-gradient(180deg,rgba(6,8,34,.28),rgba(8,10,35,.06) 28%,rgba(10,12,46,.06) 58%,rgba(18,11,52,.9) 94%,#16103c 100%);pointer-events:none}
.v15-fog{position:absolute;left:-15%;right:-15%;bottom:13%;height:35%;opacity:.35;filter:blur(24px);background:radial-gradient(ellipse 45% 65% at 28% 100%,rgba(155,229,255,.38),transparent 80%),radial-gradient(ellipse 33% 53% at 75% 80%,rgba(190,220,255,.48),transparent 80%);animation:v15-mist 12s ease-in-out infinite alternate}
/* Cascades : délicats reflets supplémentaires par-dessus la vidéo d'eau.
   Les pierres et le décor restent fixes ; seul l'eau et la brume sont animées. */
.v15-water-sparkle{position:absolute;top:11%;height:53%;pointer-events:none;opacity:.3;mix-blend-mode:screen;background:repeating-linear-gradient(174deg,transparent 0px,rgba(223,250,255,.23) 3px,transparent 10px,rgba(120,219,255,.17) 19px,transparent 28px);background-size:100% 94px;filter:blur(2.6px);animation:v15-waterfall-flow 4.3s linear infinite}
.v15-water-left{left:9.4%;width:17%;clip-path:polygon(0 0,78% 0,96% 34%,69% 80%,100% 100%,10% 100%,0 58%)}
.v15-water-right{right:2.8%;width:20%;clip-path:polygon(42% 0,100% 0,97% 90%,45% 100%,0 50%)}
.v15-stardust{position:absolute;inset:0 0 auto;z-index:3;height:670px;overflow:hidden;pointer-events:none}
.v15-stardust i{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff1b8;box-shadow:0 0 6px 2px #ffe7ab,0 0 21px 6px rgba(150,107,255,.9);animation:v15-particle 6s ease-in-out infinite}
.v15-stardust i:nth-child(1){left:10%;top:15%}.v15-stardust i:nth-child(2){left:55%;top:8%;animation-delay:-2s}.v15-stardust i:nth-child(3){left:82%;top:21%;animation-delay:-5s}.v15-stardust i:nth-child(4){left:29%;top:66%;animation-delay:-4s}.v15-stardust i:nth-child(5){left:64%;top:46%;animation-delay:-1s}.v15-stardust i:nth-child(6){left:93%;top:65%;animation-delay:-2.9s}.v15-stardust i:nth-child(7){left:37%;top:22%;animation-delay:-1.7s}.v15-stardust i:nth-child(8){left:13%;top:85%;animation-delay:-3.5s}
.v15-tree{position:absolute;z-index:2;right:-1%;top:115px;width:clamp(270px,30vw,475px);pointer-events:none;filter:drop-shadow(0 0 23px rgba(53,183,255,.34));animation:v15-tree-glow 6s ease-in-out infinite alternate}
.v15-tree img{width:100%;height:auto;object-fit:contain;display:block}
.v15-characters{position:absolute;z-index:4;left:0;right:0;top:0;height:705px;pointer-events:none}
.v15-character{position:absolute;bottom:19px;padding:0;margin:0;filter:drop-shadow(0 14px 12px rgba(3,4,32,.48));transform-origin:50% 96%}
.v15-character img{display:block;width:100%;height:auto;object-fit:contain}
.v15-character figcaption{position:absolute;left:50%;bottom:3%;transform:translateX(-50%);font-size:.72rem;font-weight:900;letter-spacing:.04em;color:#ffeed0;background:linear-gradient(95deg,rgba(27,16,66,.91),rgba(62,36,109,.91));border:1px solid rgba(255,226,155,.65);border-radius:20px;box-shadow:0 2px 20px rgba(26,11,49,.48);padding:6px 15px;white-space:nowrap}
.v15-lya{left:1.3%;bottom:10px;width:clamp(145px,19.2vw,288px);animation:v15-hero-enter 1.05s .1s ease-out both}
.v15-lumi{left:18%;bottom:7px;width:clamp(145px,17.8vw,262px);animation:v15-hero-enter 1.1s .24s ease-out both}
.v15-mael{left:31%;bottom:2px;width:clamp(140px,17vw,245px);animation:v15-hero-enter 1.18s .35s ease-out both}
.v15-neo-home{position:absolute;z-index:5;left:18%;top:84px;width:clamp(172px,20vw,300px);pointer-events:none;filter:drop-shadow(0 18px 22px rgba(12,13,65,.48));animation:v15-neo-hover 3.5s ease-in-out infinite}
.v15-neo-home img{display:block;width:100%;height:auto;transform-origin:52% 48%;animation:v15-neo-wingbeat 1.55s ease-in-out infinite}
.v15-neo-home span{position:absolute;right:5%;top:45%;background:rgba(27,20,67,.88);border:1px solid rgba(255,218,151,.6);border-radius:99px;padding:5px 14px;font-weight:850;font-size:.7rem;color:#ffebc9}
/* Deuxième Néo : traverse délicatement l'écran sur invitation et à de rares occasions. */
.v15-hero .flying-neo.v15-flyby{display:block;z-index:14;position:absolute;top:130px;left:-300px;width:clamp(160px,18vw,272px);opacity:0;pointer-events:none;animation:none!important;will-change:transform,opacity;filter:drop-shadow(0 16px 17px rgba(13,12,69,.44))}
.v15-hero .flying-neo.v15-flyby.is-flying{animation:v15-neo-cross 8.6s cubic-bezier(.32,.02,.78,1) 1 both!important}
.v15-hero .v15-flyby .neo-float{animation:v15-neo-hover 1.65s ease-in-out infinite}
.v15-hero .v15-flyby img{width:100%;height:auto;display:block;animation:v15-neo-wingbeat 1.18s ease-in-out infinite}
.v15-neo-trail{position:absolute;z-index:-1;top:46%;left:78%;width:135%;height:5px;opacity:.75;transform:rotate(-8deg);filter:blur(6px);background:linear-gradient(90deg,rgba(255,241,191,.75),rgba(107,189,255,.46),transparent)}
.v15-hero-inner{position:relative;z-index:6;min-height:710px;max-width:1440px;width:min(95%,1440px);pointer-events:none}
.v15-hero-copy{position:absolute;top:56px;left:39%;width:56%;max-width:790px;text-align:center;pointer-events:auto;padding:8px 0 26px;filter:drop-shadow(0 3px 8px rgba(20,9,64,.24))}
.v15-eyebrow{display:inline-block;padding:9px 17px;border-radius:999px;background:rgba(35,19,83,.6);border:1px solid rgba(248,226,165,.52);color:#ffe9af;font-size:.7rem;letter-spacing:.17em;font-weight:900}
.v15-hero h1{font-family:var(--font-display),Georgia,serif;max-width:none;margin:10px 0 17px;line-height:1.14;letter-spacing:-.032em;text-wrap:balance;font-size:clamp(2.6rem,3.4vw,4.8rem)}
.v15-hero h1 .v15-title{display:block;font-size:clamp(4.3rem,6.9vw,7.8rem);line-height:1.07;font-weight:800;letter-spacing:-.05em;color:#fff4ca;background:linear-gradient(180deg,#fff4da 1%,#ffe0a7 40%,#f4b56d 76%,#fff6ca);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 12px 27px rgba(35,15,69,.3);filter:drop-shadow(0 5px 12px rgba(252,191,107,.32))}
.v15-hero h1 .v15-h1-sub{display:block;color:#fff6df;font-size:clamp(1.65rem,2.6vw,3.1rem);font-weight:700;margin-top:4px;text-shadow:0 2px 17px rgba(14,10,50,.85)}
.v15-hero h1 em{display:block;font-size:clamp(1.5rem,2.3vw,2.7rem);color:#ffe4b2;font-weight:400;text-shadow:0 2px 17px rgba(14,10,50,.85)}
.v15-description{font-size:clamp(.9rem,1.15vw,1.12rem);line-height:1.62;color:#fff6f4;max-width:640px;margin:0 auto;text-shadow:0 2px 12px rgba(12,8,41,.95)}
.v15-description strong{color:#fff0b5;white-space:nowrap}
.v15-hero-actions{display:flex;justify-content:center;gap:11px;align-items:center;flex-wrap:wrap;margin:25px auto 17px}
.v15-action{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:999px;white-space:nowrap;text-decoration:none;color:#fff!important;font-size:.8rem;font-weight:850;border:1px solid rgba(255,255,255,.68);text-shadow:0 1px 6px rgba(12,8,43,.3);box-shadow:0 8px 17px rgba(11,9,47,.34);transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
.v15-action:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(15,9,49,.45)}
.v15-action:focus-visible,.v15-hero-discover:focus-visible{outline:3px solid #fff;outline-offset:4px}
.v15-action-gold{background:linear-gradient(130deg,#7a3b30,#d28a3c 50%,#7d396a);border-color:#ffe4aa;box-shadow:0 0 17px rgba(255,194,106,.45),inset 0 1px rgba(255,255,255,.35)}
.v15-action-purple{background:linear-gradient(130deg,#3b246f,#5c34a3,#6a4bc1);border-color:#f9ccff;box-shadow:0 0 13px rgba(203,119,255,.46)}
.v15-action-neo{background:linear-gradient(120deg,#6032a2,#7740b7,#5335a2);border-color:#e8c0ff;box-shadow:0 0 14px rgba(191,131,255,.6)}
.v15-store-badges{display:flex;justify-content:center;gap:13px;flex-wrap:wrap;margin:7px auto 0}
.v15-store{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:rgba(19,12,53,.45);border:1px solid rgba(255,255,255,.15);border-radius:13px;padding:5px 10px 4px;min-width:152px;min-height:77px}
.v15-store img{display:block;width:auto;height:42px;max-width:160px;object-fit:contain;border:0;box-shadow:none;filter:none}
.v15-store small{font-size:.64rem;color:#f8e7cf;font-weight:750}
.v15-release-note{font-size:.69rem;font-weight:700;color:#f8e9d4;text-shadow:0 2px 12px rgba(14,9,52,.85);margin:14px auto 0;line-height:1.5}
.v15-release-note strong{color:#ffe6a7}
.v15-hero-discover{position:absolute;right:5%;bottom:24px;display:flex;align-items:center;gap:10px;color:#fbe9ca!important;font-size:.72rem;letter-spacing:.02em;font-weight:900;padding:9px 15px;background:rgba(23,13,59,.4);border:1px solid rgba(255,230,178,.3);border-radius:999px;pointer-events:auto;backdrop-filter:blur(8px)}
.v15-hero-discover span:last-child{font-size:1.2rem;animation:v15-arrow 2s ease-in-out infinite}
.v15-benefits-wrap{position:relative;z-index:15;width:min(95%,1320px);padding:18px 10px 27px;margin:-42px auto 0;border:1px solid rgba(218,184,255,.45);border-radius:42px 42px 26px 26px;background:linear-gradient(180deg,rgba(39,22,85,.91),rgba(24,16,60,.97));box-shadow:0 -20px 70px rgba(30,11,68,.24),0 20px 42px rgba(19,7,56,.3);backdrop-filter:blur(11px)}
.v15-benefits-title{display:flex;align-items:center;justify-content:center;gap:18px;padding:4px 0 18px;color:#ffe19e}
.v15-benefits-title h2{font-family:var(--font-display),Georgia,serif;font-size:clamp(1.9rem,2.6vw,3rem);font-weight:700;letter-spacing:-.032em;color:#fff4db;text-align:center;margin:0}
.v15-benefits-title h2 em{color:#ffdf99;font-weight:400}
.v15-benefits-title>span{font-size:1.4rem;text-shadow:0 0 10px #f6bd77}
.v15-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0 14px}
.v15-benefit{min-width:0;min-height:167px;padding:18px 17px;border:1px solid rgba(238,195,255,.58);border-radius:24px;background:linear-gradient(138deg,rgba(86,52,138,.76),rgba(31,27,81,.78));box-shadow:inset 0 1px 0 rgba(255,255,255,.23),0 12px 24px rgba(13,7,41,.12);transition:transform .22s ease,border-color .22s ease}
.v15-benefit:hover{transform:translateY(-3px);border-color:#ffe2a7}
.v15-benefit-icon{color:#ffdc96;font-size:1.7rem;display:block;margin-bottom:9px;text-shadow:0 0 14px rgba(255,206,113,.66)}
.v15-benefit h3{margin:0 0 10px;font-family:var(--font-display),Georgia,serif;font-size:clamp(1rem,1.42vw,1.34rem);color:#fff4dc;line-height:1.23}
.v15-benefit p{margin:0;font-size:.77rem;color:#f0e8fa;line-height:1.55}
.v15-genuine-note{margin:16px 12px 0;text-align:center;font-size:.66rem;color:#cfc2e5}
.v15-hero+.v13-launch{padding-top:36px}
@keyframes v15-mist{0%{transform:translateX(-4%);opacity:.18}100%{transform:translateX(5%);opacity:.38}}
@keyframes v15-waterfall-flow{0%{background-position:0 -188px}100%{background-position:0 0}}
@keyframes v15-tree-glow{0%{filter:drop-shadow(0 0 10px rgba(53,183,255,.12)) brightness(.97)}100%{filter:drop-shadow(0 0 25px rgba(53,183,255,.55)) brightness(1.06)}}
@keyframes v15-particle{0%,100%{opacity:.12;transform:translateY(8px) scale(.6)}50%{opacity:.95;transform:translateY(-14px) scale(1.25)}}
@keyframes v15-hero-enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes v15-neo-hover{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-18px) rotate(3deg)}}
@keyframes v15-neo-wingbeat{0%,100%{transform:perspective(1000px) rotateY(-5deg) scaleY(1)}50%{transform:perspective(1000px) rotateY(5deg) scaleY(.94)}}
@keyframes v15-neo-cross{0%{opacity:0;transform:translate3d(110vw,22px,0) rotate(-7deg) scale(.72)}9%{opacity:1}30%{transform:translate3d(83vw,-18px,0) rotate(4deg) scale(.92)}62%{transform:translate3d(48vw,26px,0) rotate(-5deg) scale(1)}88%{opacity:1}100%{opacity:0;transform:translate3d(-18vw,-15px,0) rotate(5deg) scale(.73)}}
@keyframes v15-arrow{0%,100%{transform:translateY(-2px)}50%{transform:translateY(4px)}}
@media(max-width:1280px){.v15-tree{width:29%;top:145px}.v15-hero-copy{left:35%;width:62%;top:53px}.v15-lya{width:20.5%}.v15-lumi{left:18.5%}.v15-mael{left:31%}.v15-hero h1 .v15-title{font-size:clamp(4rem,7vw,7rem)}.v15-action{font-size:.74rem;padding:10px 14px}}
@media(max-width:1020px){.v15-hero-inner{min-height:735px}.v15-characters{height:725px}.v15-hero-copy{left:32%;width:66%;top:50px}.v15-tree{top:225px;right:-5%;width:32%;opacity:.8}.v15-neo-home{left:11%;top:72px}.v15-lya{width:23%;left:.6%}.v15-lumi{left:18%;width:22%}.v15-mael{left:31%;width:21%}.v15-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.v15-hero h1 .v15-h1-sub{font-size:2.05rem}.v15-hero h1 em{font-size:1.6rem}}
@media(max-width:740px){
 .hero.hero-cinema.v15-hero{padding:0!important}
 .v15-hero .cinematic-bg{height:850px}.v15-landscape .cinema-poster,.v15-landscape .cinema-water{object-position:56% center}.v15-scenic-vignette{background:linear-gradient(180deg,rgba(10,9,48,.65),rgba(10,9,47,.49) 48%,rgba(15,10,48,.14) 64%,rgba(18,11,50,.9) 94%)}
 .v15-hero-inner{min-height:835px;width:100%;padding:0 15px}
 .v15-hero-copy{left:0;right:0;top:35px;width:100%;max-width:600px;margin:auto;padding:0 14px}
 .v15-eyebrow{font-size:.58rem;letter-spacing:.095em;padding:7px 12px}
 .v15-hero h1{margin:10px 0 13px!important}.v15-hero h1 .v15-title{font-size:clamp(3.5rem,12.7vw,6rem)}.v15-hero h1 .v15-h1-sub{font-size:clamp(1.5rem,5.7vw,2.15rem)}.v15-hero h1 em{font-size:clamp(1.3rem,4.7vw,1.85rem)}
 .v15-description{font-size:.87rem;line-height:1.55;max-width:460px}
 .v15-hero-actions{margin:16px auto 12px;gap:7px}
 .v15-action{font-size:.72rem;min-height:43px;padding:9px 13px}
 .v15-store-badges{gap:9px}.v15-store{min-width:138px;min-height:65px;padding:4px 8px}.v15-store img{height:34px}.v15-store small{font-size:.57rem}
 .v15-release-note{font-size:.58rem;max-width:440px}
 .v15-characters{height:835px;bottom:0}.v15-lya{left:0%;bottom:48px;width:31%}.v15-lumi{left:25%;bottom:30px;width:28%}.v15-mael{left:52%;bottom:38px;width:29%}
 .v15-neo-home{left:4%;top:380px;width:29%;min-width:130px;max-width:180px;z-index:6}.v15-neo-home span{font-size:.57rem;padding:3px 7px}
 .v15-tree{top:405px;right:-7%;width:47%;min-width:170px;z-index:3;opacity:.96}
 .v15-hero-discover{bottom:26px;right:6%;font-size:.58rem;z-index:8}
 .v15-benefits-wrap{width:calc(100% - 18px);margin:-29px auto 0;border-radius:27px;padding:17px 7px 19px}
 .v15-benefits-title h2{font-size:clamp(1.58rem,6.1vw,2.15rem)}
 .v15-benefits-title{gap:7px;padding:5px 0 12px}
 .v15-benefits{gap:8px;padding:0 5px}
 .v15-benefit{border-radius:16px;padding:13px 12px;min-height:174px}
 .v15-benefit h3{font-size:1.02rem}.v15-benefit p{font-size:.72rem}
 .v15-benefit-icon{font-size:1.3rem}
 .v15-genuine-note{font-size:.56rem;margin:13px 5px 0}
 .v15-water-sparkle{opacity:.2}.v15-stardust{height:800px}
 .v15-hero .flying-neo.v15-flyby{top:465px;width:155px}
}
@media(max-width:430px){
 .v15-hero-inner{min-height:795px}.v15-hero .cinematic-bg{height:800px}
 .v15-hero-copy{top:25px}
 .v15-hero h1 .v15-title{font-size:3.55rem}.v15-hero h1 .v15-h1-sub{font-size:1.53rem}.v15-hero h1 em{font-size:1.31rem}
 .v15-action{min-height:40px;padding:7px 10px;font-size:.66rem}
 .v15-action-neo{margin-top:0}
 .v15-characters{height:795px}.v15-lya{bottom:49px;width:35%;left:-3%}.v15-lumi{bottom:42px;width:33%;left:24%}.v15-mael{bottom:47px;width:36%;left:53%}
 .v15-neo-home{top:420px;left:6%;width:36%}.v15-tree{top:410px;right:-11%;width:54%}
 .v15-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.v15-benefit{min-height:182px}
}
@media(prefers-reduced-motion:reduce){
 .v15-hero *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .v15-hero .cinema-water,.v15-hero .v15-water-sparkle,.v15-hero .flying-neo{display:none!important}
 .v15-hero .v15-neo-home{opacity:1!important;transform:none!important}
}
html.motion-paused .v15-hero .cinema-water,html.motion-paused .v15-hero .v15-water-sparkle,html.motion-paused .v15-hero .flying-neo{display:none!important}
html.motion-paused .v15-hero .v15-neo-home,html.motion-paused .v15-hero .v15-neo-home img{animation:none!important}
/* Dernier contrôle V15 : le bouton d'appel est une action du groupe CTA,
   et non le bouton flottant de l'ancienne V14. */
.v15-hero .v15-hero-actions .v15-action-neo.call-neo{position:static!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none;display:inline-flex;flex:none;min-width:0;margin:0;z-index:auto;backdrop-filter:blur(5px)}
.v15-hero .v15-hero-actions .v15-action-neo.call-neo:hover{transform:translateY(-3px)}
/* Zone lisible au centre : masque l'ancien personnage orange du décor
   sans modifier ni réinventer les vrais quatre personnages en avant-plan. */
.v15-hero-copy::before{content:"";position:absolute;z-index:-1;inset:-42px -10% -30px;pointer-events:none;background:radial-gradient(ellipse at 50% 43%,rgba(15,14,53,.82) 0%,rgba(20,12,57,.75) 36%,rgba(22,15,60,.50) 61%,transparent 83%);filter:blur(13px)}
@media(max-width:740px){
 .v15-hero-copy::before{inset:-30px -18px -32px;background:radial-gradient(ellipse at 50% 35%,rgba(12,12,46,.9),rgba(15,13,52,.75) 51%,rgba(16,12,55,.25) 75%,transparent 93%)}
 .v15-hero .v15-hero-actions{max-width:395px}
}
.v15-intro-link{display:inline-flex;align-items:center;gap:10px;margin:8px auto 0;padding:8px 10px;background:transparent;border:0;border-bottom:1px solid rgba(255,223,177,.63);color:#fff1d7;font-size:.73rem;font-weight:800;cursor:pointer;text-shadow:0 2px 12px rgba(17,9,51,.9);transition:color .2s ease}
.v15-intro-link:hover{color:#ffe4a5}
.v15-intro-link:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(max-width:740px){.v15-intro-link{font-size:.67rem;margin-top:7px;padding:5px 6px}}

/* Maëlya V15.1 — correction du cadrage des vrais personnages.
   Aucune illustration n'est modifiée : les PNG détourés restent identiques.
   La scène conserve une zone tampon avant les cartes et évite que les éléments
   du décor passent devant les visages et les oreilles. */
@media (min-width:1021px) {
  .v15-hero .v15-hero-inner { min-height:760px; }
  .v15-hero .v15-characters { height:755px; overflow:visible; }
  .v15-hero .v15-lya { bottom:65px; }
  .v15-hero .v15-lumi { bottom:63px; }
  .v15-hero .v15-mael { bottom:61px; }
  .v15-hero .v15-benefits-wrap { margin-top:-16px; }
}
@media (min-width:741px) and (max-width:1020px) {
  .v15-hero .v15-characters { overflow:visible; }
  .v15-hero .v15-lya { bottom:58px; }
  .v15-hero .v15-lumi { bottom:58px; }
  .v15-hero .v15-mael { bottom:56px; }
  .v15-hero .v15-benefits-wrap { margin-top:-16px; }
}
.v15-hero .v15-character {
  overflow:visible;
  clip-path:none;
}
.v15-hero .v15-character img {
  width:100%; height:auto; display:block; object-fit:contain;
  object-position:center bottom;
  max-width:none; max-height:none;
  clip-path:none;
}
/* Néo passe derrière les silhouettes, sans cacher les cheveux et les oreilles. */
.v15-hero .v15-neo-home { z-index:3; }
@media (max-width:740px) {
  .v15-hero .v15-characters { overflow:visible; }
  .v15-hero .v15-lya { left:1%; }
  .v15-hero .v15-lumi { left:25%; }
  .v15-hero .v15-mael { left:57%; }
}
@media (max-width:430px) {
  /* Au lieu de placer Lya hors cadre ou Maël par-dessus l'oreille de Lumi. */
  .v15-hero .v15-lya { left:1%; width:33%; bottom:52px; }
  .v15-hero .v15-lumi { left:25%; width:32%; bottom:46px; z-index:2; }
  .v15-hero .v15-mael { left:59%; width:37%; bottom:51px; z-index:1; }
  .v15-hero .v15-neo-home { top:388px; left:5%; width:28%; min-width:104px; max-width:134px; }
}

/* ===== v16.css ===== */
/* MAËLYA V16 — scène vivante de l'accueil.
   Reprend la V15.1 (textes, boutons, cartes) et remplace le décor, les personnages et Néo.
   Tout est local : aucune police, image ou bibliothèque externe supplémentaire. */
.v16-hero{--scene-h:760px;--neo-x:29.5%;--neo-y:24%;--neo-w:clamp(190px,19.5vw,300px);--px:0;--py:0}
.v16-hero .cinematic-bg{height:calc(var(--scene-h) + 24px)}
.v16-parallax{position:absolute;inset:-12px -20px;transform:translate3d(calc(var(--px)*-10px),calc(var(--py)*-6px),0);will-change:transform}
.v16-landscape .v16-poster,.v16-landscape .v16-water{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 58%;filter:saturate(1.1) contrast(1.02)}
.v16-landscape .v16-water{opacity:0;transition:opacity 1.2s ease}
.v16-hero.v16-water-on .v16-water{opacity:1}
/* Rayons de soleil qui traversent le feuillage. */
.v16-rays{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;opacity:.5;background:
  linear-gradient(118deg,transparent 8%,rgba(255,240,190,.20) 13%,transparent 19%,transparent 24%,rgba(255,236,180,.14) 29%,transparent 36%,transparent 44%,rgba(255,244,205,.10) 49%,transparent 56%);
  -webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.7) 45%,transparent 82%);mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.7) 45%,transparent 82%);
  animation:v16-rays 9s ease-in-out infinite alternate}
/* Voile de lisibilité : léger, pour laisser respirer le paysage et les cascades. */
.v16-hero .v16-vignette{background:
  radial-gradient(ellipse 39% 60% at 69% 45%,rgba(14,12,52,.72) 0%,rgba(14,12,52,.52) 48%,rgba(14,12,52,.16) 78%,transparent 100%),
  linear-gradient(180deg,rgba(8,9,38,.38) 0%,rgba(8,10,40,0) 17%,rgba(10,12,46,0) 60%,rgba(18,11,52,.86) 93%,#16103c 100%)}
.v16-hero .v15-hero-copy::before{display:none}
.v16-hero .v15-hero-copy{filter:none}
.v16-hero .v15-hero-inner{min-height:var(--scene-h)}

/* ---------- Scène : héros au premier plan ---------- */
.v16-stage,.v16-sky{position:absolute;left:0;right:0;top:0;height:var(--scene-h);pointer-events:none}
.v16-stage{z-index:4}
.v16-sky{z-index:7}
.v16-fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.v16-cast{position:absolute;left:1.4%;bottom:54px;width:clamp(440px,46.5vw,700px);aspect-ratio:1093.5/777.5;transform:translate3d(calc(var(--px)*8px),calc(var(--py)*3px),0);will-change:transform}
.v16-char{position:absolute;margin:0;padding:0;animation:v16-enter 1s ease-out both}
.v16-lya{left:0;top:0;width:40.01%;z-index:3;animation-delay:.1s}
.v16-lumi{left:28.94%;top:36.27%;width:40.01%;z-index:2;animation-delay:.28s}
.v16-mael{left:62.96%;top:30.68%;width:37.04%;z-index:1;animation-delay:.42s}
.v16-char::before{content:"";position:absolute;z-index:-1;left:6%;right:6%;bottom:-2.2%;height:8.5%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(5,7,32,.62),rgba(5,7,32,.3) 46%,transparent 72%);filter:blur(3px)}
.v16-lya::before{left:2%;right:2%;height:5%;bottom:-1.2%}
.v16-char-btn{all:unset;box-sizing:border-box;display:block;width:100%;cursor:pointer;pointer-events:auto;transform-origin:50% 100%;-webkit-tap-highlight-color:transparent;border-radius:28px}
.v16-char-btn:focus-visible,.v16-neo-btn:focus-visible{outline:3px solid #fff;outline-offset:2px}
.v16-char-art{position:relative;display:block;transform-origin:50% 100%;animation:v16-breathe 4.8s ease-in-out infinite}
.v16-mael .v16-char-art{animation-duration:4.1s;animation-delay:-1.3s}
.v16-lumi .v16-char-art{animation-duration:3.2s;animation-delay:-.6s}
.v16-char-art img{display:block;width:100%;height:auto;max-width:none;user-select:none;-webkit-user-drag:none}
.v16-lumi-tail{position:absolute;left:0;top:0;transform-origin:24.11% 66.17%;animation:v16-wag 1.45s ease-in-out infinite alternate}
.v16-lumi-body{position:relative}
.v16-char figcaption{position:absolute;left:50%;bottom:-5.5%;transform:translateX(-50%);z-index:2;font-size:.74rem;font-weight:900;letter-spacing:.04em;color:#ffeed0;background:linear-gradient(95deg,rgba(27,16,66,.93),rgba(62,36,109,.93));border:1px solid rgba(255,226,155,.7);border-radius:20px;box-shadow:0 2px 16px rgba(26,11,49,.5);padding:6px 15px;white-space:nowrap;pointer-events:none}
.v16-lya figcaption{bottom:-3%}
.v16-char.is-hop .v16-char-btn{animation:v16-hop .78s cubic-bezier(.3,1.25,.5,1)}
.v16-lumi.is-hop .v16-lumi-tail{animation-duration:.24s}
@media(hover:hover){.v16-char-btn:hover .v16-char-art{filter:brightness(1.07) drop-shadow(0 0 14px rgba(255,226,150,.55))}}

/* Bulles de dialogue */
.v16-bubble{position:absolute;left:50%;bottom:calc(100% + 6px);z-index:9;width:max-content;max-width:min(230px,62vw);transform:translate(-50%,10px) scale(.7);transform-origin:50% 100%;opacity:0;visibility:hidden;background:#fff;color:#2a1f5c;font-size:.84rem;font-weight:800;line-height:1.3;text-align:center;padding:9px 14px;border-radius:18px;box-shadow:0 8px 22px rgba(12,8,50,.38),0 0 0 2px rgba(255,214,130,.9);transition:opacity .22s ease,transform .32s cubic-bezier(.3,1.5,.5,1),visibility 0s linear .3s;pointer-events:none}
.v16-bubble::after{content:"";position:absolute;left:50%;top:100%;margin-left:-8px;border:8px solid transparent;border-top-color:#fff;border-bottom:0}
.is-talking>.v16-bubble{opacity:1;visibility:visible;transform:translate(-50%,0) scale(1);transition-delay:0s}
.v16-lumi .v16-bubble{bottom:calc(100% - 4px)}
.v16-lya .v16-bubble{left:4%;transform:translate(0,10px) scale(.7);transform-origin:22% 100%}
.v16-lya.is-talking>.v16-bubble{transform:translate(0,0) scale(1)}
.v16-lya .v16-bubble::after{left:34%}
.v16-mael .v16-bubble{left:auto;right:6%;transform:translate(0,10px) scale(.7);transform-origin:70% 100%}
.v16-mael.is-talking>.v16-bubble{transform:translate(0,0) scale(1)}
.v16-mael .v16-bubble::after{left:62%}

/* ---------- Néo : corps + deux ailes articulées ---------- */
.v16-neo{position:absolute;left:var(--neo-x);top:var(--neo-y);width:var(--neo-w);aspect-ratio:820/641;margin:calc(var(--neo-w)*-.39) 0 0 calc(var(--neo-w)*-.5);will-change:transform;animation:v16-enter 1.2s .6s ease-out both}
.v16-neo-rig,.v16-neo-flip,.v16-neo-spin,.v16-neo-bob{position:absolute;inset:0;display:block}
.v16-neo-rig{filter:drop-shadow(0 16px 16px rgba(10,10,60,.36))}
.v16-neo-flip{transform:scaleX(var(--dir,1));transition:transform .28s ease}
.v16-neo-bob{animation:v16-bob var(--flap,.36s) ease-in-out infinite alternate}
.v16-neo-rig img{position:absolute;inset:0;width:100%;height:100%;max-width:none;user-select:none;-webkit-user-drag:none}
.v16-neo-wing-l{transform-origin:42.69% 50.74%;animation:v16-flap-l var(--flap,.36s) ease-in-out infinite alternate}
.v16-neo-wing-r{transform-origin:72.1% 58.32%;animation:v16-flap-r var(--flap,.36s) ease-in-out infinite alternate}
.v16-neo.is-fast{--flap:.19s}
.v16-neo-btn{all:unset;position:absolute;inset:24% 14% 10% 26%;border-radius:45%;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent}
.v16-neo-tag{position:absolute;right:-2%;top:30%;background:rgba(27,20,67,.9);border:1px solid rgba(255,218,151,.65);border-radius:99px;padding:5px 13px;font-weight:850;font-size:.7rem;color:#ffebc9;white-space:nowrap;transition:opacity .3s ease}
.v16-neo.is-flying .v16-neo-tag{opacity:0}
.v16-neo>.v16-bubble{bottom:calc(100% - 8%)}

@keyframes v16-rays{0%{opacity:.28;transform:translateX(-1.5%)}100%{opacity:.6;transform:translateX(1.5%)}}
@keyframes v16-enter{from{opacity:0;translate:0 26px}to{opacity:1;translate:0 0}}
@keyframes v16-breathe{0%,100%{transform:scale(1,1)}50%{transform:scale(1.005,1.014)}}
@keyframes v16-wag{from{transform:rotate(-3.4deg)}to{transform:rotate(4.4deg)}}
@keyframes v16-hop{0%{transform:translateY(0) scale(1,1)}16%{transform:translateY(0) scale(1.05,.93)}46%{transform:translateY(-9%) scale(.97,1.05)}74%{transform:translateY(0) scale(1.04,.95)}100%{transform:translateY(0) scale(1,1)}}
@keyframes v16-bob{0%{transform:translateY(2.4%)}100%{transform:translateY(-2.4%)}}
@keyframes v16-flap-l{0%{transform:rotate(11deg) scale(1.03,1.05)}100%{transform:rotate(-20deg) scale(.97,.84)}}
@keyframes v16-flap-r{0%{transform:rotate(-10deg) scale(1.04,1.03)}100%{transform:rotate(16deg) scale(.93,.88)}}

/* ---------- Adaptations ---------- */
@media(min-width:1021px){
  .v16-hero .v15-hero-copy{left:45%;width:51%;top:50px}
}
@media(max-width:1280px){.v16-hero{--neo-y:23%}.v16-cast{width:47vw}}
@media(min-width:741px) and (max-width:1020px){
  .v16-hero{--scene-h:735px;--neo-x:22%;--neo-y:21%;--neo-w:clamp(150px,19vw,200px)}
  .v16-cast{left:.5%;width:50vw;bottom:50px}
  .v16-hero .v15-hero-copy{left:42%;width:56%}
  .v16-hero .v16-vignette{background:radial-gradient(ellipse 52% 62% at 70% 44%,rgba(14,12,52,.78) 0%,rgba(14,12,52,.56) 50%,rgba(14,12,52,.18) 80%,transparent 100%),linear-gradient(180deg,rgba(8,9,38,.38) 0%,rgba(8,10,40,0) 17%,rgba(10,12,46,0) 60%,rgba(18,11,52,.86) 93%,#16103c 100%)}
}
@media(max-width:740px){
  .v16-hero{--scene-h:915px;--neo-x:61%;--neo-y:64.5%;--neo-w:clamp(138px,37vw,190px)}
  .v16-landscape .v16-poster,.v16-landscape .v16-water{object-position:22% 50%}
  .v16-hero .v16-vignette{background:linear-gradient(180deg,rgba(10,9,48,.78) 0%,rgba(10,9,47,.66) 40%,rgba(12,10,48,.42) 58%,rgba(15,10,48,.05) 70%,rgba(15,10,48,0) 84%,rgba(18,11,50,.9) 97%)}
  .v16-hero .v15-hero-inner{min-height:var(--scene-h)}
  .v16-cast{left:50%;width:min(96vw,520px);margin-left:calc(min(96vw,520px)/-2);bottom:94px}
  .v16-char figcaption{font-size:.62rem;padding:4px 10px}
  .v16-neo-tag{font-size:.58rem;padding:3px 8px}
  .v16-bubble{font-size:.76rem;padding:7px 11px}
  .v16-rays{opacity:.3}
  .v16-hero .v15-hero-discover{left:50%;right:auto;bottom:36px;transform:translateX(-50%);white-space:nowrap;padding:7px 14px;z-index:8}
}
@media(max-width:430px){
  .v16-hero{--scene-h:905px;--neo-y:63.5%}
}
/* Animations réduites : image fixe, héros immobiles, bulles toujours disponibles. */
@media(prefers-reduced-motion:reduce){
  .v16-hero .v16-water,.v16-hero .v16-fx{display:none!important}
  .v16-neo,.v16-neo *{animation:none!important;transition:none!important}
}
html.motion-paused .v16-hero .v16-water,html.motion-paused .v16-hero .v16-fx{display:none!important}
html.motion-paused .v16-hero *{animation:none!important}
html.motion-paused .v16-parallax,html.motion-paused .v16-cast{transform:none}

/* ---------- Onglet « Personnages » : portraits détourés sur halo magique ---------- */
.v16-portraits .person-photo{position:relative;overflow:hidden;isolation:isolate;background:
  radial-gradient(circle at 50% 46%,var(--halo,rgba(255,255,255,.5)) 0%,transparent 58%),
  radial-gradient(120% 90% at 50% 110%,var(--c2,#4a3a9c) 0%,transparent 62%),
  linear-gradient(180deg,var(--c1,#8f7fe0),var(--c3,#3b2f86))}
.v16-portraits .person-photo::before{content:"";position:absolute;inset:0;z-index:0;opacity:.75;background:
  radial-gradient(circle at 16% 22%,#fff 0 1.4px,transparent 2.2px),radial-gradient(circle at 82% 16%,#fff7d0 0 1.8px,transparent 2.8px),
  radial-gradient(circle at 70% 62%,#fff 0 1.2px,transparent 2px),radial-gradient(circle at 26% 70%,#ffeec0 0 1.6px,transparent 2.6px),
  radial-gradient(circle at 48% 10%,#fff 0 1px,transparent 1.8px),radial-gradient(circle at 92% 44%,#fff 0 1.2px,transparent 2px);
  animation:v16-twinkle 3.6s ease-in-out infinite alternate}
.v16-portraits .person-photo::after{content:"";position:absolute;left:0;right:0;bottom:0;height:20%;z-index:2;background:linear-gradient(180deg,transparent,var(--c3,#3b2f86) 92%);pointer-events:none}
.v16-portraits .person-card .person-photo img{position:absolute;z-index:1;left:50%;top:var(--top,5%);width:auto;height:var(--h,118%);max-width:none;object-fit:contain;object-position:center;transform:translateX(var(--tx,-50%));transform-origin:50% 60%;filter:drop-shadow(0 10px 12px rgba(12,8,50,.35));transition:transform .5s cubic-bezier(.2,.7,.25,1)}
.v16-portraits .person-card:hover .person-photo img{transform:translateX(var(--tx,-50%)) scale(1.05)}
.v16-portraits .person-lya{--c1:#c9a6ff;--c2:#ff9fd0;--c3:#4b2f93;--halo:rgba(255,236,250,.62);--top:5%;--h:158%}
.v16-portraits .person-mael{--c1:#8fd6c7;--c2:#ffd58a;--c3:#2a5a78;--halo:rgba(240,255,236,.6);--top:5%;--h:116%}
.v16-portraits .person-lumi{--c1:#ffc98a;--c2:#ff9a6b;--c3:#8a3f4f;--halo:rgba(255,246,214,.66);--top:6%;--h:112%;--tx:-47%}
.v16-portraits .person-neo{--c1:#8fc8ff;--c2:#9b8cff;--c3:#243a8f;--halo:rgba(226,246,255,.62);--top:13%;--h:78%}
.v16-portraits .person-neo .person-photo img{animation:v16-float 3.4s ease-in-out infinite alternate}
.v16-portraits .person-neo .person-photo::after{display:none}
@keyframes v16-twinkle{0%{opacity:.35}100%{opacity:.9}}
@keyframes v16-float{0%{translate:0 4%}100%{translate:0 -4%}}
html.motion-paused .v16-portraits *{animation:none!important}
@media(prefers-reduced-motion:reduce){.v16-portraits *{animation:none!important}}
.v16-portraits .person-card.person-neo .person-photo img{top:48%;width:112%;height:auto;transform:translate(-50%,-50%)}
.v16-portraits .person-card.person-neo:hover .person-photo img{transform:translate(-50%,-50%) scale(1.05)}
.v16-portraits .person-card.person-lumi .person-photo img{top:8%;width:120%;height:auto}
.v16-portraits .person-lumi .person-photo::after{height:27%}

/* ===== v17.css ===== */
/* MAËLYA V17 — « Le conte » et « L'archipel » : illustrations du jeu en grand format.
   Carrousels sans dépendance, pilotés par v17.js. Fonctionnent aussi sans JavaScript (1re image affichée). */
.v17-conte,.v17-archipel{position:relative;isolation:isolate;overflow:hidden;padding:74px 0 82px}
.v17-conte{background:radial-gradient(90% 60% at 50% 0%,#3a2a78 0%,transparent 70%),linear-gradient(180deg,#16103c 0%,#1d1650 48%,#161a4a 100%);color:#fff}
.v17-conte::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.6;background:
  radial-gradient(circle at 8% 14%,#fff 0 1.2px,transparent 2px),radial-gradient(circle at 22% 68%,#ffe9b0 0 1.4px,transparent 2.4px),
  radial-gradient(circle at 37% 9%,#fff 0 1px,transparent 1.8px),radial-gradient(circle at 63% 6%,#fff 0 1.3px,transparent 2.2px),
  radial-gradient(circle at 79% 21%,#ffe9b0 0 1.5px,transparent 2.5px),radial-gradient(circle at 93% 58%,#fff 0 1.2px,transparent 2px),
  radial-gradient(circle at 88% 90%,#fff 0 1px,transparent 1.8px),radial-gradient(circle at 5% 88%,#fff 0 1.2px,transparent 2px);
  animation:v17-twinkle 4.2s ease-in-out infinite alternate}
.v17-archipel{background:linear-gradient(180deg,#f6f2ff 0%,#efe9ff 55%,#f8f5ff 100%);color:#241d4d}
.v17-head{max-width:760px;margin:0 auto 34px;text-align:center}
.v17-kicker{display:inline-block;font-size:.7rem;font-weight:900;letter-spacing:.17em;color:#ffdf9c;margin-bottom:14px}
.v17-head h2{font:700 clamp(2.2rem,4.2vw,3.9rem)/1.1 var(--font-display),Georgia,serif;letter-spacing:-.04em;margin:0 0 14px;color:#fff7e2;text-wrap:balance}
.v17-head h2 em{font-weight:400;font-style:italic;color:#ffd98f}
.v17-head p{margin:0;font-size:1.04rem;line-height:1.65;color:#e4dcf7}
.v17-head-light .v17-kicker{color:#8a5fd0}
.v17-head-light h2{color:#241d4d}.v17-head-light h2 em{color:#7b4fd0}
.v17-head-light p{color:#544c78}

/* ---------- mécanique commune des diaporamas ---------- */
.v17-slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility 0s linear .9s}
.v17-slide.is-active{opacity:1;visibility:visible;transition:opacity .9s ease,visibility 0s}
.v17-slide-art{position:absolute;inset:0;overflow:hidden}
.v17-slide-art img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.001);will-change:transform}
.v17-slide.is-active .v17-slide-art img{animation:v17-kenburns 11s ease-out both}
.v17-arrow{all:unset;box-sizing:border-box;position:absolute;top:50%;z-index:5;width:50px;height:50px;margin-top:-25px;border-radius:50%;display:grid;place-items:center;cursor:pointer;font-size:1.25rem;font-weight:800;color:#2a1f5c;background:rgba(255,255,255,.92);box-shadow:0 8px 22px rgba(10,8,45,.35);transition:transform .2s ease,background .2s ease;-webkit-tap-highlight-color:transparent}
.v17-arrow:hover{transform:scale(1.08);background:#fff}
.v17-arrow:focus-visible,.v17-dot:focus-visible,.v17-isle-tab:focus-visible,.v17-listen:focus-visible{outline:3px solid #ffd98f;outline-offset:3px}
.v17-arrow-prev{left:14px}.v17-arrow-next{right:14px}

/* ---------- Le conte : un grand livre d'images ---------- */
.v17-book{max-width:1180px;margin:0 auto}
.v17-book-stage{position:relative;aspect-ratio:1800/900;border-radius:30px;overflow:hidden;background:#241a5e;border:1px solid rgba(255,225,160,.55);box-shadow:0 0 0 7px rgba(255,255,255,.06),0 34px 80px rgba(5,4,30,.55),0 0 90px rgba(255,200,120,.12);touch-action:pan-y}
.v17-book .v17-slide figcaption{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:flex-end;gap:20px;padding:90px clamp(18px,4.5vw,64px) clamp(18px,2.6vw,34px);background:linear-gradient(180deg,transparent 0%,rgba(14,10,48,.55) 38%,rgba(14,10,48,.93) 100%)}
.v17-page-no{flex:none;font:700 clamp(2.6rem,5vw,4.4rem)/.9 var(--font-display),Georgia,serif;color:#ffd98f;text-shadow:0 4px 18px rgba(10,6,40,.6)}
.v17-page-no small{font-size:.32em;font-weight:400;color:#e9dcff;margin-left:3px;letter-spacing:.04em}
.v17-book .v17-slide figcaption p{margin:0;max-width:820px;font:400 clamp(1.02rem,1.75vw,1.5rem)/1.5 var(--font-display),Georgia,serif;color:#fffaf0;text-shadow:0 2px 12px rgba(10,6,40,.8);text-wrap:pretty}
.v17-book .v17-slide.is-active figcaption>*{animation:v17-rise .8s .25s ease-out both}
.v17-book-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:24px;padding:0 6px}
.v17-dots{display:flex;gap:6px;align-items:center}
.v17-dot{all:unset;box-sizing:content-box;width:13px;height:13px;padding:9px;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:50%}
.v17-dot::before{content:"";display:block;width:13px;height:13px;border-radius:3px;transform:rotate(45deg);background:rgba(255,255,255,.28);transition:background .3s ease,transform .3s ease,box-shadow .3s ease}
.v17-dot.is-active::before{background:#ffd98f;transform:rotate(45deg) scale(1.3);box-shadow:0 0 14px rgba(255,210,130,.9)}
.v17-listen{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:14px;cursor:pointer;padding:10px 24px 10px 10px;border-radius:999px;background:linear-gradient(120deg,#ffe7ae,#f6bf6b);color:#2a1f5c;box-shadow:0 10px 26px rgba(255,190,100,.28),inset 0 1px rgba(255,255,255,.6);transition:transform .2s ease,box-shadow .2s ease;-webkit-tap-highlight-color:transparent}
.v17-listen:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(255,190,100,.4),inset 0 1px rgba(255,255,255,.6)}
.v17-listen-ico{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#2a1f5c;color:#ffe7ae;font-size:1rem;padding-left:3px;box-sizing:border-box}
.v17-listen strong{display:block;font-size:.98rem;font-weight:850}
.v17-listen small{display:block;font-size:.72rem;font-weight:650;opacity:.82;margin-top:1px}

/* ---------- L'archipel : une île à la fois ---------- */
.v17-isles{max-width:1240px;margin:0 auto}
.v17-isle-tabs{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}
.v17-isle-tab{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:9px;cursor:pointer;padding:7px 17px 7px 7px;border-radius:999px;background:#fff;border:1px solid #dcd2f5;color:#3b3168;font-size:.84rem;font-weight:800;box-shadow:0 4px 12px rgba(60,40,130,.07);transition:background .25s ease,color .25s ease,transform .2s ease,border-color .25s ease;-webkit-tap-highlight-color:transparent;white-space:nowrap}
.v17-isle-tab:hover{transform:translateY(-2px);border-color:#a98be8}
.v17-isle-ico{display:grid;place-items:center;min-width:34px;height:34px;padding:0 6px;box-sizing:border-box;border-radius:999px;background:#efe8ff;color:#6b47c4;font-size:.72rem;font-weight:900;letter-spacing:-.02em;transition:background .25s ease,color .25s ease}
.v17-isle-tab.is-active{background:linear-gradient(120deg,#4a2f9b,#6d48cf);border-color:#6d48cf;color:#fff;box-shadow:0 10px 24px rgba(80,50,170,.32)}
.v17-isle-tab.is-active .v17-isle-ico{background:#ffe2a3;color:#3a2480}
.v17-isle-stage{position:relative;aspect-ratio:1920/900;border-radius:30px;overflow:hidden;background:#1b1a55;box-shadow:0 30px 70px rgba(40,25,110,.28),0 0 0 1px rgba(90,60,190,.18);touch-action:pan-y}
.v17-isles .v17-slide figcaption{position:absolute;left:clamp(14px,2.4vw,30px);bottom:clamp(14px,2.4vw,30px);z-index:2;width:min(430px,calc(100% - 28px));box-sizing:border-box;padding:20px 24px 22px;border-radius:22px;color:#fff;background:linear-gradient(140deg,rgba(38,24,96,.9),rgba(24,22,78,.86));border:1px solid rgba(255,225,165,.5);box-shadow:0 14px 34px rgba(6,6,40,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.v17-isle-tag{display:inline-block;font-size:.62rem;font-weight:900;letter-spacing:.15em;color:#2a1f5c;background:#ffdf9c;border-radius:999px;padding:5px 11px;margin-bottom:11px}
.v17-isles .v17-slide figcaption strong{display:block;font:700 clamp(1.5rem,2.5vw,2.15rem)/1.12 var(--font-display),Georgia,serif;letter-spacing:-.03em;color:#fff6dc;margin-bottom:8px}
.v17-isles .v17-slide figcaption p{margin:0;font-size:.93rem;line-height:1.55;color:#ece5fb}
.v17-isles .v17-slide.is-active figcaption{animation:v17-rise .7s .2s ease-out both}
.v17-progress{position:absolute;left:0;right:0;bottom:0;height:4px;z-index:4;background:rgba(255,255,255,.14)}
.v17-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ffd98f,#fff3cf)}
.v17-isles.is-playing .v17-progress i{animation:v17-progress var(--v17-delay,7s) linear both}
.v17-isle-note{margin:14px 0 0;text-align:center;font-size:.74rem;color:#7a7198}
.v17-isles .v17-arrow{top:auto;bottom:22px;margin:0}
.v17-isles .v17-arrow-prev{left:auto;right:82px}.v17-isles .v17-arrow-next{right:22px}

@keyframes v17-kenburns{from{transform:scale(1.001)}to{transform:scale(1.085)}}
@keyframes v17-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes v17-progress{from{width:0}to{width:100%}}
@keyframes v17-twinkle{from{opacity:.3}to{opacity:.75}}

@media(max-width:900px){
  .v17-conte,.v17-archipel{padding:54px 0 60px}
  .v17-book-stage{aspect-ratio:4/3.5;border-radius:22px}
  .v17-book .v17-slide figcaption{flex-direction:column;align-items:flex-start;gap:6px;padding-top:70px}
  .v17-isle-stage{aspect-ratio:4/3.9;border-radius:22px}
  .v17-isles .v17-slide figcaption{left:10px;right:10px;bottom:14px;width:auto;padding:15px 17px 17px;border-radius:17px}
  .v17-isles .v17-slide figcaption p{font-size:.86rem}
  .v17-isles .v17-arrow{bottom:auto;top:12px;width:42px;height:42px}
  .v17-isles .v17-arrow-prev{right:62px}.v17-isles .v17-arrow-next{right:12px}
  .v17-isle-tabs{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding:4px 16px 10px;margin:0 -16px 10px;scrollbar-width:none;scroll-snap-type:x proximity}
  .v17-isle-tabs::-webkit-scrollbar{display:none}
  .v17-isle-tab{scroll-snap-align:center;flex:none}
  .v17-book .v17-arrow{top:34%;width:42px;height:42px}
  .v17-arrow-prev{left:8px}.v17-arrow-next{right:8px}
  .v17-book-foot{justify-content:center}
}
@media(max-width:520px){
  .v17-book-stage{aspect-ratio:4/4.6}
  .v17-isle-stage{aspect-ratio:4/4.7}
  .v17-head p{font-size:.95rem}
}
@media(prefers-reduced-motion:reduce){.v17-conte *,.v17-archipel *,.v17-conte::before{animation:none!important;transition:none!important}}
html.motion-paused .v17-conte *,html.motion-paused .v17-archipel *,html.motion-paused .v17-conte::before{animation:none!important}
.v17-conte,.v17-archipel{scroll-margin-top:96px}
@media(max-width:900px){
  /* Mobile : l'image garde sa place, la légende passe dessous. */
  .v17-isles .v17-slide-art{bottom:auto;height:57%}
  .v17-isles .v17-slide figcaption{left:0;right:0;bottom:4px;top:57%;width:auto;border-radius:0;border:0;box-shadow:none;background:linear-gradient(180deg,#2a1a6b,#1b1a55);-webkit-backdrop-filter:none;backdrop-filter:none;padding:16px 18px 18px;display:flex;flex-direction:column;justify-content:center}
  .v17-isle-tag{align-self:flex-start;margin-bottom:8px}
}

/* ---------- Espace vidéo (fusion de l'ancienne section « bande-annonce ») ---------- */
.v17-book-foot{justify-content:center}
.v17-cine{max-width:1180px;margin:44px auto 0;scroll-margin-top:110px}
.v17-cine h3{margin:0 0 20px;text-align:center;font:700 clamp(1.35rem,2.2vw,1.9rem)/1.2 var(--font-display),Georgia,serif;letter-spacing:-.02em;color:#fff3d6}
.v17-cine h3 span{color:#ffd98f;font-size:.8em;margin:0 .35em}
.v17-cine-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.v17-cine-card{all:unset;box-sizing:border-box;display:flex;flex-direction:column;cursor:pointer;border-radius:24px;overflow:hidden;background:linear-gradient(160deg,rgba(72,48,140,.78),rgba(30,26,84,.86));border:1px solid rgba(238,200,255,.45);box-shadow:0 18px 40px rgba(6,5,34,.42);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;-webkit-tap-highlight-color:transparent}
.v17-cine-card:hover{transform:translateY(-5px);border-color:#ffe2a7;box-shadow:0 26px 52px rgba(6,5,34,.55)}
.v17-cine-card:focus-visible{outline:3px solid #ffd98f;outline-offset:3px}
.v17-cine-media{position:relative;display:block;aspect-ratio:16/8;overflow:hidden;background:#201a58}
.v17-cine-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.v17-cine-card:hover .v17-cine-media img{transform:scale(1.05)}
.v17-cine-media::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(12,9,44,.6));pointer-events:none}
.v17-cine-play{position:absolute;z-index:1;left:50%;top:50%;width:74px;height:74px;margin:-37px 0 0 -37px;border-radius:50%;display:grid;place-items:center;padding-left:5px;box-sizing:border-box;font-size:1.5rem;color:#2a1f5c;background:linear-gradient(120deg,#fff0c8,#f6c676);box-shadow:0 0 0 9px rgba(255,255,255,.2),0 12px 28px rgba(8,6,40,.5);transition:transform .25s ease}
.v17-cine-card:hover .v17-cine-play{transform:scale(1.1)}
.v17-cine-time{position:absolute;z-index:1;right:14px;bottom:13px;background:rgba(17,20,62,.82);color:#fff6e2;font-size:.74rem;font-weight:850;padding:6px 12px;border-radius:999px}
.v17-cine-text{display:block;padding:18px 22px 22px}
.v17-cine-text small{display:block;font-size:.64rem;font-weight:900;letter-spacing:.15em;color:#ffdc96;margin-bottom:7px}
.v17-cine-text strong{display:block;font:700 clamp(1.3rem,2vw,1.7rem)/1.15 var(--font-display),Georgia,serif;color:#fff6dc;margin-bottom:6px}
.v17-cine-text>span{display:block;font-size:.9rem;line-height:1.5;color:#e2daf6}
@media(max-width:740px){.v17-cine{margin-top:34px}.v17-cine-grid{grid-template-columns:1fr;gap:16px}.v17-cine-play{width:60px;height:60px;margin:-30px 0 0 -30px;font-size:1.2rem}.v17-cine-card{border-radius:18px}}

/* ===== v19.css ===== */
/* MAËLYA V19 — adresse de contact. */
.v19-mail{display:inline-flex;align-items:center;gap:9px;margin-top:14px;padding:9px 16px;border-radius:999px;background:linear-gradient(120deg,#ffe7ae,#f6bf6b);color:#2a1f5c;font-size:.8rem;font-weight:700;text-decoration:none;box-shadow:0 8px 20px rgba(10,8,45,.3);transition:transform .2s ease;max-width:100%;box-sizing:border-box}
.v19-mail:hover{transform:translateY(-2px)}
.v19-mail:focus-visible{outline:3px solid #fff;outline-offset:3px}
.v19-mail strong{font-weight:850;overflow-wrap:anywhere}

/* Promesses aux parents, sous les quatre avantages. */
.v19-promises{margin:16px 14px 0;padding:16px 20px 18px;border-radius:22px;background:linear-gradient(120deg,rgba(255,231,174,.14),rgba(255,231,174,.06));border:1px solid rgba(255,226,165,.5)}
.v19-promises h3{margin:0 0 12px;text-align:center;font:700 clamp(1.1rem,1.6vw,1.4rem)/1.2 var(--font-display),Georgia,serif;color:#ffe7b0}
.v19-promises h3 span{color:#ffb9d6;margin-right:.3em}
.v19-promises ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.v19-promises li{display:flex;align-items:flex-start;gap:10px;min-width:0}
.v19-promises li>span{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#ffe2a3;color:#2a1f5c;font-size:.8rem;font-weight:900;margin-top:1px}
.v19-promises p{margin:0;min-width:0}
.v19-promises strong{display:block;font-size:.88rem;line-height:1.3;color:#fff6e0}
.v19-promises small{display:block;font-size:.74rem;line-height:1.4;color:#e6ddf5;margin-top:2px}
@media(max-width:1020px){.v19-promises ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:740px){.v19-promises{margin:12px 5px 0;padding:14px 14px 15px}}
@media(max-width:430px){.v19-promises ul{grid-template-columns:1fr;gap:9px}}
/* Pastille « Bientôt » sur les badges des boutiques. */
.v19-soon{position:relative}
.v19-soon::after{content:"Bientôt";position:absolute;top:-9px;right:-8px;z-index:2;padding:3px 9px;border-radius:999px;background:linear-gradient(120deg,#ff9fd0,#c79bff);color:#2a1f5c;font-size:.62rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 4px 10px rgba(10,8,45,.35);transform:rotate(6deg)}

/* Titre de l'accueil : le logo doré du jeu (détouré depuis le visuel officiel). */
.v15-title.v20-logo{display:block;font-size:0;line-height:0;letter-spacing:0;background:none;-webkit-text-fill-color:currentColor;text-shadow:none;filter:none;margin:-14px 0 2px}
.v20-logo img{display:block;width:clamp(320px,30vw,460px);height:auto;margin:0 auto;filter:drop-shadow(0 14px 20px rgba(20,8,60,.5)) drop-shadow(0 0 30px rgba(255,200,110,.3));animation:v20-logo-in 1.1s .15s cubic-bezier(.2,1.2,.4,1) both}
@keyframes v20-logo-in{from{opacity:0;transform:translateY(-14px) scale(.94)}to{opacity:1;transform:none}}
@media(max-width:1020px){.v20-logo img{width:clamp(280px,36vw,380px)}}
@media(max-width:740px){.v15-title.v20-logo{margin:-4px 0 4px}.v20-logo img{width:min(68vw,310px)}}
@media(prefers-reduced-motion:reduce){.v20-logo img{animation:none}}
html.motion-paused .v20-logo img{animation:none}
/* Le logo est plus haut que l'ancien titre : la scène gagne un peu de hauteur. */
@media(min-width:1021px){.v16-hero{--scene-h:795px}}
@media(max-width:740px){.v16-hero{--scene-h:970px;--neo-y:65.5%}}
@media(max-width:430px){.v16-hero{--scene-h:965px;--neo-y:65.5%}}
/* Le badge Google Play contient une marge transparente : on l'agrandit pour qu'il ait la même hauteur visible que celui de l'App Store. */
.v15-store img[src*="play.google.com"],.v14-official-store img[src*="play.google.com"]{transform:scale(1.33)}
.v15-store{min-width:176px}
@media(max-width:740px){.v15-store{min-width:150px}}

/* MAËLYA V21 — inscription « prévenez-moi à la sortie » (formulaire Brevo, sans script externe). */
.v21-signup{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20px,3vw,46px);align-items:center;margin-top:22px;padding:clamp(20px,2.6vw,32px) clamp(18px,3vw,38px);border-radius:28px;background:linear-gradient(125deg,rgba(255,231,174,.16),rgba(150,120,255,.14));border:1px solid rgba(255,226,165,.55);box-shadow:0 18px 44px rgba(6,8,40,.32)}
.v21-kicker{display:inline-block;font-size:.66rem;font-weight:900;letter-spacing:.16em;color:#ffdf9c;margin-bottom:10px}
.v21-signup h3{margin:0 0 10px;font:700 clamp(1.5rem,2.4vw,2.2rem)/1.14 var(--font-display),Georgia,serif;letter-spacing:-.03em;color:#fff6dc;text-wrap:balance}
.v21-signup h3 em{font-weight:400;color:#ffd98f}
.v21-signup-text p{margin:0;font-size:.93rem;line-height:1.6;color:#e6defa}
.v21-form{min-width:0}
.v21-label{display:block;font-size:.78rem;font-weight:800;color:#fff1cf;margin-bottom:7px}
.v21-row{display:flex;gap:10px;flex-wrap:wrap}
.v21-row input{flex:1 1 220px;min-width:0;box-sizing:border-box;height:52px;padding:0 18px;border-radius:999px;border:2px solid rgba(255,255,255,.55);background:#fff;color:#241d4d;font:600 1rem/1 var(--font-ui),system-ui,sans-serif}
.v21-row input::placeholder{color:#8c86a8;font-weight:500}
.v21-row input:focus-visible,.v21-btn:focus-visible,.v21-consent input:focus-visible{outline:3px solid #ffd98f;outline-offset:2px}
.v21-btn{flex:0 0 auto;height:52px;padding:0 26px;border:0;border-radius:999px;cursor:pointer;background:linear-gradient(120deg,#ffe7ae,#f6bf6b);color:#2a1f5c;font:850 1rem/1 var(--font-ui),system-ui,sans-serif;box-shadow:0 10px 24px rgba(255,190,100,.28);transition:transform .2s ease,box-shadow .2s ease}
.v21-btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(255,190,100,.4)}
.v21-btn[disabled]{opacity:.55;cursor:default;transform:none;box-shadow:none}
.v21-consent{display:flex;align-items:flex-start;gap:10px;margin-top:13px;font-size:.82rem;line-height:1.5;color:#efe9fb;cursor:pointer}
.v21-consent input{flex:none;width:20px;height:20px;margin:1px 0 0;accent-color:#f6bf6b}
.v21-consent a{color:#ffdf9c;text-underline-offset:3px}
.v21-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.v21-note{margin:11px 0 0;font-size:.7rem;color:#cfc6ea}
.v21-done{margin:14px 0 0;padding:14px 18px;border-radius:16px;background:#f2fbef;color:#1f4a2c;font-size:.9rem;line-height:1.55;border:1px solid #9fd8a8}
.v21-done:focus{outline:none}
.v21-form.is-sent .v21-consent,.v21-form.is-sent .v21-note{display:none}
@media(max-width:900px){.v21-signup{grid-template-columns:1fr;text-align:center;border-radius:21px}.v21-label{text-align:left}.v21-consent{text-align:left}.v21-btn{flex:1 1 100%}}
/* V22 — liens du menu : la section arrive juste sous l'en-tête (le décalage était compté deux fois) */
html #lancement,html #decouvrir,html #conte,html #archipel,html #tester,html #histoire,html #bande-annonce,html #inscription{scroll-margin-top:0}