html,body,#root{position:fixed;top:0;left:0;width:100%;height:100%;background:ivory}.interface{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;font-family:Bebas Neue,cursive}.time{position:absolute;top:15%;left:0;width:100%;color:#fff;font-size:clamp(1rem,6vh,3rem);background:#00000033;padding-top:.3rem;text-align:center}.restart{display:flex;justify-content:center;position:absolute;top:80%;right:60%;width:60%;color:#fff;font-size:clamp(1.5rem,5vw,5rem);padding-top:.6rem;pointer-events:auto;cursor:pointer}.restart:hover{color:#000;font-weight:bolder}.controls{position:absolute;bottom:10%;left:0;width:100%}.controls .raw{display:flex;justify-content:center}.controls .key{width:2.5rem;height:2.5rem;margin:.25rem;border:.125rem solid #ffffff;background:#ffffff44}.controls .key.large{width:9rem}.controls .key.active{background:#ffffff99}.boxing{height:100%;width:100%;position:absolute;left:38%;bottom:-5%}.books{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;position:absolute;top:0;left:0;width:50%}.numberBooks{color:#fff;font-size:clamp(2rem,5vw,5rem);padding:1.6rem}.titleBooks{color:#fff;font-size:clamp(1.5rem,3.5vw,2.5rem);padding:2.5rem}@media (max-width: 900px){.time{top:25%}.numberBooks{padding:2rem}}@media (max-width: 700px){.books{flex-direction:row;align-items:flex-start;width:100%}.numberBooks{padding-top:2.2rem;padding-right:2rem}.time{top:30%}.controls{left:-5%}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}.modal{background:white;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a;text-align:center}.modal h2{margin-bottom:20px}.modal button{padding:10px 20px;border:none;background:#007bff;color:#fff;border-radius:5px;cursor:pointer}.modal button:hover{background:#0056b3}.loader{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#000;color:#fff}.loader-image{width:300px;height:auto;margin-bottom:20px;border:5px solid #fff;animation:pulse 2s infinite}.loader-text{font-size:3.5em;margin-bottom:20px;text-align:center;animation:fadeIn 2s ease-in-out;width:70%}.loader-progress{width:80%;background-color:#333;border-radius:25px;overflow:hidden;margin-bottom:20px}.loader-progress-bar{height:25px;background-color:#76c7c0;width:0;transition:width .5s}.startGame{padding:15px 30px;font-size:1.5em;color:#fff;background-color:#76c7c0;border:none;border-radius:10px;cursor:not-allowed;transition:all .3s ease-in-out;opacity:.5;transform:scale(1)}.startGame.active{cursor:pointer;opacity:1;transform:scale(1.2)}.startGame:hover.active{background-color:#63b2ab}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}