.q{--bleu: #1d5cff;--cyan: #46aaff;--or: #f2c230;--rouge: #ff3b30;--violet: #c792ff;--vert: #46e696;--jaune: #ffcd46;position:fixed;inset:0;overflow:clip;font-variant-numeric:tabular-nums}.q canvas#qScene,.q canvas#qFx{position:absolute;inset:0;width:100%;height:100%;display:block}.q canvas#qFx{pointer-events:none;z-index:6}.q-voile{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 62%,transparent 38%,rgba(3,5,10,.78) 100%),linear-gradient(180deg,rgba(3,5,10,.72) 0,transparent 16%);transition:background-color .5s ease}.q[data-ecran=accueil] .q-voile,.q[data-ecran=resultat] .q-voile{background-color:#03050a80}.q.eclair:after{content:"";position:absolute;inset:0;z-index:7;pointer-events:none;background:#fff;animation:q-eclair .5s ease-out forwards}@keyframes q-eclair{0%{opacity:.85}to{opacity:0}}.q-tete{position:absolute;z-index:8;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:max(14px,env(safe-area-inset-top)) 18px 0}.q-marques{display:flex;align-items:center;gap:12px;color:#fff}.q-marques img:first-child{height:26px;width:auto}.q-marques img:nth-of-type(2){height:34px;width:auto}.q-marques i{width:1px;height:22px;background:#ffffff4d}.q-marques span{font-family:var(--font-cond);font-size:17px;font-weight:800;font-style:italic;letter-spacing:.14em;text-transform:uppercase}.q-outils{display:flex;align-items:center;gap:8px}.q-rond{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:#080c158c;color:#fff;backdrop-filter:blur(8px);transition:border-color .15s ease,background-color .15s ease}.q-rond:hover{border-color:#fff;color:#fff}.q-rond svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.q-rond .croix,.q-rond[data-muet=true] .onde{display:none}.q-rond[data-muet=true] .croix{display:inline}.q-ecran{position:absolute;z-index:5;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(18px);transition:opacity .35s ease,transform .45s cubic-bezier(.2,.9,.2,1),visibility 0s linear .45s}.q[data-ecran=accueil] .q-accueil,.q[data-ecran=pret] .q-pret,.q[data-ecran=resultat] .q-resultat{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s}.q-sur{font-family:var(--font-cond);font-size:14px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--cyan)}.q-bouton{position:relative;display:inline-grid;place-items:center;min-height:60px;padding:0 38px;border:0;background:linear-gradient(100deg,#1d5cff,#3f8bff 55%,#1d5cff);color:#fff;font-family:var(--font-cond);font-size:24px;font-weight:800;font-style:italic;letter-spacing:.08em;text-transform:uppercase;clip-path:polygon(16px 0,100% 0,calc(100% - 16px) 100%,0 100%);overflow:hidden;filter:drop-shadow(0 0 22px rgba(29,92,255,.65));transition:filter .15s ease,transform .1s ease}.q-bouton:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);animation:q-reflet 2.6s ease-in-out infinite}@keyframes q-reflet{0%,55%{left:-60%}to{left:130%}}.q-bouton:hover{color:#fff;filter:drop-shadow(0 0 34px rgba(70,150,255,.95))}.q-bouton:active{transform:scale(.97)}.q-bouton--clair{min-height:50px;font-size:19px;background:#ffffff1a;filter:none;border:0}.q-bouton--clair:after{display:none}.q-bouton--clair:hover{background:#fff3;filter:none}.q-accueil{left:50%;top:50%;width:min(520px,calc(100% - 32px));padding:34px 34px 36px;translate:-50% -50%;background:#080c15bd;border:1px solid rgba(110,160,255,.28);border-radius:6px;backdrop-filter:blur(16px);box-shadow:0 0 90px #1d5cff47,inset 0 1px #ffffff14}.q-accueil h1{margin-top:12px;font-size:clamp(54px,13vw,92px);font-weight:800;font-style:italic;line-height:.86;letter-spacing:-.01em}.q-accueil h1 em{font-style:italic;background:linear-gradient(100deg,#46aaff,#1d5cff);-webkit-background-clip:text;background-clip:text;color:transparent}.q-texte{margin-top:16px;font-size:17px;line-height:1.5;color:#b9c4d6}.q-texte b{color:#fff}.q-form{display:grid;gap:14px;margin-top:24px}.q-form.refus{animation:q-refus .4s ease}@keyframes q-refus{20%,60%{transform:translate(-9px)}40%,80%{transform:translate(9px)}}.q-form label{display:grid;gap:6px}.q-form label span{font-family:var(--font-cond);font-size:13px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#8fa0b8}.q-form label small{margin-left:6px;padding:1px 6px;border-radius:2px;background:#f2c23029;font-size:10px;letter-spacing:.1em;color:var(--or)}.q-form input{width:100%;height:54px;padding:0 16px;border:1px solid rgba(255,255,255,.2);border-radius:3px;background:#ffffff0f;color:#fff;font:600 20px var(--font-cond);letter-spacing:.08em;user-select:text;-webkit-user-select:text;transition:border-color .15s ease,box-shadow .15s ease}.q-form input#qCode{text-transform:uppercase}.q-form input::placeholder{color:#68778e;font-weight:500;letter-spacing:.02em;text-transform:none}.q-form input:focus{outline:0;border-color:var(--cyan);box-shadow:0 0 0 3px #46aaff38}.q-form[hidden],.q-porte[hidden],.q-essai[hidden],.q-form label[hidden]{display:none}.q-porte{display:grid;justify-items:start;gap:16px;max-width:46ch}.q-porte p{font-size:18px;line-height:1.5;color:#dfe6f1}.q-porte .q-porte-note{font-size:14px;color:#8fa0b8}.q-porte .q-porte-note[hidden],.q-porte .q-bouton[hidden],.q-porte .q-lien[hidden]{display:none}.q-compte{font:600 14px var(--font-cond);letter-spacing:.18em;text-transform:uppercase;color:var(--cyan)}.q-badge{padding:4px 10px;border:1px solid rgba(242,194,48,.6);background:#281e00b3;color:var(--or);font:700 12px var(--font-cond);letter-spacing:.2em;text-transform:uppercase}.q-badge[hidden]{display:none}.q-lancer.attente{opacity:.55;pointer-events:none}.q-erreur{font-size:14px;font-weight:600;color:#ff7a70}.q-form .q-bouton{margin-top:6px}.q-pret{left:0;right:0;bottom:max(34px,env(safe-area-inset-bottom));display:grid;justify-items:center;gap:6px;padding:0 16px;text-align:center}.q-nom{font-family:var(--font-cond);font-size:clamp(40px,9vw,68px);font-weight:800;font-style:italic;line-height:.95;text-transform:uppercase;text-shadow:0 0 30px rgba(29,92,255,.8)}.q-cible{display:flex;align-items:baseline;gap:10px;margin:4px 0 16px;font-family:var(--font-cond);font-size:15px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#9fb0c8}.q-cible b{font-size:28px;font-style:italic;letter-spacing:.02em;color:var(--or)}.q-cible{justify-content:center;align-items:stretch;gap:0}.q-cible p{display:flex;flex-direction:column;align-items:center;gap:4px;margin:0;padding:0 22px}.q-cible p+p{border-left:1px solid rgba(159,176,200,.28)}.q-cible span{font-size:13px;letter-spacing:.14em;color:#9fb0c8}.q-cible .q-cible-18{color:#fff}.q-lancer{min-height:76px;padding:0 56px;font-size:32px;animation:q-pouls 1.5s ease-in-out infinite}@keyframes q-pouls{0%,to{filter:drop-shadow(0 0 20px rgba(29,92,255,.6))}50%{filter:drop-shadow(0 0 44px rgba(80,160,255,1))}}.q-note{margin-top:12px;font-size:14px;color:#8394ab}.q-feux{position:absolute;z-index:5;top:16%;left:50%;display:flex;gap:clamp(8px,2vw,16px);padding:clamp(10px,2vw,16px) clamp(14px,3vw,24px);translate:-50% 0;border-radius:8px;background:#05070ddb;border:1px solid rgba(255,255,255,.14);opacity:0;scale:.9;transition:opacity .25s ease,scale .25s ease}.q[data-ecran=feux] .q-feux{opacity:1;scale:1}.q-feux i{width:clamp(34px,8vw,58px);aspect-ratio:1;border-radius:50%;background:#241312;box-shadow:inset 0 0 0 3px #00000080;transition:background-color .06s linear}.q-feux i.on{background:radial-gradient(circle at 38% 34%,#ffb3a8,#ff2d20 46%,#b3120a);box-shadow:0 0 34px 8px #ff2d20bf,inset 0 0 0 3px #00000040}.q-hud{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:0;transition:opacity .3s ease}.q[data-ecran=lancement] .q-hud,.q[data-ecran=tour] .q-hud,.q[data-ecran=arrivee] .q-hud{opacity:1}.q-chrono{position:absolute;top:max(70px,calc(env(safe-area-inset-top) + 62px));left:50%;display:grid;justify-items:center;translate:-50% 0}.q-chrono-l{font-family:var(--font-cond);font-size:13px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:#9fb0c8}.q-chrono-n{font-family:var(--font-cond);font-size:clamp(64px,15vw,118px);font-weight:800;font-style:italic;line-height:.92;text-shadow:0 0 28px rgba(29,92,255,.9),0 2px 0 rgba(0,0,0,.5)}.q-chrono-n.fige{animation:q-fige .5s cubic-bezier(.2,1.6,.3,1);color:var(--or);text-shadow:0 0 34px rgba(242,194,48,.8)}@keyframes q-fige{0%{scale:1}40%{scale:1.22}to{scale:1}}.q-ecart{display:flex;align-items:baseline;gap:10px;margin-top:6px;padding:4px 14px;border-radius:3px;background:#05070db3}.q-ecart i{font:normal 600 12px var(--font-cond);letter-spacing:.2em;text-transform:uppercase;color:#8fa0b8}.q-ecart b{min-width:4.2ch;font:italic 800 26px var(--font-cond);text-align:right}.q-ecart b[data-sens=moins]{color:var(--vert)}.q-ecart b[data-sens=plus]{color:var(--rouge)}.q-secteurs{position:absolute;left:18px;top:50%;display:grid;gap:6px;translate:0 -50%}.q-secteurs div{display:flex;align-items:baseline;gap:10px;min-width:132px;padding:7px 12px;border-left:4px solid rgba(255,255,255,.25);background:#05070db8;transition:background-color .2s ease,border-color .2s ease}.q-secteurs i{font:normal 700 13px var(--font-cond);letter-spacing:.14em;color:#8fa0b8}.q-secteurs b{font:italic 700 22px var(--font-cond);margin-left:auto}.q-secteurs [data-ton=violet]{border-color:var(--violet);background:#783cc880;animation:q-pop .4s ease}.q-secteurs [data-ton=vert]{border-color:var(--vert);background:#14825080;animation:q-pop .4s ease}.q-secteurs [data-ton=jaune]{border-color:var(--jaune);background:#966e0a73;animation:q-pop .4s ease}@keyframes q-pop{0%{scale:1.25}to{scale:1}}.q-compteur{position:absolute;left:18px;bottom:max(22px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px}.q-rapport{display:grid;place-items:center;width:54px;height:54px;border:2px solid var(--cyan);border-radius:50%;background:#05070db3;font:italic 800 30px var(--font-cond);box-shadow:0 0 18px #46aaff80}.q-vitesse{display:grid}.q-vitesse b{font:italic 800 54px/.9 var(--font-cond);min-width:3ch}.q-vitesse i{font:normal 600 12px var(--font-cond);letter-spacing:.24em;text-transform:uppercase;color:#8fa0b8}.q-plan{position:absolute;right:18px;bottom:max(22px,env(safe-area-inset-bottom));width:190px;height:124px;border-radius:4px;background:#05070d99}.q-annonce{position:absolute;left:50%;top:34%;margin:0;translate:-50% 0;font-family:var(--font-cond);font-size:clamp(28px,6.4vw,54px);font-weight:800;font-style:italic;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;opacity:0}.q-annonce.on{animation:q-annonce 1.5s cubic-bezier(.2,.9,.2,1) forwards}@keyframes q-annonce{0%{opacity:0;scale:1.5}12%{opacity:1;scale:1}75%{opacity:1}to{opacity:0;scale:.96}}.q-annonce[data-ton=violet]{color:var(--violet);text-shadow:0 0 26px rgba(170,90,255,.9)}.q-annonce[data-ton=vert]{color:var(--vert);text-shadow:0 0 26px rgba(40,220,130,.8)}.q-annonce[data-ton=jaune]{color:var(--jaune);text-shadow:0 0 22px rgba(240,180,30,.7)}.q-annonce[data-ton=rouge]{color:#ff6a5e;text-shadow:0 0 26px rgba(255,50,40,.9)}.q-annonce[data-ton=blanc]{color:#fff;text-shadow:0 0 26px rgba(70,150,255,.9)}.q-resultat{inset:70px 0 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,480px);align-items:center;gap:40px;padding:10px clamp(18px,5vw,72px) 28px;overflow-y:auto}.q-bilan{display:grid;justify-items:start}.q-temps{margin-top:4px;font:italic 800 clamp(72px,12vw,150px) / .9 var(--font-cond);text-shadow:0 0 40px rgba(29,92,255,.8)}.q-rang{display:flex;align-items:baseline;gap:6px;margin-top:10px;font-family:var(--font-cond);font-style:italic;font-weight:800}.q-rang i{font-size:44px;font-style:italic;color:var(--cyan)}.q-rang b{font-size:clamp(84px,13vw,150px);line-height:.86;min-width:1.2ch}.q-rang span{margin-left:10px;font-size:20px;font-style:normal;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#8fa0b8}.q-verdict{margin-top:16px;padding:8px 26px 8px 22px;font:italic 800 clamp(28px,4.6vw,46px) / 1 var(--font-cond);letter-spacing:.06em;text-transform:uppercase;clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);opacity:0}.q-suite{max-width:44ch;margin-top:14px;font-size:17px;line-height:1.5;color:#b9c4d6;opacity:0;transition:opacity .5s ease .3s}.q-suite b{color:#fff}.q[data-verdict=grille] .q-verdict,.q[data-verdict=hors] .q-verdict{opacity:1;animation:q-verdict .55s cubic-bezier(.2,1.5,.3,1) backwards}.q[data-verdict=grille] .q-suite,.q[data-verdict=hors] .q-suite{opacity:1}.q[data-verdict=grille] .q-verdict{background:linear-gradient(100deg,#f2c230,#ffe27a 50%,#f2c230);color:#0d1117;filter:drop-shadow(0 0 26px rgba(242,194,48,.7))}.q[data-verdict=grille] .q-rang b{color:var(--or);text-shadow:0 0 40px rgba(242,194,48,.7)}.q[data-verdict=hors] .q-verdict{background:#ffffff1f;color:#dfe6f1}@keyframes q-verdict{0%{opacity:0;scale:1.6}to{opacity:1;scale:1}}.q-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:26px}.q-lien{padding:8px 0;border:0;border-bottom:1px solid rgba(255,255,255,.4);background:none;color:#dfe6f1;font:600 15px var(--font-base)}.q-lien:hover{color:#fff;border-color:#fff}.q-tableau{align-self:stretch;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;min-height:0;padding:18px 18px 12px;background:#080c15c7;border:1px solid rgba(110,160,255,.22);border-radius:6px;backdrop-filter:blur(14px)}.q-clsmt{margin:0;padding:0 4px 0 0;list-style:none;overflow-y:auto;scrollbar-width:thin}.q-l{display:grid;grid-template-columns:30px minmax(0,1fr) auto 64px;align-items:center;gap:10px;padding:5px 8px;border-bottom:1px solid rgba(255,255,255,.07);font-size:14.5px;animation:q-ligne .4s ease both;animation-delay:calc(var(--i) * 28ms + .25s)}@keyframes q-ligne{0%{opacity:0;translate:16px 0}to{opacity:1;translate:0 0}}.q-l-r{display:grid;place-items:center;height:22px;border-radius:2px;background:#ffffff17;font:700 13px var(--font-cond)}#qClsmt .q-l:nth-child(1) .q-l-r{background:#f2c230;color:#0d1117}#qClsmt .q-l:nth-child(2) .q-l-r{background:#c9d0d8;color:#0d1117}#qClsmt .q-l:nth-child(3) .q-l-r{background:#c98a52;color:#0d1117}.q-clsmt--pied{overflow:visible}.q-l-n{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.q-l-t{font:italic 700 18px var(--font-cond)}.q-l-e{font-size:12.5px;color:#8fa0b8;text-align:right}.q-l:not(.grille){color:#9fb0c8}.q-l.moi{border-radius:3px;border-bottom-color:transparent;background:linear-gradient(100deg,#1d5cffd9,#3f8bff8c);color:#fff;box-shadow:0 0 22px #1d5cff80}.q-l.moi .q-l-e{color:#dbe6ff}.q-l-barre{display:flex;align-items:center;gap:10px;padding:8px 0 6px;font:700 11.5px var(--font-cond);letter-spacing:.2em;text-transform:uppercase;color:var(--or)}.q-l-barre:before,.q-l-barre:after{content:"";flex:1;height:2px;background:repeating-linear-gradient(90deg,var(--or) 0 8px,transparent 8px 14px)}.q-l-saut{padding:2px 0;text-align:center;color:#5d6c82;letter-spacing:.3em}.q-essai{position:absolute;z-index:9;right:12px;top:64px;display:grid;justify-items:end;font-size:13px}.q-essai-tete{padding:4px 10px;border:1px solid rgba(242,194,48,.6);border-radius:3px;background:#281e00b3;color:var(--or);font:700 11px var(--font-cond);letter-spacing:.18em;text-transform:uppercase}.q-essai-corps{display:none;gap:6px;margin-top:6px;padding:10px;border:1px solid rgba(242,194,48,.4);border-radius:4px;background:#080c15f0}.q-essai.ouvert .q-essai-corps{display:grid}.q-essai-corps p{margin:0 0 2px;color:#b9c4d6}.q-essai-corps b{color:var(--or);letter-spacing:.08em}.q-essai-corps button{padding:7px 10px;border:1px solid rgba(255,255,255,.2);border-radius:3px;background:#ffffff0f;color:#fff;font:500 13px var(--font-base);text-align:left}.q-essai-corps button:hover{border-color:var(--or)}.q-essai-corps a{padding:7px 10px;color:var(--or);font:600 13px var(--font-base)}.q-essai-corps a:hover{color:#fff}.q.fige *,.q.fige *:after{transition:none!important;animation:none!important}@media(max-width:860px){.q-marques span{display:none}.q-resultat{grid-template-columns:minmax(0,1fr);align-items:start;gap:22px;padding-top:4px}.q-bilan{justify-items:center;text-align:center}.q-actions{justify-content:center}.q-tableau{align-self:start}.q-clsmt{overflow:visible}.q-secteurs{left:50%;top:auto;bottom:calc(max(22px,env(safe-area-inset-bottom)) + 76px);grid-auto-flow:column;translate:-50% 0}.q-secteurs div{min-width:0;padding:6px 9px;gap:6px}.q-secteurs b{font-size:18px}.q-plan{width:118px;height:78px}.q-rapport{width:44px;height:44px;font-size:24px}.q-vitesse b{font-size:42px}}