html,body{margin:0;height:100%;overflow:hidden;background:#000;font:13px/1.4 system-ui,sans-serif;color:#e8e8e8}#view{display:block;width:100vw;height:100vh;cursor:grab}#view:active{cursor:grabbing}#panel{position:fixed;top:12px;left:12px;padding:10px 12px;background:#0009;border-radius:6px;display:grid;gap:6px}#panel select,#panel input[type=range]{vertical-align:middle}#panel .help{margin:0;opacity:.7}#status{position:fixed;bottom:12px;left:12px;opacity:.8}#view:focus{outline:none}#hud{position:fixed;inset:0;pointer-events:none}#hud-canvas{width:100%;height:100%;display:block;image-rendering:pixelated}#panel{display:none}body.dev #panel{display:grid}body:not(.in-game) #hud,body:not(.in-game) #status{display:none}#stage{--blue: #3a5cc8;position:fixed;left:50%;top:50%;width:640px;height:480px;transform-origin:center;overflow:hidden;background:#000;user-select:none;box-shadow:0 0 0 100vmax #000}#stage[hidden]{display:none}#stage.overlay{background:transparent;box-shadow:none}#stage .sprite{position:absolute;pointer-events:none}#stage canvas.bm-text{display:block;image-rendering:pixelated}#stage button{font:inherit}.sprite-button{position:absolute;border:0;padding:0;cursor:pointer;background-color:transparent;background-repeat:no-repeat;background-position:0 0}.sprite-button:hover{background-position:calc(-1 * var(--w)) 0}.sprite-button:active{background-position:calc(-2 * var(--w)) 0}.sprite-button.disabled{background-position:calc(-3 * var(--w)) 0;cursor:default}.menu-row{position:absolute;border:0;padding:0;cursor:pointer;background-color:transparent;background-repeat:no-repeat;opacity:.85}.menu-row:hover{opacity:1;filter:drop-shadow(0 0 3px #48f) drop-shadow(0 0 6px #6af)}.panel{position:absolute;box-sizing:border-box;padding:8px 10px;background:#02081cc7;border:1px solid var(--blue);box-shadow:inset 0 0 0 1px #7896ff1f,0 0 8px #0009}.panel:before{content:"";position:absolute;left:-1px;top:-1px;width:40px;height:3px;background:var(--blue)}.scroller{width:100%;height:100%;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--blue) transparent}.map{position:absolute;width:200px;height:200px;border:1px solid var(--blue);box-shadow:0 0 8px #0009}.list-row{padding:2px 4px;cursor:pointer;border-left:2px solid transparent}.list-row:hover{background:#3a5cc840}.list-row.selected{background:#3a5cc88c;border-left-color:#a8c0ff}.list-row.locked{cursor:default;background:none}.panel-button{position:absolute;z-index:5;padding:3px 6px;cursor:pointer;background:#02081cc7;border:1px solid var(--blue)}.panel-button:hover{border-color:#a8c0ff}.dim{position:absolute;inset:0;background:#0000008c}