@charset "UTF-8";.header .container{padding:10px 15px;display:flex;flex-direction:column;align-items:flex-end;margin:0 auto;max-width:100%}.header__game-info{display:flex;align-items:center;margin-top:10px}.title--colored{color:var(--brand-logo)}.date-current{margin-right:4px}.menu__navigation{color:var(--letter-positioned);width:170px;padding:0}.menu__navigation .button--icon{width:40px;height:40px;background-color:var(--light-color)}.menu__navigation .button--stats svg{width:20px;height:20px}.menu__navigation ul{display:flex;justify-content:space-between;align-items:center}main{display:flex;flex-direction:column;justify-content:space-between;height:calc(100% - 60px);touch-action:manipulation;scale:92%}.wrap-guesses{flex-grow:1;display:flex;justify-content:center;align-items:center;padding:10px var(--padding-gap)}@media screen and (max-width: 350px){.wrap-guesses{padding:10px var(--padding-gap)}}.guesses{--max-width: calc( (60 * var(--guess-letters)) + (var(--gap-num) * (var(--guess-letters) - 1 + 2)) );display:grid;flex-wrap:wrap;width:100%;max-width:calc(var(--max-width) * 1px);gap:var(--padding-gap)}.guess{max-width:var(--max-width);display:grid;grid-template-columns:repeat(var(--guess-letters),minmax(calc((100 - (var(--max-width) / var(--guess-letters) - var(--gap-num) * (var(--guess-letters) - 1 + 2))) / var(--guess-letters) * 1vw),60px));gap:var(--padding-gap);margin:0 auto}.letter{aspect-ratio:1/1;line-height:1rem;border:1px solid var(--soft-grey);background-color:var(--light-color);font-size:clamp(1.2rem,1rem + 3vw,2.5rem);text-transform:uppercase;display:flex;align-items:center;justify-content:center;border-radius:3vw}.letter.letter--unchecked{border:1px solid var(--letter-key-focus)}@supports not (aspect-ratio){.letter{padding-top:50%;padding-bottom:50%;height:0;position:relative;overflow:hidden}}.dark .letter:not(.letter--unchecked){border:var(--light-color)}.dark .bigmodal--info .letter.letter--absent{border:1px solid var(--letter-key-focus)!important}.guesses[data-letters="4"] .letter{border-radius:6vw}@media screen and (min-width: 265px){.guesses[data-letters="4"] .guess{grid-template-columns:repeat(var(--guess-letters),60px)}.guesses[data-letters="4"] .letter{border-radius:18px;font-size:2.5rem}}.guesses[data-letters="5"] .letter{border-radius:5vw}@media screen and (min-width: 330px){.guesses[data-letters="5"] .guess{grid-template-columns:repeat(var(--guess-letters),60px)}.guesses[data-letters="5"] .letter{border-radius:18px;font-size:2.5rem}}.guesses[data-letters="6"] .letter{border-radius:4vw}@media screen and (min-width: 395px){.guesses[data-letters="6"] .guess{grid-template-columns:repeat(var(--guess-letters),60px)}.guesses[data-letters="6"] .letter{border-radius:18px;font-size:2.5rem}}.guesses[data-letters="7"] .letter{border-radius:4vw}@media screen and (min-width: 470px){.guesses[data-letters="7"] .guess{grid-template-columns:repeat(var(--guess-letters),60px)}.guesses[data-letters="7"] .letter{border-radius:18px;font-size:2.5rem}}.guesses[data-letters="8"] .letter{border-radius:3.5vw}@media screen and (min-width: 530px){.guesses[data-letters="8"] .guess{grid-template-columns:repeat(var(--guess-letters),60px)}.guesses[data-letters="8"] .letter{border-radius:18px;font-size:2.5rem}}.guesses[data-letters="9"] .letter{border-radius:3vw}@media screen and (min-width: 595px){.guesses[data-letters="9"] .guess{grid-template-columns:repeat(var(--guess-letters),60px)}.guesses[data-letters="9"] .letter{border-radius:18px;font-size:2.5rem}}.letter:not(.letter--unchecked){color:var(--light-color)}.dark .letter:not(.letter--unchecked){color:var(--dark)}.keyboard{display:flex;flex-wrap:wrap;flex-direction:column;width:100%;max-width:650px;margin:0 auto;padding:0 5px 15px;gap:5px}.keyboard__row{display:flex;width:100%;justify-content:space-between;gap:2px}@media screen and (min-width: 329px){.keyboard__row{gap:5px}}.keyboard__key{font-size:1.35rem;text-transform:uppercase;flex:1;height:50px;padding:0 2px;border:none;border-radius:2px;background-color:var(--letter-key-focus);color:var(--dark);cursor:pointer}.dark .keyboard__key{color:var(--light-color)}.dark .keyboard__key.keyboard__key--absent,.dark .keyboard__key.keyboard__key--correct,.dark .keyboard__key.keyboard__key--present{color:var(--dark)}.keyboard__key--double{flex:2}.keyboard__key.keyboard__key--double{font-size:1rem}@media screen and (min-width: 329px){.keyboard__key.keyboard__key--double{font-size:1.2rem}}.letter--absent,.keyboard__key--absent{background-color:var(--letter-invalid);color:var(--light-color)}.letter--present,.keyboard__key--present{background-color:var(--letter-valid);color:var(--light-color)}.letter--current,.keyboard__key--key-focus{background-color:var(--letter-key-focus)}.letter--correct,.keyboard__key--correct{background-color:var(--letter-positioned);color:var(--light-color)}.keyboard__row .keyboard__key--double:first-child span.sr-only{position:unset;width:unset;height:unset;padding:unset;margin:unset;overflow:unset;clip:unset;white-space:unset;border-width:unset}.keyboard__row .keyboard__key--double:last-child{background:var(--letter-key-focus) url(/mot-li/assets/delete-key-37b81a03.svg) no-repeat center center}body.modal--open:after{content:"";position:absolute;inset:0;background-color:#0000004d;z-index:1}body.dark.modal--open:after{background-color:#000c}.modal,.bigmodal{display:none;z-index:2}.modal--open,.bigmodal--open{display:block}.bigmodal--statistics.bigmodal--open,.bigmodal--options.bigmodal--open,.bigmodal--solution.bigmodal--open{display:flex}.modal{position:fixed;top:80px;left:50%;transform:translate(-50%);background-color:var(--dark);color:var(--light-color);font-size:1.2rem;border-radius:18px;width:fit-content;padding:8px 20px;text-align:center;z-index:10}.bigmodal{position:fixed;width:95%;max-width:450px;min-height:50%;font-weight:400;flex-direction:column;justify-content:space-between;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--light-color);color:var(--dark);padding:10px;border-radius:18px;border:1px solid var(--soft-grey);z-index:2}@media screen and (min-width: 340px){.bigmodal{padding:15px}}@media screen and (min-width: 390px){.bigmodal{padding:20px}}.dark .bigmodal{background-color:var(--letter-invalid);border-color:var(--letter-invalid)}.dark .bigmodal a:hover,.dark .bigmodal a:focus,.dark .bigmodal a:visited:hover,.dark .bigmodal a:visited:focus{color:var(--hover-links)}.bigmodal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.bigmodal__title{font-size:1.4rem;text-transform:uppercase}.bigmodal--solution .bigmodal__solution,.bigmodal--solution .bigmodal__definition,.bigmodal--solution .bigmodal__external-link{flex:1}.bigmodal__solution{text-align:center;font-size:3rem;font-weight:700}.bigmodal__definition{margin:20px 0 15px;font-weight:400;text-align:left}.bigmodal__definition>p{padding-left:10px}blockquote{background:#fbf3f3;border-radius:.25em;padding:10px!important;margin:10px 0!important;font-style:italic}blockquote p{margin-bottom:10px}.dark blockquote,.dark blockquote a,.dark blockquote a:visited{color:var(--light-color)}.bigmodal__external-link{display:block;margin-bottom:25px;font-weight:400;text-align:center}.bigmodal__footer{display:flex;flex-direction:column;gap:15px}@media screen and (min-width: 340px){.bigmodal__footer{flex-direction:row;justify-content:space-around}}.table--statistics,.guess-bars{margin-bottom:20px}.row{display:flex;gap:5px}.row td{background-color:var(--brand-logo);color:var(--dark);font-size:.8rem;font-weight:400;line-height:1;flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 5px}.row td span{font-size:1.8rem}.dark .row td{color:var(--light-color)}.countdown{display:flex;flex-direction:column;align-items:center}.bigmodal--info{height:90%;overflow-y:scroll;top:65px;transform:translate(-50%)}.bigmodal__rules{margin-top:20px}.bigmodal__rules ul,.bigmodal__rules li{list-style-type:square}.bigmodal__rules ul{margin-left:10px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px dotted var(--letter-key-focus)}.bigmodal__rules li{padding-left:5px;margin-bottom:10px}.bigmodal__rules p{margin:10px 0}.bigmodal__rules .letter{font-size:1.8rem;border-radius:14px;font-weight:700}.bigmodal__rules .button--close-big{margin:20px auto 0;width:fit-content;height:auto;min-width:80px;padding:8px 20px;border-radius:30px}.examples{padding-bottom:10px;margin-bottom:20px;border-bottom:1px dotted var(--letter-key-focus)}.examples .guesses{margin-top:20px}.info__letters{letter-spacing:11px;font-size:2rem;margin-top:15px}.info__letters>.letter--correct{padding:2px 0 2px 9px;border-radius:10px}.bigmodal--options{flex-direction:column;justify-content:space-between}.bigmodal--options h3{margin:10px 0;font-size:1.2rem;text-decoration:underline dotted;text-underline-offset:2px}.bigmodal--options p{margin-bottom:10px}.bigmodal--options .bigmodal__options{flex:2}.bigmodal--options .bigmodal__options label{display:flex;gap:10px;margin-bottom:10px;cursor:pointer}.bigmodal--options .bigmodal__credits{display:flex;font-size:.9rem;flex-direction:column}.bigmodal--options .bigmodal__credits p{margin-bottom:.25em;line-height:1}.bigmodal--options .bigmodal__credits .small{margin-top:1em;font-size:.8rem}.bigmodal--delete{min-height:20%}.bigmodal--delete .confirmation{padding-top:30px;display:flex;justify-content:space-around;align-items:center}.button{background-color:var(--light-color);color:var(--dark);text-align:center;border:2px solid var(--soft-grey);border-radius:30px;font-weight:700;text-decoration:none;cursor:pointer;padding:8px 20px;display:flex;justify-content:center;align-items:center}.button:hover,.button:focus{background-color:var(--brand-logo);color:var(--dark);text-decoration:none}.dark .button{border:none}.dark .button:hover,.dark .button:focus{color:var(--light-color)}.button--text-icon{font-weight:400;max-width:fit-content;background-color:transparent;padding:0 10px 0 0;border:0;gap:10px}.button--reverse{background-color:var(--brand-logo)}.button--reverse:hover,.button--reverse:focus{background-color:var(--light-color)}.button--close{border-radius:50%;padding:5px;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.button--close:hover,.button--close:focus{background-color:var(--soft-grey);color:var(--dark)}.dark .button--close:hover,.dark .button--close:focus{color:var(--light-color)}.button--icon{background-color:transparent;border:2px solid var(--soft-grey);border-radius:30px;width:40px;height:40px;padding:0}.button--icon svg{width:30px;height:30px}.button--icon:hover,.button--icon:focus{background-color:var(--soft-grey);color:var(--dark)}.dark .button--icon,.dark .button--menu{border:1px solid var(--soft-grey)}.dark .button--icon:hover,.dark .button--icon:focus,.dark .button--menu:hover,.dark .button--menu:focus{background-color:var(--soft-grey)}.button--menu{padding:0;width:42px;height:42px;border-radius:50%}.button--menu:hover,.button--menu:focus{background-color:var(--soft-grey)}.dark .button--menu:hover,.dark .button--menu:focus{background-color:var(--soft-grey)}.button--new{width:40px;height:40px}@media screen and (max-width: 850px){.button--logout{padding:5px;font-size:.8rem}}.button--disabled{color:var(--letter-key-focus)}.button--hidden{display:none!important}.button--close-big:hover,.button--close-big:focus{background-color:var(--brand-logo);color:var(--dark)}a.button--raffle,a.button--raffle:visited{display:flex;width:87%;margin-top:12px;background-color:var(--dark);color:var(--light-color);border-color:var(--dark);text-align:center;white-space:normal;justify-content:space-around;align-self:center}a.button--raffle:hover,a.button--raffle:focus,a.button--raffle:visited:hover,a.button--raffle:visited:focus{background-color:var(--brand-logo);color:var(--dark);border-color:var(--brand-logo)}@keyframes load{0%{width:9%}}@-webkit-keyframes load{0%{width:9%}}@-moz-keyframes load{0%{width:9%}}@-o-keyframes load{0%{width:9%}}.bar{list-style-type:decimal;padding:2px;border-radius:15px;margin-bottom:5px;font-size:14px;color:var(--dark);font-weight:700;width:9%;animation:load 2s 0s;-webkit-animation:load 2s 0s;-moz-animation:load 2s 0s;-o-animation:load 2s 0s}.bar:before{content:attr(data-guess);background-color:var(--letter-invalid);color:var(--light-color);display:inline-block;text-align:right;padding:5px 10px;border-radius:inherit;width:100%}.dark .bar:before{background-color:var(--soft-grey)}.bar.bar--first{width:40%}.bar.bar--current:before{background-color:var(--brand-logo);color:var(--dark)}.dark .bar.bar--current:before{color:var(--light-color)}body{--font-family: "Open Sans", sans-serif;--padding-gap: 5px;--gap-num: 5;--letter-positioned: #05a864;--letter-valid: #f06000;--brand-logo: #63bcca;--soft-grey: #e7e7e7}body:not(.dark){--gray-color: #3e4045;--letter-invalid: #595c63;--letter-key-focus: #c7c7c7;--light-color: #fff;--dark: #000;--hover-links: #c75000}body.dark{--gray-color: #c3c3c3;--letter-invalid: #595c63;--letter-key-focus: #c7c7c7;--light-color: #000;--dark: #fff;--hover-links: #7be4f4}body.high-contrast{--letter-positioned: #40B0A6;--letter-valid: #E1BE6A}*,*:before,*:after{box-sizing:border-box}*{margin:0;line-height:calc(1em + .5rem)}html,body{height:100%}body{-webkit-font-smoothing:antialiased;font-family:var(--font-family);font-size:16px;font-weight:700;padding:0;color:var(--dark);background-color:var(--light-color)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul,li{list-style-type:none;padding-left:0}a,a:visited{color:var(--dark);text-underline-offset:2px}a:hover{color:var(--hover-links)}body *:focus-visible{outline:1px solid var(--dark)}body.dark *:focus-visible{outline:1px solid var(--brand-logo)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.container{max-width:650px;width:100%;margin:0 auto;position:relative}.game-number{padding-left:4px}.spacer{margin-left:4px;margin-right:4px}.switch__wrapper{display:flex;align-items:center;justify-content:space-between}.switch__label{margin-right:.5em}.switch{--disabled-color: var(--letter-invalid);--dark-disabled-color: var(--gray-color);--bg-color: var(--brand-logo);--fg-color: var(--light-color);--height: 1.5em;--padding: .25em;--width: calc(var(--height) * 2.5);--button-end-position: calc(var(--width) - var(--height))}.dark .switch{--fg-color: var(--light-color)}.switch{appearance:none;-webkit-appearance:none;border:none;width:calc(var(--width) + var(--padding) * 2);height:calc(var(--height) + var(--padding) * 2);background-color:var(--disabled-color);border-radius:calc((var(--height) + .5em) / 2);cursor:pointer;transition:background-color .1s ease-in-out;padding:var(--padding)}.switch:after{content:"";display:block;background-color:var(--fg-color);width:var(--height);height:var(--height);border-radius:50%;transform:translate(0);transition:transform .3s ease-in-out}.switch:checked{background-color:var(--bg-color)}.switch:not(:checked){background-color:var(--dark-disabled-color)}.switch:checked:after{transform:translate(var(--button-end-position))}.switch:disabled{background-color:var(--disabled-color);opacity:.5;cursor:default}
