*,*:before,*:after{box-sizing:border-box}body{margin:0;width:100vw;height:100vh;display:flex;justify-content:center;overflow:hidden}img,canvas{position:absolute;width:100%;height:100%;margin:0;top:0;left:0}#loading,.lock-click-hint{pointer-events:none;position:fixed;width:fit-content;height:fit-content;inset:0;margin:auto;padding:.6em;border-radius:.2em;border:2px dashed}#loading{font-size:2em;color:red;border-color:red}.lock-click-hint{font-size:1.5em;color:#000;border-color:#000;transition:opacity .6s ease-in-out}.lock-click-hint.hidden{opacity:0}.floating-window{position:absolute;right:30pt;top:30pt;width:200pt;max-width:calc(100vw - 60pt);padding:10pt;border-radius:.2em;background:#3b0a0182;color:#f5f5f5;font-family:"Courier New",Courier,monospace;display:flex;flex-direction:column;gap:5pt;user-select:none}.floating-window.hidden{display:none}.floating-window>h3{text-align:center;margin:5pt}