:root{--toolbar-font-size:2rem}body{margin:0;overflow:hidden}.show{display:flex!important}dialog{transition:opacity .3s ease-out, transform .3s cubic-bezier(.34, 1.56, .64, 1), display .3s allow-discrete;opacity:0;border:none;border-radius:5px;transform:scale(.9)translateY(20px)}dialog[open]{opacity:1;transform:scale(1)translateY(0)}@starting-style{dialog[open]{opacity:0;transform:scale(.9)translateY(20px)}}dialog::backdrop{opacity:.4;transition:opacity .3s ease allow-discrete;background-color:#000}@starting-style{dialog::backdrop{opacity:0}}.toast{font:1rem Kreon}.logo-container{padding:1rem}.logo-container>span:first-child{color:#0000;background-image:linear-gradient(pink,#f0f);-webkit-background-clip:text;background-clip:text;font:2rem rowdy}.logo-container>span:nth-child(2){color:#0000;background-image:linear-gradient(orange,coral);-webkit-background-clip:text;background-clip:text;font:2rem rowdy}.logo-container>hr{border:none;border-top:1px solid #0000;border-image:linear-gradient(90deg,pink,coral) 1}.board-toolbar-container{flex-direction:column;align-items:center;display:flex}#board-edit-toolbar{-webkit-user-select:none;user-select:none;color:beige;z-index:99;border-radius:5px;justify-content:center;gap:.5rem;width:fit-content;padding-bottom:.4rem;font-family:Kreon;display:flex}#board-edit-toolbar .toolbar-icon{font-size:var(--toolbar-font-size);pointer-events:none}#board-edit-toolbar>div{border:1px solid #696969;border-radius:5px;gap:.5rem;padding:.5rem;display:flex}#board-edit-toolbar>div>div{height:var(--toolbar-font-size);cursor:pointer;border-radius:5px;padding:.2rem}#board-edit-toolbar>div>div:hover{background-color:#323232}.auxiliary-container{height:var(--toolbar-font-size);z-index:99;border:1px solid gray;border-top:none;border-radius:100px;justify-content:center;align-items:center;width:90%;display:flex;position:relative}.auxiliary-container>div{transition:display .3s allow-discrete;justify-content:center;align-items:center;gap:1rem;margin-bottom:.5rem;display:none;position:absolute}.auxiliary-container>div>img{-webkit-user-select:none;user-select:none;opacity:.5;cursor:pointer;transition-behavior:allow-discrete;width:1.5rem;transition:scale .3s;scale:1}@starting-style{.auxiliary-container>div>img{scale:.5!important}}.auxiliary-container>div>img:hover{scale:1.2}.auxiliary-container>div>img.palette-active{opacity:1;scale:1.2}.auxiliary-container>div:not(.show) img,.auxiliary-container>div:not(.show) button{scale:0}.orb-change-container>div{transition:display .3s allow-discrete;justify-content:center;align-items:center;gap:1rem;display:flex}.orb-change-container>div>img{-webkit-user-select:none;user-select:none;opacity:.5;cursor:pointer;transition-behavior:allow-discrete;width:1.5rem;transition:scale .3s;scale:1}@starting-style{.orb-change-container>div>img{scale:.5!important}}.orb-change-container>div>img.palette-active{opacity:1;scale:1.2}.orb-change-container>button{color:beige;cursor:pointer;transition:scale .3s allow-discrete;background-color:#0000;border-radius:5px;font-size:1rem}.orb-change-container>button:active{color:pink}.orb-change-container>#to-orb{opacity:1;anchor-name:--to-orb-anchor}.board-button-container{white-space:nowrap;-webkit-user-select:none;user-select:none;justify-content:center;display:flex}.board-button-container>button{color:#a9a9a9;cursor:pointer;background-color:#1e1e1e;border-radius:10px;font:2rem Kreon;position:relative}.language-button{anchor-name:--language-anchor}.language-menu{position-anchor:--language-anchor;top:anchor(bottom);left:calc(anchor(right) - 7rem);color:gray;background-color:#282727;flex-direction:column;margin:0;padding:0;font:1rem kreon;display:flex}.language-menu::backdrop{background-color:#0000}.language-menu>div{padding:1rem;cursor:pointer;padding-block:.5rem;font-size:1.2rem}.language-menu>div:hover{background-color:#323232}.to-orb-menu{position-anchor:--to-orb-anchor;top:anchor(bottom);left:calc(anchor(right) - 7rem);background-color:#323232;gap:.5rem;margin:0;padding-block:.2rem;display:flex}.to-orb-menu>img{opacity:.5;cursor:pointer;width:1.5rem;transition:scale .3s}.to-orb-menu>img:hover{scale:1.2}.to-orb-menu>img.palette-active{opacity:1}.to-orb-menu::backdrop{background-color:#0000}#path-button-container{-webkit-user-select:none;user-select:none;border-top:2px ridge gray;border-bottom:2px ridge gray;border-radius:10px;justify-content:center;align-items:center;width:100%;display:flex}#path-button-container>.path-button{cursor:pointer;color:gray;text-align:center;border-radius:10px;width:5rem;font-size:3rem!important}#path-button-container>.path-button:hover{background-color:#232323}.button--loading:after{content:"";border:4px solid #0000;border-top-color:#a9a9a9;border-radius:50%;width:28px;height:28px;margin:auto;animation:1s infinite button-loading-spinner;position:absolute;inset:0}.button--loading>span{visibility:hidden;opacity:0}@keyframes button-loading-spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}input[type=range]{cursor:pointer}.add-config-button{color:orange;cursor:pointer;margin:auto}.add-config-button:hover{filter:brightness(1.2)}#combo-paths>span{color:#696969;text-align:center;font:1rem kreon;display:none}#combo-paths>span:only-child{display:block}.start-position-input-container{align-items:center;gap:.5rem;margin-top:1rem;display:inline-flex}.start-position-input-container>span{cursor:pointer;-webkit-user-select:none;user-select:none}.start-position-input-container>span:hover{color:orange}.solver-config-container{scrollbar-color:#2d2d2d transparent;border-left:1px solid #69696933;width:30rem;padding:1rem;overflow-y:scroll}.solver-config-container>details{padding-bottom:2rem}.solver-config-container>details[open]>summary>:nth-child(3){rotate:90deg}.solver-config-container>details>summary{color:gray;-webkit-user-select:none;user-select:none;cursor:pointer;border-bottom:1px ridge #696969;border-radius:5px;align-items:center;gap:1rem;width:100%;margin-bottom:1rem;padding-bottom:.5rem;padding-left:1rem;font:1.2rem Kreon;display:flex;position:relative}.solver-config-container>details>summary>:first-child{color:orange;width:1rem}.solver-config-container>details>summary>:nth-child(3){color:orange;margin-left:auto;margin-right:1rem;font-size:.7rem}.solver-config-container>details>summary:hover{border-bottom:1px ridge #ffa60080}.solution-summary:before{content:"";z-index:-1;opacity:0;background:linear-gradient(90deg,#ff6ec4,#7873f5,#4ade80,#ff6ec4) 0 0/300% 300%;border-radius:5px;height:3px;transition:opacity .4s ease-in-out;animation:4s linear infinite gradientMove;position:absolute;bottom:0;left:2px;right:1px}.solution-summary:after{content:"";border-radius:inherit;z-index:-1;background-color:#191919;border:2px solid #0000;width:99.2%;position:absolute;inset:1px}.solution-summary.fade-border:before{opacity:1}.water{accent-color:#1e90ff}.fire{accent-color:tomato}.wood{accent-color:#3cb371}.dark{accent-color:plum}.light{accent-color:#eee8aa}.any{accent-color:beige}.config-container{color:beige;flex-direction:column;font-family:kreon;display:flex}.config-container>.save-load-container{color:gray;border-radius:5px;justify-content:right;gap:1rem;display:flex}.config-container>.save-load-container select{color:gray;cursor:pointer;background-color:#0000;border:none;font:1rem kreon}.config-container>.orb-weight-container{background-color:#282828;border-radius:5px;flex-direction:column;justify-content:space-around;gap:1rem;margin-bottom:.5rem;padding-block:1rem;display:flex}.config-container>.orb-weight-container>combo-config{-webkit-user-select:none;user-select:none;justify-content:space-around;align-items:center;display:flex}.config-container>.orb-weight-container>combo-config>select{text-align:center;color:beige;field-sizing:fixed;background-color:#0000;border-radius:5px;font:1rem kreon}.config-container>.orb-weight-container>combo-config>label{justify-content:center;width:2ch;display:flex}.config-container>.orb-weight-container>combo-config>img{width:1.2rem;height:1.2rem}.stats-container{align-items:left;color:beige;flex-direction:column;gap:1rem;font-family:kreon;display:flex}.stats-container>details{padding-left:1rem}.stats-container>details>summary{cursor:pointer;-webkit-user-select:none;user-select:none;list-style-position:inside}.stats-container>details>table{margin-top:1rem;margin-left:1rem}.styled-table{table-layout:fixed;border-collapse:collapse;width:20rem;padding:1rem}.styled-table td:first-child{text-align:left}.styled-table td:last-child{text-align:right}.styled-table>caption{caption-side:bottom;text-align:right;margin-top:.5rem}.styled-table>caption>span{padding:.2rem;background-color:#323232;border-radius:5px;padding-inline:.5rem}.active{filter:brightness(1.1);border-left-color:#daa520}.tab-content{outline:none;width:100%;height:100%;display:none}.close-button{-webkit-user-select:none;user-select:none;cursor:pointer;color:red;background-color:#0000;border:none;font-size:2rem;font-weight:300;position:absolute;top:0;right:.5rem}.sidebar-button{color:gray;-webkit-user-select:none;user-select:none;cursor:pointer;align-items:center;gap:1rem;padding:.5rem;font:1.5rem Kreon;display:flex;position:relative}.sidebar-button>span:first-child{font-size:2rem}.sidebar-button:hover:not(:has(.language-menu:hover)){background-color:#2f2e2e}#loadBoardCanvas{image-rendering:pixelated}:focus{outline:none}.tooltip{position:relative}.tooltip .tooltiptext{visibility:hidden;color:#a9a9a9;text-align:center;-webkit-user-select:none;user-select:none;opacity:0;background-color:#000;border-radius:6px;width:6rem;padding:5px 0;font:1rem Kreon;position:absolute;bottom:130%;left:50%;transform:translate(-50%)}.tooltip .right-tooltiptext{left:110%}.tooltip:hover .tooltiptext{visibility:visible;opacity:1;transition:opacity .2s ease-in .2s}.button-activate{color:pink!important;background-color:#000!important}.settings-modal{background-color:#141414;width:40rem;display:block}.settings-modal .segment-container{justify-content:space-between;align-items:center;width:80%;display:flex}.settings-modal .segment-container>div{color:gray;font:1rem kreon}.settings-modal .segment-container>.segmented-buttons{-webkit-user-select:none;user-select:none;border:1px solid gray;border-radius:10px;display:inline-flex}.settings-modal .segment-container>.segmented-buttons>button{color:gray;cursor:pointer;background-color:#0000;border:none;padding-block:.2rem;padding-inline:1rem;font:1rem kreon}.settings-modal .segment-container>.segmented-buttons>button:hover{background-color:#1e1e1e}.settings-modal .segment-container>.segmented-buttons>button:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}.settings-modal .segment-container>.segmented-buttons>button:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}.settings-modal .segment-container>.segmented-buttons>button.active{background-color:#282828}.settings-modal .segment-container>.segmented-buttons>button:not(:last-child){border-right:1px solid gray}.settings-modal .save-button{color:gray;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#1e1e1e;border-radius:5px;font:1rem kreon}.position-select-modal{background-color:#141414;width:20rem;margin:0;position:fixed;top:40vh;left:auto;right:5rem}.position-select-modal>.clear-button{color:gray;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#1e1e1e;border-radius:5px;margin-left:1rem;font:1rem kreon}.position-select-modal>.select-all-button{color:gray;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#1e1e1e;border-radius:5px;font:1rem kreon}.position-select-modal>.select-position-grid{grid-template-columns:repeat(6,1fr);gap:.2rem;padding:1rem;display:grid}.position-select-modal>.select-position-grid>div{aspect-ratio:1;cursor:pointer;color:orange;border:1px solid gray;border-radius:50%;place-items:center;display:grid}.position-select-modal>.select-position-grid>div:hover{border:1px solid orange}.position-select-modal>.select-position-grid>div.position-select-active:after{content:"✓"}.comment-modal{background-color:#141414;width:30rem;height:50vh;display:flex}.comment-modal>div{flex-direction:column;gap:1rem;width:100%;height:100%;display:flex}.comment-modal>div>div{color:gray;font:1.5rem Kreon}.comment-modal>div>textarea{color:gray;resize:none;background-color:#1e1e1e;border:none;border-radius:5px;height:100%;padding:1rem;font:1rem Kreon}.comment-modal>div>.send-comment-button{color:beige;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#282828;border-radius:5px;width:fit-content;margin-left:auto;padding:.5rem;font:1rem Kreon}.comment-modal>div>.send-comment-button:disabled{color:#696969;cursor:default;border:2px solid #0000;outline:none}.save-modal{background-color:#1e1e1e;display:flex}.save-modal>.input-container{justify-content:center;align-items:center;gap:1rem;width:40rem;padding:1rem;display:flex}.save-modal img{image-rendering:pixelated;background-color:#000;border-radius:5px;height:2.5rem;padding:.5rem}.save-modal input{color:beige;-webkit-user-select:none;user-select:none;background-color:#000;border:1px inset gray;border-radius:5px;padding-left:1rem;font:2rem Kreon}.save-modal .save-button{color:gray;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#1e1e1e;border-radius:5px;font:2rem kreon}.load-dialog{background-color:#1e1e1e;display:flex}.load-modal{color:#a9a9a9;flex-direction:column;gap:1rem;width:20rem;display:flex}.load-modal>.search-container{justify-content:center;margin-top:1rem;display:flex}.load-modal>.search-container>input{color:gray;background-color:#141414;border:none;border-radius:0 5px 5px 0;font:1.5rem kreon}.load-modal>.search-container>span{color:#a9a9a9;-webkit-user-select:none;user-select:none;background-color:#141414;border-radius:5px 0 0 5px;padding:.2rem;font-size:1.5rem}.load-modal .load-button{color:gray;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#1e1e1e;border-radius:5px;width:fit-content;font:1rem Kreon}.load-modal>.board-list{background-color:#141414;border-radius:5px;height:40vh;margin-top:1rem;padding:1rem}.load-modal>.board-list>load-board-list-item.active{background-color:#282828;border-left:4px solid pink}.load-modal>.board-list>load-board-list-item{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:1rem;padding:.5rem;font:1rem kreon;display:flex}.load-modal>.board-list>load-board-list-item>.edit-name-button{margin-left:auto}.load-modal>.board-list>load-board-list-item>img{height:2rem;image-rendering:pixelated}.load-modal>.board-list>load-board-list-item:hover{background-color:#282828}.load-modal>.board-list>load-board-list-item>.delete{color:#cd5c5c}#timer-container{align-items:center;display:flex}#timer-input{background-color:inherit;color:beige;text-align:center;border:none;border-bottom:1px ridge gray;width:6rem;margin:0;font:1rem Kreon}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}solver-solution{color:beige;-webkit-user-select:none;user-select:none;cursor:pointer;flex-direction:column;gap:.5rem;padding:1rem;font:1rem Kreon;display:flex;overflow:auto}solver-solution>.solution-header{color:#696969;gap:.5rem;font:1rem kreon;display:flex}solver-solution>.combo-container{justify-content:center;display:flex}solver-solution>.combo-container>img{width:1rem;height:1rem;padding:0 5px}solver-solution:hover{background-color:#282828}.path-select{background-color:#282828;border-left:5px solid orange}.sidebar-container{border-right:1px solid #69696933;position:relative}.main-container{justify-content:space-between;height:100vh;display:flex;position:relative}.board-position-container{flex-direction:column;justify-content:center;gap:1rem;width:32vw;display:flex}#board-container{aspect-ratio:6/5}.main-menu{anchor-name:--menu-anchor;padding:0;display:none;position:relative}.main-menu>button{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#0000;border:none;border-radius:5px;height:fit-content;padding:.2rem}.main-menu>button:hover{background-color:#323232}.menu-icons{position-anchor:--menu-anchor;top:anchor(bottom);left:calc(anchor(left) + 2rem);background-color:#1e1e1e;margin:0;padding:0;font-family:kreon}.menu-icons::backdrop{background-color:#0000}.menu-icons>div{color:beige;cursor:pointer;border-radius:5px;align-items:center;gap:1rem;padding:.5rem;display:flex}.menu-icons>div:hover{background-color:#282828}.menu-icons>div>.menu-icon{color:beige;align-items:center;font-size:2rem;display:flex}@keyframes gradientMove{0%{background-position:0%}to{background-position:300%}}@media only screen and (width<=1024px){.main-container{flex-direction:column;justify-content:center;align-items:center}.main-menu{align-items:center;margin-top:0;padding-left:1rem;display:flex;position:fixed;top:0;left:0}.board-position-container{width:clamp(22rem,60vw,30rem)}.sidebar-container{display:none}.solver-config-container{background-color:#1e1e1e;width:75vw}#board-edit-toolbar{-webkit-user-select:none;user-select:none;border-radius:5px;flex-wrap:wrap;justify-content:center;gap:.2rem;padding:.2rem;font-family:Kreon;display:flex}#board-edit-toolbar>div{cursor:pointer;border-radius:5px;padding:.2rem}}