@import"https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400..700&display=swap";*{margin:0;padding:0;box-sizing:border-box}canvas{display:block;width:75vw;height:100vh;object-fit:none;background-color:#0f0f0f}main{display:grid;grid-template-columns:3fr 1fr;height:100vh;gap:0}body{font-family:Arial,sans-serif;overflow:hidden;height:100vh}svg{width:100%;height:100%;background-color:#0f0f0f;border-left:2px dashed #fff}svg line,svg polyline{stroke-width:2;stroke:#fff;pointer-events:none;fill:none}svg rect,svg circle{fill:#fff;stroke:transparent;stroke-width:20}svg .active{fill:red}svg line.active,svg polyline.active{stroke:red}svg .current{stroke:#fff;fill:#e42736;stroke-width:4}svg rect:hover,svg circle:hover{cursor:pointer;fill:#bebebe}.menu{position:fixed;top:16px;left:calc(75% - 250px);background-color:silver;padding:24px;width:200px;box-shadow:inset 2px 2px #fff,inset -2px -2px gray;font-family:Pixelify Sans,serif}.menu input{width:60px}.menu select,.menu option{font-family:Pixelify Sans,serif;border:0px;padding:2px;text-transform:capitalize}.tutorial{position:absolute;top:max(0px,calc(50% - 400px));left:max(00px,calc(50% - 300px));background-color:silver;padding:24px;width:min(600px,100%);max-height:100%;box-shadow:inset 2px 2px #fff,inset -2px -2px gray;font-family:Pixelify Sans,serif}.tutorial img{width:100%}.tutorial .rule{margin:8px 8px 16px}.tutorial p{margin:6px}.tutorial-content{overflow-y:auto;max-height:900px;height:min(90vh,900px)}button{min-width:24px;min-height:24px;box-shadow:inset 2px 2px #fff,inset -2px -2px gray;border:0px}button:active{box-shadow:none;background-color:#a7a6a6}#map{border:1px solid #808080}.noDisplay{visibility:hidden}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}.close-menu,.close-tutorial{font-family:monospace;width:24px;height:24px;position:absolute;top:0;right:0;border:0;box-shadow:inset 2px 2px #ffe7e7,inset -2px -2px #744e4e;background-color:#ffc6c6;text-align:center}.floating{position:absolute;left:calc(75vw - 12px);top:0}#status-icon{background:#ccc;box-shadow:inset 2px 2px gray,inset -2px -2px gray;line-height:24px;text-align:center;width:24px;height:24px;-webkit-user-select:none;user-select:none}.open-menu{padding:4px;font-family:monospace;width:24px;height:24px;text-align:center}#depth-controls{display:inline-flex;gap:4px}#depth{padding:2px}.game-property{margin-bottom:16px}.game-property label{display:block;margin-bottom:4px;text-transform:uppercase}.split{display:flex;column-gap:8px}#seed{width:100%}#new-game{display:block;margin-top:24px;margin-bottom:16px;width:100%;padding:4px;font-family:Pixelify Sans,serif}#Settings{width:100%;height:100%}.cursor-D{cursor:url(/D.png),auto}.cursor-L{cursor:url(/L.png),auto}.cursor-M{cursor:url(/M.png),auto}.cursor-R{cursor:url(/R.png),auto}.cursor-LM{cursor:url(/LM.png),auto}.cursor-MR{cursor:url(/MR.png),auto}.cursor-LR{cursor:url(/LR.png),auto}.cursor-LMR{cursor:url(/LMR.png),auto}.cursor-GD{cursor:url(/GD.png),auto}.cursor-GL{cursor:url(/GL.png),auto}.cursor-GM{cursor:url(/GM.png),auto}.cursor-GR{cursor:url(/GR.png),auto}.cursor-GLM{cursor:url(/GLM.png),auto}.cursor-GMR{cursor:url(/GMR.png),auto}.cursor-GLR{cursor:url(/GLR.png),auto}.cursor-GLMR{cursor:url(/GLMR.png),auto}