@font-face{font-family:Amaranth;src:url(/fonts/Amaranth/Amaranth-Regular.ttf);font-weight:400;font-style:normal}@font-face{font-family:Amaranth;src:url(/fonts/Amaranth/Amaranth-Bold.ttf);font-weight:700;font-style:normal}@font-face{font-family:Pilowlava;src:url(/fonts/Pilowlava/Pilowlava-Regular.otf);font-weight:400;font-style:normal}*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none}body{margin:0;height:100vh;width:100vw;overflow:hidden}.contenaire{display:flex;height:100vh;width:100vw;justify-content:center;align-items:center}#loading-screen{display:none;flex-direction:column;align-items:center;justify-content:center;height:100vh;color:#fff;font-family:Arial,sans-serif}.progress-container{width:50%;height:25px;background:#222;border:#000000 2px solid;border-radius:15px;overflow:hidden}.progresse{height:100%;width:0%;background:linear-gradient(45deg,#ff416c,#ff4b2b,#1e90ff,#8e2de2);background-size:300% 300%;animation:gradientShift 6s ease infinite;border-radius:15px;position:relative;transition:width .3s ease;overflow:hidden}.progresse:before{content:"";position:absolute;top:0;left:-40%;width:40%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 1s infinite;border-radius:inherit}@keyframes shimmer{0%{left:-40%}to{left:100%}}#mobile-control-zone{position:fixed;bottom:0;left:0;width:100vw;height:100vh;display:flex;user-select:none;-webkit-user-select:none;touch-action:none}.control-zone{flex:1;border:1px solid rgba(255,255,255,.3);display:flex;justify-content:center;padding-top:225px;font-size:1.5rem;color:#fff;opacity:.3}.control-zone.active{opacity:.7}@keyframes pulseOpacity{0%,to{opacity:.3}50%{opacity:.4}}@keyframes floatUpDown{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.control-zone{animation:pulseOpacity 3s ease-in-out infinite,floatUpDown 4s ease-in-out infinite}.control-zone.active{animation:none;opacity:.7}.progress{height:20px;background:linear-gradient(90deg,#ffeb3b,#fbc02d);background:linear-gradient(45deg,#57e793,#4caf50,#81c784,#a5d6a7);animation:gradientShift 6s ease infinite;border-radius:10px 0 0 10px;box-shadow:0 0 12px #ffd600;transition:width .3s ease;position:relative;overflow:visible}.progress .bubbles-container{position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none;overflow:visible;z-index:10}.progress .bubble{position:absolute;bottom:0;width:6px;height:6px;border-radius:50%;background:#f72d2dcc;filter:blur(1px);opacity:.5;transition:transform 2s ease-in-out,opacity 2s ease-in-out}.container-btn{height:45vh;display:flex;justify-content:center;align-items:center;gap:15px;flex-direction:column}@media (max-width: 768px){.container-btn{display:flex;flex-direction:column}}.btn-play{background:linear-gradient(45deg,#ff416c,#ff4b2b,#1e90ff,#8e2de2);background-size:300% 300%;animation:gradientShift 6s ease infinite;color:#000;border:3px solid #000;padding:15px 20px;font-size:18px;font-weight:700;border-radius:15px;cursor:pointer;box-shadow:0 6px #000;transition:all .1s ease-in-out;transform-origin:top center;position:relative;width:350px!important;-webkit-tap-highlight-color:transparent;letter-spacing:1.5px;outline:none}.btn-play:active{transform:scaleY(1.1) scaleX(.95);box-shadow:0 2px #000;top:4px}.btn-contacter{animation:fadeInUp 2s forwards;animation-delay:0s;background:linear-gradient(45deg,#57e793,#4caf50,#81c784,#a5d6a7);background-size:300% 300%;animation:gradientShift 6s ease infinite;color:#000;border:3px solid #000;padding:15px 20px;font-size:18px;font-weight:700;border-radius:15px;cursor:pointer;box-shadow:0 6px #000;transition:all .1s ease-in-out;transform-origin:top center;position:relative;width:350px!important;-webkit-tap-highlight-color:transparent;letter-spacing:1.5px;outline:none}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.btn-contacter:active{transform:scaleY(1.1) scaleX(.95);box-shadow:0 2px #000;top:4px}.btn-contacter-mini{right:10px;top:10px;background:linear-gradient(45deg,#ff416c,#ff4b2b,#1e90ff,#8e2de2);background-size:300% 300%;animation:gradientShift 6s ease infinite;color:#000;border:3px solid #000;padding:5px 15px;font-size:18px;font-weight:700;border-radius:15px;cursor:pointer;box-shadow:0 6px #000;transition:all .1s ease-in-out;transform-origin:top center;position:relative;letter-spacing:1.5px;z-index:10;position:fixed!important;-webkit-tap-highlight-color:transparent;outline:none}.btn-contacter-mini:active{transform:scaleY(1.1) scaleX(.95);box-shadow:0 2px #000;top:14px}.btn-tap{background-color:#9a57e7;color:#fff;border:3px solid #000;padding:15px 20px;font-size:18px;border-radius:15px;cursor:pointer;box-shadow:0 6px #000;transition:all .1s ease-in-out;transform-origin:top center;position:relative;width:350px!important;-webkit-tap-highlight-color:transparent;outline:none}.btn-tap:active{transform:scaleY(1.1) scaleX(.95);box-shadow:0 2px #000;top:4px}.intro-text{text-align:center;margin-bottom:30px;opacity:0;animation:fadeInUp 2s forwards;font-family:Arial,sans-serif;color:#333;padding:0 15px}.intro-text h1{font-size:2.5rem;margin-bottom:.5em;opacity:0;animation:fadeInUp 2s forwards;animation-delay:0s;transform:translateY(20px)}.intro-text p{font-size:1.2rem;color:#555;opacity:0;animation:fadeInUp 2s forwards;animation-delay:.5s;margin-top:0;transform:translateY(20px)}@media (max-width: 480px){.intro-text h1{font-size:1.8rem}.intro-text p{font-size:1rem}}@media (min-width: 481px) and (max-width: 768px){.intro-text h1{font-size:2.2rem}.intro-text p{font-size:1.1rem}}.hud-indicators{position:fixed;bottom:5%;left:50%;transform:translate(-50%);display:flex;gap:32px;z-index:9999;pointer-events:none}.hud-box{width:120px;position:relative;padding:18px 28px;background:#ffeb3b0d;border:1.5px solid rgba(255,235,59,.25);border-radius:14px;transform:skew(-18deg);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);font-family:Orbitron,sans-serif;color:#ffeb3b;text-align:center;box-shadow:0 0 24px #ffeb3b26,inset 0 0 10px #ffeb3b1a;animation:hudGlow 3s ease-in-out infinite;overflow:hidden}.hud-box:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(255,235,59,.1),transparent 70%);z-index:0}.hud-box span,.hud-box small,.hud-box strong{position:relative;transform:skew(18deg);z-index:1}.hud-box span{font-size:1.3rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px}.hud-box strong{margin-top:6px;margin-right:6px;display:inline-block;background:#ffeb3b;color:#000;padding:4px 10px;border-radius:6px;box-shadow:0 0 12px #ffeb3b73}.hud-box small{font-size:.75rem;margin-top:4px;opacity:.65;letter-spacing:.4px}@keyframes hudGlow{0%,to{box-shadow:0 0 22px #ffeb3b33,inset 0 0 10px #ffeb3b14}50%{box-shadow:0 0 32px #ffeb3b66,inset 0 0 16px #ffeb3b33}}@media screen and (max-width: 600px){.hud-box{padding:14px 18px}.hud-box span{font-size:1rem}}.overlayCockpit{position:fixed;inset:0;background:radial-gradient(ellipse at center,#001e28e6,#000000f7 85%);display:flex;justify-content:center;align-items:center;z-index:10000;user-select:none;margin:0!important;padding:0}.holoSphereWrapper{width:45vw;height:45vh;border-radius:25px;transform:skew(-18deg);background:#ffeb3b0d;backdrop-filter:blur(18px);border:1.5px solid rgba(255,235,59,.25);box-shadow:0 0 24px #ffeb3b26,inset 0 0 10px #ffeb3b1a;padding:50px}.holoSphere{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);pointer-events:none;user-select:none;mix-blend-mode:screen}.holoContent{text-align:center;font-family:Orbitron,monospace,sans-serif;color:#ffeb3b;text-shadow:0 0 8px #ffeb3baa,0 0 18px #ffeb3bcc,0 0 28px #ffeb3bff;user-select:none;display:flex;flex-direction:column;align-items:center;justify-content:space-around;height:100%}.holoContent h1{font-size:3.6rem;letter-spacing:.2em;text-transform:uppercase;text-shadow:0 0 10px #ffeb3bff,0 0 20px #ffeb3bcc,0 0 40px #ffeb3bff;margin:0}.messageBonus{margin-top:1.2em;font-style:italic;font-size:1.3rem;color:#ffeb3bdd;text-shadow:0 0 16px #ffeb3b99}.btnContact{display:inline-block;padding:16px 48px;font-size:1.3rem;font-weight:700;color:#000;background:#ffeb3be6;border:3px solid #ffeb3b;border-radius:20px;text-decoration:none;box-shadow:0 0 30px #ffeb3bcc,inset 0 0 12px #fff85c;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease}.btnContact:hover{background:#fff85c;color:#222;box-shadow:0 0 50px #fff85c,inset 0 0 18px #fff85c}.hud-ContentBox{display:flex;justify-content:center;gap:32px;user-select:none}.holoContentBox{position:relative;width:140px;padding:20px 32px;background:#ffeb3b1f;border:1.8px solid rgba(255,235,59,.4);border-radius:24px;font-family:Orbitron,monospace,sans-serif;color:#ffeb3b;box-shadow:0 0 30px #ffeb3b59,inset 0 0 16px #ffeb3b2e;display:flex;justify-content:center;flex-direction:column;align-items:center}.holoContentBox span{font-size:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:1.7px}.holoContentBox strong{margin-top:10px;margin-right:6px;display:inline-block;background:#ffeb3b;color:#222;padding:8px 18px;border-radius:12px;box-shadow:0 0 20px #ffeb3b8c;font-size:1.6rem}@keyframes hudGlow{0%,to{box-shadow:0 0 36px #ffeb3b4d,inset 0 0 16px #ffeb3b1f}50%{box-shadow:0 0 48px #ffeb3b99,inset 0 0 24px #ffeb3b38}}.topRightSpheres{position:absolute;top:18px;right:18px;width:110px;height:110px;pointer-events:none}.topRightSpheres .sphere{position:absolute;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at center,#ffeb3b,#ffeb3b49);box-shadow:0 0 20px #ffeb3b,inset 0 0 10px #ffeb3b;animation:sphereRotate 10s linear infinite;opacity:.8}.topRightSpheres .sphere:nth-child(1){top:50%;left:50%;margin-left:-12px;margin-top:-12px;animation-delay:0s}.topRightSpheres .sphere:nth-child(2){top:0;left:50%;margin-left:-12px;animation-delay:3.3s}.topRightSpheres .sphere:nth-child(3){top:50%;left:100%;margin-left:-12px;margin-top:-12px;animation-delay:6.6s}@keyframes sphereRotate{0%{transform:rotate(0) translate(40px) rotate(0)}to{transform:rotate(360deg) translate(40px) rotate(-360deg)}}.topLeftRects{position:absolute;top:28px;left:28px;display:flex;gap:8px;pointer-events:none}.topLeftRects .rect{width:18px;height:8px;background:linear-gradient(135deg,#ffeb3b,#fdd835);border-radius:4px;transform:skew(-25deg);box-shadow:0 0 8px #ffeb3bcc;animation:rectBlink 2.5s infinite;opacity:.4}.topLeftRects .rect:nth-child(1){animation-delay:0s}.topLeftRects .rect:nth-child(2){animation-delay:.5s}.topLeftRects .rect:nth-child(3){animation-delay:1s}.topLeftRects .rect:nth-child(4){animation-delay:1.5s}.topLeftRects .rect:nth-child(5){animation-delay:2s}@keyframes rectBlink{0%,to{opacity:.4}50%{opacity:1}}@media screen and (max-width: 768px){.holoSphereWrapper{width:65vw;height:auto;padding:10px;transform:skew(-5deg);border-radius:18px}.holoContent{font-size:.9rem;padding:10px;gap:20px}.holoContent h1{margin-top:15px;font-size:2.2rem;letter-spacing:.1em;text-align:center}.messageBonus{font-size:1.1rem;text-align:center;padding:0 10px}.btnContact{padding:15px auto;font-size:1.1rem}.hud-ContentBox{gap:16px;align-items:center}.holoContentBox{width:90%;padding:15px;text-align:center}.holoContentBox span{font-size:1.3rem}.holoContentBox strong{font-size:1.4rem;padding:6px 14px}.topRightSpheres{top:12px;right:12px;width:80px;height:80px}.topRightSpheres .sphere{width:18px;height:18px;margin-left:-9px;margin-top:-9px}.topLeftRects{top:16px;left:16px;gap:6px}.topLeftRects .rect{width:14px;height:6px}}.holoSphereWrapper{animation:appearWrapper 1.2s ease-out forwards;opacity:0;transform:translateY(20px) skew(-18deg)}@keyframes appearWrapper{to{opacity:1;transform:translateY(0) skew(-18deg)}}.holoContent>*{opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease-out forwards}.holoContent h1{animation-delay:.6s}.hud-ContentBox{animation-delay:.9s}.messageBonus{animation-delay:1.2s}.btnContact{animation-delay:1.5s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}