*{box-sizing:border-box;scroll-behavior:smooth}:root{--black:#030403;--text:#f3efe6;--muted:#bdb4a5;--green:#8cff72;--green2:#c5ff9c;--rust:#d66a33;--orange:#ff9d49;--red:#ff5d55;--panel:rgba(8,11,8,.78);--border:rgba(255,255,255,.14);--shadow:0 35px 110px rgba(0,0,0,.65)}body{margin:0;background:var(--black);color:var(--text);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}.boot{position:fixed;inset:0;z-index:999;display:grid;place-content:center;text-align:center;gap:14px;background:#030403;animation:bootOut .9s ease 2.7s forwards}.boot-logo{font-size:clamp(44px,9vw,120px);line-height:.85;font-weight:900;color:var(--green2);letter-spacing:-.07em;text-shadow:0 0 45px rgba(140,255,114,.35)}.boot-text{color:var(--orange);text-transform:uppercase;letter-spacing:.22em;font-size:13px}.boot-bar{width:min(480px,72vw);height:4px;margin:10px auto 0;background:rgba(255,255,255,.13);overflow:hidden}.boot-bar span{display:block;height:100%;width:42%;background:linear-gradient(90deg,var(--green),var(--orange),var(--rust));animation:bootBar 2.15s ease forwards}@keyframes bootBar{from{transform:translateX(-110%)}to{transform:translateX(245%)}}@keyframes bootOut{to{opacity:0;visibility:hidden}}.grain,.dust,.embers,.fog,.fire-pulse{position:fixed;inset:0;pointer-events:none}.grain{z-index:90;opacity:.09;background-image:repeating-linear-gradient(35deg,rgba(255,255,255,.08) 0 1px,transparent 1px 7px),repeating-linear-gradient(105deg,rgba(255,255,255,.04) 0 1px,transparent 1px 11px)}.dust{z-index:8;opacity:.23;background-image:radial-gradient(circle,rgba(255,255,255,.55) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(255,220,170,.35) 0 1px,transparent 1.5px);background-size:170px 170px,260px 260px;animation:dustMove 24s linear infinite}@keyframes dustMove{from{background-position:0 0,0 0}to{background-position:250px -520px,-330px -760px}}.embers{z-index:9;opacity:.55;background-image:radial-gradient(circle,rgba(255,157,73,.95) 0 1.3px,transparent 2.3px),radial-gradient(circle,rgba(214,106,51,.75) 0 1px,transparent 2px);background-size:155px 155px,240px 240px;animation:embersRise 9s linear infinite;mask-image:linear-gradient(to top,black 0 45%,transparent 85%)}@keyframes embersRise{from{background-position:0 700px,0 850px}to{background-position:140px -260px,-230px -420px}}.fog{z-index:7;height:36vh;top:auto;bottom:12vh;width:150vw;left:-25vw;background:linear-gradient(90deg,transparent,rgba(235,236,220,.17),transparent);filter:blur(28px);opacity:.75;animation:fogMove 14s ease-in-out infinite alternate}.fog-b{bottom:34vh;opacity:.45;animation-duration:18s;animation-delay:2s}@keyframes fogMove{from{transform:translateX(-10%) scaleX(.9)}to{transform:translateX(12%) scaleX(1.18)}}.fire-pulse{z-index:6;width:360px;height:260px;top:auto;right:auto;left:26%;bottom:10%;border-radius:50%;background:radial-gradient(circle,rgba(255,125,43,.42),rgba(255,125,43,.14) 38%,transparent 72%);filter:blur(22px);animation:fireGlow 1.15s ease-in-out infinite alternate}@keyframes fireGlow{from{transform:scale(.92);opacity:.55}to{transform:scale(1.12);opacity:.9}}.hero{min-height:100vh;position:relative;overflow:hidden;isolation:isolate;background:#050605}.hero-bg{position:absolute;inset:-4%;z-index:-3;background-image:url('../assets/greenland-hero.png');background-size:cover;background-position:center;animation:kenBurns 18s ease-in-out infinite alternate;transform-origin:center}.hero-shade{position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 28% 79%,rgba(255,123,43,.24),transparent 18%),radial-gradient(circle at 52% 35%,rgba(140,255,114,.13),transparent 23%),linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.42) 45%,rgba(0,0,0,.18)),linear-gradient(180deg,rgba(0,0,0,.2),#030403 96%)}@keyframes kenBurns{from{transform:scale(1.02) translate3d(-1.2%,.4%,0);filter:saturate(.94) contrast(1.05)}to{transform:scale(1.14) translate3d(2.4%,-1.4%,0);filter:saturate(1.08) contrast(1.14)}}.navbar{position:fixed;inset-inline:0;top:0;z-index:10000;pointer-events:auto;padding:18px clamp(18px,5vw,82px);display:flex;align-items:center;justify-content:space-between;background:rgba(3,4,3,.58);backdrop-filter:blur(18px);border-bottom:1px solid var(--border);animation:navDrop .85s ease 2.75s both}@keyframes navDrop{from{transform:translateY(-110%);opacity:0}to{transform:translateY(0);opacity:1}}.brand{color:var(--text);display:flex;gap:14px;align-items:center;text-decoration:none}.brand-icon{width:46px;height:46px;border-radius:13px;box-shadow:0 0 38px rgba(140,255,114,.32)}.brand strong{display:block;letter-spacing:.14em}.brand small{display:block;color:var(--muted)}.navlinks{display:flex;gap:24px}.navlinks a{color:var(--text);text-decoration:none;opacity:.8}.navlinks a:hover{color:var(--green2);opacity:1}.audio-btn,.burger{color:var(--text);background:rgba(255,255,255,.08);border:1px solid var(--border);border-radius:999px;padding:11px 15px;cursor:pointer}.audio-btn.active{color:#101010;background:linear-gradient(135deg,var(--green),var(--rust));font-weight:900}.burger{display:none;border-radius:12px;font-size:20px}.hero-content{position:relative;z-index:12;max-width:990px;padding:145px clamp(20px,7vw,100px) 90px}.main-logo{width:min(560px,80vw);display:block;margin-bottom:22px;animation:titleReveal .9s ease 3s both}.tagline,.section-tag{color:var(--orange);text-transform:uppercase;letter-spacing:.22em;font-size:13px;font-weight:900}h1{margin:0;font-size:clamp(64px,12vw,160px);line-height:.82;letter-spacing:-.075em;text-transform:uppercase;text-shadow:0 28px 100px rgba(0,0,0,.86);animation:titleReveal .9s ease 3.08s both}h1 span{color:var(--green2)}@keyframes titleReveal{from{opacity:0;transform:translateY(34px) scale(.97);filter:blur(6px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.subtitle{max-width:760px;color:#eee5d8;font-size:21px;line-height:1.62;text-shadow:0 8px 30px rgba(0,0,0,.88);animation:fadeUp .85s ease 3.25s both}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px;animation:fadeUp .85s ease 3.45s both}@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.btn{display:inline-block;padding:14px 22px;border-radius:999px;border:1px solid var(--border);text-decoration:none;font-weight:900;transition:.2s ease;cursor:pointer;font:inherit}.btn:hover{transform:translateY(-3px)}.main{background:linear-gradient(135deg,var(--green),var(--rust));color:#101010;box-shadow:0 16px 46px rgba(140,255,114,.23)}.ghost{color:var(--text);background:rgba(255,255,255,.08)}.copy-feedback{min-height:24px;color:var(--green2);font-weight:800}.hud{position:absolute;right:clamp(18px,5vw,82px);bottom:60px;z-index:12;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--border);border-radius:24px;overflow:hidden;background:rgba(3,4,3,.54);backdrop-filter:blur(18px);box-shadow:var(--shadow);animation:fadeUp .85s ease 3.55s both}.hud div{padding:18px 25px;border-right:1px solid var(--border)}.hud div:last-child{border-right:none}.hud small{display:block;color:var(--muted)}.hud strong{color:var(--green2)}.scroll-cue{position:absolute;left:50%;bottom:22px;z-index:12;transform:translateX(-50%);color:var(--muted);text-transform:uppercase;letter-spacing:.2em;font-size:12px}.scroll-cue:after{content:'';display:block;width:1px;height:46px;margin:10px auto 0;background:linear-gradient(var(--green2),transparent);animation:scrollLine 1.25s ease-in-out infinite}@keyframes scrollLine{50%{height:26px;opacity:.45}}
.full-scene-art{position:fixed;left:0;right:0;top:82px;bottom:0;z-index:10;pointer-events:none;opacity:0;visibility:hidden;transform:scale(1.015);transition:opacity .6s ease,transform .7s ease,visibility .6s;background-image:linear-gradient(180deg,rgba(3,4,3,.08),rgba(3,4,3,.12) 72%,rgba(3,4,3,.78)),url('../assets/rust-full-side-scene.png');background-size:cover;background-position:center center;background-repeat:no-repeat}.full-scene-art:after{content:'';position:absolute;top:0;bottom:0;left:50%;width:min(1180px,72vw);transform:translateX(-50%);background:linear-gradient(90deg,rgba(3,4,3,.24),rgba(3,4,3,.82) 9%,rgba(3,4,3,.9) 50%,rgba(3,4,3,.82) 91%,rgba(3,4,3,.24));backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}body.full-scene-visible .full-scene-art{opacity:.9;visibility:visible;transform:scale(1)}
main{width:min(1140px,calc(100% - 34px));margin:0 auto;position:relative;z-index:15}.panel{margin:34px 0;padding:clamp(28px,5vw,56px);background:var(--panel);border:1px solid var(--border);border-radius:30px;box-shadow:var(--shadow)}h2{margin:0 0 18px;font-size:clamp(34px,6vw,68px);line-height:.96}p,li{color:var(--muted);line-height:1.72}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.cards article{padding:26px;border-radius:24px;border:1px solid var(--border);background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));transition:.2s ease}.cards article:hover{transform:translateY(-7px);border-color:rgba(140,255,114,.45)}.cards span{color:var(--green2);font-weight:900;letter-spacing:.18em}h3{font-size:25px;margin-bottom:8px}.accordion{display:grid;gap:14px}details{border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.045);overflow:hidden}summary{padding:19px 22px;font-size:20px;font-weight:900;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:'+';float:right;color:var(--green2);font-size:25px}details[open] summary:after{content:'−'}details p,details ul{margin:0;padding:0 22px 20px}.bad-box,.good-box{margin:14px 22px 20px;padding:18px;border-radius:16px;border:1px solid var(--border);background:rgba(255,255,255,.05)}.bad-box{border-color:rgba(255,93,85,.35)}.good-box{border-color:rgba(140,255,114,.35)}.danger{color:var(--red)}.sanctions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 22px 20px}.sanctions div{padding:16px;border-radius:14px;border:1px solid var(--border);background:rgba(255,255,255,.05)}.sanctions strong{display:block}.sanctions span{color:var(--muted)}code{display:inline-block;padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid var(--border);color:var(--green2)}.join{display:flex;align-items:center;justify-content:space-between;gap:28px;background:linear-gradient(135deg,rgba(140,255,114,.12),rgba(214,106,51,.13))}.join-actions{display:flex;gap:14px;flex-wrap:wrap}footer{text-align:center;padding:40px 20px;color:var(--muted)}.reveal{opacity:0;transform:translateY(36px);transition:.75s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media(max-width:900px){.navlinks{display:none}.burger{display:block}.navlinks.open{display:grid;position:absolute;top:78px;right:18px;padding:18px;border-radius:18px;background:rgba(3,4,3,.94);border:1px solid var(--border)}.audio-btn{display:none}.hero-content{padding-top:130px}.hud{position:relative;right:auto;bottom:auto;margin:-50px 17px 40px;grid-template-columns:1fr}.hud div{border-right:none;border-bottom:1px solid var(--border)}.cards,.sanctions{grid-template-columns:1fr}.join{flex-direction:column;align-items:flex-start}.fire-pulse{left:10%;bottom:8%}}
@media(max-width:1399px){.full-scene-art{display:none}}
@media(max-height:700px){.full-scene-art{top:78px}}

/* v5.8 - navigation toujours accessible */
.navbar, .navbar *{pointer-events:auto}
.navbar{isolation:isolate}
.navbar .brand,.navbar .navlinks,.navbar .audio-btn,.navbar .burger{position:relative;z-index:1}

/* v5.9 - bandeau supérieur verrouillé au-dessus de toute la page */
html{scroll-padding-top:105px}
#accueil,#experience,#reglement,#connexion{scroll-margin-top:105px}
.boot{z-index:200000!important}
.navbar{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:100000!important;
  pointer-events:auto!important;
  opacity:1!important;
  visibility:visible!important;
  isolation:isolate;
  transform:translateZ(0);
  -webkit-transform:translateZ(0);
  background:rgba(3,4,3,.92)!important;
}
.navbar::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:rgba(3,4,3,.72);
}
.navbar .brand,
.navbar .navlinks,
.navbar .navlinks a,
.navbar .audio-btn,
.navbar .burger{
  position:relative;
  z-index:2;
  pointer-events:auto!important;
}
.navbar .navlinks a{
  color:var(--text)!important;
  opacity:1!important;
  cursor:pointer!important;
}
.navbar .navlinks a:hover{
  color:var(--green2)!important;
}
.full-scene-art{z-index:10!important;pointer-events:none!important}
main{z-index:15!important}
.grain,.dust,.embers,.fog,.fire-pulse{pointer-events:none!important}
body.full-scene-visible .navbar,
body.full-scene-visible .navbar .navlinks a{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  filter:none!important;
}

