.projection{--fond:#10103d;--surface:#18184f;--encre:#f2f2f8;--encre-douce:#b3b3cc;--marine:#1c1c7a;--balise:#00f0d0;--accent:#edff00;--trait:#33337a;--houle:cubic-bezier(.22, 1, .36, 1);background:radial-gradient(circle at 85% 10%,color-mix(in srgb,var(--balise) 10%,transparent),transparent 40%),radial-gradient(circle at 10% 90%,color-mix(in srgb,var(--marine) 70%,transparent),transparent 50%),var(--fond);color:var(--encre);-webkit-font-smoothing:antialiased;grid-template-rows:auto 1fr auto;font-family:Outfit,Segoe UI,system-ui,sans-serif;display:grid;position:fixed;inset:0;overflow:hidden}.projection *,.projection :after,.projection :before{box-sizing:border-box}.projection .ecran{display:contents}.projection .bandeau{align-items:center;gap:2vw;padding:2.2vh 3vw;display:flex}.projection .bandeau-logo{height:5vh;min-height:32px}.projection .bandeau-titre{min-width:0;color:var(--encre-douce);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:clamp(16px,1.5vw,28px);font-weight:600;overflow:hidden}.projection .compteurs{color:var(--encre-douce);align-items:center;gap:2.4vw;font-size:clamp(14px,1.2vw,22px);display:flex}.projection .compteurs b{color:var(--encre);font-variant-numeric:tabular-nums;font-size:clamp(22px,2.4vw,44px);font-weight:600;line-height:1;display:block}.projection .direct{color:var(--balise);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;font-size:clamp(12px,.9vw,16px);font-weight:600;display:inline-flex}.projection .direct:before{content:"";background:var(--balise);border-radius:50%;width:10px;height:10px;animation:1.6s ease-out infinite projection-pulse}.projection .direct.ferme{color:var(--encre-douce)}.projection .direct.ferme:before{background:var(--encre-douce);animation:none}.projection .scene{flex-direction:column;justify-content:center;min-height:0;padding:2vh 6vw;display:flex;position:relative}.projection .vide{color:var(--encre-douce);font-size:clamp(18px,1.8vw,32px)}.projection .rejoindre{grid-template-columns:auto 1fr;align-items:center;gap:6vw;display:grid}.projection .rejoindre .qr{box-shadow:0 0 0 1px var(--trait),0 30px 80px -30px color-mix(in srgb,var(--balise) 45%,transparent);background:#fff;border-radius:24px;padding:1.6vh}.projection .rejoindre .qr canvas{width:min(56vh,38vw)!important;height:min(56vh,38vw)!important}.projection .rejoindre .lien{color:var(--encre-douce);font-size:clamp(18px,2vw,38px)}.projection .rejoindre .code{letter-spacing:.18em;color:var(--accent);margin:1vh 0 4vh;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(48px,7vw,140px);font-weight:600;line-height:1}.projection .sonar-compteur{color:var(--encre-douce);align-items:baseline;gap:1vw;font-size:clamp(18px,1.8vw,34px);display:inline-flex;position:relative}.projection .sonar-compteur b{color:var(--balise);font-variant-numeric:tabular-nums;font-size:clamp(48px,6vw,120px);font-weight:600;line-height:1}.projection .pied{color:var(--encre-douce);justify-content:space-between;align-items:center;gap:2vw;padding:1.6vh 3vw 2.4vh;font-size:14px;display:flex}.projection .commande{border:1px solid var(--trait);color:var(--encre);font:inherit;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;display:inline-flex}.projection .commande:hover{border-color:var(--balise)}.projection .vague{animation:projection-monte .6s var(--houle) both;animation-delay:calc(var(--rang,0)*70ms)}@media (prefers-reduced-motion:reduce){.projection *,.projection :after,.projection :before{transition:none!important;animation:none!important}}@keyframes projection-pulse{0%{box-shadow:0 0 #00f0d099}to{box-shadow:0 0 0 12px #0000}}@keyframes projection-monte{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}