body{margin:0;padding:0;font-family:Times New Roman,Times,serif,Geneva,Verdana,sans-serif}#root{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:start;background-color:#f3f9fb;color:#113f67;margin:0;padding:0}*{box-sizing:border-box;line-height:1.5}.waldoMaps{display:grid;grid-template-columns:repeat(auto-fill,400px);gap:20px;width:96.7%;max-width:1300px;margin:0 auto;padding:20px;justify-content:center}.mapItem{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:space-between;background-color:#87c0cd;color:#113f67;border-radius:10px;padding:15px}.mapItem img{border:3px solid rgb(17,63,103);border-radius:5px}.mapOverlay{width:100%}.mapOverlay.black{cursor:url(/cursor-black.png) 32 32,auto}.mapOverlay.yellow{cursor:url(/cursor-yellow.png) 32 32,auto}.mapOverlay.red{cursor:url(/cursor-red.png) 32 32,auto}.mapOverlay.blue{cursor:url(/cursor-blue.png) 32 32,auto}.goToMap{background-color:#113f67;color:#f3f9fb;padding:10px 20px;border-radius:10px;text-decoration:none;box-shadow:#26394d 0 20px 30px -10px;border:none;cursor:pointer}.goToMap:hover,.goToMap:focus{background-color:#00203d}.goToMap:active{transform:translateY(5%);box-shadow:none}.mapDescription{width:100%;text-align:start}.mapItem img{width:100%}@keyframes spin{to{transform:rotate(360deg)}}@keyframes popin{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeout{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}.popUpWrapper{position:fixed;top:2vh;left:50%;transform:translate(-50%);z-index:1000}.popUpMessage{padding:20px;border-radius:10px;color:#dcdcdc;font-size:large}.popUpMessage.open{animation:popin .5s ease-out forwards}.popUpMessage.close{animation:fadeout .5s ease-out forwards}.popUpMessage.start{opacity:0}.popUpMessage.red{background-color:red}.popUpMessage.green{background-color:green}header{display:flex;justify-content:space-between;align-items:center;width:100vw;padding:10px 20px;background-color:#226597;color:#f3f9fb}header *{margin:0}.topRight{display:flex;gap:15px;align-items:center}.goToMap>*{color:#f3f9fb;text-decoration:none}.clickMenu{position:absolute;display:flex;flex-direction:column;align-items:center;transform:translate(-50%,-50%);z-index:1000;cursor:pointer}.targetBox{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:3px solid red;height:80px;width:50px}.charMenu{position:absolute;background-color:#fff;padding:10px;border-radius:10px;list-style:none;display:flex;flex-direction:column;gap:6.7px;margin:0}.charMenu .menu-item{display:flex;align-items:center;gap:6px;cursor:pointer;padding:4px 8px;border-radius:10px;width:100%;box-sizing:border-box}.charMenu .menu-item img{height:40px;width:auto}.charMenu .menu-item:hover,.charMenu .menu-item:focus{background-color:#0000001a}.map{width:100%;position:relative}.map img{width:100%;border-radius:5px}.characterBox{display:flex;flex-wrap:wrap;padding:20px 40px;border:4px solid black;border-radius:20px;margin-bottom:10px;width:90vw;justify-content:space-between;gap:1rem}.characterBox>div{display:flex;justify-content:center;align-items:center;font-size:x-large;gap:10px}.findChar{display:flex;justify-content:space-between;align-items:center;width:85.67vw}.options{display:flex;gap:20px;align-items:center}.timer{gap:10px;display:flex;align-items:center;background-color:#87c0cd;padding:10px;border-radius:15px;font-size:x-large;color:#fff}.screenOverlay{z-index:100;position:fixed;inset:0;background-color:#0000004d;display:flex;justify-content:center;align-items:center}.gameStats{background-color:#226597;font-size:x-large;color:#fff;padding:30px;border-radius:20px;display:flex;flex-direction:column;justify-content:start;align-items:start;gap:20px;margin:10px}.statButtons{display:flex;gap:10px;flex-wrap:wrap}.statButtons>*{font-size:large}.flexRow{display:flex;justify-content:space-between;width:100%;gap:10px}.flexRow img{cursor:pointer}.inputBox{display:flex;flex-direction:column;width:50%;min-width:200px}.inputBox input{font-size:large;border-radius:10px;border:none;padding:3px 6px;background-color:#113f67;color:#f3f9fb}.chars{width:80vw;margin:30px}.title{background-color:#113f67;border-radius:30px;color:#fff;display:flex;justify-content:space-between;width:100%;gap:10px;flex-wrap:wrap;padding:10px max(5%,20px);font-size:larger}.char{display:flex;justify-content:space-between;width:100%;gap:10px;flex-wrap:wrap;padding:5px 5%;border-bottom:2px solid gray}.char>div,.title>div{display:flex;align-items:center}.charPlace{flex:1;justify-content:center}.charTime{flex:1;justify-content:end}.charUsername{justify-content:start;flex:3 1 0}