body{font-family:var(--police-v2);color:var(--clair)}h1,h2,h3,button,.btn{font-family:var(--police-v2)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--nuit);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;min-height:100%}.colonne{width:100%;max-width:var(--colonne);margin:0 auto;padding:0 20px}main{flex:1;display:flex;flex-direction:column;justify-content:center;padding:clamp(6px,1vh,16px) 0 clamp(4px,.6vh,10px)}.marque{text-align:center}.marque img{width:min(188px,50vw);height:auto;display:block;margin:0 auto}.baseline{margin:14px 0 0;font-size:clamp(15px,3.6vw,19px);font-weight:600;color:var(--clair);letter-spacing:-.01em}.chiffres{margin:5px 0 0;font-size:13px;color:var(--doux);font-variant-numeric:tabular-nums}form{margin:clamp(22px,4vh,34px) auto 0;display:flex;align-items:stretch;background:var(--clair);border-radius:999px;padding:5px 5px 5px 6px;box-shadow:0 10px 30px #00000057}form:focus-within{box-shadow:0 0 0 3px var(--or),0 10px 30px #00000057}input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:16px;color:var(--nuit);padding:12px 8px 12px 16px}input::placeholder{color:#7a85a0}input:focus{outline:0}form button{border:0;border-radius:999px;background:var(--or);color:var(--nuit);font:inherit;font-weight:700;font-size:15px;padding:0 22px;cursor:pointer}form button:hover{background:var(--or-fonce)}.quiz{margin:clamp(26px,5vh,40px) auto 0;background:var(--or);color:var(--nuit);border:1px solid var(--or-fonce);border-radius:16px;padding:22px 20px 20px}.quiz h2{margin:0;font-size:15px;font-weight:700;letter-spacing:.02em;text-align:center}.quiz .sous{margin:0 0 16px;font-size:15px;font-weight:700;color:#4a3b00;text-align:center}.choix{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.choix button{border:1px solid rgba(11,23,51,.22);background:#ffffff8c;color:var(--nuit);font:inherit;font-size:14px;font-weight:700;border-radius:10px;padding:13px 8px;cursor:pointer;transition:background .12s,border-color .12s}.choix button:hover{background:#ffffffd9}.choix button[aria-pressed=true]{background:var(--nuit);color:var(--or);border-color:var(--nuit)}.niveaux{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.niveaux[hidden]{display:none}.niveaux a{display:block;text-align:center;text-decoration:none;font-size:14px;font-weight:700;border-radius:10px;padding:12px 8px;color:#fff}.n1{background:var(--vert)}.n2{background:var(--nuit);color:var(--or)}.n3{background:var(--rouge)}.niveaux a:hover{filter:brightness(1.08)}:focus-visible{outline:3px solid var(--or);outline-offset:2px}.bande{background:var(--bleu-fonce);border-top:1px solid rgba(255,255,255,.08);padding:9px 0;overflow:hidden;position:relative}.bande h2{margin:0 0 9px;text-align:center;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--doux)}.piste{display:flex;gap:8px;width:max-content;animation:defile 52s linear infinite}.bande:hover .piste,.piste:focus-within{animation-play-state:paused}@keyframes defile{0%{transform:translate(0)}to{transform:translate(-50%)}}.fiche{display:flex;align-items:center;gap:9px;flex:0 0 auto;text-decoration:none;color:var(--clair);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:5px 15px 5px 5px}.fiche:hover{background:#ffffff24}.jeton{width:30px;height:30px;border-radius:50%;background:var(--or);color:var(--nuit);display:grid;place-items:center;font-size:11px;font-weight:800;flex:0 0 auto}.fiche b{display:block;font-size:13px;font-weight:600;white-space:nowrap;line-height:1.25}.fiche span{display:block;font-size:11px;color:var(--doux);white-space:nowrap;line-height:1.25}.trophee{width:30px;height:30px;display:block;margin:6px auto 4px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.chev{display:inline-block;margin-left:7px;font-size:20px;line-height:0;vertical-align:-2px;transition:transform .15s}button[aria-expanded=true] .chev{transform:rotate(180deg)}.sports{margin-top:8px;background:#fff;border-radius:10px;max-height:206px;overflow-y:auto;padding:5px;scrollbar-width:thin}.sports[hidden]{display:none}.sports button{display:flex;width:100%;justify-content:space-between;align-items:center;border:0;background:transparent;font:inherit;font-size:14px;color:#0b1733;text-align:left;padding:9px 10px;border-radius:7px;cursor:pointer}.sports button:hover{background:#eef2fb}.sports button+button{border-top:1px solid #F0F3FA}.quiz .accroche{margin:0}.membre-dehors{background:transparent;color:var(--doux);border:1px solid rgba(255,255,255,.22);font-weight:600}.membre-dehors:hover{background:#ffffff14;color:#fff;filter:none}.membre{display:block;width:100%;margin-top:8px;border:1px solid var(--nuit);background:var(--nuit);color:var(--or);font:inherit;font-size:14px;font-weight:700;border-radius:10px;padding:12px 8px;cursor:pointer}.membre:hover{filter:brightness(1.15)}footer .copy{margin:8px 0 0;text-align:center;font-size:12px;color:#7c8aad}.sports{position:fixed;inset:0;z-index:50;max-height:none;margin:0;border-radius:0;padding:0 14px 24px;-webkit-overflow-scrolling:touch}.sports-tete{position:sticky;top:0;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:15px 2px;border-bottom:1px solid #E7ECF7;color:#0b1733;font-size:16px;font-weight:700}.fermer{border:0;background:#eef2fb;color:#0b1733;font-size:24px;line-height:1;width:38px;height:38px;border-radius:50%;cursor:pointer;flex:0 0 auto}.sports button{padding:13px 10px}body.bloque{overflow:hidden}.chiffres{font-size:12px;margin-top:3px}.marque img{width:min(158px,42vw)}.baseline{font-size:16px;margin-top:10px}.trophee{width:24px;height:24px;margin:2px auto}.quiz{margin-top:16px;padding:14px}.quiz .sous{font-size:14px;margin-bottom:10px}form{margin-top:14px}footer{padding:10px 0;font-size:12px}.bande{padding:7px 0}.bande h2{margin-bottom:7px}@media(min-height:800px){.chiffres{font-size:13px;margin-top:5px}.marque img{width:min(200px,52vw)}.baseline{font-size:19px;margin-top:14px}.trophee{width:30px;height:30px;margin:6px auto 4px}.quiz{margin-top:34px;padding:22px 20px 20px}.quiz .sous{font-size:15px;margin-bottom:16px}form{margin-top:30px}footer{padding:18px 0;font-size:13px}.bande{padding:11px 0}.bande h2{margin-bottom:9px}}@media(max-height:620px){.chiffres{display:none}.baseline{font-size:15px;margin-top:8px}.marque img{width:min(140px,38vw)}}@media(prefers-reduced-motion:reduce){.bande{overflow-x:auto}.piste{animation:none}}footer{background:#08102a;padding:20px 0;font-size:13px;color:var(--doux)}footer nav{display:flex;flex-wrap:wrap;gap:6px 20px;justify-content:center}footer a{color:var(--doux);text-decoration:none}footer a:hover{color:var(--or)}