.td-grille{grid-template-areas:"texte""scene""resultat";gap:26px;display:grid}.td-texte{grid-area:texte;min-width:0}.td-scene{grid-area:scene}.td-resultat{grid-area:resultat;min-width:0}.td-accroche{max-width:46ch;color:var(--color-text-secondary);margin:16px 0 0;font-size:clamp(17px,1.4vw,20px);line-height:1.42}.td-barre{gap:8px;margin-top:22px;display:grid}.td-barre input{background:var(--color-ivoire);width:100%;min-width:0;height:56px;color:var(--color-charbon);border:0;border-radius:999px;outline:none;padding:0 22px;font-size:16px;font-weight:500}.td-barre input::placeholder{color:#6f6f78}.td-barre input:focus-visible{box-shadow:0 0 0 4px #9b8cff80}.td-barre .bouton{width:100%;min-height:56px}.td-note{color:var(--color-text-secondary);margin:14px 0 0 6px;font-size:15px;line-height:1.4}.td-note-erreur{color:#ff8a7a;font-weight:500}.td-scene{--td-l:min(56vw, 330px);height:calc(var(--td-l) * 2.164 + 34px);perspective:1400px;position:relative}.td-tel{width:var(--td-l);aspect-ratio:390/844;margin-left:calc(var(--td-l) / -2);transform:rotateY(calc(-8deg + var(--td-rx,0deg))) rotateX(calc(3deg + var(--td-ry,0deg)));background:#1b1b20;border-radius:44px;padding:9px;transition:transform .35s ease-out;position:absolute;top:0;left:50%;box-shadow:1px 0 #3a3a42,10px 10px #26262c,24px 34px 80px #5b4bdb80}.td-ecran{background:#15151a;border-radius:36px;height:100%;position:relative;overflow:hidden}.td-ecran img{object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;inset:0}.td-attente{text-align:center;color:var(--color-text-secondary);background:linear-gradient(110deg,#15151a 30%,#26262e 50%,#15151a 70%) 0 0/220% 100%;place-content:center;padding:18px;font-size:14px;line-height:1.4;animation:1.5s linear infinite td-balaye;display:grid;position:absolute;inset:0}.td-attente b{color:var(--color-ivoire);overflow-wrap:anywhere;margin-top:3px;font-size:15px;display:block}@keyframes td-balaye{to{background-position:-220% 0}}.td-etiquette{z-index:3;background:var(--color-ivoire);max-width:36%;color:var(--color-charbon);transform:translate(var(--td-px,0), var(--td-py,0)) rotate(var(--td-penche));border-radius:12px;align-items:center;gap:8px;padding:7px 10px;font-size:11.5px;font-weight:700;line-height:1.15;transition:transform .35s ease-out;display:flex;position:absolute;box-shadow:0 12px 30px #00000080}.td-etiquette i{flex:none;width:9px;height:9px}.td-etiquette.td-major{outline-offset:-2px;outline:2px solid #e5372a}.td-etiquette.td-minor{outline-offset:-2px;outline:2px solid #f2a100}.td-e0{--td-penche:-2.4deg;--td-depuis:42%;top:57%;left:0}.td-e1{--td-penche:1.8deg;--td-depuis:-42%;top:69%;right:0}.td-e2{--td-penche:-1.4deg;--td-depuis:42%;top:81%;left:0}.td-major i,.td-major>i{background:#ff6b57}.td-minor i,.td-minor>i{background:#ffc24b}.td-good i,.td-good>i{background:#3ddc97}.td-etiquette.td-major i{background:#e5372a}.td-etiquette.td-minor i{background:#f2a100}.td-etiquette.td-good i{background:#17b26a}.td-chrono{--td-depuis:-42%;z-index:3;background:var(--color-violet-profond);color:var(--color-ivoire);transform:translate(var(--td-px,0), var(--td-py,0)) rotate(2.4deg);border-radius:16px;padding:10px 15px 11px;transition:transform .35s ease-out;position:absolute;top:5%;right:0;box-shadow:0 14px 34px #00000080}.td-chrono[hidden]{display:none}.td-chrono[data-ton=minor]{color:var(--color-charbon);background:#f2a100}.td-chrono[data-ton=major]{background:#e5372a}.td-chrono b{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:24px;line-height:1;display:block}.td-chrono span{margin-top:3px;font-size:12px;font-weight:500;display:block}.td-sort{animation:.55s cubic-bezier(.2,1.5,.4,1) both td-sort}@keyframes td-sort{0%{opacity:0;scale:.45;translate:var(--td-depuis) 0}to{opacity:1;translate:0;scale:1}}.td-legende{color:var(--color-text-secondary);text-align:center;margin:0;font-size:14px;font-weight:500;position:absolute;bottom:0;left:0;right:0}.td-resultat{animation:.4s both td-monte}@keyframes td-monte{0%{opacity:0;transform:translateY(12px)}}.td-bilan{letter-spacing:-.025em;margin:0;font-size:clamp(24px,2.4vw,32px);font-weight:700;line-height:1.1}.td-points{gap:9px;margin:18px 0 0;padding:0;list-style:none;display:grid}.td-points li{opacity:0;align-items:baseline;gap:11px;font-size:16px;font-weight:500;line-height:1.3;animation:.3s forwards td-point;display:flex}.td-points i,.td-temps>i{flex:none;width:10px;height:10px}.td-points .td-good{color:var(--color-text-secondary)}@keyframes td-point{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}.td-temps{border-top:1px solid #f4f1ea2e;align-items:baseline;gap:11px;margin:16px 0 0;padding-top:14px;font-size:16px;font-weight:500;line-height:1.35;display:flex}.td-temps b{font-weight:700}.td-temps small{color:var(--color-text-secondary);margin-top:3px;font-size:14px;display:block}.td-google{color:#202124;background:#fff;border-radius:16px;margin-top:20px;padding:15px 17px;font-family:Arial,sans-serif}.td-google small{color:#4d5156;font-size:13px;display:block}.td-google strong{color:#1a0dab;overflow-wrap:anywhere;margin-top:4px;font-size:18px;font-weight:400;line-height:1.25;display:block}.td-google p{color:#4d5156;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;font-size:14px;line-height:1.4;display:-webkit-box;overflow:hidden}.td-google .td-google-vide{color:#b3261e}.td-rapport{overflow-wrap:anywhere;margin:18px 0 0;font-size:16px;font-weight:500;line-height:1.4}@media (min-width:900px){.td-grille{grid-template:"texte scene""resultat scene"1fr/minmax(0,1fr) minmax(0,1fr);gap:26px clamp(30px,5vw,80px)}.td-scene{--td-l:270px;height:620px;position:sticky;top:90px}.td-etiquette{max-width:30%;padding:11px 15px;font-size:14px}.td-chrono b{font-size:40px}.td-chrono span{font-size:13px}.td-barre{background:var(--color-ivoire);border-radius:999px;gap:0;padding:6px;display:flex}.td-barre:focus-within{box-shadow:0 0 0 5px #9b8cff73}.td-barre input{background:0 0;border-radius:0;height:52px;padding:0 8px 0 20px}.td-barre input:focus-visible{box-shadow:none}.td-barre input+input{border-left:1px solid #d9d5cb}.td-barre .bouton{flex:none;width:auto;min-height:52px;padding-block:0}.td-barre .bouton:hover{background:var(--color-charbon);color:var(--color-ivoire)}}@media (min-width:1200px) and (min-height:760px){.td-scene{--td-l:310px;height:700px}}@media (prefers-reduced-motion:reduce){.td-sort,.td-resultat,.td-points li{animation-duration:10ms}.td-attente{animation:none}}