.theme-buttons{position:absolute;top:1%;right:1%;z-index:4}.theme-buttons>*{position:relative;margin-left:auto;display:flex;flex-direction:column;margin-bottom:calc(5 * var(--iunit));line-height:max(5vh,5vw);border:0;border-radius:calc(10 * var(--iunit))}.theme-buttons button{font-size:max(4vh,4vw);transition:font-size .3s}.theme-buttons button:hover{cursor:pointer;font-size:max(4.5vh,4.5vw)}.theme-picker>*{display:block}.custom-picker{z-index:1;display:flex;flex-direction:row;align-items:flex-start}.custom-picker>.list{display:flex;flex-direction:column;transition:.3s;opacity:0;visibility:hidden;width:max(0vw,0vh);height:max(0vw,0vh)}.custom-picker>.list>button{display:block;font-size:max(1.8vh,1.8vw);text-wrap:nowrap;margin-bottom:max(.5vh,.5vw)}.custom-picker:hover>.list{border-radius:calc(var(--iunit) * 10);background-color:var(--background-two-faded);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:1;visibility:visible;width:min(max(20vw,20vh),60vw);height:fit-content}.hidden{display:none}:root{--splash-title-height: calc(55 * var(--iunit));--splash-square: calc(48 * var(--iunit))}.splash-container{position:relative;left:50%;transform:translate(-50%)}.splash-container>h1{font-family:Digital Dream Regular,Courier,monospace;font-style:normal;font-weight:400;position:relative;line-height:var(--splash-title-height);font-size:var(--splash-title-height);text-wrap:nowrap;display:flex;justify-content:center;flex-direction:row}h1>div.splash-square-wrapper{position:relative;top:0;left:0;transform:none;width:var(--splash-square);height:var(--splash-title-height)}h1>div.splash-square-wrapper>.map-container{width:var(--splash-square);height:var(--splash-square);position:relative;top:3%;left:0;transform:none}div.splash-container>h1>span.second{margin-left:calc(6 * var(--iunit))}:root{--full-block: 5vw;--map-transform: translate(-50%, -50%)}.map-container{position:absolute;transform:var(--map-transform);top:50%;left:50%;display:flex;flex-direction:column;flex-wrap:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;transition:transform .3s}.row{display:flex;flex-direction:row}.tile{position:relative;width:var(--full-block);height:var(--full-block);transition:background-color .3s}.tile.override{width:var(--full-block-override);height:var(--full-block-override)}.tile.blank{background-color:transparent}.edge{position:absolute;display:flex;flex-direction:row;width:100%;height:10%;transition:background-color .3s}.edge.horizontal{transform:translateY(-50%)}.edge.vertical{transform:translate(-50%,-50%) rotate(90deg) translate(50%)}.edge.vertical.end{transform:translate(50%,-50%) rotate(90deg) translate(50%);right:0}.edge.horizontal.end{transform:translateY(50%);bottom:0}.half-edge{flex-grow:1;height:100%;clip-path:polygon(0% 50%,15% 0%,100% 0%,100% 100%,15% 100%);transition:background-color .5s}.half-edge.end{transform:rotate(180deg)}.character-blob{transition:.3s}.character-blob{position:absolute;transform:translate(-50%,-50%);width:calc(var(--full-block) * .25);height:calc(var(--full-block) * .25);background-color:var(--background-one)}.character-blob.override{width:calc(var(--full-block-override) * .25);height:calc(var(--full-block-override) * .25)}.character-blob>.inner{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;width:97%;height:97%}.landing-options>*{position:relative;display:block;width:fit-content;margin:auto;text-align:center;text-wrap:nowrap;margin-bottom:min(5vh,5vw);font-size:min(8.5vh,8.5vw);line-height:min(9vh,9vw);transition:font-size .5s;font-family:Digital Dream Regular,Courier,monospace;text-decoration:none}.landing-options>div.warning{font-size:min(5vh,5vw);color:var(--foreground-three)}.landing-options>a:hover{font-size:min(9.5vh,9.5vw)}.landing-options{position:relative;width:fit-content;margin-top:3%;left:50%;transform:translate(-50%)}.test-client-title~button,.test-client-title~input{border:black solid 1px}.test-client-title~button:hover{background-color:#90ee90}.test-client-title~button:active{background-color:green}div.visual-log{overflow-y:scroll;scrollbar-width:thin;max-height:50vh}.center-wrapper.form-connection{transition:.5s}.center-wrapper.form-connection *{font-size:min(5vw,5vh)}.center-wrapper.form-connection h1{font-size:min(12.4vw,8vh)}.center-wrapper.form-connection h2{margin-top:calc(var(--iunit) * 3)}.center-wrapper.form-connection ul{list-style-type:none}.center-wrapper.form-connection>ul.lobby-list{margin-top:calc(var(--iunit) * 3);overflow-y:auto;scrollbar-width:thin;max-height:47vh}.center-wrapper.form-connection ul.player-list{border-bottom:var(--foreground-two) solid calc(var(--iunit) * .5)}input{outline:var(--foreground-two) var(--iunit) solid;width:100%;max-width:100%}input:active{outline:var(--foreground-two) calc(var(--iunit) * 2) solid}input.invalid{outline:var(--foreground-three) var(--iunit) solid}input.invalid:active{outline:var(--foreground-three) calc(var(--iunit) * 2) solid}.center-wrapper.form-connection h1{display:flex}.flex-row{display:flex;flex-direction:row}.flex-column{display:flex;flex-direction:column}.justify-end{justify-content:end}.justify-space-between{justify-content:space-between}.center-wrapper.form-connection h1>div.identity,.center-wrapper.form-connection h1>div.identity>span{font-size:min(12.4vw,8vh)}div.center-wrapper.form-connection>h1>div.identity{display:flex;font-size:min(11vw,11vh);line-height:min(9vw,9vh);max-width:63%}.center-wrapper.form-connection h1>div>div{color:var(--foreground-three);text-wrap:nowrap;max-width:100%;font-size:min(11vw,11vh);line-height:min(11vw,11vh);align-self:center}.create-lobby-input{width:80%}.create-lobby-button{width:20%}.center-wrapper.form-connection ul>li.connected{color:var(--positive-color)}.network-visualizer{border-radius:50%;width:min(60vw,60vh);height:min(60vw,60vh)}.network-visualizer .background{position:absolute;width:120%;height:120%;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 50% 50%,var(--background-two) 40%,transparent 70%)}div.client{z-index:1;--position: 0;position:absolute;top:50%;left:50%;transform:rotate(calc(-90deg - (var(--position) * 360deg)));offset-path:circle(50% at 50% 50%);offset-distance:calc(100% * var(--position));font-size:min(5vh,5vw);font-family:monospace,monospace;background-color:var(--background-one-faded);padding:calc(var(--iunit) * 7);border-radius:calc(var(--iunit) * 5);-webkit-backdrop-filter:blur(calc(var(--iunit) * 5));backdrop-filter:blur(calc(var(--iunit) * 5))}div.client.owner{color:var(--foreground-four)}div.client.self{text-decoration-line:overline underline}div.line{--angle: 45deg;--length: 100%;--origin-x: 50%;--origin-y: 50%;width:var(--length);position:absolute;left:var(--origin-x);top:var(--origin-y);transform:translate(-50%) rotate(calc(var(--angle))) translate(-50%);outline:solid var(--negative-color) var(--iunit);box-shadow:0 0 calc(var(--iunit) * 4) calc(var(--iunit) * 1) var(--negative-color)}div.line.connected{outline:solid var(--positive-color) var(--iunit);box-shadow:0 0 calc(var(--iunit) * 4) calc(var(--iunit) * 3) var(--positive-color)}#countdown{z-index:10;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:min(5vh,5vw);font-family:Digital Dream Regular;font-weight:900;color:var(--foreground-three);background-color:var(--background-one-faded)}div.map-picker{width:100%;height:100%;position:absolute;transition:.8s}div.scroll-selector{position:absolute;transform:translate(0);left:0%;z-index:2;background-color:var(--background-one-faded);-webkit-backdrop-filter:blur(calc(var(--iunit) * 5));backdrop-filter:blur(calc(var(--iunit) * 5));width:min(30vw,30vh)}div.scroll-selector,div.scroll-selector *{transition:.5s}div.scroll-selector>h3,div.scroll-selector>ul{line-height:min(8vh,8vw);font-size:min(6vh,6vw);font-family:Digital Dream Regular}div.scroll-selector>ul{max-height:0vh;overflow-y:auto;overflow-x:hidden;text-wrap:nowrap;width:100%}div.scroll-selector.map{top:30%}div.scroll-selector.color{top:40%}div.scroll-selector.shape{top:50%}div.scroll-selector.expanded{z-index:3;transform:translate(-50%,-50%);top:50%;left:50%;width:min(80vw,80vh)}div.scroll-selector.expanded>ul{max-height:min(35vh,35vw)}.selected{color:var(--clickable-hover)}div.players-ready{position:absolute;bottom:10%;left:50%;transform:translate(-50%);font-size:min(7vh,7vw);font-family:Digital Dream Regular;width:fit-content;text-wrap:nowrap;text-align:center;background-color:var(--background-one-faded);-webkit-backdrop-filter:blur(calc(var(--iunit) * 5));backdrop-filter:blur(calc(var(--iunit) * 5))}:root{--rotate-controls: rotate(0deg)}.testing{position:fixed}.input-intercept{width:100%;height:100%}.button-cluster{z-index:4;outline:red 1px solid;position:fixed;bottom:calc(var(--iunit) * 50);right:calc(var(--iunit) * 50);width:min(41vh,41vw);height:min(41vh,41vw);transform:var(--rotate-controls);transition:transform .3s}.movement-button{background-color:var(--foreground-two-faded);width:min(20vh,20vw);height:min(20vh,20vw);border:min(.5vh,.5vw) solid var(--foreground-two);clip-path:polygon(0% 50%,50% 0%,100% 0%,100% 100%,50% 100%)}.movement-button.active{background-color:var(--foreground-three-faded)}.movement-button.up{position:absolute;transform:translate(-50%) rotate(-90deg);top:0%;left:50%}.movement-button.left{position:absolute;transform:translateY(-50%) rotate(180deg);top:50%;left:0%}.movement-button.right{position:absolute;transform:translateY(-50%) rotate(0);top:50%;right:0%}.movement-button.down{position:absolute;transform:translate(-50%) rotate(90deg);bottom:0%;left:50%}body.black-on-white{color-scheme:light;--background-one: #ffffff;--background-one-faded: #ffffff77;--background-two: #333333;--background-two-faded: #33333377;--foreground-one: #000000;--foreground-one-faded: #00000077;--foreground-two: #555555;--foreground-two-faded: #55555577;--foreground-three: #ff0000;--foreground-three-faded: #ff000077;--foreground-four: #4444ff;--foreground-four-faded: #0000ff77;--foreground-five: #aaaaff;--foreground-five-faded: #0000ff77;--clickable-hover: #990000;--clickable-active: #ff0000;--positive-color: #00ff00;--positive-color-faded: #00ff0077;--negative-color: #ff0000;--negative-color-faded: #ff000077}body.two-shades-of-gray{color-scheme:light;--background-one: #111111;--background-one-faded: #11111177;--background-two: #444444;--background-two-faded: #44444477;--foreground-one: #eeeeee;--foreground-one-faded: #eeeeee77;--foreground-two: #444444;--foreground-two-faded: #44444477;--foreground-three: #ff0000;--foreground-three-faded: #ff000077;--foreground-four: #4444ff;--foreground-four-faded: #0000ff77;--foreground-five: #aaaaff;--foreground-five-faded: #0000ff77;--clickable-hover: #ff8888;--clickable-active: #ff0000;--positive-color: #00ff00;--positive-color-faded: #00ff0077;--negative-color: #ff0000;--negative-color-faded: #ff000077}body.white-on-black{color-scheme:dark;--background-one: #000000;--background-one-faded: #00000077;--background-two: #111111;--background-two-faded: #11111177;--foreground-one: #ffffff;--foreground-one-faded: #ffffff77;--foreground-two: #888888;--foreground-two-faded: #88888877;--foreground-three: #ff0000;--foreground-three-faded: #ff000077;--foreground-four: #4444ff;--foreground-four-faded: #0000ff77;--foreground-five: #aaaaff;--foreground-five-faded: #0000ff77;--clickable-hover: #ff8888;--clickable-active: #ff0000;--positive-color: #00ff00;--positive-color-faded: #00ff0077;--negative-color: #ff0000;--negative-color-faded: #ff000077}@font-face{font-family:Digital Dream Regular;src:url(/milestown2/assets/DigitalDreamRegular-BM4fCML7.eot);src:url(/milestown2/assets/DigitalDreamRegular-BM4fCML7.eot?#iefix) format("embedded-opentype"),url(/milestown2/assets/DigitalDreamRegular-BlvgfYiO.woff2) format("woff2"),url(/milestown2/assets/DigitalDreamRegular-CER-OHGY.woff) format("woff"),url(/milestown2/assets/DigitalDreamRegular-Dywx9N6V.svg#DigitalDreamRegular) format("svg");font-weight:400;font-style:normal;font-display:fallback}html,body,#root{position:absolute;height:100%;width:100%;background-color:var(--background-one);animation:opacity0to1 1s;overflow:hidden;-webkit-user-select:none;user-select:none}@keyframes opacity0to1{0%{opacity:0}to{opacity:1}}.center-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100vw;max-height:100vh}.nowrap{white-space:nowrap}*{border:0;margin:0;padding:0;color:var(--foreground-one);background-color:transparent}.digital-dream{font-family:Digital Dream Regular,Courier,monospace;font-style:normal;font-weight:400}.monospace{font-family:monospace,monospace;font-style:normal}.three{color:var(--foreground-three);font-style:normal}.four{color:var(--foreground-four);font-style:normal}.five{color:var(--foreground-five);font-style:normal}.indent{margin-left:calc(var(--iunit) * 100)}.no-access{pointer-events:none;-webkit-user-select:none;user-select:none;filter:blur(calc(var(--iunit) * 10))}.soft-no-access{pointer-events:none;-webkit-user-select:none;user-select:none;filter:blur(calc(var(--iunit) * 3))}.clickable{cursor:pointer}.clickable.dark{color:var(--foreground-two)}.clickable:hover{color:var(--clickable-hover)}.clickable:active{color:var(--clickable-active)}:root{--iunit: .1vw }@media screen and (orientation:landscape){:root{--iunit: .2vh}}@media screen and (orientation:portrait){:root{--iunit: .2vw}}