@font-face{font-family:Fredoka;src:url(/assets/Fredoka-Regular-0oZHD43c.ttf);font-weight:400}@font-face{font-family:Fredoka;src:url(/assets/Fredoka-Medium-DaUhb1Q-.ttf);font-weight:500}@font-face{font-family:Fredoka;src:url(/assets/Fredoka-SemiBold-w4PbZjN_.ttf);font-weight:600}:root{--text-color: rgb(43, 43, 43);--box-shadow-color: rgba(0, 0, 0, .3);--dim-background-color: rgba(0, 0, 0, .8);--background-color: rgb(172, 219, 255);--black-color: rgba(0, 0, 0, .8);--moderate-gray: rgb(146, 146, 146);--header-color: rgb(233, 233, 233);--dark-header-color: rgb(200, 200, 200);--greyish-blue: rgb(150, 171, 187)}html,body{width:100vw;height:100vh;min-width:800px;min-height:600px;margin:0;padding:0;background-color:var(--background-color);overflow:auto}#root{position:relative;width:100%;height:100%;min-width:800px;min-height:600px}h1,h2{font-family:Fredoka,sans-serif;font-weight:600;text-shadow:0 0 .3vw var(--black-color)}h3,h4,h5{font-family:Fredoka,sans-serif;font-weight:500;text-shadow:0 0 .1vw var(--black-color)}p{font-family:Fredoka,sans-serif;font-weight:400;color:var(--text-color)}button{font-family:Fredoka,sans-serif;font-weight:500;cursor:pointer;flex-shrink:0}div{font-family:Fredoka,sans-serif;font-weight:500}label,select{font-family:Fredoka,sans-serif;font-weight:400;color:var(--text-color)}select{background-color:transparent;border:.2vw solid var(--moderate-gray);border-radius:2vw;outline:none;color:var(--text-color);text-align:center}input{font-family:Fredoka,sans-serif;font-weight:400;text-align:center;color:var(--text-color);background-color:transparent;border:none;outline:none}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.rotating-tile-infinite-clockwise{animation:rotate-infinite-clockwise 10s linear infinite}.rotating-tile-infinite-counter-clockwise{animation:rotate-infinite-counter-clockwise 10s linear infinite}.title{font-size:clamp(5vh,10vw,15vh);color:var(--header-color);text-shadow:0 0 1vw var(--black-color)}.hexagon{aspect-ratio:.86602540378;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.typical-button{background-color:var(--moderate-gray);color:#fff;border:.2vw solid white;border-radius:5vw;box-shadow:0 0 .3vw var(--box-shadow-color);font-size:clamp(1.5rem,2vw,2.5rem);margin:5%;cursor:pointer;transition:background-color .3s ease,transform .3s ease}.typical-button:hover{background-color:var(--text-color);transform:scale(1.05)}.top-left-icons{width:4vw;aspect-ratio:1;border:.15vw solid white;background-color:var(--box-shadow-color);border-radius:.5vw;cursor:pointer}.top-left-icons:hover{background-color:var(--text-color)}@keyframes rotate-infinite-clockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate-infinite-counter-clockwise{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.popup-background{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--dim-background-color);z-index:100;overflow:auto}.popup-wrapper{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:var(--greyish-blue);border-radius:5vw;border:.2vw solid var(--header-color);box-shadow:0 0 3% var(--box-shadow-color);max-height:90vh;width:35%;padding:2vw;overflow:hidden;display:flex;flex-direction:column}.popup-wrapper-tile{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:var(--greyish-blue);border-radius:5vw;border:.2vw solid var(--header-color);box-shadow:0 0 3% var(--box-shadow-color);max-height:90vh;width:60%;height:90%;padding:2vw;overflow:hidden;display:flex;flex-direction:column}.popup-content{overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;flex:1;display:flex;flex-direction:column;align-items:center}.popup-content h2{text-align:center;color:var(--dark-header-color);font-size:1.5vw}.left-side-tile-list{position:relative;width:30%;height:100%;background-color:var(--dark-header-color);border-right:.5vw solid var(--header-color)}.left-side-tile-list-scroll-pane{position:absolute;top:12%;left:10%;width:80%;display:flex;flex-direction:column;justify-content:top;align-items:center;overflow-y:scroll;scrollbar-width:none}.tile-window{position:relative;width:98%;height:30vh;border-radius:2vw;background-color:var(--box-shadow-color);border:.2vw solid var(--header-color);margin:1vw;box-sizing:border-box;flex-shrink:0;transition:background-color .3s ease}.tile-window:hover{background-color:#00000080;cursor:pointer}.grid-board{position:absolute;top:50%;left:55%;display:grid;transform:translate(-50%,-50%);border:.3vw solid var(--text-color)}.hex-board{position:absolute;height:60%;top:47%;left:55%;overflow:visible}.grid-coord{width:100%;height:100%;border:.2vw solid var(--text-color);display:flex;justify-content:center;align-items:center}.grid-coord-borderless{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.grid-coord-borderless:hover{background-color:var(--box-shadow-color);cursor:pointer}.grid-coord-template{width:100%;height:100%;border:.2vw solid var(--text-color);display:flex;justify-content:center;align-items:center}.grid-coord:hover{background-color:var(--box-shadow-color);cursor:pointer}.grid-coord-selected{width:100%;height:100%;border:.2vw solid var(--text-color);display:flex;justify-content:center;align-items:center;background-color:gold}.grid-coord-blocked{width:100%;height:100%;border:.2vw solid var(--text-color);display:flex;justify-content:center;align-items:center;background-color:#000}.hex-coord{position:absolute;aspect-ratio:.86602540378;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background-color:var(--text-color)}.hex-coord-inner{position:absolute;width:95%;aspect-ratio:.86602540378;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);left:50%;top:50%;transform:translate(-50%,-50%);background-color:var(--background-color);display:flex;justify-content:center;align-items:center}.hex-coord-inner:hover{background-color:#52889b80;cursor:pointer}.hex-coord-inner-template{position:absolute;width:100%;aspect-ratio:.86602540378;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);left:50%;top:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center}.hex-coord-inner-tile{position:absolute;width:95%;aspect-ratio:.86602540378;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);left:50%;top:50%;transform:translate(-50%,-50%);background-color:var(--greyish-blue);display:flex;justify-content:center;align-items:center}.hex-coord-inner-tile:hover{background-color:#35556180;cursor:pointer}.hex-coord-inner-selected{position:absolute;width:95%;aspect-ratio:.86602540378;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);left:50%;top:50%;transform:translate(-50%,-50%);background-color:gold;display:flex;justify-content:center;align-items:center}.hex-coord-inner-blocked{position:absolute;width:95%;aspect-ratio:.86602540378;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);left:50%;top:50%;transform:translate(-50%,-50%);background-color:#000;display:flex;justify-content:center;align-items:center}.small-popup{background-color:var(--greyish-blue);border:.2vw solid var(--header-color);box-shadow:0 0 3% var(--box-shadow-color);padding:1vw;border-radius:2vw;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.three-col-list{display:grid;grid-template-columns:1.5fr .8fr 1.5fr}.three-col-list h2{font-size:2vw;text-decoration:underline;gap:.5vh}.rocker-switch{position:relative;display:inline-block;width:3vw;height:3vh}.rocker-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#75d975;transition:background-color .4s;border-radius:34px}.slider:before{position:absolute;content:"";width:40%;height:75%;left:6%;bottom:12.5%;background-color:#fff;transition:transform .4s;border-radius:50%;box-shadow:0 0 2px #0003}.rocker-switch input:checked+.slider{background-color:#ec6666}.rocker-switch input:checked+.slider:before{transform:translate(118%)}.horizontal-flex{display:flex;flex-direction:row;align-items:center;gap:1vw}.dot-animation:after{content:"";animation:dots 1.2s steps(4,end) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}.instructions-page{display:flex;flex-direction:column;align-items:left;justify-content:top;width:65%;height:92%;padding:2vw;overflow:scroll;scrollbar-width:none;-ms-overflow-style:none}.instructions-page h1{font-size:4vw;color:#fff;text-shadow:0 0 .3vw var(--black-color);text-decoration:underline}.instructions-page p{font-size:1.2vw;color:var(--text-color);margin:0}.instructions-page h2{font-size:3vw;color:#d3d3d3;text-shadow:0 0 .2vw var(--black-color)}.instructions-page h3{font-size:2vw;color:#474747;text-shadow:0 0 .2vw var(--black-color)}