body{overflow:hidden}#app{height:100%;display:flex}#side{background:#1c1812;border-right:1px solid #3a3022;flex-direction:column;width:300px;display:flex}#side input,#side select{color:inherit;background:#2a2318;border:1px solid #4a3d28;margin:6px;padding:5px}#tabs{display:flex}#tabs button{color:inherit;cursor:pointer;background:#241e15;border:0;flex:1;padding:6px}#tabs button.on{background:#5a4522}#list{flex:1;overflow:auto}#list div{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;padding:3px 8px;overflow:hidden}#list div:hover{background:#3a2f1c}#list div.sel{background:#5a4522}#main{flex:1;position:relative}#canvas{width:100%;height:100%;display:block}#message{text-align:center;background:#14110d;place-items:center;padding:24px;display:grid;position:absolute;inset:0}#message[hidden]{display:none}#hud{text-align:right;white-space:pre;background:#000a;padding:6px;font:12px monospace;position:absolute;top:8px;right:8px}#controls{background:#000a;align-items:center;gap:12px;padding:6px;display:flex;position:absolute;bottom:8px;left:8px}#controls[hidden],#collision-toggle[hidden]{display:none}