/* EVGTT V1.00 — INTRO MOBILE CLEAN
   Une seule définition. Aucune règle héritée V0.87–V0.99.
   Les quatre joueurs utilisent le MÊME asset validé ; les joueurs de droite sont miroir CSS. */
html.evgtt-mobile-intro-lock,body.evgtt-mobile-intro-lock{overflow:hidden!important;overscroll-behavior:none}
#evgtt-mobile-intro{display:none}

@media (max-width:1023px),(hover:none),(pointer:coarse){
  #evgtt-mobile-intro{
    display:block;position:fixed;inset:0;z-index:2147483100;overflow:hidden;
    background:#050506;isolation:isolate;font-family:Arial,Helvetica,sans-serif;
    opacity:1;transition:opacity .72s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;
  }
  #evgtt-mobile-intro .mobile-scene{
    --photo-h:min(75vw,56dvh);--band-h:calc((100dvh - var(--photo-h))/2);
    position:absolute;inset:0;perspective:1300px;overflow:hidden;background:#090909;
  }

  /* Photo centrale validée */
  #evgtt-mobile-intro .club-photo{
    position:absolute;z-index:2;left:0;top:var(--band-h);width:100%;height:var(--photo-h);
    object-fit:cover;object-position:center center;pointer-events:none;user-select:none;
    background:#080808;filter:contrast(1.035) saturate(.96) brightness(.97);
    transform:scale(1.018);opacity:.01;transition:opacity 1.15s ease .55s,transform 4.8s cubic-bezier(.16,.7,.18,1);
  }
  #evgtt-mobile-intro .photo-drawing{
    position:absolute;z-index:3;left:0;right:0;top:var(--band-h);height:var(--photo-h);pointer-events:none;opacity:0;
    background:linear-gradient(90deg,rgba(0,0,0,.20),transparent 5%,transparent 95%,rgba(0,0,0,.20)),linear-gradient(180deg,rgba(0,0,0,.10),transparent 7%,transparent 93%,rgba(0,0,0,.12));
    transition:opacity 1.2s ease .6s;
  }
  #evgtt-mobile-intro.opening .club-photo{opacity:1;transform:scale(1)}
  #evgtt-mobile-intro.opening .photo-drawing{opacity:.76}

  /* Deux panneaux monoblocs en vieux métal rouge/noir */
  #evgtt-mobile-intro .metal-band{
    position:absolute;left:0;right:0;height:var(--band-h);z-index:5;display:flex;align-items:center;justify-content:center;
    padding:0 7vw;overflow:hidden;box-sizing:border-box;
    background:
      radial-gradient(ellipse at 12% 42%,rgba(204,24,43,.32),transparent 24%),
      radial-gradient(ellipse at 88% 58%,rgba(160,18,34,.28),transparent 25%),
      linear-gradient(90deg,rgba(124,10,25,.46),transparent 10%,transparent 90%,rgba(124,10,25,.46)),
      repeating-linear-gradient(104deg,transparent 0 30px,rgba(255,255,255,.024) 31px 32px,transparent 33px 63px),
      repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,rgba(0,0,0,.055) 1px 5px),
      linear-gradient(180deg,#4a403d 0%,#211c1d 13%,#0d0c0d 49%,#1a1517 82%,#3e3433 100%);
    box-shadow:inset 0 3px 0 rgba(255,255,255,.11),inset 0 -4px 0 rgba(0,0,0,.88),inset 0 0 52px rgba(0,0,0,.66),inset 0 0 85px rgba(121,10,24,.12),0 0 18px #000;
  }
  #evgtt-mobile-intro .metal-band-top{top:0;border-bottom:3px solid rgba(210,20,47,.78)}
  #evgtt-mobile-intro .metal-band-bottom{bottom:0;border-top:3px solid rgba(210,20,47,.78)}
  #evgtt-mobile-intro .metal-band::before{
    content:"";position:absolute;inset:5% 0;opacity:.75;mix-blend-mode:screen;pointer-events:none;
    background:
      linear-gradient(24deg,transparent 0 13%,rgba(93,78,76,.78) 13.5% 17.5%,rgba(24,20,21,.98) 18% 19.5%,transparent 20% 80%,rgba(24,20,21,.98) 80.5% 82%,rgba(93,78,76,.78) 82.5% 86.5%,transparent 87%),
      linear-gradient(-24deg,transparent 0 13%,rgba(87,72,71,.72) 13.5% 17.5%,rgba(24,20,21,.98) 18% 19.5%,transparent 20% 80%,rgba(24,20,21,.98) 80.5% 82%,rgba(87,72,71,.72) 82.5% 86.5%,transparent 87%),
      linear-gradient(90deg,transparent 0 8%,rgba(203,17,42,.30) 8.4% 8.9%,transparent 9.2% 90.8%,rgba(203,17,42,.30) 91.1% 91.6%,transparent 92%);
  }
  #evgtt-mobile-intro .metal-band::after{
    content:"";position:absolute;left:3vw;right:3vw;top:10%;bottom:10%;pointer-events:none;border:1px solid rgba(123,103,100,.30);
    box-shadow:inset 0 0 0 2px rgba(0,0,0,.38),inset 0 0 30px rgba(0,0,0,.44);
    background:radial-gradient(circle at 1.5% 50%,#aaa09b 0 2px,#4d4543 3px 5px,#111 6px 8px,transparent 9px),radial-gradient(circle at 98.5% 50%,#aaa09b 0 2px,#4d4543 3px 5px,#111 6px 8px,transparent 9px);
  }

  /* Gravures explicites : plus de background-image multiples ni d'asset droit alternatif. */
  #evgtt-mobile-intro .engraving{
    position:absolute;z-index:1;top:50%;height:88%;width:auto;transform:translateY(-50%);
    object-fit:contain;pointer-events:none;user-select:none;opacity:.95;filter:contrast(1.04) saturate(.94);
  }
  #evgtt-mobile-intro .engraving-left{left:1.2vw}
  #evgtt-mobile-intro .engraving-right{right:1.2vw;transform:translateY(-50%) scaleX(-1)}
  #evgtt-mobile-intro .metal-band-bottom .engraving{height:76%}

  #evgtt-mobile-intro .metal-band span{
    position:relative;z-index:4;display:block;text-align:center;text-transform:uppercase;font-weight:900;font-style:normal;
    font-size:clamp(19px,5.4vw,35px);letter-spacing:.05em;line-height:1;color:#bbb4af;-webkit-text-stroke:.5px rgba(25,20,20,.9);
    text-shadow:0 -2px 0 #080707,0 2px 0 rgba(255,255,255,.13),2px 4px 5px #000,0 0 12px rgba(213,20,45,.24);
  }
  #evgtt-mobile-intro .metal-band span::before{
    content:"";position:absolute;inset:-35% -5%;z-index:-1;border:1px solid rgba(120,94,94,.28);
    background:rgba(10,8,9,.14);box-shadow:inset 0 0 12px rgba(0,0,0,.75);transform:skewX(-8deg);
  }

  /* Portail fermé : V0.90/V0.93 conservé */
  #evgtt-mobile-intro .mobile-door{
    position:absolute;top:0;bottom:0;width:50.12%;z-index:6;overflow:hidden;background:#0b0b0d;
    backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d;will-change:transform,filter;transition:filter 2.4s ease;
  }
  #evgtt-mobile-intro .mobile-door.left{left:0;transform-origin:0 50%}
  #evgtt-mobile-intro .mobile-door.right{right:0;transform-origin:100% 50%}
  #evgtt-mobile-intro .mobile-door img{
    position:absolute;top:0;width:100vw;height:100dvh;min-height:100%;max-width:none;object-fit:cover;object-position:center center;pointer-events:none;user-select:none;
  }
  #evgtt-mobile-intro .mobile-door.left img{left:0}
  #evgtt-mobile-intro .mobile-door.right img{right:0}

  /* Patine du logo déjà imprimé : aucun second logo. */
  #evgtt-mobile-intro .mobile-door::after{
    content:"";position:absolute;z-index:3;top:44.8%;width:min(48vw,39vh,390px);aspect-ratio:1;transform:translateY(-50%);border-radius:50%;pointer-events:none;
    opacity:.80;mix-blend-mode:multiply;-webkit-backdrop-filter:grayscale(.38) sepia(.10) saturate(.98) contrast(1.24) brightness(.78);backdrop-filter:grayscale(.38) sepia(.10) saturate(.98) contrast(1.24) brightness(.78);
    background:radial-gradient(circle at 22% 28%,rgba(182,25,42,.14),transparent 17%),radial-gradient(circle at 77% 69%,rgba(130,18,31,.18),transparent 20%),radial-gradient(circle at 48% 48%,transparent 0 51%,rgba(17,13,14,.21) 72%,rgba(0,0,0,.40) 100%),repeating-linear-gradient(117deg,transparent 0 8px,rgba(28,23,22,.14) 9px,transparent 10px 21px),repeating-linear-gradient(7deg,transparent 0 23px,rgba(255,255,255,.035) 24px,transparent 25px 43px);
    box-shadow:inset 0 0 34px rgba(12,10,10,.58),inset 0 0 0 2px rgba(70,60,56,.28);
  }
  #evgtt-mobile-intro .mobile-door.left::after{right:calc(min(48vw,39vh,390px) / -2)}
  #evgtt-mobile-intro .mobile-door.right::after{left:calc(min(48vw,39vh,390px) / -2)}

  #evgtt-mobile-intro .prompt-mask{
    position:absolute;z-index:2;top:61.5%;height:9.8%;width:47%;pointer-events:none;
    background:radial-gradient(ellipse at 50% 30%,rgba(45,42,41,.98),rgba(20,19,20,.995) 70%),linear-gradient(180deg,#242122,#101012);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06),inset 0 -1px 0 rgba(227,29,59,.22);
  }
  #evgtt-mobile-intro .mobile-door.left .prompt-mask{right:0}
  #evgtt-mobile-intro .mobile-door.right .prompt-mask{left:0}

  #evgtt-mobile-intro .center-seam{
    position:absolute;z-index:8;left:50%;top:0;width:2px;height:100%;transform:translateX(-50%);
    background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(227,29,59,.92),rgba(255,255,255,.18));box-shadow:0 0 15px rgba(227,29,59,.48);opacity:.62;transition:opacity .65s ease;
  }
  #evgtt-mobile-intro .mobile-logo-button{
    position:absolute;z-index:12;left:50%;top:44.8%;width:min(48vw,39vh,390px);aspect-ratio:1;transform:translate(-50%,-50%);
    border:0;border-radius:50%;padding:0;background:transparent;box-shadow:none;cursor:pointer;outline:none;opacity:1;
  }
  #evgtt-mobile-intro .mobile-logo-button:focus-visible{outline:3px solid rgba(255,255,255,.9);outline-offset:5px}
  #evgtt-mobile-intro.engaged .mobile-logo-button,#evgtt-mobile-intro.opening .mobile-logo-button{pointer-events:none}
  #evgtt-mobile-intro.opening .mobile-logo-button{opacity:0}

  #evgtt-mobile-intro .mobile-prompt{
    position:absolute;z-index:13;left:50%;top:65.7%;width:min(88vw,650px);transform:translate(-50%,-50%);margin:0;text-align:center;
    color:#fff;font-weight:800;font-size:clamp(13px,3.5vw,22px);line-height:1.35;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 2px 11px #000;
    transition:opacity .18s ease,transform .18s ease;pointer-events:none;
  }
  #evgtt-mobile-intro .mobile-prompt::after{content:"";display:block;width:min(22vw,110px);height:2px;margin:13px auto 0;background:#e31d3b;box-shadow:0 0 9px rgba(227,29,59,.7)}
  #evgtt-mobile-intro.engaged .mobile-prompt{opacity:0;transform:translate(-50%,-46%)}
  #evgtt-mobile-intro.opening .center-seam{opacity:0}

  /* Ouverture lourde validée */
  #evgtt-mobile-intro.opening .mobile-door.left{animation:oldDoorLeft100 7.8s linear forwards;filter:brightness(.72)}
  #evgtt-mobile-intro.opening .mobile-door.right{animation:oldDoorRight100 7.8s linear forwards;filter:brightness(.72)}
  @keyframes oldDoorLeft100{0%{transform:rotateY(0)}6%{transform:rotateY(-.4deg)}12%{transform:rotateY(-1.8deg)}20%{transform:rotateY(-5deg)}32%{transform:rotateY(-14deg)}47%{transform:rotateY(-31deg)}63%{transform:rotateY(-54deg)}77%{transform:rotateY(-76deg)}89%{transform:rotateY(-94deg)}100%{transform:rotateY(-103deg)}}
  @keyframes oldDoorRight100{0%{transform:rotateY(0)}6%{transform:rotateY(.4deg)}12%{transform:rotateY(1.8deg)}20%{transform:rotateY(5deg)}32%{transform:rotateY(14deg)}47%{transform:rotateY(31deg)}63%{transform:rotateY(54deg)}77%{transform:rotateY(76deg)}89%{transform:rotateY(94deg)}100%{transform:rotateY(103deg)}}
  #evgtt-mobile-intro.fading{opacity:0;pointer-events:none}

  @media (orientation:landscape) and (max-height:900px){
    #evgtt-mobile-intro .mobile-scene{--photo-h:min(75vw,70dvh)}
    #evgtt-mobile-intro .mobile-logo-button{top:46%;width:min(30vw,42vh,340px)}
    #evgtt-mobile-intro .mobile-prompt{top:72%;font-size:clamp(12px,2vw,18px)}
    #evgtt-mobile-intro .prompt-mask{top:66%;height:12%}
  }
}
@media (min-width:1024px) and (hover:hover) and (pointer:fine){#evgtt-mobile-intro{display:none!important}}
@media (prefers-reduced-motion:reduce){#evgtt-mobile-intro{display:none!important}}