:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background-color:#dce0d9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;margin:.1em;font-size:1em;font-weight:500;font-family:inherit;background-color:inherit;color:#fff;cursor:pointer;transition:border-color .25s;transition:transform .25s ease}button:hover{transform:translateY(2px)}button:active{transform:scale(.95)}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}header{width:100%;padding:5px 10px;box-sizing:border-box;background-color:#dce0d9;display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid rgb(99,99,99)}#logo{height:80px}#info{height:48px;cursor:pointer}.header-container{position:relative}#menuOpen{cursor:pointer}#menuClose{margin-top:21px;margin-left:6px;margin-bottom:16px;cursor:pointer}.sidebar{position:fixed;top:0;left:-250px;width:250px;height:100vh;transition:left .3s ease-in-out;z-index:1000;background-color:#ead7c3}.sidebar.open{left:0}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;opacity:0;z-index:1000;transition:opacity .3s ease;pointer-events:none}.overlay.visible{opacity:1;pointer-events:auto}.header-container dialog{color:#013141;overflow:hidden;max-width:400px;background-color:#ededed;border:none;border-radius:16px;box-shadow:#00000059 0 5px 15px}.how-to-play{display:flex;flex-direction:column;justify-content:center;align-items:center}.how-to-play button{color:#646cff;margin-bottom:10px}.how-to-play button:hover{outline:2px solid #013141}.how-to-play h2,.how-to-play h3{margin:0}.how-to-play hr{border:none;border-top:2px solid #013141;width:100%;margin:16px 0}.how-to-play svg{margin:0 5px}.settings{display:flex;flex-direction:column;padding:8px}.menu-info{display:flex;align-items:center}.how-to-play img:hover{transform:rotate(360deg);transition:transform .3s ease}.how-to-play img:active{transform:translateY(23px);transition:transform .1s ease}.span-container p{margin-bottom:25px}#easy-span{background-color:green;padding:6px;color:#fff;border-radius:8px}#normal-span{background-color:#daa520;padding:6px;color:#fff;border-radius:8px}#hard-span{background-color:red;padding:6px;color:#fff;border-radius:8px}nav ul{display:flex;flex-direction:column;justify-content:center;align-items:center;list-style-type:none;margin:0;padding:0}nav ul li{display:flex;flex-direction:column;border-top:3px solid rgb(99,99,99);padding:20px 0;width:200px}.switch-container{display:flex;flex-direction:row;justify-content:space-between}.checkbox-container div{padding:2px 0}#slider{padding:0}.lives-container{display:flex;flex-direction:row;align-items:center;margin-top:10px}.lives-container svg{padding:1px;cursor:pointer;transition:all .2s}.lives-container svg:hover{scale:1.1}footer{display:flex;justify-content:center;align-content:center;margin-top:20px;flex:1;background-color:#1a1a1a;color:#b3b3b3}#root{display:flex;flex-direction:column;min-height:100vh;width:100vw;background-color:tan}main{display:flex;flex-direction:column;align-items:center;justify-content:center}input{padding:1em;border:none;border-radius:10px;margin:5px}.difficulty-button-container{margin:10px 0}.difficulty-button-container button{border:2px solid #422800;border-radius:30px;box-shadow:#422800 4px 4px;color:#422800;cursor:pointer;display:inline-block;font-weight:600;font-size:18px;padding:0 18px;line-height:50px;text-align:center;text-decoration:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;transition:color .12s}.difficulty-button-container button:hover{color:#f5f5f5}.difficulty-button-container button:active{box-shadow:#422800 2px 2px;transform:translate(2px,2px)}.easy-button{background-color:green}.normal-button{background-color:#daa520}.hard-button{background-color:red}#selected{color:#f5f5f5}.search-bar-container{position:relative;display:flex;justify-content:center}.search-bar{display:flex;justify-content:center;align-items:center;position:relative}.search-bar svg{width:24px;position:absolute;left:1rem;fill:#636363;pointer-events:none}.search-bar input{background-color:#dce0d9;border:2px solid transparent;border-radius:8px;width:100%;padding:1rem 1rem 1rem 2.5rem;transition:.3s ease;outline:none;border-color:#422800;box-shadow:#422800 4px 4px}.search-bar input::placeholder{color:#636363}.search-bar input:focus,.search-bar input:hover{border-color:#2f4f4f;box-shadow:#2f4f4f 4px 4px}.results-list{position:absolute;background-color:#fff;display:flex;flex-direction:column;box-shadow:0 0 8px #ddd;border-radius:10px;margin-top:4rem;max-height:300px;overflow-y:auto;width:100%;z-index:10;scrollbar-color:transparent}.search-result{padding-left:10px;cursor:pointer;width:min-content;color:#000}.search-result:hover,.search-result:focus{background-color:#efefef;outline:none}.text-container{margin:10px 0;display:flex;gap:10px;font-size:1.1em;justify-content:space-between;text-align:center;align-items:center}.text-container img{display:inline-block;height:1em}.options-container{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:10px 0}.options-container div{width:100%;height:100%}.options svg{position:absolute;width:24px;z-index:1;top:-6px;left:-6px}.options{font-family:Open Sans,sans-serif;font-size:16px;letter-spacing:2px;text-decoration:none;text-transform:uppercase;color:#422800;cursor:pointer;border:3px solid;padding:1em;box-shadow:1px 1px,2px 2px,3px 3px,4px 4px,5px 5px;position:relative;user-select:none;-webkit-user-select:none;touch-action:manipulation;min-width:350px}.options:active{box-shadow:0 0;top:5px;left:5px}.options.correct{color:green}.options.incorrect{color:red}.silhouette-container{position:relative;display:flex;justify-content:center;align-items:center}#start-button{position:absolute;color:#fff;transition:all .2s ease;border:2px solid black}.EASY{background-color:green}.NORMAL{background-color:#daa520}.HARD{background-color:red}#lives{display:flex;gap:10px}#playerImg{margin:10px 0;pointer-events:none;border:3px dotted #422800;border-radius:20%;min-height:400px;height:50vh}dialog:-internal-dialog-in-top-layer::backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006}#modal{background-color:inherit;border:none;outline:none;pointer-events:none}#modal b{font-size:2em;font-weight:bolder;color:#fff}.modal-container,.correct-container,.incorrect-container{display:flex;flex-direction:column;align-items:center;justify-content:center}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}to{transform:translate(0)}}.shaker{animation:shake .5s ease-in-out}table{width:100%;border-collapse:collapse;border:3px solid #422800;font-size:1.2em;font-family:sans-serif;margin:15px 0;color:#422800}td,th{border:2px solid #422800;text-align:center;vertical-align:middle;min-width:100px;padding:8px}td img{display:block;margin:auto;width:80px}td button{outline:1px solid white;font-weight:700}.timer{display:flex;justify-content:center;align-items:center;text-align:center;font-size:xx-large;gap:10px}.timer button{padding:0}.timer button:hover{transform:none}#startModal{color:#013141;overflow:hidden;max-width:40vw;text-align:left;background-color:#ededed;border:none;border-radius:16px;box-shadow:#00000059 0 5px 15px;overflow-wrap:break-word;text-align:center}#startModal button{color:inherit;outline-color:inherit}#startModal button:hover{color:inherit;outline:2px solid black}#startModal span{color:#ff8c00}#startModal img{height:64px}#startModal img:hover{transform:rotate(360deg);transition:transform .3s ease}#give-up-button{margin:10px}