/* v5.11 - sélecteur de langue FR / EN */
.nav-actions{display:flex;align-items:center;gap:10px;position:relative;z-index:2}
.lang-switch{display:flex;align-items:center;gap:2px;padding:4px 6px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.06);white-space:nowrap}
.lang-switch>span{color:rgba(255,255,255,.32);font-size:12px;user-select:none}
.lang-option{border:0;background:transparent;color:var(--muted);font:inherit;font-size:12px;font-weight:900;letter-spacing:.08em;padding:6px 7px;border-radius:999px;cursor:pointer;transition:.18s ease}
.lang-option:hover{color:var(--text)}
.lang-option.active{color:#101010;background:var(--green2);box-shadow:0 0 18px rgba(140,255,114,.18)}
.navbar .nav-actions,.navbar .lang-switch,.navbar .lang-option{pointer-events:auto!important}
@media(max-width:1100px){.navlinks{gap:15px}.navbar{padding-inline:22px}.brand small{display:none}}
@media(max-width:900px){.nav-actions{margin-left:auto}.lang-switch{padding:3px 5px}.lang-option{padding:6px}.burger{display:block}.audio-btn{display:none}.navlinks.open{right:18px;top:78px}}
@media(max-width:520px){.brand strong{font-size:13px;letter-spacing:.08em}.brand-icon{width:40px;height:40px}.navbar{padding:14px 12px}.nav-actions{gap:6px}.lang-option{font-size:11px;padding:5px}.burger{padding:8px 11px}.navlinks.open{top:70px;right:10px}}