@font-face{font-family:"OpenSans";src:url("../fonts/OpenSans-VariableFont_wdth_wght.ttf") format("truetype") tech("variations"),url("../fonts/OpenSans-VariableFont_wdth_wght.ttf") format("truetype-variations"),url("../fonts/OpenSans-Regular.ttf") format("truetype");font-weight:300 800;font-stretch:75% 100%}@font-face{font-family:"TangoSans";src:url("../fonts/TangoSans.ttf") format("truetype");font-weight:normal;font-style:normal}body{padding-bottom:380px}#resetAll{display:flex;justify-content:center;width:300px;margin-bottom:25px;border:3px solid #777;border-radius:10px;cursor:pointer;user-select:none;transition:background-color .2s ease-in-out,border-color .2s ease-in-out}#resetAll:hover{background-color:rgba(255,0,0,.5);border-color:#600;transition:background-color .3s ease-in-out,border-color .3s ease-in-out}#routeList{display:flex;flex-wrap:wrap;gap:25px 10px;max-width:1280px}#routeList .route{width:312px}#routeList .route .routeNameBlock{display:flex;justify-content:space-between}#routeList .route .routeNameBlock .routeIcons{display:flex;gap:5px}#routeList .route .routeNameBlock .routeIcons svg{width:25px;height:25px;cursor:pointer}#routeList .route .encBlock{position:relative;width:-moz-available;width:-webkit-fill-available;width:stretch}#routeList .route .encBlock .encSlot{display:flex;align-items:center;width:inherit;height:40px;border:2px solid #777;border-radius:4px;cursor:pointer;user-select:none}#routeList .route .encBlock .encSlot:not(.nye,.killed) p{color:#000}#routeList .route .encBlock .encSlot p{font-size:1.9rem;padding:0px 10px}#routeList .route .encBlock .encSlot img{height:39px}#routeList .route .encBlock .encDropdown{display:none;position:absolute;padding:5px;gap:5px;background-color:#555;box-shadow:0px 0px 4px hsla(0,0%,100%,.5);border-bottom-left-radius:10px;border-bottom-right-radius:10px;z-index:1}#routeList .route .encBlock .encDropdown .encSection{min-width:205px;border-radius:10px}#routeList .route .encBlock .encDropdown .encSection h5{color:#000;border-bottom:2px solid #777}#routeList .route .encBlock .encDropdown .encSection .encList .encounter{display:grid;grid-template-columns:55px 50px 1fr;align-items:center;cursor:pointer;transition:background-color .25s ease-in-out}#routeList .route .encBlock .encDropdown .encSection .encList .encounter.last{border-bottom-left-radius:10px;border-bottom-right-radius:10px}#routeList .route .encBlock .encDropdown .encSection .encList .encounter img{width:50px}#routeList .route .encBlock .encDropdown .encSection .encList .encounter p{color:#000}#routeList .route .encBlock .encDropdown .encSection .encList .encounter p.perc{text-align:end}#routeList .route .encBlock .encSlot.killed,#routeList .route .encBlock .encSection.killed{background-color:hsl(0,90%,30%);border-color:#600}#routeList .route .encBlock .encSlot.cave,#routeList .route .encBlock .encSlot.indoors,#routeList .route .encBlock .encSection.cave,#routeList .route .encBlock .encSection.indoors{background-color:hsl(20,45%,62%);border-color:hsl(20,30%,50%)}#routeList .route .encBlock .encSlot.cave .encounter:hover,#routeList .route .encBlock .encSlot.indoors .encounter:hover,#routeList .route .encBlock .encSection.cave .encounter:hover,#routeList .route .encBlock .encSection.indoors .encounter:hover{background-color:hsl(20,30%,50%)}#routeList .route .encBlock .encSlot.ceiling,#routeList .route .encBlock .encSlot.sky,#routeList .route .encBlock .encSlot.trashcan,#routeList .route .encBlock .encSection.ceiling,#routeList .route .encBlock .encSection.sky,#routeList .route .encBlock .encSection.trashcan{background-color:hsl(0,0%,85%);border-color:hsl(0,0%,70%)}#routeList .route .encBlock .encSlot.ceiling .encounter:hover,#routeList .route .encBlock .encSlot.sky .encounter:hover,#routeList .route .encBlock .encSlot.trashcan .encounter:hover,#routeList .route .encBlock .encSection.ceiling .encounter:hover,#routeList .route .encBlock .encSection.sky .encounter:hover,#routeList .route .encBlock .encSection.trashcan .encounter:hover{background-color:hsl(0,0%,70%)}#routeList .route .encBlock .encSlot.desert,#routeList .route .encBlock .encSlot.dustcloud,#routeList .route .encBlock .encSection.desert,#routeList .route .encBlock .encSection.dustcloud{background-color:hsl(45,67%,60%);border-color:hsl(45,60%,48%)}#routeList .route .encBlock .encSlot.desert .encounter:hover,#routeList .route .encBlock .encSlot.dustcloud .encounter:hover,#routeList .route .encBlock .encSection.desert .encounter:hover,#routeList .route .encBlock .encSection.dustcloud .encounter:hover{background-color:hsl(45,60%,48%)}#routeList .route .encBlock .encSlot.fishing,#routeList .route .encBlock .encSection.fishing{background-color:hsl(209,61%,77%);border-color:hsl(209,60%,65%)}#routeList .route .encBlock .encSlot.fishing .encounter:hover,#routeList .route .encBlock .encSection.fishing .encounter:hover{background-color:hsl(209,60%,65%)}#routeList .route .encBlock .encSlot.gift,#routeList .route .encBlock .encSlot.static,#routeList .route .encBlock .encSlot.trade,#routeList .route .encBlock .encSection.gift,#routeList .route .encBlock .encSection.static,#routeList .route .encBlock .encSection.trade{background-color:hsl(342,91%,78%);border-color:hsl(342,70%,68%)}#routeList .route .encBlock .encSlot.gift .encounter:hover,#routeList .route .encBlock .encSlot.static .encounter:hover,#routeList .route .encBlock .encSlot.trade .encounter:hover,#routeList .route .encBlock .encSection.gift .encounter:hover,#routeList .route .encBlock .encSection.static .encounter:hover,#routeList .route .encBlock .encSection.trade .encounter:hover{background-color:hsl(342,70%,68%)}#routeList .route .encBlock .encSlot.grass,#routeList .route .encBlock .encSlot.longgrass,#routeList .route .encBlock .encSection.grass,#routeList .route .encBlock .encSection.longgrass{background-color:hsl(100,52%,71%);border-color:hsl(100,52%,52%)}#routeList .route .encBlock .encSlot.grass .encounter:hover,#routeList .route .encBlock .encSlot.longgrass .encounter:hover,#routeList .route .encBlock .encSection.grass .encounter:hover,#routeList .route .encBlock .encSection.longgrass .encounter:hover{background-color:hsl(100,52%,52%)}#routeList .route .encBlock .encSlot.horde,#routeList .route .encBlock .encSection.horde{background-color:hsl(31,89%,69%);border-color:hsl(31,65%,57%)}#routeList .route .encBlock .encSlot.horde .encounter:hover,#routeList .route .encBlock .encSection.horde .encounter:hover{background-color:hsl(31,65%,57%)}#routeList .route .encBlock .encSlot.snow,#routeList .route .encBlock .encSection.snow{background-color:hsl(180,100%,87%);border-color:hsl(180,60%,70%)}#routeList .route .encBlock .encSlot.snow .encounter:hover,#routeList .route .encBlock .encSection.snow .encounter:hover{background-color:hsl(180,60%,70%)}#routeList .route .encBlock .encSlot.swamp,#routeList .route .encBlock .encSection.swamp{background-color:hsl(288,50%,73%);border-color:hsl(288,65%,65%)}#routeList .route .encBlock .encSlot.swamp .encounter:hover,#routeList .route .encBlock .encSection.swamp .encounter:hover{background-color:hsl(288,65%,65%)}#routeList .route .encBlock .encSlot.yellowflowers,#routeList .route .encBlock .encSection.yellowflowers{background-color:hsl(45,100%,80%);border-color:hsl(45,65%,65%)}#routeList .route .encBlock .encSlot.yellowflowers .encounter:hover,#routeList .route .encBlock .encSection.yellowflowers .encounter:hover{background-color:hsl(45,65%,65%)}#routeList .route .encBlock .encSlot.redflowers,#routeList .route .encBlock .encSection.redflowers{background-color:hsl(0,66%,76%);border-color:hsl(0,65%,68%)}#routeList .route .encBlock .encSlot.redflowers .encounter:hover,#routeList .route .encBlock .encSection.redflowers .encounter:hover{background-color:hsl(0,65%,68%)}#routeList .route .encBlock .encSlot.purpleflowers,#routeList .route .encBlock .encSection.purpleflowers{background-color:hsl(257,36%,75%);border-color:hsl(257,30%,65%)}#routeList .route .encBlock .encSlot.purpleflowers .encounter:hover,#routeList .route .encBlock .encSection.purpleflowers .encounter:hover{background-color:hsl(257,30%,65%)}