body{margin:0;min-height:100vh;display:flex;align-items:center;background-color:#070707;font-family:lores-9-narrow,sans-serif}*{box-sizing:border-box}:root{--yellow: #e5b844;--yellow-dark: #b58e2e;--yellow-darker: #9d7a1e;--black: #282828;--white: #ece5e5;--red: #f94949;--green: #6bcf6b}*::-webkit-scrollbar-thumb{background:repeating-linear-gradient(45deg,var(--yellow),var(--yellow) 35px,var(--black) 35px,var(--black) 70px);border-radius:50px}*::-webkit-scrollbar-track{background-color:#ffffff0a}*::-webkit-scrollbar{width:10px}.scene__container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;perspective-origin:center;perspective:50vw}.scene__container .info{position:absolute;bottom:20px;user-select:none;left:50%;transform:translate(-50%,-50%);color:var(--white);font-size:2rem;text-align:center;font-family:lores-9-narrow,sans-serif;font-weight:700;letter-spacing:.1rem;line-height:1.5;text-transform:uppercase;z-index:1;background-color:#000;padding:0 5px;animation:flash 1s infinite}.scene__container .info.info--tuto{bottom:unset;top:30vh;animation:none}.scene{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden;object-fit:cover;width:167%;min-height:1380px}canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translateY(31px) rotateX(7deg) translateZ(35px);object-fit:contain;image-rendering:pixelated;z-index:-1;width:47%;min-width:693px}.hud{position:fixed;top:30px;left:30px;z-index:100}.tuto{position:fixed;top:15px;left:15px;width:calc(100vw - 30px);height:calc(100vh - 30px);background-color:#000000eb;border-radius:10px;overflow-y:auto;clip-path:inset(0 0 0 0);transition:clip-path .2s ease-in-out;will-change:transition;color:#fff}.tuto__inner{padding:15px;max-height:100%;transition:opacity .2s ease-in-out;align-items:center;will-change:opacity;opacity:1;transition-delay:.2s;display:flex;flex-direction:column}.tuto.hidden{clip-path:inset(50% 10% 50% 10%)}.tuto.hidden .tuto__inner{opacity:0;transition-delay:0s}[tooltip]{position:relative;text-align:center}[tooltip]:before,[tooltip]:after{background-color:#333;color:#fff;display:block;pointer-events:none;position:absolute;z-index:999;top:0;left:50%;opacity:0;transition:.2s ease-in-out}[tooltip]:after{border-radius:10px;padding:10px 15px;text-align:center;content:attr(tooltip);transform:translate(-50%,calc(-100% - 10px))}[tooltip]:before{content:"";width:15px;height:15px;transform:translate(-50%,calc(-100% - 5px)) rotate(45deg)}[tooltip]:hover:after,[tooltip]:hover:before{pointer-events:all;opacity:1}.logo{width:100%;margin:0 auto;max-width:400px;image-rendering:pixelated}.text--centered{text-align:center}.mw--400{max-width:400px}.link--underline{color:var(--red);text-decoration:none;position:relative}.link--underline:after{content:" ";position:absolute;display:block;width:0;left:0;height:5px;background:repeating-linear-gradient(45deg,var(--red),var(--red) 20px,var(--white) 20px,var(--white) 40px);transition:width .2s ease-in-out;will-change:transition}.link--underline:hover:after{width:100%}.color--red{color:var(--red)}.color--yellow{color:var(--yellow)}.row{display:flex;flex-direction:column;gap:15px;width:100%}.key{width:100%;display:flex;flex-direction:column;align-items:center}.img--pixelated{image-rendering:pixelated}.keys{width:400px}@media screen and (min-width: 768px){.row{flex-direction:row;justify-content:space-between}}.spacer{margin-bottom:40px}.footer{padding-bottom:50px}.w--100{width:100%}thead{height:20px;background-color:var(--red)}table{width:100%;row-gap:15px;max-width:600px;margin:0 auto;border-spacing:0;border:1px solid var(--red);border-radius:5px}th{padding:10px;text-align:center;border-bottom:1px solid var(--red)}td{padding-bottom:.5em;padding-top:.5em}.icon{height:40px;width:40px}.icon--duo{object-fit:cover;object-position:left}.icon--active .icon--duo{object-position:right}.button--yellow{background-color:var(--yellow);color:var(--red);padding:5px;border-radius:5px;border:none}.button--yellow{position:relative;border:none;background:transparent;padding:0;cursor:pointer;outline-offset:4px;transition:filter .25s;user-select:none;-webkit-user-select:none;touch-action:manipulation}.button--yellow-shadow{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px;background:hsl(0deg 0% 0% / .25);will-change:transform;transform:translateY(2px);transition:transform .6s cubic-bezier(.3,.7,.4,1)}.button--yellow-edge{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px;background:linear-gradient(to left,var(--yellow-darker) 0%,var(--yellow-dark) 8%,var(--yellow-dark) 92%,var(--yellow-darker) 100%)}.button--yellow-front{display:block;position:relative;border-radius:12px;padding:5px 10px;font-size:1.1rem;color:#fff;background:var(--yellow);will-change:transform;transform:translateY(-4px);transition:transform .6s cubic-bezier(.3,.7,.4,1)}@media (min-width: 768px){.button--yellow-front{font-size:1.25rem}}.button-yellow:hover{filter:brightness(110%);-webkit-filter:brightness(110%)}.button--yellow:hover .button--yellow-front{transform:translateY(-6px);transition:transform .25s cubic-bezier(.3,.7,.4,1.5)}.button--yellow:active .button--yellow-front{transform:translateY(-2px);transition:transform 34ms}.button--yellow:hover .button--yellow-shadow{transform:translateY(4px);transition:transform .25s cubic-bezier(.3,.7,.4,1.5)}.button--yellow:active .button--yellow-shadow{transform:translateY(1px);transition:transform 34ms}.button--yellow-pushable:focus:not(:focus-visible){outline:none}.toast-container{width:100%;max-width:300px;position:fixed;bottom:30px;right:30px;display:flex;flex-direction:column-reverse;gap:10px}.toast{background-color:var(--black);color:var(--white);position:relative;border-radius:5px;padding:10px;opacity:0;transform:translateY(10px);transition:opacity .2s ease-in-out,transform .2s ease-in-out;will-change:opacity,transform}.toast.show{opacity:1;transform:translateY(0)}.toast.hide{opacity:0;transform:translateY(10px)}.toast.success--0:after{content:"";position:absolute;inset:0;border-radius:5px;z-index:-1;background:repeating-linear-gradient(45deg,var(--yellow),var(--yellow) 20px,var(--black) 20px,var(--black) 40px);filter:brightness(.5)}.toast.success--1:after{content:"";position:absolute;border-radius:5px;z-index:-1;inset:0;background:repeating-linear-gradient(45deg,var(--red),var(--red) 20px,var(--white) 20px,var(--white) 40px);filter:brightness(.7)}.toast.danger{background-color:var(--red)}@keyframes flash{0%{opacity:0}49%{opacity:0}50%{opacity:1}to{opacity:1}}.mobile__alert.tuto{position:fixed;inset:0;top:0;padding:15px;left:0;width:100%;height:100%;border-radius:0;background-color:var(--black);transition:opacity .2s ease-in-out;will-change:opacity;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999999;text-align:center;display:none}body.mobile .mobile__alert.tuto{display:flex}body.mobile .game__container{display:none}.hide_tuto{position:sticky;margin-left:auto;top:15px;background:none;border:none;padding:10px}.hide_tuto img{width:32px;aspect-ratio:1}button{cursor:pointer}