html,body,#root{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff0ea}*{padding:0;margin:0;box-sizing:border-box}.canvas{padding:15px 15px 40px}.canvas canvas{border:1px solid #3f3f3f;border-radius:8px}@font-face{font-family:QueenloveRegular;src:url(../fonts/Queenlove-Regular.woff2) format("woff2"),url(../fonts/Queenlove-Regular.woff) format("woff")}@font-face{font-family:InconsolataRegular;src:url(../fonts/Inconsolata-Regular.woff2) format("woff2"),url(../fonts/Inconsolata-Regular.woff) format("woff")}.mobileInterface .controls .key,.mobileInterface .actionMenu .actionSound,.mobileInterface .actionMenu .divider,.mobileInterface .shipLocation,.mobileInterface .actionButton,.mobileInterface .buttonSound{display:flex;align-items:center;justify-content:center}.mobileInterface{font-family:QueenloveRegular,sans-serif;position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none}.mobileInterface .shipLocation,.mobileInterface .actionButton,.mobileInterface .buttonSound{width:70px;height:70px;border:4px solid #a8856c;border-radius:4px;background:#ddbe98;color:#3f3f3f;position:absolute;top:30px;padding:.5rem 1rem;font-size:1.25rem}.mobileInterface .shipLocation{left:30px;width:fit-content;text-align:center;line-height:1.25rem}.mobileInterface .actionButton{right:30px;width:70px;min-width:70px;pointer-events:auto}.mobileInterface .buttonSound{right:30px;pointer-events:auto;cursor:pointer}.mobileInterface .buttonSound svg{scale:1.5}.mobileInterface .actionMenu{width:70px;height:70px;border:4px solid #a8856c;border-radius:4px;background:#ddbe98;color:#3f3f3f;width:calc(100% - 60px);height:fit-content;max-height:calc(100dvh - 339px);overflow:scroll;margin:115px 30px 0;padding:.5rem}.mobileInterface .actionMenu.horizontal{width:350px;max-height:calc(100dvh - 85px);margin:30px auto}.mobileInterface .actionMenu .divider{padding:.5rem 0}.mobileInterface .actionMenu .divider .title{font-size:1.5rem;text-wrap:nowrap}.mobileInterface .actionMenu .divider .line{width:100%;height:1px;background-color:#3f3f3f;margin:0 1rem}.mobileInterface .actionMenu .action{font-size:1.25rem;text-align:center;padding:.5rem;pointer-events:auto;background-color:#ceb18d;border-radius:.25rem;margin-bottom:.25rem}.mobileInterface .actionMenu .actionSound{height:40px;width:40px;margin-left:auto;pointer-events:auto;background-color:#ceb18d;border-radius:.25rem;margin-bottom:.25rem}.mobileInterface .actionMenu .actionSound svg{scale:1.5}.mobileInterface .controls{position:absolute;bottom:55px;left:0;width:100%;padding:0 30px;display:flex;align-items:end;justify-content:space-between}.mobileInterface .controls .raw,.mobileInterface .controls .column{display:flex;gap:14px}.mobileInterface .controls .column{flex-direction:column}.mobileInterface .controls .key{width:70px;height:70px;border:4px solid #a8856c;border-radius:4px;background:#ddbe98;color:#3f3f3f;pointer-events:auto}.mobileInterface .controls .key svg{scale:.8}.mobileInterface .footer{font-family:InconsolataRegular,monospace;position:absolute;bottom:0;display:flex;justify-content:space-between;align-items:center;width:100%;height:40px;padding:0 20px}.mobileInterface .footer-copyright{font-size:12px}.mobileInterface .footer-links{display:flex;align-items:center}.mobileInterface .footer-links p{font-size:12px;margin-right:4px}.mobileInterface .footer-links a{display:flex;align-items:center;justify-content:center;pointer-events:auto;width:22px;height:22px}.mobileInterface .footer-links a svg{fill:#3f3f3f;width:16px;height:16px;transition:.3s}.mobileInterface .footer-links a:hover svg{fill:#357977}@font-face{font-family:QueenloveRegular;src:url(../fonts/Queenlove-Regular.woff2) format("woff2"),url(../fonts/Queenlove-Regular.woff) format("woff")}.loader{position:absolute;z-index:100;top:0;left:0;width:100%;height:100%;transition:.5s;padding:15px 15px 40px}.loader-megaContainer{background:linear-gradient(-35deg,#f1e0ce 40%,#e0f8f7);width:100%;height:100%;display:flex;justify-content:center;align-items:center;border:1px solid #3f3f3f;border-radius:8px}.loader.fadeOut{opacity:0}.loader[hidden]{display:none}.loader-container{background:transparent;font-family:QueenloveRegular,sans-serif;border:none;position:relative;text-align:center;color:#3f3f3f;width:225px;height:100px}.loader-container:before{transition:.3s;content:"";position:absolute;left:12px;top:12px;width:calc(100% - 24px);height:calc(100% - 24px);background:#40404026;scale:0}.loader-container h1{font-size:2rem;font-weight:400}.loader-container.loaded{transition:.3s}.loader-container.loaded:before{scale:1}.loader-container.loaded:hover{scale:1.1;cursor:pointer}.loader-container-bar{position:absolute;background-color:#4e4e4e}.loader-container-bar.top{height:2px;top:0;left:0}.loader-container-bar.bottom{height:2px;bottom:0;right:0}.loader-container-bar.right{width:2px;top:0;right:0}.loader-container-bar.left{width:2px;bottom:0;left:0}