.tuto{position:fixed;inset:0;z-index:10060;--tuto-bulle:#f6f1e3;--tuto-encre:#15241b}.tuto-trou{position:fixed;border-radius:14px;box-shadow:0 0 0 9999px rgba(4,10,7,.8);outline:2px solid var(--gold);transition:left .3s,top .3s,width .3s,height .3s;pointer-events:none}.tuto-trou.rien{outline:0}.tuto-trou:after{content:"";position:absolute;inset:-6px;border-radius:18px;border:2px solid var(--gold);opacity:0;animation:tuto-pouls 1.6s ease-out infinite}.tuto-trou.rien:after{display:none}@keyframes tuto-pouls{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.18)}}.tuto-bulle{position:fixed;width:330px;max-width:calc(100vw - 24px);background:var(--tuto-bulle);color:var(--tuto-encre);border-radius:14px;padding:14px 16px 12px;box-shadow:0 12px 30px rgba(0,0,0,.5);transition:left .3s,top .3s}.tuto-bulle:before{content:"";position:absolute;left:var(--px,40px);width:14px;height:14px;background:var(--tuto-bulle);transform:translateX(-50%) rotate(45deg)}.tuto-bulle.dessous:before{top:-7px}.tuto-bulle.dessus:before{bottom:-7px}.tuto-bulle.centre:before{display:none}.tuto-pas{font-size:.8rem;font-weight:600;color:#6a5a2a;min-height:1em}.tuto-bulle h3{font-size:1.45rem;margin:2px 0 5px;color:var(--tuto-encre);text-wrap:balance}.tuto-bulle p{margin:0 0 10px;font-size:.95rem;line-height:1.4}.tuto-bts{display:flex;justify-content:space-between;align-items:center;gap:10px}.tuto-bulle button{font:700 .95rem var(--texte);border-radius:999px;cursor:pointer;min-height:44px;padding:0 18px}.tuto-bulle button:focus-visible{outline:3px solid var(--tuto-encre);outline-offset:2px}.tuto-passer{background:none;border:0;color:#5c6b62;padding:0 6px!important}.tuto-suite{background:var(--gold);border:0;color:#1a1405}.tuto-compte{display:inline-flex;align-items:center;text-decoration:none;font:700 .95rem var(--texte);border-radius:999px;min-height:44px;padding:0 18px}.tuto-bulle .tuto-autre{background:none;border:1px solid #9a8f6a;color:var(--tuto-encre)}.tuto-bts:has(.tuto-compte){flex-wrap:wrap;justify-content:flex-start}.tuto-points{display:flex;gap:5px}.tuto-points i{width:7px;height:7px;border-radius:50%;background:#cdbf95}.tuto-points i.ok{background:#1f5a3a}.tuto-scene{position:fixed;inset:0;background:rgba(4,10,7,.86);display:flex;flex-direction:column;align-items:center;gap:16px;padding:14px 8px calc(14px + env(safe-area-inset-bottom,0px))}.tuto-scene .tuto-bulle{position:relative;flex:none;left:auto;top:auto}.tuto-scene .tuto-bulle:before{left:50%;top:-7px}.tuto-fiche{position:relative;flex:1 1;min-height:0;width:min(820px,100%);overflow:hidden;background:var(--bg);border:2px solid var(--gold);border-radius:14px;padding:14px 16px 0}.tuto-fiche .tableau{margin-bottom:12px}.tuto-fiche .mode-fiche a{cursor:default}.tuto-ex{position:absolute;left:0;right:0;bottom:0;margin:0;padding:26px 16px 8px;font-size:.8rem;color:var(--mut);background:linear-gradient(transparent,var(--bg) 55%)}@media(max-height:1000px),(max-width:560px){.tuto-fiche .tableau{display:none}}@media(max-width:560px){.tuto-fiche{padding:10px 10px 0}}.tuto-fiche .tu-a{animation:tuto-monte .45s both;animation-delay:calc(var(--i,0)*.14s)}.tuto-fiche .tu-lent .tu-a{animation-delay:calc(var(--i,0)*.4s)}.tuto-fiche .bar i{animation:tuto-larg .8s both;animation-delay:calc(var(--i,0)*.14s + .2s)}.tuto-fiche .tu-p{display:inline-block;animation:tuto-pop .4s cubic-bezier(.3,1.7,.5,1) both;animation-delay:calc(var(--i,0)*.4s + .25s)}.tuto-fiche .mieux{display:inline-block;animation:tuto-pop .4s both;animation-delay:calc(var(--i,0)*.14s + .3s)}@keyframes tuto-monte{0%{opacity:0;transform:translateY(12px)}}@keyframes tuto-larg{0%{width:0}}@keyframes tuto-pop{0%{opacity:0;transform:scale(.3)}}@media(prefers-reduced-motion:reduce){.tuto-bulle,.tuto-trou{transition:none}.tuto-trou:after{animation:none}.tuto-fiche *{animation:none!important}}