:root{--color-background:#fff;--color-background-button:#2980b8;--color-text-light:#ecf0f1;--color-text:#383737;--color-text-title:#1abc9c;--color-text-success:#2ecc71;--color-text-error:#c0392b}body.dark{--color-background:#383737;--color-text-dark:#ecf0f1;--color-text:#ecf0f1}*{box-sizing:border-box;color:var(--color-text-dark);margin:0;padding:0;font-family:sans-serif}html,body{background-color:var(--color-background);width:100%;height:100%}h1{color:var(--color-text-title);font-size:60px}button{background-color:var(--color-background-button);cursor:pointer;color:var(--color-text-light);border:0;border-radius:5px;padding:10px 15px;transition:opacity .2s}button:hover{opacity:.8}button[disabled]{opacity:.2;pointer-events:none}.config-button{cursor:pointer;background:var(--color-background-button);position:absolute;top:1%;right:1%}.config-icon{width:24px;height:24px}@media (width<=600px){h1{color:var(--color-text-title);font-size:40px}}.modal{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--color-background);text-align:center;border-radius:10px;width:300px;padding:20px}.modal-infos{flex-direction:column;display:flex}.language-select-container{flex-direction:column;align-items:center;margin:20px;display:flex}.language-label{color:#333;margin-bottom:8px;font-size:16px}.styled-select{cursor:pointer;color:#333;background-color:#fff;border:2px solid #007bff;border-radius:8px;outline:none;margin-top:15px;padding:10px 15px;font-size:16px;transition:all .3s}.styled-select:hover{border-color:#0056b3}.styled-select:focus{border-color:#0056b3;box-shadow:0 0 5px #007bff80}.styled-select option{color:#333;background-color:#fff;padding:10px}.styled-select option:hover{background-color:#f0f0f0}.toggle-container{cursor:pointer;align-items:center;gap:10px;margin-top:15px;display:flex}.toggle-container input{opacity:0;width:0;height:0}.toggle-container .slider{background-color:#ccc;border-radius:34px;width:60px;height:34px;transition:all .4s;position:relative}.toggle-container .slider:before{content:"";background-color:#fff;border-radius:50%;width:26px;height:26px;transition:all .4s;position:absolute;bottom:4px;left:4px}.toggle-container input:checked+.slider{background-color:#2196f3}.toggle-container input:checked+.slider:before{transform:translate(26px)}.toggle-text{font-size:14px}.modal-inst{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-inst .modal-content{background:var(--color-background);text-align:center;border-radius:10px;width:700px;padding:20px}.modal-content h2{color:var(--color-text-dark)}.modal-actions{margin-top:20px}.modal-actions button{cursor:pointer;margin:0 10px;padding:5px 10px}.modal-infos{text-align:start}.modal-infos p{padding:4px}#app{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}section{flex-direction:column;align-items:center;display:flex}h3{margin-bottom:20px}.spacing-inicio{margin-top:15%}.instrucoes{text-align:start}.button-inicio{margin-top:10%;margin-right:35px}.section-inicio{display:inline-table}.jogo{text-align:center;flex-direction:column;align-items:center;width:100%;height:100%;display:flex}.inicio-button{cursor:pointer;color:#000;background-color:#f0f0f0;border:1px solid #ccc;border-radius:5px;margin-top:20px;padding:10px 20px;font-size:25px}.inicio-button:hover{background-color:#e0e0e0}.forca img{height:200px}@media (width<=600px){.forca img{height:130px}}.final-texto{margin:20px 0;font-size:24px;font-weight:700}.final-texto.enforcado{color:var(--color-text-error)}.final-texto.ganhador{color:var(--color-text-success)}.palavra{text-transform:uppercase;text-align:center;flex-direction:column;align-items:center;display:flex}.palavra-letras{flex-flow:wrap;justify-content:center;margin-bottom:20px;display:flex}.palavra-letra{border-bottom:1px solid var(--color-text);text-align:center;justify-content:center;align-items:center;width:40px;height:40px;margin:0 5px;font-size:23px;display:flex}.teclado{flex-wrap:wrap;justify-content:center;width:90%;margin-top:10px;display:flex}.teclado-botao{text-transform:uppercase;margin:10px;font-size:20px}@media (width<=600px){.teclado-botao{width:35px;height:35px;font-size:12px}}