@import "https://fonts.googleapis.com/css2?family=Nunito:wght@700;800;900&display=swap";#sp-game{gap:12px;padding:14px 24px 16px}.sp-stage{flex:1 1 0;justify-content:center;align-items:stretch;gap:clamp(12px,2vw,32px);min-height:0;display:flex}.sp-stage.is-suivant #sp-slot-av,.sp-stage.is-suivant .sp-arrow--av,.sp-stage.is-precedent #sp-slot-ap,.sp-stage.is-precedent .sp-arrow--ap{display:none}.sp-stage.is-voisins.is-etapes .sp-slot--mystere:not(.is-revealed):not(.is-active){opacity:.45}.sp-slot--mystere.is-active:not(.is-revealed){outline-offset:-5px;background:var(--accent-light);outline-width:5px}.sp-arrow{fill:none;width:clamp(40px,4vw,72px);stroke:var(--border-strong);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;align-self:center}.sp-slot{background:var(--surface);border-radius:var(--r-lg);min-width:0;max-width:820px;box-shadow:var(--shadow-md);flex-direction:column;flex:1 1 0;gap:8px;padding:clamp(12px,2vh,24px);display:flex}.sp-slot-body{flex:1 1 0;justify-content:center;align-items:center;min-height:0;display:flex;container-type:size}.sp-slot-foot{flex-shrink:0;justify-content:center;align-items:center;gap:12px;min-height:2.6rem;display:flex}.sp-cap-num{font:900 2.2rem/1 "Nunito", var(--font-ui);color:var(--text)}.sp-cap-pill{font:700 .95rem var(--font-ui);color:var(--accent-hover);background:var(--accent-light);border-radius:var(--r-pill);white-space:nowrap;padding:6px 14px}.sp-slot--mystere:not(.is-revealed){background:var(--accent-tint);box-shadow:none;outline:3px dashed var(--accent);outline-offset:-3px}.sp-mystere-q{font-family:var(--font-display);color:var(--accent);user-select:none;font-size:clamp(4rem,min(70cqh,60cqw),30rem);font-style:italic;font-weight:600;line-height:1}.sp-slot.is-revealed{outline:3px solid var(--accent);outline-offset:-3px}.sp-slot.is-revealed.is-good{outline-color:var(--success)}.sp-slot.is-revealed.is-bad{outline-color:var(--unread)}.sp-flip{animation:.55s cubic-bezier(.16,1,.3,1) both sp-flip}@keyframes sp-flip{0%{opacity:0;transform:perspective(1200px)rotateY(-80deg)scale(.94)}to{opacity:1;transform:perspective(1200px)rotateY(0)scale(1)}}.sp-file{flex-direction:column;flex:1 1 0;justify-content:center;gap:clamp(10px,2vh,22px);min-width:0;max-width:1500px;display:flex}.sp-file[hidden],.sp-stage.is-file .sp-slot,.sp-stage.is-file .sp-arrow{display:none}.sp-file-row{justify-content:center;gap:clamp(6px,1vw,14px);display:flex}.sp-cell{aspect-ratio:4/5;border-radius:var(--r-lg);background:var(--surface-alt);flex:1 1 0;place-items:center;max-width:260px;max-height:58vh;display:grid;container-type:size}.sp-cell-num{font:900 clamp(1.5rem, min(58cqh, 44cqw), 14rem)/1 "Nunito", var(--font-ui);color:var(--text)}.sp-cell--donne{background:var(--surface);box-shadow:var(--shadow-md)}.sp-cell--cible{background:var(--accent-tint);outline:3px dashed var(--accent);outline-offset:-3px}.sp-cell--cible .sp-mystere-q{font-size:clamp(1.5rem,min(62cqh,60cqw),14rem)}.sp-cell--cible.is-active{background:var(--accent-light);outline-offset:-5px;outline-width:5px}.sp-stage.is-etapes .sp-cell--cible:not(.is-revealed):not(.is-active){opacity:.45}.sp-cell--cible.is-revealed{background:var(--surface);box-shadow:var(--shadow-md);outline-style:solid}.sp-cell--cible.is-good{outline-color:var(--success)}.sp-cell--cible.is-bad{outline-color:var(--unread)}.sp-file-axis{fill:none;width:100%;height:28px;stroke:var(--border-strong);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.sp-file-foot{justify-content:center;min-height:2.4rem;display:flex}.sp-droite{background:var(--surface);border-radius:var(--r-lg);height:clamp(96px,16vh,150px);box-shadow:var(--shadow-sm);flex-shrink:0;padding:4px 12px}.sp-droite[hidden]{display:none}.sp-droite svg{width:100%;height:100%;display:block;overflow:visible}.sp-d-axe{stroke:var(--text);stroke-width:3px;fill:none;stroke-linecap:round;stroke-linejoin:round}.sp-d-tick{stroke:var(--text);stroke-width:2.5px}.sp-d-lbl{font:800 26px "Nunito", var(--font-ui);fill:var(--muted);text-anchor:middle}.sp-d-lbl.is-donne{fill:var(--text);font-size:34px;font-weight:900}.sp-d-lbl.is-cible{fill:var(--accent);font-size:34px;font-weight:900}.sp-d-pt--donne{fill:var(--text)}.sp-d-pt--cible{fill:var(--accent)}.sp-d-saut{fill:none;stroke:var(--accent);stroke-width:3.5px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:.6s cubic-bezier(.16,1,.3,1) .1s forwards sp-trace}.sp-d-fleche{fill:var(--accent);opacity:0;animation:.2s .6s forwards sp-apparait}.sp-d-delta{font:800 24px var(--font-ui);fill:var(--accent-hover);text-anchor:middle;opacity:0;animation:.2s .45s forwards sp-apparait}@keyframes sp-trace{to{stroke-dashoffset:0}}@keyframes sp-apparait{to{opacity:1}}@media (prefers-reduced-motion:reduce){.sp-flip,.sp-choice.is-bad{animation:none!important}.sp-d-saut{stroke-dashoffset:0;animation:none}.sp-d-fleche,.sp-d-delta{opacity:1;animation:none}.sp-bar-fill{transition:none}.sp-start:hover,.sp-act:hover,.sp-choice:hover:not(:disabled){transform:none}}@media (width<=520px){.sp-dirs,.sp-modes{grid-template-columns:minmax(0,1fr)}#sp-game{padding:10px 16px 14px}}@media (aspect-ratio<=4/5){.sp-stage:not(.is-file){flex-direction:column;align-items:center}.sp-stage:not(.is-file) .sp-slot{width:100%}.sp-arrow{width:40px;height:40px;transform:rotate(90deg)}}