:root{
  --bg:#06101b;--bg2:#091828;--panel:#0b1b2b;--panel2:#102337;--text:#f4f8fb;--muted:#91a6b9;--line:#29445d;--green:#72e3bb;--blue:#69a9ed;--gold:#f1cd82;--red:#ef6a72;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark;
}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 78% 8%,#15364a 0,transparent 30%),linear-gradient(180deg,#06101b 0%,#081725 58%,#06101b 100%);color:var(--text);line-height:1.5;-webkit-tap-highlight-color:transparent}body.modal-open{overflow:hidden}a{color:inherit}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 5vw;border-bottom:1px solid rgba(49,77,103,.68);background:rgba(5,15,26,.84);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:900;letter-spacing:.01em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#74e2bc,#5e9ce8);color:#06131c;font-size:11px;box-shadow:0 8px 28px rgba(83,194,179,.2)}.site-header nav,.site-footer nav{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.site-header nav a,.site-footer a{color:#a8b9c8;text-decoration:none;font-size:13px;font-weight:700}.site-header nav a:hover,.site-footer a:hover{color:#fff}.nav-play{border:0;border-radius:10px;padding:9px 14px;background:#72e3bb;color:#061610;font-weight:900;cursor:pointer}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 17px;border:1px solid var(--line);border-radius:12px;text-decoration:none;font:900 13px/1 Inter,ui-sans-serif,system-ui;cursor:pointer}.button.xl{min-height:56px;padding:15px 22px;border-radius:14px}.button.full{width:100%}.button.primary{background:var(--green);color:#061610;border-color:#9ff0d3}.button.secondary{background:#102237;color:#eef5f9}.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 12px;color:#82dfbd;font-size:11px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.eyebrow.red{color:#ff8d91}.live-dot{width:8px;height:8px;border-radius:50%;background:#72e3bb;box-shadow:0 0 0 7px rgba(114,227,187,.08),0 0 22px rgba(114,227,187,.5)}

