body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{color:#0c0c0c;background:radial-gradient(circle at 0 0,#9c27b0,#ff9800) 0 0/cover no-repeat fixed;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700}p{-webkit-user-select:auto;user-select:auto;color:#0c0c0c;margin:0 0 10px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:600;line-height:18px;display:inline-block}p strong{font-weight:700}:root{--nodebgcolor1:#ec1b3e;--nodebgcolor2:#11a6fc;--nodebgcolor3:#d6c802;--nodebgcolor4:#8f21c7;--nodebordercolor1:#8f081a;--nodebordercolor2:#2057f0;--nodebordercolor3:#a07604;--nodebordercolor4:#5c0897;--backdropcolor:#b8aa9d;--foregroundcolor:#fdf2e7;--titlegradient:-webkit-linear-gradient(#3254ec, #4d19a0);--subtitlegradient:-webkit-linear-gradient(#0078e9, #16318b)}.appContainer{justify-content:center;align-items:center;display:flex}.appBackdrop{background-color:var(--backdropcolor);border:1px solid #000;border-radius:16px;min-width:802px;min-height:842px;margin-top:20px;margin-bottom:20px;padding:10px 20px 20px;animation:1s fadeIn;box-shadow:0 0 15px #000}.fadeInAnimClass{animation:.2s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.title{color:#4e340c;vertical-align:top;margin-left:2px;margin-right:3px;font-size:x-large;line-height:120%;display:inline-block}.menuNode{border-radius:3px;display:inline-block;border:1px solid #202020!important}.contenderContainer{backface-visibility:hidden}.contenderChoice{cursor:pointer;-webkit-user-select:none;user-select:none;backface-visibility:hidden;border-radius:5px;align-items:center;width:225px;padding:3px;font-weight:600;transition-duration:.1s;display:inline-block}.contenderChoice:hover{color:#fff;box-shadow:inset 0 0 0 3px #f1f1f1!important}.selectedChoice{color:#313107;background:-webkit-linear-gradient(#b4a30b,#e0d96c);box-shadow:inset 0 0 0 3px #e2cb4a!important}.winnerAlgo{color:#033009;box-shadow:inset 0 0 0 3px #43eb19;background:-webkit-linear-gradient(#03b603,#72ff30)!important}.algoPathMsg{color:#0c0c0c;margin-left:15px;font-weight:600;display:inline-block}.gameMenuButtonContainer{flex-wrap:wrap;width:100%;margin-top:2px;display:flex;position:relative}.gameMenuLeftSideItems{justify-content:flex-start;min-width:min-content}.gameMenuRightSideItems{align-items:flex-end;min-width:min-content;margin-left:auto}.gameMenuButton{color:#f7f7f7;cursor:pointer;text-shadow:0 0 1px #1a1a1a,-1px -1px 1px #1a1a1a,1px -1px 1px #1a1a1a,-1px 1px 1px #1a1a1a,1px 1px 1px #1a1a1a;border:1px solid #000;border-radius:5px;height:31px;margin:2px;padding:5px 20px;font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:600;line-height:4px;transition-duration:.1s;display:inline-block}.gameMenuButton:active{transform:translateY(-2px)}.cursorNotAllowed{cursor:not-allowed;transform:none!important}.justVisualizeButton{background-color:#d81b41;box-shadow:inset 0 0 8px 2px #680a0a}.justVisualizeButton:hover{background-color:#ff004c;box-shadow:inset 0 0 8px #5a0707}.newMapButton{background-color:#54dd42;box-shadow:inset 0 0 8px 2px #236923}.newMapButton:hover{background-color:#65fc51;box-shadow:inset 0 0 8px #236923}.infoButton{cursor:help;background-color:#f8ecba;box-shadow:inset 0 0 8px 2px #808069}.infoButton:hover{background-color:#fffae8;box-shadow:inset 0 0 8px #777762}.settingsMenuButton{background-color:#3984f5;box-shadow:inset 0 0 8px 2px #2d458f}.settingsMenuButton:hover{background-color:#38b6ff;box-shadow:inset 0 0 8px #2d458f}.scoreDiv{-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;vertical-align:top;background:-webkit-linear-gradient(#724c13,#3d3124);-webkit-background-clip:text;background-clip:text;margin-left:10px;margin-right:10px;font-size:30px;line-height:110%;display:inline-block}.gridContainer{border:1px solid #fff;inline-size:min-content;margin-top:5px;animation:.4s fadeIn}.rowWrapper{display:flex}.loadingContainer{-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;opacity:.7;background:-webkit-linear-gradient(#cacaca,#f0f0f0);-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;margin-top:20px;font-family:Arial,Helvetica,sans-serif;font-size:60px;animation:.8s fadeInLoading;display:flex;position:relative}.loadingGridSpinner{border:12px solid #cecece;border-top-color:#3a3a3a;border-radius:50%;width:80px;height:80px;margin-top:45px;animation:2s linear infinite spin;position:absolute;top:50%;left:45%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInLoading{0%{opacity:0}to{opacity:.7}}.noPathFoundMsg{text-align:center;color:#313131;background-color:#f7f0d6;border:2px solid #1d1d1d;border-radius:8px;align-items:center;width:max-content;padding:8px;line-height:120%;animation:.5s fadeIn;display:flex;position:absolute;left:50%;transform:translate(-50%,-50%)}.noPathFoundContainer{animation:.5s floatDown;position:relative;top:37px}@keyframes floatDown{0%{top:0}to{top:37px}}.popupBackground{background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}.popupBackdrop{background-color:var(--backdropcolor);color:#292929;min-width:400px;border:1px solid #000;border-radius:10px;justify-content:flex-start;align-items:stretch;inline-size:min-content;margin-top:-60px;padding:0 20px 15px;animation:.25s fadeIn;display:flex;position:relative;box-shadow:0 0 15px #000}.popupButton{color:#383838;text-align:center;background-color:var(--foregroundcolor);cursor:pointer;border:1px solid #383838;border-radius:7px;margin:2px;padding:3px 18px 5px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:23px;font-weight:700;line-height:26px;text-decoration:none;transition-duration:.3s;display:inline-block;box-shadow:0 0 4px #383838}.popupButton:hover{color:#e6e6e6;background-color:#292929}.settingsInner{-webkit-user-select:none;user-select:none;flex-direction:row;inline-size:min-content;display:flex}.settingsRightSide{flex-direction:column;display:flex}.settingsDoneButtonDiv{position:absolute;bottom:8px;right:8px}.settingsTitle{background:var(--titlegradient);-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;height:min-content;margin:2px 0 0;padding:0}.algoListTitle{background:var(--titlegradient);-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-top:12px;margin-bottom:3px}.settingsElement{inline-size:max-content;width:200px;margin-top:2px;margin-right:30px}.settingsElementOpacity{color:#0f0f0f;filter:opacity(80%);transition-duration:.1s}.settingsElementOpacity:hover{filter:opacity();color:#000}.settingValue{color:#0047cc;display:inline-block}.settingsSlider{appearance:none;background:var(--foregroundcolor);cursor:grab;border:none;border-radius:5px;outline:none;width:150px;height:8px}.settingsSlider:active{cursor:grabbing}.settingsSlider::-webkit-slider-thumb{appearance:none;background:-webkit-linear-gradient(#3254ec,#4d19a0);border:none;border-radius:50%;width:18px;height:18px}.settingsSlider::-moz-range-thumb{background:-webkit-linear-gradient(#3254ec,#4d19a0);border:none;border-radius:50%;width:18px;height:18px}.settingsSlider::-moz-range-progress{background-color:#304ed3;border-radius:4px;min-height:100%}.checkboxItem{color:#0f0f0f;filter:opacity(80%);transition-duration:.1s}.checkboxItem>label,input,.allowDiagonalSetting>label,input{cursor:pointer}.checkboxItem:hover{filter:opacity();color:#000}.checkboxItem:active,.allowDiagonalSetting:active{filter:opacity(50%)}.enabledAlgoList{flex-direction:column;inline-size:max-content;margin-left:10px;margin-right:0;display:inline-block;right:0}.allowDiagonalSetting{margin-top:27px}.infoBackdrop{width:650px;height:700px;padding:0;position:relative;overflow:auto}.infoButtonBack{-webkit-user-select:none;user-select:none;z-index:2;position:absolute;top:8px;right:8px}.slide{overflow-wrap:break-word;opacity:0;z-index:0;transition-duration:.2s;position:absolute}.slideCurrent{opacity:1;z-index:1}.sliderContentContainer{width:100%;position:relative}.sliderSideContainer{justify-content:center;align-items:center;width:96px;display:flex}.sliderArrowButton{cursor:pointer;appearance:none;-webkit-user-select:none;user-select:none;background:0 0;border:none;height:100%;padding:0}.sliderArrowIcon{opacity:.9;background:var(--foregroundcolor);border:1px solid #292929;border-radius:50%;outline:none;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s ease-in-out;display:flex}.sliderArrowButton:hover>.sliderArrowIcon{opacity:1;transform:scale(1.15)}.sliderArrowButton:active .sliderArrowIcon{background-color:#fdfbf8;transition:all .1s}.sliderDots{display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.dot{border:4px solid var(--foregroundcolor);background:var(--foregroundcolor);cursor:pointer;border-radius:50%;width:20px;height:20px;margin:0 4px;transition-duration:.2s}.dot.active{background:#444}.dot:hover{transition-duration:.1s;transform:scale(1.2)}.infoContainer{width:100%;height:100%;position:relative}.infoMain{flex-direction:row;height:100%;display:flex;position:relative}.infoTitle{margin-top:20px;margin-bottom:8px;font-size:2.5em}.infoTitleGradient{background:var(--titlegradient);-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.infoSubTitle{background:var(--subtitlegradient);-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:-2px 0 1px}.infoSubTitleNodes{margin-bottom:0}.infoNode{vertical-align:text-bottom;display:inline-block}.infoNodeGoal{border-radius:4px}.infoNodeWall{border-radius:2px;border:1px solid #202020!important}.githubContainer{position:absolute;bottom:8px;right:9px}.githubLink{background-color:var(--foregroundcolor);cursor:pointer;border:1px solid #383838;border-radius:10px;padding:4px 12px 1px;transition-duration:.2s;display:inline-block;box-shadow:0 0 4px #383838}.githubLink:hover{background-color:#cdff93;transform:scale(1.1);box-shadow:0 0 6px #383838}.node{text-align:center;color:#fff;border:1px solid #fff;width:30px;min-width:30px;height:30px;margin:0;font-size:larger;font-weight:700;line-height:26px}.node-wall{background-color:#615650;border:1px solid #615650}.node-x{color:#242424;background-color:#9e9e9e;box-shadow:inset 0 0 0 4px #363636;border:1px solid #363636!important}.node-goal{text-shadow:0 0 2px #8deb84,0 0 2px #8deb84,0 0 2px #8deb84,0 0 2px #8deb84;border:1px solid #007400;box-shadow:inset 0 0 0 4px #007400;color:#004e00!important;background-image:conic-gradient(#7cfc00 0deg 360deg)!important}.node-start-1{text-shadow:0 0 2px #000,0 0 2px #000,0 0 2px #000,0 0 2px #000;box-shadow:inset 0 0 0 4px var(--nodebordercolor1)!important;border:1px solid var(--nodebordercolor1)!important}.node-start-2{text-shadow:0 0 2px #000,0 0 2px #000,0 0 2px #000,0 0 2px #000;box-shadow:inset 0 0 0 4px var(--nodebordercolor2)!important;border:1px solid var(--nodebordercolor2)!important}.node-start-3{text-shadow:0 0 2px #000,0 0 2px #000,0 0 2px #000,0 0 2px #000;box-shadow:inset 0 0 0 4px var(--nodebordercolor3)!important;border:1px solid var(--nodebordercolor3)!important}.node-start-4{text-shadow:0 0 2px #000,0 0 2px #000,0 0 2px #000,0 0 2px #000;box-shadow:inset 0 0 0 4px var(--nodebordercolor4)!important;border:1px solid var(--nodebordercolor4)!important}.node-visited-1{background-color:var(--nodebgcolor1)}.node-visited-2{background-color:var(--nodebgcolor2)}.node-visited-3{background-color:var(--nodebgcolor3)}.node-visited-4{background-color:var(--nodebgcolor4)}.node-winner-1{box-shadow:inset 0 0 0 5px var(--nodebordercolor1)}.node-winner-2{box-shadow:inset 0 0 0 5px var(--nodebordercolor2)}.node-winner-3{box-shadow:inset 0 0 0 5px var(--nodebordercolor3)}.node-winner-4{box-shadow:inset 0 0 0 5px var(--nodebordercolor4)}.node-winner-tie{box-shadow:inset 0 0 0 5px #444}.node-current{animation-name:current-anim;animation-duration:50ms}@keyframes current-anim{0%{}to{box-shadow:inset 0 0 0 5px #202020}}.node-visited-1-2{background-image:conic-gradient(var(--nodebgcolor1) 0deg 180deg,var(--nodebgcolor2) 180deg 360deg)}.node-visited-1-3{background-image:conic-gradient(var(--nodebgcolor1) 0deg 180deg,var(--nodebgcolor3) 180deg 360deg)}.node-visited-1-4{background-image:conic-gradient(var(--nodebgcolor1) 0deg 180deg,var(--nodebgcolor4) 180deg 360deg)}.node-visited-2-3{background-image:conic-gradient(var(--nodebgcolor2) 0deg 180deg,var(--nodebgcolor3) 180deg 360deg)}.node-visited-2-4{background-image:conic-gradient(var(--nodebgcolor2) 0deg 180deg,var(--nodebgcolor4) 180deg 360deg)}.node-visited-3-4{background-image:conic-gradient(var(--nodebgcolor3) 0deg 180deg,var(--nodebgcolor4) 180deg 360deg)}.node-visited-1-2-3{background-image:conic-gradient(var(--nodebgcolor1) 0deg 116deg,var(--nodebgcolor2) 124deg 236deg, var(--nodebgcolor3) 244deg 360deg)}.node-visited-1-2-4{background-image:conic-gradient(var(--nodebgcolor1) 0deg 116deg,var(--nodebgcolor2) 124deg 236deg, var(--nodebgcolor4) 244deg 360deg)}.node-visited-1-3-4{background-image:conic-gradient(var(--nodebgcolor1) 0deg 116deg,var(--nodebgcolor3) 124deg 236deg, var(--nodebgcolor4) 244deg 360deg)}.node-visited-2-3-4{background-image:conic-gradient(var(--nodebgcolor2) 0deg 116deg,var(--nodebgcolor3) 124deg 236deg, var(--nodebgcolor4) 244deg 360deg)}.node-visited-1-2-3-4{background-image:conic-gradient(var(--nodebgcolor4) 0deg 44deg, var(--nodebgcolor1) 46deg 134deg, var(--nodebgcolor2) 136deg 224deg, var(--nodebgcolor3) 226deg 314deg, var(--nodebgcolor4) 316deg 360deg)}