.game-wrapper,.word-builder-wrapper{position:relative;min-height:460px;overflow:hidden;width:100%;margin-top:24px;border:1px solid #000;border-radius:12px}.game-wrapper:before,.word-builder-wrapper:before{content:"";background-size:cover;background-repeat:no-repeat;position:absolute;top:0;left:0;width:100%;height:100%}.game-rules{background:#fff;padding:12px;border-radius:12px;position:relative;z-index:1}.game-rules h2{font-size:24px;margin-top:0}.game-rules li,.game-rules p,.game-rules span{font-size:16px}.game-rules strong{font-size:18px}.results-wrapper .results-title{font-size:24px;margin-right:5px}.results-wrapper .results-ok{font-size:24px;margin-left:5px}.results-wrapper .results-ko{font-size:20px;margin-right:5px}@media only screen and (max-width:479px){.results-wrapper .results-ok,.results-wrapper .results-title{font-size:18px}.results-wrapper .results-ko{font-size:16px}}.word-builder-wrapper{padding:24px;box-sizing:border-box}.word-builder-wrapper:before{opacity:.2;background-image:url(/games/wordBuilderBg.png)}.word-builder-wrapper .word-builder-layout{display:flex;flex-wrap:wrap;gap:16px;position:relative;z-index:1}.word-builder-wrapper .word-builder-col-left{flex:1 1 300px;display:flex;align-items:center}.word-builder-wrapper .word-builder-col-right{flex:1 1 200px}.word-builder-wrapper .word-builder-temporary-word{min-height:200px;text-align:center;background-color:#fff;border:1px solid #000;border-radius:24px;margin:12px;transition:border-color .15s}.word-builder-wrapper .word-builder-temporary-word span{display:block;text-align:center;margin-top:24px;font-size:48px}.word-builder-wrapper .word-builder-temporary-word.word-builder-invalid{border-color:#ff4d4f;animation:shake .4s ease}.word-builder-wrapper .word-builder-temporary-word .word-builder-invalid-msg{color:#ff4d4f;font-weight:600;margin:12px 0 0}.word-builder-wrapper .word-builder-temporary-word .word-builder-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding:8px 12px 16px}@keyframes shake{0%,to{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}.word-builder-wrapper .word-builder-found-words{min-height:200px;text-align:center;background-color:#fff;border:1px solid #000;border-radius:24px;margin:12px;padding:12px}.word-builder-wrapper .word-builder-found-words span{font-size:24px}.word-builder-letters{position:relative;width:450px;height:450px;margin:0 auto}@media only screen and (max-width:767px){.word-builder-letters{width:350px;height:320px;margin:0 auto}}.word-builder-letters span{position:absolute;padding:28px 20px 20px;border-radius:50px;line-height:.4;border:1px solid #0c3f91;top:40%;left:40%;min-height:75px;min-width:75px;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}@media only screen and (max-width:767px){.word-builder-letters span{min-width:60px;min-height:60px;padding:21px 10px 10px}}.word-builder-letters span.letter-tile{font-size:35px;color:#fff;background-color:#39f}@media only screen and (max-width:767px){.word-builder-letters span.letter-tile{font-size:30px}}.word-builder-letters span.letter-tile:active,.word-builder-letters span.letter-tile:focus,.word-builder-letters span.letter-tile:hover{background-color:#0c3f91}.word-builder-letters span.total-words{font-size:30px;background-color:#8ebc79;border-color:#486e3f;line-height:.6}.word-builder-letters span:first-child{transform:rotate(0deg) translate(150px) rotate(0deg)}.word-builder-letters span:nth-child(2){transform:rotate(60deg) translate(150px) rotate(-60deg)}.word-builder-letters span:nth-child(3){transform:rotate(120deg) translate(150px) rotate(-120deg)}.word-builder-letters span:nth-child(4){transform:rotate(180deg) translate(150px) rotate(-180deg)}.word-builder-letters span:nth-child(5){transform:rotate(240deg) translate(150px) rotate(-240deg)}.word-builder-letters span:nth-child(6){transform:rotate(300deg) translate(150px) rotate(-300deg)}@media only screen and (max-width:767px){.word-builder-letters span:first-child{transform:rotate(0deg) translate(120px) rotate(0deg)}.word-builder-letters span:nth-child(2){transform:rotate(60deg) translate(120px) rotate(-60deg)}.word-builder-letters span:nth-child(3){transform:rotate(120deg) translate(120px) rotate(-120deg)}.word-builder-letters span:nth-child(4){transform:rotate(180deg) translate(120px) rotate(-180deg)}.word-builder-letters span:nth-child(5){transform:rotate(240deg) translate(120px) rotate(-240deg)}.word-builder-letters span:nth-child(6){transform:rotate(300deg) translate(120px) rotate(-300deg)}}