.hero-v10{max-width:1440px;margin:0 auto;padding:72px 5vw 46px;display:grid;grid-template-columns:minmax(0,.92fr) minmax(500px,1.08fr);gap:54px;align-items:center}.hero-v10 h1{margin:0 0 24px;font-size:clamp(3.3rem,6vw,6.7rem);line-height:.92;letter-spacing:-.055em}.hero-v10 h1 em{font-style:normal;color:#81e3c1}.lead{max-width:660px;margin:0;color:#a4b6c6;font-size:1.08rem}.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.live-save-card{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:25px;max-width:650px}.live-save-card>div{padding:13px 15px;border:1px solid #29445d;border-radius:15px;background:rgba(10,26,42,.76)}.live-save-card span,.preview-chip span,.launch-stats span{display:block;color:#71899c;font-size:8px;font-weight:900;letter-spacing:.08em}.live-save-card strong{display:block;margin-top:5px;font-size:14px}.hero-preview-frame{position:relative;min-height:560px;border:1px solid #2a4863;border-radius:28px;overflow:hidden;background:#0b2030;box-shadow:0 36px 100px rgba(0,0,0,.38)}.hero-preview-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.preview-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,10,17,.03),rgba(3,10,17,.1) 55%,rgba(3,10,17,.56))}.preview-chip{position:absolute;padding:12px 14px;border:1px solid rgba(142,190,216,.28);border-radius:14px;background:rgba(5,17,28,.82);backdrop-filter:blur(10px)}.preview-chip strong{display:block;margin-top:4px;font-size:13px}.preview-chip.top{top:18px;right:18px}.preview-chip.bottom{left:18px;bottom:18px}.trust-strip{max-width:1320px;margin:0 auto;padding:12px 5vw 68px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.trust-strip span{padding:9px 13px;border:1px solid #263f56;border-radius:999px;background:#0a1928;color:#8298aa;font-size:10px;font-weight:800}

.gameplay-section{max-width:1320px;margin:0 auto;padding:70px 5vw}.section-heading{max-width:760px;margin-bottom:36px}.section-heading h2,.showcase-copy h2,.multi-copy h2,.return-section h2{margin:0;font-size:clamp(2.4rem,4.7vw,4.6rem);line-height:.98;letter-spacing:-.045em}.section-heading>p:last-child,.showcase-copy>p,.multi-copy>p{color:#9dafbf;max-width:680px}.gameplay-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gameplay-grid article{min-height:210px;padding:22px;border:1px solid #294158;border-radius:20px;background:linear-gradient(180deg,#0d2032,#091725)}.step{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#143149;color:#8fe5c3;font-size:10px;font-weight:900}.gameplay-grid h3{margin:36px 0 8px;font-size:16px}.gameplay-grid p{margin:0;color:#8fa4b6;font-size:13px}

.showcase-v10{max-width:1320px;margin:40px auto 90px;padding:0 5vw;display:grid;grid-template-columns:1.25fr .75fr;gap:50px;align-items:center}.showcase-image{position:relative;min-height:500px;border:1px solid #2a4862;border-radius:26px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.3)}.showcase-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.showcase-copy p{font-size:14px}.check-list{list-style:none;padding:0;margin:24px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.check-list li{padding:12px 14px;border:1px solid #29445d;border-radius:12px;background:#0b1b2b;color:#b7c5d1;font-size:11px;font-weight:800}.check-list li::before{content:"◆";margin-right:8px;color:#72e3bb}

.multi-section{max-width:1320px;margin:0 auto 90px;padding:68px 5vw;display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center;border-top:1px solid #20384d;border-bottom:1px solid #20384d}.race-bars{display:grid;gap:10px;margin-top:28px;max-width:630px}.race-bars>div{display:grid;grid-template-columns:70px 1fr 46px;align-items:center;gap:10px}.race-bars span,.race-bars strong{font-size:9px;font-weight:900}.race-bars i{height:14px;border-radius:999px;background:#132b43;overflow:hidden}.race-bars b{display:block;height:100%;background:#409eff;border-radius:999px}.race-bars .enemy i{background:#351d29}.race-bars .enemy b{background:#ef646c}.multi-card{padding:28px;border:1px solid #324c64;border-radius:24px;background:linear-gradient(180deg,#0e2234,#091725);box-shadow:0 24px 70px rgba(0,0,0,.24)}.multi-card .multi-badge{display:inline-block;margin-bottom:22px;padding:7px 10px;border-radius:999px;background:rgba(239,106,114,.11);color:#ff8e93;font-size:9px;font-weight:900}.multi-card>strong{display:block;font-size:27px}.multi-card p{color:#8fa3b5;font-size:13px}

.return-section{max-width:1320px;margin:0 auto;padding:40px 5vw 100px;display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:start}.return-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.return-cards article{min-height:165px;padding:20px;border:1px solid #294158;border-radius:18px;background:#0a1a29}.return-cards strong{font-size:13px}.return-cards p{color:#8298aa;font-size:11px}.site-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px 5vw;border-top:1px solid #20364a;color:#71879a;font-size:12px;flex-wrap:wrap}

.launch-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:rgba(1,7,13,.78);backdrop-filter:blur(12px)}.launch-overlay[hidden]{display:none}.launch-card{position:relative;width:min(560px,100%);padding:28px;border:1px solid #35546e;border-radius:24px;background:linear-gradient(180deg,#0c2031,#071522);box-shadow:0 36px 110px rgba(0,0,0,.55)}.launch-close{position:absolute;top:13px;right:13px;width:39px;height:39px;border:1px solid #314e66;border-radius:11px;background:#102337;color:#dbe6ed;font-size:23px;cursor:pointer}.launch-kicker{color:#78dfba;font-size:9px;font-weight:900;letter-spacing:.12em}.launch-card h2{margin:8px 0 22px;font-size:32px;letter-spacing:-.035em}.launch-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.launch-stats>div{padding:14px;border:1px solid #29455d;border-radius:14px;background:#091827}.launch-stats strong{display:block;margin-top:5px;font-size:14px}.launch-note{margin:14px 0 18px;color:#71899c;font-size:10px}.cookie-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:900;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 17px;border:1px solid #314d66;border-radius:16px;background:#081725;box-shadow:0 20px 65px rgba(0,0,0,.45)}.cookie-banner[hidden]{display:none}.cookie-copy strong{font-size:12px}.cookie-copy p{margin:3px 0 0;color:#8297aa;font-size:10px}.cookie-actions{display:flex;gap:8px}.cookie-actions .button{min-width:108px}

.narrow{max-width:920px;margin:0 auto;padding:56px 6vw}.narrow h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1}.narrow h2{margin-top:2em}.narrow p,.narrow li{color:#a3b2c3}.hidden{display:none!important}

@media(max-width:1080px){.hero-v10{grid-template-columns:1fr;padding-top:50px}.hero-preview-frame{min-height:520px}.gameplay-grid{grid-template-columns:1fr 1fr}.showcase-v10,.multi-section,.return-section{grid-template-columns:1fr}.return-cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.site-header{padding:12px 16px}.brand-mark{width:31px;height:31px}.site-header nav a{display:none}.site-header nav{gap:8px}.hero-v10{padding:44px 16px 30px;gap:30px}.hero-v10 h1{font-size:clamp(2.75rem,13.5vw,4.6rem)}.lead{font-size:.98rem}.cta-row{display:grid}.button.xl{width:100%}.live-save-card{grid-template-columns:1fr 1fr}.live-save-card>div:last-child{grid-column:1/-1}.hero-preview-frame{min-height:340px;border-radius:20px}.preview-chip{padding:9px 10px}.preview-chip.bottom{max-width:65%}.trust-strip{justify-content:flex-start;padding:10px 16px 44px}.gameplay-section{padding:54px 16px}.gameplay-grid{grid-template-columns:1fr}.gameplay-grid article{min-height:150px}.gameplay-grid h3{margin-top:22px}.showcase-v10{padding:0 16px;margin-bottom:62px;gap:28px}.showcase-image{min-height:320px;border-radius:20px}.check-list{grid-template-columns:1fr}.multi-section{padding:54px 16px;margin-bottom:54px;gap:28px}.return-section{padding:20px 16px 70px;gap:28px}.return-cards{grid-template-columns:1fr}.site-footer{padding:20px 16px}.cookie-banner{left:9px;right:9px;bottom:9px;flex-direction:column;align-items:stretch}.cookie-actions{width:100%}.cookie-actions .button{flex:1}.launch-card{padding:22px}.launch-stats{grid-template-columns:1fr 1fr}.launch-card h2{font-size:27px}}

/* ===== V12 ===== */
.site-header{min-height:68px}.brand{min-width:132px;font-size:18px;color:#f5f9fc}.main-nav{display:grid!important;grid-template-columns:72px 78px 118px 76px 74px;gap:8px!important;align-items:center}.main-nav a{display:flex!important;align-items:center;justify-content:center;min-height:38px;padding:8px 10px;border-radius:10px;white-space:nowrap}.main-nav a:not(.nav-play):hover{background:#0d2132}.nav-play{padding:8px 10px!important}.hero-v12{max-width:1440px;margin:0 auto;padding:72px 5vw 46px;display:grid;grid-template-columns:minmax(0,.92fr) minmax(500px,1.08fr);gap:54px;align-items:center}.hero-v12 h1{margin:0 0 24px;font-size:clamp(3.3rem,6vw,6.7rem);line-height:.92;letter-spacing:-.055em}.hero-v12 h1 em{font-style:normal;color:#81e3c1}.hero-preview-v12{transform:perspective(1300px) rotateY(-1.5deg);box-shadow:0 38px 110px rgba(0,0,0,.42),0 0 0 1px rgba(126,213,218,.05)}
.multi-v12{grid-template-columns:.95fr 1.05fr}.multi-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.multi-mode-grid .multi-entry{grid-column:1/-1}.coop-card{border-color:#315e58;background:linear-gradient(180deg,#0d2927,#091a20)}.multi-card .coop-badge{background:rgba(112,226,184,.11);color:#89e8c4}.conflict-card{border-color:#5b3d4d}.launch-profile-choice{margin-top:18px}.launch-profile-choice p{margin:8px 0 13px;color:#8fa3b6;font-size:11px}.launch-profile-choice label{display:block;margin-bottom:6px;color:#a5b5c2;font-size:10px;font-weight:800}.launch-profile-choice input{width:100%;height:50px;border:1px solid #365570;border-radius:12px;background:#06131f;color:#fff;padding:0 13px;font:800 15px Inter,system-ui;outline:none}.launch-profile-choice input:focus{border-color:#72e3bb;box-shadow:0 0 0 3px rgba(114,227,187,.12)}.launch-choice-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.launch-profile-error{min-height:18px;margin-top:6px;color:#ff9f91;font-size:10px;font-weight:800}.launch-divider{display:flex;align-items:center;gap:10px;color:#6f879a;font-size:9px;font-weight:900;letter-spacing:.08em}.launch-divider:before,.launch-divider:after{content:"";height:1px;flex:1;background:#29455d}.rules-page{padding-bottom:100px}.rules-lead{font-size:1.15rem;max-width:720px}.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:34px 0}.rules-grid article{padding:22px;border:1px solid #294158;border-radius:18px;background:linear-gradient(180deg,#0d2032,#091725)}.rules-grid article>span{color:#80dfbd;font-size:9px;font-weight:900;letter-spacing:.12em}.rules-grid article h2{margin:9px 0 8px;font-size:20px}.rules-grid article p{margin:0;font-size:13px}.rules-callout{margin:0 0 26px;padding:20px;border:1px solid #315a50;border-radius:18px;background:#0a211f}.rules-callout p{margin:6px 0 0}.narrow{min-height:calc(100vh - 150px)}
@media(max-width:1080px){.hero-v12{grid-template-columns:1fr;padding-top:50px}.multi-v12{grid-template-columns:1fr}.hero-preview-v12{transform:none}}
@media(max-width:800px){.site-header{align-items:flex-start;gap:8px;padding:10px 12px;overflow-x:auto}.brand{min-width:108px;padding-top:8px;font-size:16px}.main-nav{grid-template-columns:64px 66px 104px 68px 66px;gap:5px!important;min-width:398px}.main-nav a{font-size:10px!important;min-height:34px;padding:6px!important}.hero-v12{padding:40px 16px 28px;gap:28px}.hero-v12 h1{font-size:clamp(2.7rem,13vw,4.5rem)}.multi-mode-grid{grid-template-columns:1fr}.multi-mode-grid .multi-entry{grid-column:auto}.launch-choice-actions{grid-template-columns:1fr}.rules-grid{grid-template-columns:1fr}}
@media(max-width:800px){
  .site-header{display:grid;grid-template-columns:1fr;gap:7px;padding:9px 10px;overflow:visible}
  .brand{min-width:0;padding:0 2px;font-size:17px}
  .main-nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px!important;min-width:0;width:100%}
  .main-nav a{min-width:0;min-height:34px;padding:5px 2px!important;font-size:8.5px!important;overflow:hidden;text-overflow:ellipsis}
}

/* ===== V12 PERFORMANCE + CONSENT ===== */
html{scroll-behavior:smooth}
main>section{content-visibility:auto;contain-intrinsic-size:700px}
.hero-v12{content-visibility:visible;contain-intrinsic-size:auto}
.cookie-actions .cookie-choice{flex:1;min-width:120px;border:1px solid #4b6a83;background:#10283b;color:#eef6fa}
.cookie-actions .cookie-choice:hover{border-color:#78dfba;background:#143249}
.site-footer nav{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.site-footer [data-cookie-settings]{color:#8fa7b8;text-decoration:underline;text-underline-offset:3px}
@media(max-width:800px){
  .hero-preview-v12{transform:none;box-shadow:0 18px 48px rgba(0,0,0,.28)}
  .launch-overlay,.game-profile-overlay{backdrop-filter:none}
  .preview-shade{background:linear-gradient(180deg,rgba(3,12,20,.03),rgba(3,12,20,.3))}
  .cookie-banner{box-shadow:0 12px 36px rgba(0,0,0,.32)}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}


/* ===== V19 PERFORMANCE + NAVIGATION ===== */
/* Le header reste sticky mais n'utilise plus de flou temps réel pendant le scroll. */
.site-header{
  background:#071522f7;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  contain:layout paint;
}
.site-header .main-nav .nav-play{
  color:#fff!important;
}
/* Les flous GPU et la perspective du hero provoquaient des saccades sur certains navigateurs. */
.preview-chip{
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  background:#071a2aec;
}
.hero-preview-v12{
  transform:none!important;
  box-shadow:0 18px 48px rgba(0,0,0,.28)!important;
}
.launch-overlay{
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
/* La page est assez légère pour éviter content-visibility, qui pouvait créer des à-coups au scroll. */
main>section{
  content-visibility:visible!important;
  contain-intrinsic-size:auto!important;
}
.gameplay-grid article,.multi-card,.return-cards article,.live-save-card>div{
  contain:layout paint;
}
html{scroll-behavior:auto}