.resultats{--cream-dark:var(--c-creamDark);--ink-3:var(--c-inkTertiary);--barre-onde:color-mix(in srgb, var(--trait) 25%, transparent);background:var(--cream);flex-direction:column;min-height:100svh;display:flex}.resultats[data-etat=vide] :is(.rail,.scene,#reponse),.resultats[data-etat=plein] :is(.depot,.vide-page){display:none}.resultats .nav{background:var(--c-card)}.resultats .rail{z-index:20;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));border-radius:var(--r-pill);background:var(--c-card);width:max-content;max-width:min(760px,100vw - 32px);box-shadow:0 1px 3px color-mix(in srgb, var(--ombre) 10%, transparent), 0 16px 40px -12px color-mix(in srgb, var(--ombre) 35%, transparent);align-items:center;gap:10px;padding:8px;display:flex;position:fixed;translate:-50%}.resultats .fichiers{--fg:0px;--fd:0px;-webkit-mask-image:linear-gradient(90deg, transparent, #000 var(--fg), #000 calc(100% - var(--fd)), transparent);mask-image:linear-gradient(90deg, transparent, #000 var(--fg), #000 calc(100% - var(--fd)), transparent)}.resultats .fichiers.fondu-gauche{--fg:48px}.resultats .fichiers.fondu-droite{--fd:48px}.resultats .fichiers{scrollbar-width:none;flex:0 auto;gap:10px;min-width:0;margin:-3px;padding:3px;display:flex;overflow-x:auto}.resultats .fichier{background:var(--card);border-radius:var(--r-pill);box-shadow:0 1px 2px color-mix(in srgb, var(--ombre) 8%, transparent);font:inherit;color:var(--ink);text-align:left;cursor:pointer;border:0;flex:none;align-items:center;gap:10px;padding:5px 14px 5px 5px;display:flex}.resultats .fichier.choisi{box-shadow:0 0 0 2px var(--olive)}.resultats .case-fichier{flex:none;display:flex;position:relative}.resultats .case-fichier .fichier{padding-right:40px}.resultats .retirer{cursor:pointer;background:var(--track);width:22px;height:22px;color:var(--ink-2);border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.resultats .retirer svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:10px;height:10px}.resultats .retirer:hover{background:var(--ink);color:var(--cream)}.resultats .retirer:focus-visible{outline:2px solid var(--olive);outline-offset:2px}.resultats .fichier:focus-visible,.resultats .pastille:focus-visible,.resultats .jouer:focus-visible{outline:2px solid var(--olive);outline-offset:3px}.resultats .fichier b{text-overflow:ellipsis;white-space:nowrap;max-width:22ch;font-size:13.5px;display:block;overflow:hidden}.resultats .fichier small{color:var(--ink-2);white-space:nowrap;font-size:12px;display:block}.resultats .vignette{background:var(--sage);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid;overflow:hidden}.resultats .vignette img{object-fit:cover;width:100%;height:100%}.resultats .vignette.son{background:var(--olive);color:var(--chartreuse)}.resultats .vignette.son svg{width:18px;height:18px}.resultats .fichier.vide{box-shadow:none;border:1.5px dashed var(--ink-3);background:0 0;flex:none;padding:3.5px 14px 3.5px 3.5px}.resultats .fichier.vide .vignette{background:var(--track)}.resultats .fichier.vide .vignette svg{width:14px;height:14px;stroke:var(--c-inkOnTrack);stroke-width:1.8px;stroke-linecap:round}.resultats .fichier.vide b{font-weight:500}.resultats .anneau{background:conic-gradient(var(--olive) 0 var(--part,25%), var(--track) var(--part,25%) 100%);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.resultats .anneau:after{content:"";background:var(--card);border-radius:50%;width:26px;height:26px}.resultats .anneau.tourne{animation:1.1s linear infinite tourner}@keyframes tourner{to{transform:rotate(1turn)}}.resultats .corps{flex:1;grid-template-columns:1fr 1fr;min-height:640px;display:grid}.resultats .gauche{background:var(--cream-dark);flex-direction:column;min-width:0;display:flex}.resultats .depose{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:56px;display:flex}.resultats .scene{flex-direction:column;align-items:center;width:100%;display:flex}.resultats .colonne{flex-direction:column;min-width:0;display:flex}.resultats .cliche{color-scheme:light;background:var(--card);color:var(--ink);width:min(400px,100%,max(240px,83.3333svh - 343.833px));box-shadow:0 2px 4px color-mix(in srgb, var(--ombre) 10%, transparent), 0 26px 50px -18px color-mix(in srgb, var(--ombre) 38%, transparent);margin:0;padding:16px 16px 64px;position:relative;transform:rotate(-1.5deg)}.resultats .cliche-cadre{aspect-ratio:1;background:var(--track);overflow:hidden}.resultats .pile{place-items:center;width:100%;display:grid}.resultats .pile>*{grid-area:1/1}.resultats .pile>.lecteur{z-index:1;position:relative}.resultats .mini-son{background:var(--card);width:min(340px,86%);box-shadow:0 2px 4px color-mix(in srgb, var(--ombre) 10%, transparent), 0 16px 30px -14px color-mix(in srgb, var(--ombre) 35%, transparent);color:var(--ink);border-radius:16px;align-self:end;align-items:center;gap:12px;padding:12px 16px 12px 12px;transition:transform .25s;display:flex}.resultats .pile:has(.mini-son){padding-bottom:40px}.resultats .pile:has(.derriere-son-2){padding-bottom:64px}.resultats .mini-son.derriere-son-1{transform:translate(-4%,62%)rotate(-3deg)}.resultats .mini-son.derriere-son-2{transform:translate(6%,100%)rotate(2.5deg)}.resultats .mini-son.derriere-son-1:hover{transform:translate(-4%,70%)rotate(-3deg)}.resultats .mini-son.derriere-son-2:hover{transform:translate(6%,108%)rotate(2.5deg)}.resultats .jouer-mini{background:var(--olive);border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid}.resultats .jouer-mini:after{content:"";border-left:10px solid var(--c-white);border-top:6px solid #0000;border-bottom:6px solid #0000;margin-left:3px}.resultats .onde-mini{flex:1;align-items:center;gap:2px;min-width:0;height:28px;display:flex}.resultats .onde-mini i{background:var(--barre-onde);border-radius:1px;flex:1}.resultats .derriere{cursor:pointer}.resultats .cliche.derriere{filter:saturate(.35)contrast(.8)brightness(1.08);transition:transform .25s,filter .25s}.resultats .cliche.derriere:hover{filter:none}.resultats .cliche.derriere figcaption{visibility:hidden}.resultats .cliche.derriere-1{transform:translate(-9%,2%)rotate(-8deg)}.resultats .cliche.derriere-2{transform:translate(9%,3%)rotate(7deg)}.resultats .cliche.derriere-3{transform:translate(-3%,5%)rotate(-14deg)}.resultats .cliche.derriere-1:hover{transform:translate(-11%,2%)rotate(-9deg)}.resultats .cliche.derriere-2:hover{transform:translate(11%,3%)rotate(8deg)}.resultats .cliche.derriere-3:hover{transform:translate(-5%,5%)rotate(-15deg)}.resultats .cliche.derriere:focus-visible{outline:2px solid var(--olive);outline-offset:4px}.resultats .cliche-cadre img{object-fit:cover;width:100%;height:100%;display:block}.resultats .cliche figcaption{justify-content:center;align-items:center;gap:12px;height:64px;display:flex;position:absolute;bottom:0;left:20px;right:20px}.resultats .cliche figcaption span{color:var(--ink-2);text-align:right;font-size:13px}.resultats .lecteur{background:var(--card);border-radius:var(--r-card);width:100%;max-width:520px;box-shadow:0 1px 2px color-mix(in srgb, var(--ombre) 6%, transparent), 0 18px 40px -24px color-mix(in srgb, var(--ombre) 35%, transparent);padding:22px 22px 18px}.resultats .onde{cursor:pointer;align-items:center;gap:3px;height:120px;margin:4px 0 10px;display:flex}.resultats .onde i{background:var(--barre-onde);border-radius:2px;flex:1}.resultats .onde i.ici{background:var(--olive)}.resultats .onde i.lu{opacity:.55}.resultats .commandes{align-items:center;gap:14px;display:flex}.resultats .jouer{background:var(--olive);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.resultats .jouer:after{content:"";border-left:13px solid var(--c-white);border-top:8px solid #0000;border-bottom:8px solid #0000;margin-left:4px}.resultats .jouer.en-lecture:after{background:linear-gradient(90deg, var(--c-white) 0 4px, transparent 4px 8px, var(--c-white) 8px 12px);border:0;width:12px;height:14px;margin:0}.resultats .temps{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:13px}.resultats .reponse{text-align:center;margin:auto 0;padding:48px 56px}.resultats .avertissement{color:var(--ink-2);max-width:40ch;margin:0 auto 18px;font-size:14px;line-height:1.45}.resultats .illus{place-items:center;height:200px;display:grid}.resultats .illus img{object-fit:contain;max-width:260px;max-height:200px;filter:drop-shadow(0 10px 14px color-mix(in srgb, var(--ombre) 18%, transparent))}.resultats .illus.grise img{opacity:.35;filter:grayscale()}.resultats .nom{letter-spacing:-.015em;margin-top:22px;font-size:32px;font-weight:500;line-height:1.1}.resultats .latin{color:var(--ink-2);margin-top:4px;font-size:16px;font-style:italic}.resultats .explication{color:var(--ink-2);max-width:42ch;margin:8px auto 0;font-size:15px;line-height:1.45}.resultats .confiance{letter-spacing:.07em;text-transform:uppercase;color:var(--c-oliveInk);background:var(--sage);border-radius:var(--r-pill);margin-top:12px;padding:7px 12px;font-size:11.5px;font-weight:500;display:inline-block}.resultats .voir-fiche{border-radius:var(--r-pill);cursor:pointer;font:inherit;background:var(--chartreuse);color:var(--ink);color-scheme:light;border:0;margin:14px auto 0;padding:10px 18px;font-size:14px;font-weight:500;text-decoration:none;display:table}.resultats .voir-fiche:hover{background:var(--chartreuse-survol)}.resultats .voir-fiche:focus-visible{outline:2px solid var(--olive);outline-offset:3px}.resultats .partage{z-index:3;justify-content:center;margin-top:64px;display:flex;position:relative}.resultats .partage button{border-radius:var(--r-pill);background:var(--card);color:var(--ink);font:inherit;cursor:pointer;box-shadow:inset 0 0 0 1px var(--divider), 0 1px 3px color-mix(in srgb, var(--ombre) 14%, transparent);border:0;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;display:inline-flex}.resultats .partage svg,.fenetre-partage svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.resultats .partage button:hover{background:var(--track)}.resultats .partage button:focus-visible{outline:2px solid var(--olive);outline-offset:3px}.fenetre-partage{background:var(--card);width:min(460px,100vw - 32px);color:var(--ink);box-shadow:0 30px 80px -20px color-mix(in srgb, var(--ombre) 45%, transparent);border:0;border-radius:28px;margin:auto;padding:22px 24px 24px}.fenetre-partage::backdrop{background:color-mix(in srgb, var(--ombre) 45%, transparent)}.fenetre-partage .tete{justify-content:space-between;align-items:center;gap:16px;display:flex}.fenetre-partage h2{letter-spacing:-.015em;font-size:24px;font-weight:500}.fenetre-partage .fermer{background:var(--track);width:40px;height:40px;color:var(--ink);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.fenetre-partage .apercu{background:var(--c-creamDark);border-radius:18px;place-items:center;margin:16px 0 20px;padding:22px;display:grid}.fenetre-partage .apercu img{object-fit:contain;width:auto;max-width:100%;max-height:min(42vh,400px);box-shadow:0 2px 4px color-mix(in srgb, var(--ombre) 10%, transparent), 0 16px 30px -12px color-mix(in srgb, var(--ombre) 35%, transparent)}.fenetre-partage .apercu img:not([src]){aspect-ratio:1080/1252;background:var(--track);width:auto;height:min(42vh,400px);animation:1.2s ease-in-out infinite battre}@keyframes battre{50%{opacity:.5}}.fenetre-partage .apercu[hidden],.fenetre-partage .espece-du-son[hidden]{display:none}.fenetre-partage .espece-du-son{background:var(--c-creamDark);border-radius:18px;align-items:center;gap:16px;margin:16px 0 20px;padding:18px 20px;display:flex}.fenetre-partage .espece-du-son .rond{background:var(--card);border-radius:50%;flex:none;place-items:center;width:64px;height:64px;display:grid}.fenetre-partage .espece-du-son .rond img{object-fit:contain;width:44px;height:44px}.fenetre-partage .espece-du-son>span:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.fenetre-partage .espece-du-son b{font-size:18px;line-height:1.15}.fenetre-partage .espece-du-son i{color:var(--ink-2);font-size:14px}.fenetre-partage .espece-du-son small{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:12.5px;overflow:hidden}.fenetre-partage ul{justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.fenetre-partage li{flex:1;max-width:104px}.fenetre-partage li[hidden]{display:none}.fenetre-partage li button{width:100%;font:inherit;color:var(--ink);cursor:pointer;text-align:center;background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;padding:4px 0;font-size:12.5px;line-height:1.25;display:flex}.fenetre-partage .ic{background:var(--track);border-radius:50%;flex:none;place-items:center;width:52px;height:52px;display:grid}.fenetre-partage .ic svg{width:22px;height:22px}.fenetre-partage li button:hover .ic{background:var(--ink);color:var(--cream)}.fenetre-partage button:focus-visible{outline:2px solid var(--olive);outline-offset:2px}@media (prefers-reduced-motion:reduce){.fenetre-partage .apercu img:not([src]){animation:none}}.resultats .bande{flex-wrap:wrap;justify-content:center;gap:18px;margin-top:26px;display:flex}.resultats .pastille{width:76px;font:inherit;cursor:pointer;color:var(--ink-2);background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:0;display:flex}.resultats .pastille .rond{background:var(--card);width:62px;height:62px;box-shadow:0 1px 2px color-mix(in srgb, var(--ombre) 8%, transparent);border-radius:50%;place-items:center;display:grid}.resultats .pastille .rond img{object-fit:contain;width:78%;height:78%}.resultats .pastille.choisie .rond{box-shadow:0 0 0 2.5px var(--cream), 0 0 0 4.5px var(--olive)}.resultats .pastille small{font-variant-numeric:tabular-nums;font-size:12px;line-height:1.25}.resultats .pastille.choisie small{color:var(--ink);font-weight:500}.resultats .calcul{color:var(--ink-2);justify-items:center;gap:14px;font-size:15px;display:grid}.resultats .calcul .anneau{width:44px;height:44px}.resultats .calcul .anneau:after{background:var(--cream);width:34px;height:34px}.resultats .etat-vide{width:250px;height:176px;margin:0 auto;display:block;position:relative}.resultats .ev-carte{border:3px solid var(--card);background:var(--cream-dark);width:132px;height:150px;box-shadow:0 2px 5px color-mix(in srgb, var(--ombre) 6%, transparent);border-radius:12px;padding:10px;position:absolute;overflow:hidden}.resultats .ev-carte img{object-fit:contain;width:100%;height:100%}.resultats .ev-fond{top:8px;left:14px;transform:rotate(-9deg)}.resultats .ev-devant{top:18px;left:84px;transform:rotate(4deg)}.resultats .ev-pastille{background:var(--card);width:58px;height:58px;box-shadow:0 2px 5px color-mix(in srgb, var(--ombre) 6%, transparent);border-radius:50%;place-items:center;display:grid;position:absolute;top:64px;left:187px}.resultats .ev-pastille svg{width:28px;height:28px;color:var(--ink)}.resultats .etat-vide+.nom{margin-top:26px}.resultats .pastilles-groupes{justify-content:center;display:flex}.resultats .pastilles-groupes span{border:4px solid var(--cream);width:72px;height:72px;box-shadow:0 4px 10px color-mix(in srgb, var(--ombre) 10%, transparent);border-radius:50%;place-items:center;margin-left:-16px;display:grid}.resultats .pastilles-groupes .a-venir{background:var(--track)}.resultats .pastilles-groupes .a-venir img{filter:grayscale();opacity:.55}.resultats .pastilles-groupes span:first-child{margin-left:0}.resultats .pastilles-groupes span{position:relative}.resultats .pastilles-groupes span:hover{z-index:1}.resultats .pastilles-groupes span:after{content:attr(data-nom);white-space:nowrap;border-radius:var(--r-pill);background:var(--ink);color:var(--cream);opacity:0;pointer-events:none;padding:5px 10px;font-size:12.5px;font-weight:500;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px)}.resultats .pastilles-groupes span:hover:after{opacity:1;transform:translate(-50%)}.resultats .pastilles-groupes img{object-fit:contain;width:72%;height:72%}.resultats .pastilles-groupes+.nom{margin-top:28px}@media (width<=820px){.resultats .pastilles-groupes span{border-width:3px;width:46px;height:46px;margin-left:-10px}}@media (width>=821px){.resultats[data-etat=plein] :is(.depose,.colonne){padding-top:56px;padding-bottom:120px;position:relative}.resultats .partage,.resultats .voir-fiche{margin:0;position:absolute;bottom:120px}.resultats .partage{left:0;right:0}.resultats .voir-fiche{left:50%;translate:-50%}.resultats .actions .partage{display:none}}@media (width<=820px){.resultats .rail{bottom:calc(12px + env(safe-area-inset-bottom));max-width:calc(100vw - 24px);padding:6px}.resultats .corps{flex-direction:column;min-height:calc(100svh - 69px);padding-bottom:32px;display:flex}.resultats[data-etat=plein] .corps{padding-bottom:88px}.resultats .fichier.vide{padding:3.5px}.resultats .fichier.vide>span:last-child{display:none}.resultats .gauche{border-bottom:1px solid var(--divider)}.resultats .depose{align-items:stretch;padding:10px 16px}.resultats[data-etat=vide] .depose{align-items:center;padding:32px 16px}.resultats .colonne{flex:1}.resultats .cliche{width:100%;box-shadow:0 1px 2px color-mix(in srgb, var(--ombre) 8%, transparent);border-radius:12px;align-items:center;gap:10px;padding:8px;display:flex;transform:none}.resultats .cliche-cadre{border-radius:8px;flex:none;width:44px;height:44px}.resultats .derriere{display:none}.resultats .cliche figcaption{height:auto;display:block;position:static}.resultats .cliche figcaption span{text-align:left;font-size:11.5px}.resultats .lecteur{border-radius:12px;align-items:center;gap:10px;max-width:none;padding:8px 12px 8px 8px;display:flex}.resultats .lecteur .commandes{display:contents}.resultats .lecteur .jouer{order:1;width:36px;height:36px}.resultats .lecteur .onde{flex:1;order:2;gap:2px;height:34px;margin:0}.resultats .lecteur .temps{order:3;font-size:11.5px}.resultats .reponse{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:22px 18px 0;display:flex}.resultats .illus{height:160px}.resultats .illus img{max-width:210px;max-height:160px}.resultats .nom{margin-top:14px;font-size:24px}.resultats[data-etat=vide] .colonne{flex:none;order:-1}.resultats[data-etat=vide] .vide-page{padding-top:56px}.resultats[data-etat=vide] .gauche{background:0 0;border-bottom:0;flex:none}.resultats[data-etat=vide] .depose{padding:44px 16px 40px}.resultats[data-etat=plein] .gauche{display:none}.resultats .actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px;display:flex}.resultats .actions :is(.voir-fiche,.partage){margin:0}}@media (prefers-reduced-motion:reduce){.resultats .anneau.tourne{animation-duration:4s}}