*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#050307}
body{font-family:Arial,Helvetica,sans-serif}
.intro-screen{
  width:100%;height:100%;position:relative;
  display:flex;align-items:center;justify-content:center;
  background:
    linear-gradient(rgba(6,2,10,.08),rgba(6,2,10,.16)),
    url("../assets/scorpion68-bg.png") center/cover no-repeat;
}
.intro-hit{
  position:absolute;inset:0;width:100%;height:100%;
  border:0;background:transparent;cursor:pointer;
}
.enter-label{
  position:absolute;left:50%;bottom:5vh;transform:translateX(-50%);
  padding:10px 18px;border:1px solid rgba(192,132,252,.5);
  border-radius:12px;color:#f5f3ff;background:rgba(9,4,14,.62);
  font-weight:900;letter-spacing:.22em;
  text-shadow:0 0 10px rgba(168,85,247,.9);
  box-shadow:0 0 22px rgba(126,34,206,.18);
  transition:.18s ease;
}
.intro-hit:hover .enter-label{
  transform:translateX(-50%) translateY(-2px);
  background:linear-gradient(135deg,rgba(126,34,206,.78),rgba(185,28,28,.62));
}

/* V33 — Header graphique officiel commun */
.scorpion68-common-header{
  position:relative;
  width:100%;
  height:clamp(105px,11vw,170px);
  margin:0 0 8px;
  background:url("../assets/header-scorpion68.png") center center/100% 100% no-repeat;
  overflow:visible;
  flex:0 0 auto;
}
.scorpion68-common-header .header-hit{
  position:absolute;top:25%;height:48%;z-index:5;
  background:transparent;border:0;cursor:pointer;
}
.scorpion68-common-header .header-back-hit{left:1.5%;width:20%}
.scorpion68-common-header .header-options-hit{right:1.5%;width:20%}


/* V34 — Header commun : proportions originales conservées */
.scorpion68-common-header{
  position:relative!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:2121 / 741!important;
  max-height:none!important;
  margin:0 0 8px!important;
  background-image:url("../assets/header-scorpion68.png")!important;
  background-position:center center!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
  overflow:visible!important;
  flex:0 0 auto!important;
}


/* V35 — supprime l'espace inutile au-dessus du header */
html,body{
  margin-top:0!important;
  padding-top:0!important;
}
.scorpion68-common-header{
  margin-top:0!important;
  top:0!important;
}
body > .scorpion68-common-header{
  margin-block-start:0!important;
}


/* V36 — l'espace noir était dans l'image elle-même : asset recadré */
.scorpion68-common-header{
  width:100%!important;
  height:auto!important;
  aspect-ratio:2121 / 341!important;
  margin:0 0 8px!important;
  padding:0!important;
  background:url("../assets/header-scorpion68.png") center top/contain no-repeat!important;
}


/* V37 — largeur pleine conservée, seulement l'espace vertical est supprimé */
.scorpion68-common-header{
  width:100vw!important;
  max-width:none!important;
  height:auto!important;
  aspect-ratio:2121 / 341!important;
  margin:0 calc(50% - 50vw) 8px!important;
  padding:0!important;
  background-image:url("../assets/header-scorpion68.png")!important;
  background-position:center top!important;
  background-size:100% auto!important;
  background-repeat:no-repeat!important;
}


/* V38 — header en vraie balise IMG : aucune répétition possible */
.scorpion68-common-header{
  position:relative!important;
  width:100vw!important;
  max-width:none!important;
  height:auto!important;
  aspect-ratio:auto!important;
  margin:0 calc(50% - 50vw) 8px!important;
  padding:0!important;
  background:none!important;
  overflow:visible!important;
  line-height:0!important;
}
.scorpion68-header-image{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center top!important;
}
.scorpion68-common-header .header-hit{
  line-height:normal!important;
}


/* V39 — largeur inchangée, header moins haut sans écraser l'image */
.scorpion68-common-header{
  position:relative!important;
  width:100vw!important;
  height:clamp(105px,12.2vw,185px)!important;
  margin:0 calc(50% - 50vw) 8px!important;
  padding:0!important;
  overflow:hidden!important;
  background:none!important;
  line-height:0!important;
}
.scorpion68-header-image{
  position:absolute!important;
  left:0!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
}
.scorpion68-common-header .header-hit{
  top:20%!important;
  height:60%!important;
}

/* V53 — Intro indépendante : aucun header commun */
.scorpion68-common-header,
.scorpion68-base-fixed,
.scorpion68-bg-fixed{
  display:none!important;
}